/*----------------------------------------------- */
@media only screen and (max-width: 320px) {
    .post-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}
/*----------------------------------------------- */
@media only screen and (min-width: 320px) {
    .header-right .searchform{
    display: none;
    }
   .header-right .menu-btn {
        display: block
    }
    
    .post-content,
    .search-result,
    .section-container {
        padding-left: 45px;
        padding-right: 45px;
    }
    .single .post .related-box{
        border-top: 1px solid #f2f2f2;
        padding: 20px 45px 50px;
    }
    .author-desc {
	   padding:20px 45px 50px;
    }
    #comments {
        padding: 30px 45px 50px
    }
    .search-result .section-title, .section-container .section-title {
        font-size: 32px
    }
    .entry-meta .post-cats {
        top: 0
    }
}
    
/* =Screen wider than 480
----------------------------------------------- */
@media only screen and (min-width: 520px) {
    

    h1, .h1, h2, .h2 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4em;
        text-shadow: none;
        margin-bottom: 10px;
    }
    .search-result .section-title, .section-container .section-title {
        font-size: 40px
    }
    #primary{
        margin-left:0;
        margin-right:0;

    }
   
    .hentry {
        box-sizing: border-box;
        margin-bottom: 50px;
    }
    
    .post-content {
        padding-left: 95px;
        padding-right: 95px;
    }
    .author-desc {
	   padding:20px 95px 50px;
    }
    .single .post .related-box{
        padding: 20px 95px 50px;
    }
    .entry-meta .post-cats {
        top: 20px
    }
    
.one-column .hentry .home-thumb{
	width:33.333%;
	float:left;
	padding-right:20px;
	position:absolute;
	left:0;
	top:30px;
}
.one-column .hentry:nth-child(1) .home-thumb{
	top:0;
}
.one-column .hentry > header,
.one-column .hentry > .entry-summary{
	padding-left:33.333%;
	margin-left:10px;
}
.one-column .hentry > header.no-thumb,
.one-column .hentry > .no-thumb{
	padding-left:0;
	margin-left:0;
}


/* =Screen wider than 320
----------------------------------------------- */
@media only screen and (min-width: 720px) {
     .menu-btn{
        display: none !important;
    }
#masthead hgroup.logo img{
	max-width:none;
}
    .header-right {
        background: transparent;
        margin: 0;
        width: auto
    }
.primary-navigation{
	clear:both;
    position: relative;
    margin-bottom: 0;
    float: left;
}
.primary-navigation ul li{

}
.primary-navigation a{
    text-transform: uppercase;
    font-family: 'Lato';
	text-decoration:none;
    position: relative;
}
    .header-right .searchform{
    display: block;
    float: right;
    }
   
#sidebar-top{
	float:right;
	text-align:right;
	width:60%;
	margin-top:30px;
}
#sidebar-top .widget{
	margin-bottom:0;
}

.single .post > .entry-content, .single .post > footer{
}

.single .post .related-box{
    margin: 0;
    border-top: 1px solid #f2f2f2;
}

.gallery-columns-2 .gallery-item{
	max-width:50%;
}
.gallery-columns-3 .gallery-item{
	max-width:33.333%;
}
.gallery-columns-4 .gallery-item{
	max-width:25%;
}
.gallery-columns-5 .gallery-item{
	max-width:20%;
}
.gallery-columns-6 .gallery-item{
	max-width:16.666%;
}
.gallery img {
	border: 0px solid #cfcfcf;
}
.gallery .gallery-caption {
	margin-left: 0;
}
#comments .commentlist, #commentform{
}


}
    
@media only screen and (max-width: 480px) {
    .entry-title {
        font-size: 32px
    }
}

/* =Screen wider than 1024
----------------------------------------------- */

@media only screen and (min-width: 960px) {

h1, .h1 {
	line-height: 1.167em;
	margin-bottom:10px;
    color: #333;
    font-size: 22px;
}

#primary{
	margin: 0 auto;
	width: 950px;
}
#primary.full-width{
	width:auto;
	margin-right:-330px;
}
.left-sidebar .full-width#primary{
	width:auto;
	margin-left:-330px;
	margin-right:0;
}
.single .post .related-box{
    margin: 0;
    padding: 20px 95px 50px;
    overflow: hidden;
}  
}

/* =Screen wider than 1024
----------------------------------------------- */

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 500px) {
}

@media only screen and (max-width: 895px) {
    .header-image-quote {
        display: none;
    }

    .container {
        height: 225px;
        position: relative;
    }

    .header-right {
        float: none;
        position: relative;
    }
}

}