/*==================================RESPONSIVE LAYOUTS===============================================*/ @media only screen and (min-width: 1280px){ #header .top-header.sticky{ position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #222; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #header.header-4 .top-header.sticky{background: #f7f7f9;} } @media only screen and (max-width: 1199px){ } @media (min-width: 992px) and (max-width: 1199px) { } @media only screen and (max-width: 992px){ .logo-banner.logo-wrap .logo, .logo-info.logo-wrap .logo{ float: none } .header-one .top-bar-contact { text-align: center; } #header .top-bar .social-icon-list { text-align: left; } .holder-right .search-holder{ width: 100%; text-align: left; } /* Mobile Menu /* -------------------------------------------------- */ #header.header.header-main .menu-holder{ position: relative; background-color: rgba(0,0,0,.8); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #main-navigation{display: none!important;} .responsive-nav-button { display: inline-block; } .mobile-advanced { position: absolute; top: 0; right: -100%; z-index: 995; overflow: hidden; display: block; width: 100%; height: 100%; background-color: #fff; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform .35s ease; transition: transform .35s ease; -webkit-transform: translateX(0); transform: translateX(0); } #wrapper.active .mobile-advanced { pointer-events: auto; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .no-cssanimations.no-csstransforms3d #wrapper.active .mobile-advanced { right: 0; } .mobile-advanced > ul { padding-top: 80px; } .mobile-advanced li { display: block; list-style: none; } .mobile-advanced li > span { display: block; padding: 10px 15px; color: #333; font-weight: 400; } .mobile-advanced li a { display: block; padding: 10px 20px; border-bottom: 1px solid #eaeaea; line-height: 1.15em; } .mobile-advanced > ul > li.current > a, .mobile-advanced > ul > li:hover > a{ background-color: #ff0600; } .mobile-advanced > ul > li > a{ background-color: #222; color: #fff; font-weight: 400; font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: normal; } .mobile-advanced ul ul li > a {padding-left: 30px;} .mobile-advanced ul ul li > a:before{ display: inline-block; position: relative; margin-right: 5px; font-size: 10px; font-family: 'fontello'; content: "\e8e5"; } .mobile-advanced ul ul ul li > a { padding-left: 55px; } #advanced-menu-hide{ position: fixed; top: 20px; right: 30px; z-index: 999; display: block; text-align: center; color: #222; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 3px; border-radius: 3px; } .logged-in.admin-bar #advanced-menu-hide{top: 55px;} #wrapper.active #advanced-menu-hide{ visibility: visible; pointer-events: auto; -webkit-transform: translateX(0); transform: translateX(0); } #advanced-menu-hide:after{ content: '\ec9a'; vertical-align: middle; text-align: center; font-size: 20px; font-family: 'fontello'; line-height: 38px; } #advanced-menu-hide:hover{color: #ff0600;} .mobile-advanced > ul > li.dropdown .sub-menu-wrap, .mobile-advanced > ul > li.dropdown .sub-menu-wrap.sub-menu-inner{ position: relative; width: 100%; opacity: 1; visibility: visible; left: 0; right: 0; border: none; padding: 0; margin: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .sub-menu-wrap ul li:hover{background: transparent!important;} .sub-menu-wrap ul li{padding: 0;} .sub-menu-wrap ul li.current-menu-item{background: none!important;} .toggle-menu { display: block; } /* ------------------------------------------------------------------------------ */ .sbr #sidebar{margin-top: 50px;} .sbl #sidebar{margin-bottom: 50px;} .widget-instagram.full-width .instagram-feed li{width: 33.3%;} .searchform-wrap .vc-child{ width: 100%; padding: 250px 20px 0 20px; } .sub-menu-wrap ul li.sub > a:after{ content: '\e8e7'; right: 20px; } #footer .top-footer .flex-grid-section .flex-columns-3{ -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; margin-bottom: 50px; } #footer .top-footer .flex-grid-section .flex-columns-3:last-child{ -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 992px){ #content > .container > .row{ display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .with-right-separator #main{ padding-right: 30px; } .with-left-separator #main{ padding-left: 30px; } .sbr #sidebar{padding-left: 30px; border-left: 1px solid #eee;} .sbl #sidebar{padding-right: 30px; border-right: 1px solid #eee;} } @media (max-width:769px){ #footer .flex-justify-section{display: block;} #footer .flex-justify-section .flex-col-3:not(:last-child){margin-bottom: 20px;} #footer .flex-justify-section .flex-col-3{ width: 100%; text-align: center; } .post-area .post-item .post-thumbnail img{width: 100%;} .flex-list-section .post-item:not(.full-width){display: block;} .flex-list-section .flex-columns-2 .post-thumbnail, .flex-list-section .flex-columns-2 .entry-header{ max-width: 100%; } .flex-list-section.post-area .flex-columns-2 .post-thumbnail{margin-bottom: 45px;} .row > [class*="col-sm-"]:not(:last-child){margin-bottom: 30px;} .page-section-area .page-section:not(:last-child), .post-area .post-item{ margin-bottom: 50px; } .post-nav .post-area .post-item .entry-title a{font-size: 30px;} .post-area .post-item.flex-columns-1 .entry-title a{font-size: 30px;} .owl-carousel .owl-item img{min-height: 250px;} } @media (min-width:769px){ .links{ text-align: right } } @media (min-width: 769px) and (max-width: 992px) { } @media only screen and (max-width:480px){ .flex-grid-section .flex-columns-2, .flex-grid-section .flex-columns-3{ -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .mad-post-area .post-item .post-thumbnail img{width: 100%;} figure img{width: 100%;} figure a img{width: auto;} .flex-list-section .post-item.full-width{display: block;} .flex-list-section .full-width.flex-columns-2 .post-thumbnail, .flex-list-section .full-width.flex-columns-2 .entry-header{ max-width: 100%; } .post-area .post-item.full-width .post-thumbnail img{width: auto;} #footer .top-footer .flex-grid-section .flex-columns-3{ -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .page-section-area .page-section:not(:last-child), .post-area .post-item{ margin-bottom: 30px; } .post-area .post-item.short-verion{margin-bottom: 30px;} [class*="col-xs-"]{ float: none; width: 100%; } .post-nav .post-area{display: none;} .post-area .post-item.flex-columns-1 .entry-title a{ font-size: 20px; line-height: 30px; } .entry-meta .default-list-disk > li{font-size: 8px;} .entry-meta > h3 a{font-size: 16px;} .carousel-type-3 .desc-box .entry-meta{width: 80%;} .carousel-type-4 .desc-box{width: 60%;} } @media only screen and (max-width:320px){ }