@media only screen and (max-width: 1480px){
.header.title{ height: 300px; }
.header.title .wrap h1{ font-size: 46px; line-height: 52px; }

.post.preview{ height: 300px; }
.post.preview.featured{ height: 600px; }
.post.preview.loop .header h2{ font-size: 17px; line-height: 25px; word-spacing: -8px; }
.post.preview.loop .header span.meta{ font-size: 12px; padding: 8px 0 0; }
.post.preview.loop .header{ border-left: 6px solid #fff; border-right: 6px solid #fff; }
.post.preview.loop .header::before{ width: 6px; height: 6px; top: -3px; left: -3px; }
.post.preview.loop .header::after{ width: 6px; height: 6px; top: -3px; right: -3px; }
.post.preview.loop .header .wrap{ padding: 20px; margin: -6px 0; border-top: 6px solid #fff; border-bottom: 6px solid #fff; }
.post.preview.loop .header .wrap::before{ width: 6px; height: 6px; bottom: -3px; left: -3px; }
.post.preview.loop .header .wrap::after{ width: 6px; height: 6px; bottom: -3px; right: -3px; }

.post.single .sidebar .meta .date{ float: left; margin: 0 0 26px; }
.post.single .sidebar .meta .date span{ display: inline-block; padding: 2px 1px; }
.post.single .sidebar .meta .date span.month{ font-size: 15px; }
.post.single .sidebar .meta .date span.day{ font-size: 15px; }
.post.single .sidebar .meta .date span.year{ font-size: 15px; }
.post.single .sidebar .meta h3.cat{ clear: both; margin: 0 0 16px; }

.content-block .gallery .gallery_item{ width: 20%; }
}

@media only screen and (max-width: 1280px){
.post.single .main{ padding: 40px 90px 40px 40px; }
.post.single .main .header h1{ font-size: 34px; line-height: 46px; word-spacing: -16px; }

.post.single .sidebar .meta{ padding: 35px 25px 25px; }
.post.single .sidebar .meta h3.cat{ font-size: 28px; }
}

@media only screen and (max-width: 1080px){
body{ background: #000; }

#header ul.social{ display: none; }

.header.title{ width: 66.6666%; height: 260px; }

.post.preview{ width: 33.3333%; height: 260px; }
.post.preview.featured{ width: 66.6666%; height: 520px; }
.post.preview.featured .header .wrap{ padding: 30px; }
.post.preview.featured .header h2{ font-size: 25px; line-height: 35px; word-spacing: -10px; }

#footer .main{ padding: 40px; }

.content-block .gallery .gallery_item{ width: 25%; }
}

@media only screen and (max-width: 980px){
#footer .back_top.single{ bottom: 45px; }
}

@media only screen and (max-width: 960px){
.post.single .main{ padding: 40px; }
}

@media only screen and (max-width: 880px){
#header{ height: auto; float: left; position: relative; top: inherit; left: inherit; }
#header .toggle{ display: none; }
#nav_btn{ display: block; float: right; padding: 35px 20px; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 4px; 
float: left; 
display: block; 
background: #fff; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 8px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }
#header #nav .wrap{ width: 100%; margin-left: 0; }
#header #nav ul.main{ width: 100%; padding: 0; }
#header #nav ul.main li{ width: 100%; border-top: 1px solid #333; }
#header #nav ul.main li a{ height: auto; font-size: 21px; line-height: normal; padding: 20px 26px; }
#header #nav .search_form{ width: 100%; float: left;  }
#header #nav .search_form #search_btn{ display: none; }
.toggle_search{ display: block; }
#header #nav .search_form #searchform{ position: relative; top: inherit; right: inherit; left: inherit; bottom: inherit; }
#header #nav .search_form #searchform::before{ top: 17px; left: 17px; background: #222; }
#header #nav .search_form #searchform::after{ bottom: 17px; left: 17px; background: #222; }
#header #nav .search_form .field{ padding: 20px; background: #222; }
#header #nav .search_form .field::before{ top: 17px; right: 17px; background: #222; }
#header #nav .search_form .field::after{ bottom: 17px; right: 17px; background: #222; }
#header #nav .search_form .field input{ height: 40px; padding: 0 46px 0 18px; }
#header #nav .search_form .submit, #home #header #nav .search_form .submit{
width: 46px; 
height: 40px;
display: block;
position: absolute;
top: 20px;
right: 20px;
background: url(images/search_black.svg) no-repeat center; 
-webkit-background-size: 18px 22px; 
-moz-background-size: 18px 22px;  
-o-background-size: 18px 22px; 
background-size: 18px 22px; 
border: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0;
text-indent: -9000px; 
cursor: pointer;
}

#main{ margin: 0; }

.header.title{ width: 100%; height: auto; }
.header.title::after{ display: none; }
.header.title .wrap{
width: 100%;
position: relative; 
top: inherit; 
left: inherit; 
padding: 40px;
-webkit-transform: none;
-ms-transform: none; 
transform: none;
}

.post.preview{ width: 50%; height: 320px; }
.post.preview.featured{ width: 100%; height: 460px; }

.post.single:after{ display: none; }
.post.single:before{ width: 100%; height: 65px; }
.post.single .main{ width: 100%; }

.post.single .sidebar{ width: 100%; background: #000; }
.post.single .sidebar .image{ display: none; }
.section.content-ad{ display: none !important; }
}

@media only screen and (max-width: 780px){
.entry{ padding: 40px; }
.entry .header h1{ font-size: 46px; line-height: 56px; }

.header.title .wrap h1{ font-size: 36px; line-height: 42px; }
.header.title .wrap h1.with_margin{ margin: 0 0 20px; }
.header.title .wrap h2.sub_title{ font-size: 17px; line-height: 25px; padding: 8px 0 0; }
#main.no_results .entry .header h2.sub_title{ font-size: 17px; line-height: 25px; padding: 15px 0 0; }
}

@media only screen and (max-width: 680px){
body{ font-size: 15px; }

p { line-height: 25px; }

#footer .nav ul.menu{ margin: 0 auto 15px; }
#footer .nav ul.menu li{ display: block; }
}

@media only screen and (max-width: 680px){
.entry .header{ margin: 0 0 20px; }
.entry .header h1{ font-size: 36px; line-height: 46px; }
}

@media only screen and (max-width: 580px){
.post.preview{ width: 100%; }
.post.preview.featured{ height: 320px; }
.post.preview.featured .header{ border-left: 6px solid #fff; border-right: 6px solid #fff; }
.post.preview.featured .header::before{ width: 6px; height: 6px; top: -3px; left: -3px; }
.post.preview.featured .header::after{ width: 6px; height: 6px; top: -3px; right: -3px; }
.post.preview.featured .header .wrap{ padding: 20px; margin: -6px 0; border-top: 6px solid #fff; border-bottom: 6px solid #fff; }
.post.preview.featured .header .wrap::before{ width: 6px; height: 6px; bottom: -3px; left: -3px; }
.post.preview.featured .header .wrap::after{ width: 6px; height: 6px; bottom: -3px; right: -3px; }
.post.preview.featured .header h2{ font-size: 17px; line-height: 25px; word-spacing: -8px; }
.post.preview .header span.meta{ font-size: 11px; }
.post.preview .header span.meta span.cat{ padding: 0 12px 0 0; }
.post.preview .header span.meta span.cat::after{ width: 4px; height: 4px; top: 4px; right: 4px; }

.content-block .gallery .gallery_item{ width: 33.3333%; }
}

@media only screen and (max-width: 480px){
#header h1#logo{ margin-right: 0; }

.entry{ padding: 25px; }
.entry .header h1{ font-size: 30px; line-height: 40px; }

.header.title .wrap{ padding: 30px; }
.header.title .wrap h1{ font-size: 27px; line-height: 35px; }
.header.title .wrap .btn{ font-size: 11px; line-height: 11px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.header.title .wrap .btn span{ display: block; padding: 8px 12px; margin: -2px 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

.post.preview{ height: 280px; }
.post.preview.featured{ height: 280px; }

.post.single{ padding: 0 0 52px; }
.post.single:before{ 
height: 52px;
-webkit-background-size: 48px 24px; 
-moz-background-size: 48px 24px;  
-o-background-size: 48px 24px; 
background-size: 48px 24px;
}
.post.single .main{ padding: 25px; }
.post.single .main .header h1{ font-size: 24px; line-height: 34px; word-spacing: -12px; }

.load_more{ margin: 0 0 -52px 0; }
.load_more a, .load_more .loader{ width: 196px; height: 52px; font-size: 16px; line-height: 52px; }
.load_more .loader{ width: 196px; height: 52px; }

#footer::before{ 
height: 52px; 
-webkit-background-size: 48px 24px; 
-moz-background-size: 48px 24px;  
-o-background-size: 48px 24px; 
background-size: 48px 24px;
}
#footer::after{ 
height: 50px; 
-webkit-background-size: 34px; 
-moz-background-size: 34px;  
-o-background-size: 34px; 
background-size: 34px;
}
#footer .main{ padding: 30px; }
}

@media only screen and (max-width: 380px){
.content-block .gallery .gallery_item{ width: 50%; }
}

@media only screen and (max-width: 360px){
#header h1#logo{ width: 195px; height: 40px; }
#header h1#logo a{ width: 195px; height: 40px; }
#nav_btn{ padding: 30px 20px; }
}