@media (max-width: 1200px) {
.nav-classic .header-middle-inner {
display:block;
margin:0;
text-align: center;
}
.nav-classic .header-middle-inner > *:not(:last-child) {
padding-right: 15px;
margin: 15px 0;
}
.nav-classic .header-middle-inner .contact-info {
width: 100%;
text-align: center;
margin:20px 0;
}
header.cons-agency .nav-classic .nav-menu .box-header-nav{
display: block;
}
} @media (max-width: 992px) {
.tablet-text-center{
text-align: center;
}
.tablet-text-left{
text-align: left;
}
.tablet-text-right{
text-align: right;
}
.nav-classic.desktop-only{
padding: 0;
}
.mobile-only{
display: block;
}
.container {
max-width: 100%;
} .cons_light_top_bar {
text-align: center;
padding: 10px 0;
}
.top-bar-menu > *,
.top-bar-menu ul > *{
float: none;
}
.top-bar-menu {
float: none !important;
}
.features-slider.owl-carousel .owl-nav,
.cons-agency .nav-classic .nav-menu,
.headerthree .box-header-nav .main-menu > .menu-item.logo-wrap{
display: none;
}
.headerthree .nav-classic .nav-menu .box-header-nav > ul{
display: block;
}
.headerthree .box-header-nav .main-menu .page_item a, 
.headerthree .box-header-nav .main-menu > .menu-item:not(.logo-wrap) > a{
padding: 12px;
}
.nav-classic .nav-menu {
position: static;
}
.nav-classic .header-middle-inner .contact-info{
justify-content: center;
}
.site-branding {
display: flex;
justify-content: space-between;
}
.headerfour .box-header-nav .main-menu > .menu-item,
.site-branding .custom-logo-link{
text-align: left;
}
.headerfour .header-container-wrap{
display: block;
}
.headerfour .transparent-menu .nav-menu::before, 
.headerfour .transparent-menu .nav-menu::after,
.headerfour .transparent-menu .nav-menu .box-header-nav,
.headerfour .nav-classic .socialwrap,
.headerfour .quickinfo{
display: none;
position: absolute;
width: 100%;
}
.construction-bell .nav-classic .header-middle-inner .contact-info{
margin: 0;
}
.construction-bell .nav-classic .header-middle-inner{
padding: 15px 0;
}
.headertwo .nav-classic{
padding-top: 0;
} .brandinglogo-wrap {
display: inline-block;
}
.nav-classic .header-nav-toggle,
.nav-classic-wrap .header-nav-toggle{
display: block;
}
.nav-classic .box-header-nav,
.nav-classic-wrap .box-header-nav{
display: none;
position: absolute;
z-index: 9;
background-color: #f9f9f9;
left: 0;
right: 0;
}
.nav-classic .nav-wrap{
padding: 0;
position: relative;
}
.box-header-nav>.main-menu {
padding: 0;
margin:0;
max-height: 350px;
overflow: scroll;
}
.box-header-nav .main-menu>ul>.page_item, 
.box-header-nav .main-menu>.menu-item {
float: none;
width: 100%;
border-bottom: 1px dotted #f1f0f0;
}
.box-header-nav .main-menu .page_item a, 
.box-header-nav .main-menu>.menu-item>a {
padding:12px 10px;
width:100%;
margin:0;
}
span.sub-toggle {
display: block;
}
.box-header-nav .main-menu .page_item.page_item_has_children>a::after, 
.box-header-nav .main-menu>.menu-item.menu-item-has-children>a::after,
.box-header-nav .main-menu .children>.page_item.page_item_has_children>a::after, 
.box-header-nav .main-menu .sub-menu>.menu-item.menu-item-has-children>a::after{
content: none;
}
.box-header-nav .main-menu .children, 
.box-header-nav .main-menu .sub-menu{
opacity: 1;
visibility: visible;
width: 100%;
position: relative;
left: 0;
box-shadow: none;
padding-left: 10px;
display: none;
transform:none;
}
.box-header-nav .main-menu .children .children, 
.box-header-nav .main-menu .sub-menu .sub-menu {
left: 0;
transform: none;
box-shadow: none;
padding-left: 10px;
}
.box-header-nav .main-menu .children>.page_item:hover>a, 
.box-header-nav .main-menu .sub-menu>.menu-item:hover>a {
background-color: transparent;
color: #ffb922;
border-bottom: 1px dotted hsla(0, 0%, 95%, 0.93);
padding: 12px 10px;
}
.box-header-nav .main-menu .children>.page_item>a, 
.box-header-nav .main-menu .sub-menu>.menu-item>a{
padding: 12px 10px;
}
.headertwo .box-header-nav .main-menu .page_item a, 
.headertwo .box-header-nav .main-menu>.menu-item>a {
padding: 12px 10px;
} .cl-service-section.layout_one_one.cl-bg-right .cl-service-posts, 
.cl-service-section.layout_four.cl-bg-right .cl-service-posts{
width:100%;
padding-left: 0;
padding-right: 0;
}
.cl-bg-right .cl-service-bg{
margin: 0;
}
.cl-service-section.layout_two_two .cl-service-post{
width:auto;
}
.cl-bg-right .cl-service-bg{
width:100%;
}
.cl-service-section.layout_two_two .cl-service-post-holder{
width: 100%;
}
.cl-service-section.layout_one_one .cl-service-post-wrap, 
.cl-service-section.layout_four .cl-service-post-wrap {
background: #ffffffe0;
padding: 10px;
} .cl-maintenance-page h1{
font-size:30px;
}
.cl-maintenance-countdown>.cl-count-label {
margin: 0 20px 15px;
}
.cl-maintenance-countdown>.cl-count-label span {
font-size: 35px;
line-height: 1.1;
}
.cl-maintenance-countdown{
margin: 0;
}
.cl-maintenance-page footer {
margin-top: 35px;
}
.construction-light-privacy-policy.top-full-width .policy-text, .construction-light-privacy-policy.bottom-full-width .policy-text{
margin:0;
flex: 0 0 100%;
} .construction-light-privacy-policy.top-full-width .cl-container, .construction-light-privacy-policy.bottom-full-width .cl-container {
display: block;
text-align: center;
}
.construction-light-privacy-policy.bottom-right-float,
.construction-light-privacy-policy.bottom-left-float{
width:100%;
}
.construction-light-privacy-policy.bottom-right-float, .construction-light-privacy-policy.bottom-left-float{
left: 0;
right:0;
text-align: center;
} .cons_light_feature .feature-list .box figure img,
.articlesListing .article .blog-post-thumbnail .post-thumbnail img,
.cons_light_team_layout_two .box figure img{
width: 100%;
}
.owl-carousel .owl-nav button.owl-prev{
left: 0;
visibility: visible;
opacity: 1;
}
.owl-carousel .owl-nav button.owl-next{
right: 0;
visibility: visible;
opacity: 1;
} .cl-column-4 #cl-pricingwrap,
.cl-column-2 #cl-pricingwrap,
#cl-pricingwrap {
grid-template-columns: repeat(2, 1fr);
} .sub_footer ul.sp_socialicon {
text-align: center;
margin-top: 20px;
}
.cons_light_copyright {
text-align: center;
}
} @media (max-width: 768px) {
.container {
max-width: 100%;
}
.section-tagline {
width: 100%;
}
.top-bar-menu ul > * {
padding: 0 5px;
}
.cons_light_top_bar .top-bar-menu.right ul {
float: none;
}
.construction-bell .mobile-nav-toggle .toggle-text,
.nav-classic .header-middle-inner .contact-info{
display: none;
}
.construction-bell .nav-classic .header-middle-inner .contact-info{
display: block;
} .banner-slider .slider-item .slider-content .slider-title {
font-size: 35px;
color: #fff;
margin-bottom: 0;
line-height: 45px;
}
.banner-slider.owl-carousel.features-slider, .breadcrumb{ } .about_us_front .achivement-items {
text-align: center;
} .cons_light_portfolio-cat-name {
margin-bottom: 10px;
}
.breadcrumb .cl-section-wrap {
padding: 50px 0;
}
.breadcrumb_wrapper {
display: block;
text-align: center;
}
.breadcrumb h2 {
text-align: center;
display:block;
margin-bottom: 10px;
}
.breadcrumb nav {
display: inline-block;
text-align: center;
}
[data-layout*="masonry2"] .article {
width: 100%;
} .cons_light_portfolio{
width: 50%;
padding: 4px;
}
.cons_light_portfolio-caption{
background: none !important;
opacity: 1;
}
.cons_light_portfolio-caption h3,
.cons_light_portfolio-caption a.cons_light_portfolio-link,
.cons_light_portfolio-caption a.cons_light_portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.cons_light_portfolio-caption h3{
background: rgba(0,0,0,0.2);
padding: 10px;
left: 0;
right: 0;
top: 0;
text-align: center;
}
.cons_light_portfolio-caption a{
right: 0;
bottom: 0;
margin: 0 5px;
}
.cons_light_portfolio-caption a.cons_light_portfolio-image{
right: 46px;
}
.prevNextArticle .next, 
.prevNextArticle .prev {
text-align: center;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: 100%;
padding: 0 10px;
}
}
@media(max-width: 767px){
.mobile-text-center{
text-align: center;
}
.mobile-text-left{
text-align: left;
}
.mobile-text-right{
text-align: right;
}
.cons_light_feature.layout_three .cl-service-content-wrap .cl-service-post-wrap{
background: #ffffffe0;
padding: 10px;
}
.cl-service-section.layout_three .cl-service-post{
width: 100%;
} .cl-contact-content{
display: block;
}
.cl-contact-detail,
.cl-contact-form {
width: 100%;
padding: 15px;
} .cl-tab-section.style2 .cltabs-wrapper ul, .cl-tab-section.style4 .cltabs-wrapper ul,
.cl-tab-section.style2 .cltabs-wrapper .tabscontent-wrap, .cl-tab-section.style4 .cltabs-wrapper .tabscontent-wrap{
width: 100%;
text-align: center;
}
.cl-tab-section.style2 .cltabs-wrapper ul li, .cl-tab-section.style4 .cltabs-wrapper ul li,
.cl-tab-section .cltabs-wrapper ul li {
display: inline-block;
margin: 0 10px 20px;
padding: 14px;
} .storeproductlist,
.storeproductlist.gird-4,
.storeproductlist.gird-5,
.storeproductlist.gird-6,
.storeproductlist.gird-2{
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 500px) {
.headertwo .nav-classic .box-header-nav, 
.headertwo .nav-classic-wrap .box-header-nav {
top: 0;
}
.nav-classic .header-middle-inner .contact-info .quickcontact .get-tuch {
margin-left: 0;
margin-bottom: 20px;
}
.calltoaction_promo_wrapper .calltoaction_button_wrap .btn-border,
.banner-slider .slider-item .slider-content .btn-area .btn-border {
margin-left: 0;
margin-top: 0;
}
.about_us_front .achivement-items ul li {
margin-right: 0;
padding-right: 0;
margin-bottom: 0;
padding-bottom: 0;
margin-bottom: 25px;
width: 100%;
}
.prevNextArticle .next, 
.prevNextArticle .prev {
margin-top: 20px;
}
.cons_light_portfolio {
width: 100%;
padding: 4px;
}
.breadcrumb h2{
font-size: 30px;
}
.breadcrumb ul li{
font-size: 12px;
}
.breadcrumb ul li a::after {
padding: 0px 3px;
}
.cl-service-section.layout_three .cl-service-post:nth-child(2n) {
padding-left: 70px;
}
.cl-service-section.layout_three .cl-service-post:nth-child(2n+1) {
padding-right: 70px;
} .cl-column-4 #cl-pricingwrap,
.cl-column-2 #cl-pricingwrap,
#cl-pricingwrap {
grid-template-columns: repeat(1, 1fr);
} .cl-tab-section.style2 .cltabs-wrapper ul li, .cl-tab-section.style4 .cltabs-wrapper ul li,
.cl-tab-section .cltabs-wrapper ul li {
display: block;
margin: 0 0px 16px;
padding: 14px;
}
.cl-tab-section.style3 .cltabs-wrapper ul{
padding: 0;
}
.tabscontent-wrap .tabscontent {
padding: 25px 15px;
}
.progressbar-wrapper{
min-height: auto;
} .storeproductlist,
.storeproductlist.gird-2,
.storeproductlist.gird-3,
.storeproductlist.gird-4,
.storeproductlist.gird-5,
.storeproductlist.gird-6{
grid-template-columns: repeat(1, 1fr);
} .ed-call-to-action h2 {
font-size: 40px;
}
.sparkle-maintenance-countdown > .sparkle-count-label span {
font-size: 20px;
margin: 0;
}
.sparkle-maintenance-countdown.circle .sparkle-count-label {
height: 60px;
width: 60px;
padding: 5px;
margin-right: 5px;
}
.sparkle-maintenance-countdown {
margin: 0;
}
.sparkle-maintenance-countdown > .sparkle-count-label label {
font-size: 11px;
}
}