@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;
    }

}

/*Medium devices (tablets, less than 992px)*/
@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%;
    }

    /**
     * Top Header
    */
    .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;
    }

    /**
     * Main Menu
    */

    .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;
    }

    /** service section */
    .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;
    }

    /** maintaince */
    .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%;
    }

    /** gdpr **/
    .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;
    }

    /**
     * Features Services Area
    */
    .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;
    }

    /** pricing section */
    .cl-column-4 #cl-pricingwrap,
    .cl-column-2 #cl-pricingwrap,
    #cl-pricingwrap {
        grid-template-columns: repeat(2, 1fr);
    }

    /**
     * Footer Area
    */
    .sub_footer ul.sp_socialicon {
        text-align: center;
        margin-top: 20px;
    }

    .cons_light_copyright {
        text-align: center;
    }

}


/*Small devices (landscape phones, less than 768px)*/
@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
    */
    .banner-slider .slider-item .slider-content .slider-title {
        font-size: 35px;
        color: #fff;
        margin-bottom: 0;
        line-height: 45px;
    }


    /**
     * About Section
    */
    .about_us_front .achivement-items {
        text-align: center;
    }

    /* .banner-slider .slider-item {
        height: 350px;
    } */

    .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%;
    }


    /**
     * Portfolio
    */
    .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;
    }

    .banner-slider .slider-item .slider-content p {
        font-size: 1.2em;
        line-height: 1.2;
        margin-top: 15px;
    }

    .section-title {
        line-height: 1.3;
        font-size: 25px;
    }

    .about_us_front h3,
    h3 {
        font-size: 22px;
    }

    .cons-testimonial-layout-left .testimonial-slider .item .wrapper {
        padding: 5%;
    }

    .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%;
    }

    /** tab section */
    .cl-contact-content {
        display: block;
    }

    .cl-contact-detail,
    .cl-contact-form {
        width: 100%;
        padding: 15px;
    }

    /**
     * Tab Secition
    */
    .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;
    }

    /**
    product tab */
    .storeproductlist,
    .storeproductlist.gird-4,
    .storeproductlist.gird-5,
    .storeproductlist.gird-6,
    .storeproductlist.gird-2 {
        grid-template-columns: repeat(2, 1fr);
    }


}

/* Extra small devices (portrait phones, less than 576px)*/
@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;
    }

    /** pricing section */
    .cl-column-4 #cl-pricingwrap,
    .cl-column-2 #cl-pricingwrap,
    #cl-pricingwrap {
        grid-template-columns: repeat(1, 1fr);
    }

    /*----tab section-----*/
    .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;
    }

    /**
    product tab */
    .storeproductlist,
    .storeproductlist.gird-2,
    .storeproductlist.gird-3,
    .storeproductlist.gird-4,
    .storeproductlist.gird-5,
    .storeproductlist.gird-6 {
        grid-template-columns: repeat(1, 1fr);
    }

    /** free hand text */
    .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;
    }
}