@media screen and (max-width: 1200px) { #pagewrap {
max-width: 100%;
}
.pagewidth,
.full_width .themify_builder_row .row_inner,
.full_width .related-posts,
.full_width .post-nav,
.full_width .commentwrap	{
max-width: 96%;
}
.header-gallery#headerwrap.fixed-header #header {
padding-left: 0;
padding-right: 0;
width: 96%;
}
body {
font-size: 1em;
}
}
@media screen and (max-width: 800px) { .loops-wrapper.grid4 .post {
width: 48.4%; }
.loops-wrapper.grid4 .post:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
}
@media screen and (max-width: 760px) { body {
font-size: .95em;
} .page-title,
h1 {
font-size: 1.95em;
}
h2 {
font-size: 1.75em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.25em;
} body .pagewidth,
body.full_width .themify_builder_row .row_inner,
body.full_width .related-posts,
.full_width .post-nav,
.full_width .commentwrap	{
max-width: 90%;
}
body #content {
width: 100%;
max-width: 100%;
float: none;
clear: both;
padding-top: 10%;
} body #sidebar {
width: 100%;
max-width: 100%;
float: none;
clear: both;
padding-top: 10%;
}
}
@media screen and (max-width: 680px) { .col4-1,
.col4-2, .col2-1,
.col4-3,
.col3-1,
.col3-2	 {
margin-left: 0;
width: 100%;
max-width: 100%;
}  .fixed-header #headerwrap #site-logo img {
width: auto;
max-height: 40px;
} #main-nav .has-mega-column > .sub-menu {
overflow: inherit; } #headerwrap .header-icons { 
right: 5%;
}  .shortcode.loops-wrapper.list-post .post,
.shortcode.loops-wrapper.grid4 .post,
.shortcode.loops-wrapper.grid3 .post,
.shortcode.loops-wrapper.grid2 .post,
.shortcode.grid2-thumb .post,
.shortcode.list-thumb-image .post,
.shortcode.list-large-image .post,
.loops-wrapper.list-post .post,
.loops-wrapper.grid4 .post,
.loops-wrapper.grid3 .post,
.loops-wrapper.grid2 .post,
.loops-wrapper.grid2-thumb .post,
.loops-wrapper.list-thumb-image .post,
.loops-wrapper.list-large-image .post,
.loops-wrapper.no-gutter.grid2 .post,
.loops-wrapper.no-gutter.grid3 .post,
.loops-wrapper.no-gutter.grid4 .post {
width: 100%;
margin-left: 0;
float: none;
} .post-title,
.loops-wrapper.list-post .post-title,
.loops-wrapper.grid4 .post-title,
.loops-wrapper.grid3 .post-title,
.loops-wrapper.grid2 .post-title,
.loops-wrapper.grid2-thumb .post-title,
.loops-wrapper.list-thumb-image .post-title,
.loops-wrapper.list-large-image .post-title,
.loops-wrapper.slider .post-title {
font-size: 1.8em;
} .loops-wrapper.list-post .post-image,
.loops-wrapper.grid4 .post-image,
.loops-wrapper.grid3 .post-image,
.loops-wrapper.grid2 .post-image,
.loops-wrapper.list-large-image .post-image {
float: none;
position: static;
width: auto;
overflow: visible;
} .loops-wrapper.grid2-thumb .post-content,
.loops-wrapper.list-thumb-image .post-content {
overflow: visible;
} .loops-wrapper.list-post .post-meta, .single .post-meta {
font-size: .9em;
} .loops-wrapper.list-post .post-date-wrap,
.single .post-content .post-date-wrap,
.loops-wrapper.list-post .post-date,
.single .post-content .post-date {
width: 80px;
height: 80px;
}
.loops-wrapper.list-post .has-post-thumbnail .post-date-wrap,
.single .has-post-thumbnail .post-date-wrap {
margin-top: -65px;
}
.loops-wrapper.list-post .post-date .day,
.single .post-date .day {
font-size: 23px;
}
.loops-wrapper.list-post .post-date .month,
.single .post-date .month {
font-size: 13px;
padding-top: 18px;
}
.loops-wrapper.list-post .post-date .year,
.single .post-date .year {
font-size: 10px;
} .loops-wrapper.slider .post-meta {
position: static;
}
#gallery-controller .slider-dot {
display: none;
}
#gallery-controller .carousel-nav-wrap a {
width: 25px;
height: 25px;
}
#gallery-controller .carousel-nav-wrap a:before {
font-size: 20px;
}
#gallery-controller .carousel-nav-wrap a:hover:before {
font-size: 24px;
}
.header-gallery.header-gallery-ready #header {
padding-left: 30px;
padding-right: 30px;
}
.header-gallery#headerwrap.fixed-header #header {
padding-left: 0;
padding-right: 0;
width: 90%;
}
.fixed-header-on #headerwrap.header-gallery.header-gallery-ready .header-icons {
right: 5%;
} .related-posts .post {
width: auto;
float: none;
}
.related-posts .post img {
width: 100%;
} #commentform input[type=text], 
#contactform input[type=text] {
max-width: 50%;
} .commentlist .reply {
position: static;
}
#respond #cancel-comment-reply-link {
position: static;
display: table;
}
.commentwrap .pagenav.top {
position: static;
} .single.single-split-layout .featured-area,
.single.single-split-layout #footerwrap,
.single.single-split-layout #layout,
.single.single-split-layout .post-nav {
position: relative;
width: 100%;
float: none;
}
.single.single-split-layout #layout {
max-width: 90%;
}
.single.single-split-layout #content,
.single.single-split-layout #footerwrap {
padding-left: inherit;
padding-right: inherit;
}
.single.single-split-layout .featured-area .post-image {
margin-bottom: 0;
height: auto;
}
.single.single-split-layout .related-posts .post-image img,
.single.single-split-layout .featured-area .post-image img {
height: auto;
min-height: 0;
object-fit: none;
}
.single.single-split-layout .featured-area:before {
display: none;
}
.single.single-split-layout .post-nav {
background-color: transparent;
margin-bottom: 1em;
}
.single.single-split-layout .post-nav .prev,
.single.single-split-layout .post-nav .next {
clear: none;
}
.single.single-split-layout .featured-area .post-content {
padding-top: 1.7em;
position: static;
overflow: visible;
}
.single.single-split-layout .post-image + .post-content .post-meta,
.single.single-split-layout .post-meta {
margin-bottom: 0.5em;
} .single.single-fullwidth-layout .featured-area .post-image + .post-content .post-date-wrap {
margin-top: -65px;
}
.single.single-slider-layout .featured-area .post-content .post-date-wrap {
margin-top: -65px;
}
.single.single-slider-layout .featured-area .carousel-pager {
bottom: 55px;
}
.single.single-slider-layout .featured-area .carousel-next,
.single.single-slider-layout .featured-area .carousel-prev {
max-height: 50px;
font-size: 14px;
}
.single.single-slider-layout .featured-area .carousel-next:before,
.single.single-slider-layout .featured-area .carousel-prev:before {
padding: 16px 8px 16px 5px;
}
.single.single-gallery-layout .featured-area .gallery-wrapper + .post-content .post-date-wrap {
margin-top: -40px;
} .post-nav .prev,
.post-nav .next {
display: block;
width: 100%;
clear: both;
margin-bottom: 10px;
} .commentlist {
padding-left: 0;
}
.commentlist .commententry {
clear: left;
}
.commentlist .avatar {
float: left;
width: 40px;
height: 40px;
margin: 0 1em 1em 0;
} #footerwrap {
padding-top: 35px;
} #footer-logo {
font-size: 2em;
}
.back-top a:before {
font-size: 2.8em;
} .footer-horizontal-left .footer-left-wrap,
.footer-horizontal-right .footer-left-wrap,
.footer-horizontal-left .footer-right-wrap,
.footer-horizontal-right .footer-right-wrap,
.footer-left-col .main-col,
.footer-right-col .main-col,
.footer-left-col .section-col,
.footer-right-col .section-col {
margin-left: 0;
margin-right: 0;
width: 100%;
max-width: 100%;
}
.footer-horizontal-left .back-top,
.footer-horizontal-right .back-top,
.footer-left-col .back-top,
.footer-right-col .back-top {
top: -71px;
}
} @media screen and (max-height:900px) {
.full-section-scrolling #headerwrap .header-widget,
.header-horizontal #headerwrap .header-widget,
.header-top-bar #headerwrap .header-widget,
.boxed-compact #headerwrap .header-widget {
max-height: 70vh;
}
} @media screen and (max-width: 760px) {
#sidebar-alt + #sidebar {
padding-top: 0;
}
.sidebar2 #layout {
display: block;
}
body:not(.sidebar2):not(.sidebar-none):not(.sidebar-left):not(.full_width) #content,
body:not(.sidebar2):not(.sidebar-left) #sidebar,
.sidebar-left #content,
.sidebar-left #sidebar {
float: none;
width: 100%;
}
}   .mobile_menu_active #header {
height: auto;
padding: 10px 0 5px;
}
.mobile_menu_active #headerwrap.fixed-header #header {
text-align: inherit; } .mobile_menu_active #site-logo,
.mobile_menu_active #site-description {
position: static;
float: none;
clear: both;
margin: 0;
padding: 0;
} .mobile_menu_active #site-logo {
font-size: 30px;
margin: 5px 0 5px;
padding: 0;
} .mobile_menu_active #site-description {
margin: 0 0 .5em;
} .mobile_menu_active .header-widget {
position: static;
float: none;
clear: both;
margin: 0;
text-align: inherit;
}
.mobile_menu_active .header-widget .widget {
margin: 0 0 10px;
padding-top: 1.1em;
} .mobile_menu_active .header-icons {
position: absolute;
display: block;
top: 15px;
right: 2%;
z-index: 1999;
}
.mobile_menu_active .header-icons a {
text-decoration: none !important;
font-size: 1em;
} body.mobile-menu-visible {
overflow-y: hidden;
}
body.mobile-menu-visible .header-icons,
body.slide-cart-visible .header-icons {
z-index: 1 !important; } .mobile_menu_active .sidemenu {
transition: all .2s ease-in-out;
height: 100%;
width: 300px;
padding: 50px 25px 20px;
background-color: #f4f4f4;
color: #000;
display: block;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: fixed;
top: 0;
z-index: 11111;
}
.mobile_menu_active.admin-bar .sidemenu {
top: 32px;
}
.mobile_menu_active #mobile-menu {
right: -300px;
}
.mobile_menu_active #mobile-menu.sidemenu-on {
right: 0;
}
.mobile_menu_active.sidemenu-active {
position: relative;
}
.mobile_menu_active.sidemenu-active,
.mobile_menu_active.sidemenu-active #headerwrap {
left: 0;
transition: left .2s ease-in-out;
}
.mobile_menu_active.sidemenu-right,
.mobile_menu_active.sidemenu-right #headerwrap.fixed-header {
left: -300px;
}
.mobile_menu_active.sidemenu-left,
.mobile_menu_active.sidemenu-left #headerwrap.fixed-header {
left: 300px;
}
.mobile_menu_active.sidemenu-left #mobile-menu.sidemenu-on {
left: 0;
} #headerwrap #mobile-menu-panel a {
color: #fff;
text-decoration: none;
} .mobile_menu_active #menu-icon-close {
position: absolute;
display: block;
text-decoration: none;
top: 10px;
right: 10px;
font-size: 20px;
color: inherit;
}
.mobile_menu_active #menu-icon-close:after {
content: "\e646";
font-family: 'themify';
} .mobile_menu_active #main-nav {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 15px 0;
background: none;
border: none;
text-align: left;
float: none;
clear: both;
}
.mobile_menu_active #headerwrap #main-nav li {
float: none;
display: block;
border: none;
background: none;
padding: 0;
margin: 0;
clear: both;
width: 100%;
} .mobile_menu_active #main-nav li:not(.themify-widget-menu) > ul,
.mobile_menu_active #main-nav ul {
position: static;
width: auto;
height: auto;
display: block;
border: none;
margin: 0;
padding: 0 0 0 1em;
background: none;
clear: both;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
color: inherit;
}
.mobile_menu_active #main-nav ul li {
border: none;
background: none;
padding: 0;
margin: 0;
} .mobile_menu_active #main-nav a,
.mobile_menu_active #main-nav ul a {
width: auto;
display: block;
border: none;
padding: .6em 0;
margin: 0;
color: inherit;
line-height: 1.5em;
background: none;
text-decoration: none;
}
.mobile_menu_active #main-nav > li:last-child a {
border: none;
} .mobile_menu_active #main-nav ul a {
font-weight: normal;
} .mobile_menu_active #main-nav a:hover,
.mobile_menu_active #main-nav ul a:hover {
color: #ed1e24;
} .mobile_menu_active #main-nav .menu-item-has-children > a:after,
.mobile_menu_active #main-nav ul .menu-item-has-children > a:after {
display: none;
} .mobile_menu_active #main-nav .current_page_item > a,
.mobile_menu_active #main-nav .current-menu-item > a {
color: #ed1e24;
} .mobile_menu_active #main-nav .has-mega-sub-menu .mega-sub-menu,
.mobile_menu_active #main-nav .has-mega-column > .sub-menu {
background: none;
box-shadow: none;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
.mobile_menu_active #main-nav .has-mega-column > .sub-menu {
max-height: inherit;
}
.mobile_menu_active #main-nav .has-mega-sub-menu .mega-sub-menu,
.mobile_menu_active #main-nav .has-mega-column > ul.sub-menu {
position: static;
display: block;
border: none;
min-height: 0;
max-height: none;
margin: 0;
width: auto;
color: inherit;
}
.mobile_menu_active #main-nav .has-mega-sub-menu .mega-sub-menu ul {
height: auto;
width: auto;
float: none;
}
.mobile_menu_active #main-nav .has-mega-column > .sub-menu > li {
width: auto;
float: none;
margin-left: 0;
}
.mobile_menu_active #main-nav .has-mega-column .sub-menu > li > a {
text-transform: none;
margin: 0;
}
.mobile_menu_active #main-nav .mega-sub-menu li:after {
content: '';
}
#main-nav li.mega-link.loading:before,
.mobile_menu_active #main-nav .has-sub-menu > a:after,
.mobile_menu_active #main-nav .has-mega-sub-menu > a:after,
.mobile_menu_active #main-nav .mega-sub-menu li a:after,
.mobile_menu_active #main-nav .mega-menu-posts {
display: none;
} .mobile_menu_active #headerwrap #searchform-wrap {
display: block;
}
.mobile_menu_active #headerwrap #searchform {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
float: none;
clear: both;
margin: 0 0 1em;
padding: 0;
width: auto;
}
.mobile_menu_active #headerwrap #searchform #s {
width: 100%;
float: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
margin: auto;
color: #000;
padding: 5px 15px 5px 35px;
background-color: #fff;
position: static;
height: auto;
}
.mobile_menu_active #searchform #s:focus,
.mobile_menu_active #searchform #s:hover,
.mobile_menu_active #searchform .icon-search:hover + #s {
width: 100%;
background-color: #fff;
}	
.mobile_menu_active #headerwrap #searchform .icon-search:before {
left: 7px;
top: 3px;
position: absolute;
background: transparent;
color: #000;
width: 16px;
height: 16px;
font-size: 18px;
padding: 3px;
margin: 0;
} .mobile_menu_active .social-widget {
position: static;
float: none;
} .mobile_menu_active .widget .twitter-list .twitter-timestamp {
opacity: 1;
}
.mobile_menu_active .header-widget .col3-1 {
margin-left: 0;
width: 100%;
max-width: 100%;
}
.mobile_menu_active .sidemenu .header-widget {
height: auto;
margin-bottom: 1em;
} .mobile_menu_active #headerwrap.fixed-header .cart-wrap,
.mobile_menu_active #headerwrap.fixed-header .header-bar,
.mobile_menu_active #headerwrap.fixed-header .social-widget,
.mobile_menu_active #headerwrap.fixed-header #searchform-wrap,
.mobile_menu_active #headerwrap.fixed-header .header-widget {
display: block;
}
.mobile_menu_active #headerwrap.fixed-header #header {
padding-top: 5px;
padding-bottom: 5px;
}
.mobile_menu_active #headerwrap.fixed-header #main-nav li {
padding-top: 0;
padding-bottom: 0;
}
.mobile_menu_active #headerwrap.fixed-header .header-icons {
top: 10px;
} .mobile_menu_active.header-block.slide-cart #main-nav-wrap {
display: block;
} .mobile_menu_active.announcement-bar-showing.announcement-top.admin-bar #headerwrap {
top: 0 !important;
}
.mobile_menu_active.announcement-bar-showing.admin-bar .themify_announcement.top {
top: 0; }