@media(max-width:1360px){
    /* ================= product detail page start ==========*/
    /* product content start  */
    .product-details-content .product-detail-btn-box ul li { margin-right: 5px; }
    .product-details-content  .custome-btn { padding: 12px 22px; font-size: 20px; }
    /* product content end  */
    /* ================= product detail page end ==========*/
}

@media(max-width:1199px){

/*======= custome css start =======*/
h1{font-size: 50px;line-height: 50px;}
h2 {font-size: 32px;line-height: 38px;}
h3 { line-height: 32px; font-size: 28px;}
h4 {font-size: 24px; line-height: 28px;}
h5 {font-size: 22px; line-height: 26px;}
h6{font-size: 19px;line-height: 27px;}
.ptb-60{padding-top: 50px;padding-bottom: 50px;}
.pt-60{padding-top: 50px;}
.pb-60{padding-bottom: 50px;}
/*======= custome css end =======*/


/*====== hero banner start ====*/
.hero-banner{padding: 80px 0;}
.hero-banner .breadcrumb{margin-top: 18px;}
/*====== hero banner end =====*/

/*====== blog list page start ======*/
/* .blog-list-main{padding: 50px 0 15px;} */
.blog-list-main .blog-list-content > a > h6{margin-bottom: 10px;}
.blog-list-media > .blog-list-content > span.blog-date-year > a{line-height: normal;}
.blog-list-main .blog-list-content a.post-link{font-size: 15px;}
.blog-list-media{margin-bottom: 35px;}
/*====== blog list page end ======*/

/*====== service detail page start ======*/
/* sidebar start  */
.service-details-main .service-sidebar-main .sidebar-title { padding: 10px 15px;}
.service-details-main .service-sidebar-main ul {padding: 15px;}
.service-details-main .service-sidebar-main ul li { margin-bottom: 12px;}
/* sidebar end  */
/* content area start  */
.iframe-video iframe{height: 350px;}
/* content area end  */
/*====== service detail page end ======*/

/* =================brochure  page start ==========*/
.brochure-title {padding: 10px 20px;}
.brochure-download h2 {margin-bottom: 30px;}
.brochure-title h6 {font-size: 16px;line-height: 20px;}
/* =================brochure  page end ==========*/

/* =================contact us page start ==========*/
/* contact form start */
.contact-right-part {padding: 0 30px;}
.contact-right-part .right-title {margin-bottom: 29px;}
.contact-right-part .right-title h2 {font-size: 28px;}
.contact-right-part .form-group {margin-bottom: 20px;}
.contact-right-part .form-group input.custome-btn{padding: 10px 31px;font-size: 17px;}
/* contact form start */

/* map start */
.map-main iframe {height: 410px;}
/* map end */
/* ================= contact us page end ==========*/

/* ================= about us page start ==========*/


.custome-container .container-fluid {padding: 0 15px;}
.about-iframe-main .row .col-lg-6:first-child .iframe-main {padding-right: 0px;}
.about-iframe-main .row .col-lg-6:last-child .iframe-main {padding-left: 0px;}
.client-main .client-title {margin-bottom: 30px;}
.client-main .client-title h2 {font-size: 36px;}
.iframe-main {padding: 0;}
.iframe-main iframe {height: 450px;}
/* ================= about us page end ==========*/

/* ================= product detail page start ==========*/
/* product slider start  */
.product-slider-nav .product-slider-nav-inner .slick-slide {padding: 0 5px;}
.product-slider-nav .product-slider-nav-inner .slick-list {margin: 0 -5px;}
.product-slider-nav {margin-top: 10px;}
.product-details-main .slick-prev, .product-details-main .slick-next {height: 30px; width: 30px;}
/* product slider end  */

/* product content start  */
.product-details-content h2 {margin-bottom: 10px; text-transform: uppercase;}
.product-details-content .product-details-desc {margin-bottom: 20px;}
.product-detail-right-main {padding-left: 0;}
.product-details-content ul {margin-bottom: 15px;}
.product-details-content  .custome-btn {font-size: 17px;}
.product-detail-right-main > .product-details-content > p {
    margin: 10px 0;
}
/* product content end  */
/* product left right start  */
.about-left-right .row:nth-child(even) .text-holder{padding-left: 15px;}
.about-left-right .row:nth-child(odd) .text-holder{padding-right: 15px;}
/* product left right end  */

/* gallery start  */
.product-detail-gallery h2 { margin-bottom: 20px;}

/* ================= product detail page end ==========*/

/* thanku you page css start */
.thankyou img{height: 240px;}
.thankyou .thanktitle{font-size: 60px;line-height: 72px;}
/* thanku you page css end */

/* ==================cms page start ===========================*/

/*========== common cms banner start ==========*/

.home-banner-width .home-banner-slider .home-banner-content{max-width: 900px;}
.home-banner-width .home-banner-slider .home-banner-content .custome-btn {line-height: 26px;}
/*========== common cms banner end *==========/

 /* common cms page start */
 .table-responsive{margin-bottom: 20px;}
 .page-template-industry .cms-full-width .common-content .cms-text  h1{font-size: 38px;line-height: 48px;}
 /* common cms page end */

/* services cms pages start */

/* installation start */
 .page-template-Services .service-details-box h1{font-size: 42px;line-height: 44px;}
 .page-template-Services .service-details-box figure:not(:first-child){margin-top: 30px;}
 .page-id-880 .slider-home-1 { margin-bottom: 50px;}
/* installation end */


/* services cms pages end */

/* faq page start  */
.faq-page .home-faq .accordion-button::after {top: 15px;}
/* faq page end */




/* ==================cms page end ===========================*/



}

@media(max-width:991px){
    /*======= custome css start =======*/
    h1{font-size: 45px;line-height: 48px;}
    h2{}
    h3{}
    h4{}
    h5{}
    h6{font-size: 18px;line-height: 24px;}
    .ptb-60{padding-top: 40px;padding-bottom: 40px;}
    .pt-60{padding-top: 40px;}
    .pb-60{padding-bottom: 40px;}
    /*======= custome css end =======*/


    /*====== hero banner start ====*/
    .hero-banner{padding: 70px 0;}
    .hero-banner .breadcrumb {margin-top: 10px;}
    .breadcrumb-item+.breadcrumb-item::before{font-size: 15px;}
    /*====== hero banner end =====*/

    /*====== blog list page start ======*/
    /* .blog-list-main{padding: 40px 0 15px;} */
    .blog-list-media{margin-bottom: 30px;}
    .blog-list-main .blog-list-content a.post-link{padding: 7px 18px;font-size: 14px;}
    /*====== blog list page end ======*/

    /* =================contact us page start ==========*/
/* contact form start */
.contact-left-part .left-title,.contact-right-part .right-title {margin-bottom: 12px;}
.contact-left-part .left-title h3 { margin-bottom: 0; font-size: 20px;}
.contact-right-part{  padding-top: 30px;}
.home-faq-contact-form{padding-bottom: 40px;}
.contact-right-part .right-title h2 {font-size: 26px;}
.contact-right-part .form-group input, .contact-right-part .form-group select, .contact-right-part .form-group textarea {padding: 12px 5px;}
.contact-right-part .form-group {margin-bottom: 12px;}
.contact-right-part .form-group input.custome-btn {padding: 8px 28px;font-size: 16px;}
/* contact form end */

/* map start */
.map-main iframe {height: 370px;}
/* map end */
/* =================contact us page end ==========*/

/*====== service detail page start ======*/
/* content area start  */
.iframe-video iframe{height: 280px;}
/* content area end  */
/*====== service detail page end ======*/

/* =================brochure page start ==========*/
.brochure-download h2 { margin-bottom: 20px;}
/* =================brochure page end ==========*/

/* ================= product detail page start ==========*/
.product-details-content  .custome-btn {padding: 10px 20px;}
.product-detail-right-main > .product-details-content > p {
    margin: 8px 0;
}
.product-details-content .product-detail-btn-box ul li { margin-bottom: 5px;}
.product-deteil-video iframe{height: 400px;}

.about-left-right .col-12#text-holder p{margin-bottom: 20px;}

/* ================= product detail page end ==========*/

/* ================= about us page start ==========*/
.custome-container .container-fluid {padding: 0 15px;}
.about-iframe-main .row .col-lg-6:first-child .iframe-main {padding-right: 0px;}
.about-iframe-main .row .col-lg-6:last-child .iframe-main {padding-left: 0px; margin-top: 16px;}
.iframe-main iframe {height: 360px;}
/* ================= about us page end ==========*/

/* thanku you page css start */
.thankyou img{height: 180px;}
.thankyou .thanktitle{font-size: 48px;line-height: 56px;}
/* thanku you page css end */

/* ==================cms page start ===========================*/

/*========== common cms banner start ==========*/

.home-banner-width .home-banner-slider .home-banner-content{max-width: 600px;}
.home-banner-width .home-banner-slider .home-banner-content .custome-btn {line-height: 24px;}
/*========== common cms banner end *==========/

 /* table cms page start */
 .table-responsive{margin-bottom: 10px;}
 /* table cms page end */

 /* services cms pages start */

/* installation start */
.page-template-Services .service-details-box h1{font-size: 32px;line-height: 40px;}
.page-template-Services .service-details-box h2{line-height: 37px;}
.page-template-Services .service-details-box figure:not(:first-child){margin-top: 25px;}
.page-id-880 .slider-home-1 { margin-bottom: 40px;}
/* installation end */


/* services cms pages end */

/*==================cms page end ===========================*/
/* contact page start  */
.contact-us-left {padding: 20px;}
.contact-box {padding: 20px 20px;}
.form-control { margin-bottom: 15px;}
.wpcf7-not-valid-tip { margin-bottom: 10px;}
.recaptcha > span{margin-bottom: 15px;}
.recaptcha { width: 270px; overflow: hidden;}

/* contact page end */

/* my account page  start  */
.profile-left-side nav a { padding: 10px 15px;}
/* my account page  end  */


    }



@media (min-width:768px) {
    /*About Left Right Section Start*/
    .about-left-right > .container > .row{display: flex; align-items: center;}
    .about-left-right  .container  .row:nth-child(odd) {flex-direction: row-reverse;}
    /*About Left Right Section Start*/

    /* =========cms page start========= */

    /* modular-office-pods page start */
    .about-left-right.f-direction .container .row:nth-child(odd){flex-direction: row;}
    /* modular-office-pods page end */

    /* =========cms page start========= */
}


@media(max-width:767px){

    body{font-size: 15px; line-height: 22px;}

 /* =====custome css start===== */
 h1{font-size: 35px;line-height: 40px;}
 h2 {font-size: 28px;line-height: 32px;}
 h3 { line-height: 28px; font-size: 24px;}
 h4 {font-size: 22px; line-height: 26px;}
 h5 {font-size: 20px; line-height: 24px;}

 .ptb-60{padding-top: 30px;padding-bottom: 30px;}
 .pt-60{padding-top: 30px;}
 .pb-60{padding-bottom: 30px;}
 /* =====custome css end=====*/

/*====== hero banner start ====*/
.hero-banner{padding: 60px 0;}
.breadcrumb-item+.breadcrumb-item::before {font-size: 14px;}
.hero-banner h1{margin-bottom: 8px;margin-left: -2px;}
.hero-banner .breadcrumb {margin-top: 0px;}
/*====== hero banner end =====*/

/*====== blog list page start ======*/
/* .blog-list-main{padding: 30px 0 5px;} */
.blog-list-media{margin-bottom: 30px;}
.blog-list-main .blog-list-content a.post-link {padding: 6px 16px;}
.blog-list-main .blog-list-content > p {margin-bottom: 16px;}
.blog-list-media {margin-bottom: 25px;}
/*====== blog list page end ======*/

/*====== blog detail page start ======*/
/* blog sidebar start */
.blog-aside .blog-toggle-btn-box{display: flex;margin-bottom: 15px;border-radius: 4px;}
.blog-aside .blog-toggle-btn-box a{background: var(--theme-bg);padding: 5px 20px;color: #fff;transition: 0.5s ease-in-out;}
.blog-aside .blog-toggle-btn-box a:hover{background-color: #000;color: #fff;}
/* blog sidebar end */
.blog-post-category ul li { margin-bottom: 5px; padding-bottom: 8px;}
.blog-details-main .container > .row{  display: flex; flex-direction: column-reverse;}
.blog-details-main .blog-tags{margin: 20px 0;}
.blog-details-main .blog-details-desc > .list-date > a { margin-bottom: 15px;}
/*====== blog detail page end ======*/

/*====== service detail page start ======*/
/* sidebar start  */
.service-sidebar-main{margin-bottom: 15px;}
.service-details-main .service-sidebar-main ul li { margin-bottom: 10px;}
.bar1, .bar2, .bar3 {width: 30px; height: 3px; background-color: #ffffff; margin: 6px 0; transition: 0.4s; }
.change .bar1 { transform: translate(0, 9px) rotate(-45deg);}
.change .bar2 {opacity: 0;}
.change .bar3 { transform: translate(0, -9px) rotate(45deg);}
.service-details-main .sidebar-title{position: relative;}
.service-details-main .service-menu{position: absolute;top: 50%;transform: translateY(-50%);right: 15px;}
.service-details-main .service-sidebar-main ul{display: none;}
/* sidebar end   */
/*====== service detail page end ======*/


/* =================brochure page start ==========*/
.brochure-download h2 { margin-bottom: 15px;}
/* =================brochure page end ==========*/

  /* product detail page start  */
    /*About Left Right Section Start*/
    .about-left-right .text-holder{padding:16px 0 25px;}
    .about-left-right > .container > .row:last-child .text-holder{padding-bottom: 0;}
    .about-left-right .text-holder h3{margin-bottom: 10px; font-size: 22px;}

    .about-left-right #text-holder {overflow-x: initial; overflow-y: initial;max-height: initial;}
    /*About Left Right Section Start*/
    /* product detail page end */

    /* =================contact us page start ==========*/
    /* contact form start */
    .contact-right-part .right-title h2 {font-size: 22px;}
    .contact-right-part .form-group select{font-size: 15px; background-size: 12px; }
    .contact-right-part .form-group input, .contact-right-part .form-group select{font-size: 15px;}
    .contact-right-part .form-group textarea {height: 90px;font-size: 15px;}
    .contact-right-part .form-group input::placeholder, .contact-right-part .form-group textarea::placeholder{font-size: 15px;}
    /* contact form end */

    /* map start */
    .map-main iframe {height: 260px;}
    /* map end */

    /* =================contact us page end ==========*/

    /* =================about us page start ==========*/
    .client-main .client-title {margin-bottom: 16px;}
    .client-main .client-title h2 {font-size: 30px;}
    .iframe-main iframe {height: 310px;}
    /* =================about us page end ==========*/

    /* ================= product detail start ==========*/
    /* product content start  */
    .product-details-content  .custome-btn { font-size: 15px;padding: 8px 20px;}
    .product-detail-right-main{margin-top: 20px;}
    /* product content end  */

    /* left right start  */
     /* .about-left-right .row .col-lg-6:first-child{order: 2;} */
.about-left-right .col-12#text-holder p{margin-bottom: 16px;}

    .about-left-right .left-right-title {margin-bottom: 20px;}
    .about-left-right .row:nth-child(odd) .text-holder { padding-right: 0;}
    .about-left-right .row:nth-child(even) .text-holder { padding-left: 0;}
    .about-left-right .row:not(:last-of-type) { margin-bottom: 0; }
    /* left right end  */
    /* gallery start  */
    .product-detail-gallery h2 { margin-bottom: 16px;}
    /* gallery end  */

    /* product detail video start  */
    .product-deteil-video iframe{height: 350px;}
    /* product detail video end */
    /* product detail faq start  */
    .product-detail-faq .home-faq .accordion-button { padding: 10px 50px 10px 15px; }
    /* product detail faq end  */
    /* ================= product detail end ==========*/

    /* popup css start */
    .get-a-quote-form input,.get-a-quote-form .form-group textarea{font-size: 15px;}

    /* popup css end */

    /* thanku you page css start */
.thankyou img{height: 150px;}
.thankyou .thanktitle {font-size: 38px;line-height: 45px;}
/* thanku you page css end */

/* ==================cms page start ===========================*/

/*========== common cms banner start ==========*/

.home-banner-width .home-banner-slider .home-banner-content{max-width: 350px;}
.home-banner-width .home-banner-slider .home-banner-content .custome-btn {line-height: 21px;}
/*========== common cms banner end *==========/



    /* modular-office-pods page start */
    .about-left-right.f-direction .container .row:nth-child(odd){flex-direction: column-reverse;}
    .page-template-industry .moreless{margin-bottom: 10px;margin-top: 0px;padding: 9px 18px;}
    .page-template-industry .cms-full-width .common-content .cms-text  h1 {font-size: 32px;line-height: 40px;}

    /* modular-office-pods page end */

     /* services cms pages start */

        /* installation start */
        .page-template-Services .service-details-box h1{font-size: 28px;line-height: 36px;}
        .page-template-Services .service-details-box p{margin-bottom: 15px;}
        .page-template-Services .service-details-box h2{line-height: 34px;}
        .page-template-Services .service-details-box figure:not(:first-child){margin-top: 20px;}
.page-id-880 .slider-home-1 { margin-bottom: 30px;}

        /* installation end */
        /* form start  */
        .home-faq-contact-form { padding-bottom: 35px;}
        /* form end */

        /* services cms pages end */

        
/* faq page start  */
.faq-page .home-faq .accordion-button::after {top: 12px;}
/* faq page end */


/* ==================cms page end ===========================*/


/* my account page start  */
.profile-left-side {margin-bottom: 20px;}
/* my account page end  */


}


@media(max-width:575px){

 /* =====custome css start===== */
 h1{font-size: 28px;line-height: 28px;}
 h2 {font-size: 25px;line-height: 30px;}
 h3 { line-height: 26px; font-size: 22px;}
 h4 {font-size: 20px; line-height: 24px;}
 h5 {font-size: 19px; line-height: 22px;}


 h6{font-size: 17px;line-height: 23px;}
 .ptb-60{padding-top: 25px;padding-bottom: 25px;}
 .pt-60{padding-top: 25px;}
 .pb-60{padding-bottom: 25px;}
 /* =====custome css end=====*/


 /*====== hero banner start ====*/
.hero-banner{padding: 42px 0;}
.breadcrumb-item+.breadcrumb-item::before {font-size: 14px;}
.hero-banner h1{margin-bottom: 6px;margin-left: -2px;}
/*====== hero banner end =====*/

/*====== blog list page start ======*/
/* .blog-list-main{padding: 20px 0 5px;} */
.blog-list-media{margin-bottom: 30px;}
.blog-list-main .blog-list-content{padding-top: 5px;}
.blog-list-media > .blog-list-content > span.blog-date-year > a{padding-bottom: 4px;}
.blog-list-main .blog-list-content > a > h6 {margin-bottom: 8px;}
.blog-list-main .blog-list-content > p {margin-bottom: 14px;}
.blog-list-media {margin-bottom: 25px;}
/*====== blog list page end ======*/

/*====== service detail page start ======*/
    /* content area start  */
    .iframe-video iframe{height: 220px;}
    /* content area end  */
/*====== service detail page end ======*/

/* =================brochure  page start ==========*/
.brochure-title { padding: 10px 10px;}
/* =================brochure  page end ==========*/

/* =================contact us page start ==========*/
/* contact form start */
.contact-right-part {padding-top: 22px;}
.contact-left-part .left-title h3 {font-size: 18px;}
.contact-left-part .left-title, .contact-right-part .right-title {margin-bottom: 6px;}
.contact-right-part .form-group input, .contact-right-part .form-group select, .contact-right-part .form-group textarea {padding: 10px 5px;}
.contact-right-part .form-group {margin-bottom: 10px;}
.contact-right-part .form-group input.custome-btn {padding: 7px 28px;font-size: 15px;}
/* contact form end */
/* =================contact us page end ==========*/

/* =================about us page start ==========*/
.client-box-main .logo-box{display: flex; justify-content: center;}
.client-main .client-title h2 {font-size: 27px;}
.iframe-main iframe {height: 260px;}
/* =================about us page end ==========*/


    /* ================= product detail start ==========*/
    .product-details-content  .custome-btn { padding: 6px 18px;}
    .product-detail-right-main > .product-details-content > p {margin: 5px 0 7px;}
    .social-icon {margin-top: 10px;}
    /* left right section start  */
    .about-left-right .left-right-title { margin-bottom: 15px;}
    /* left right section end */

    /* product detail gallery start  */
    .product-detail-gallery h2 { margin-bottom: 12px;}
    /* product detail gallery end */


      /* product detail video start  */
    .product-deteil-video iframe{height: 300px;}
    /* product detail video end */
      /* ================= product detail end ==========*/

      /* pop css start */
      .modal-dialog{max-width: 85%;margin: 0 auto;}
      .modal-custom .btn-close {top: -6px;right: -15px;padding: 4px;background-size: 11px;}
      .get-a-quote-form input:not([type=submit]){margin-bottom: 15px;}
      .get-a-quote-form .form-group textarea{margin-bottom: 5px;}
      /* pop css end */

          /* thanku you page css start */
        .thankyou img{height: 130px;}
        .thankyou .thanktitle {font-size: 28px;line-height: 36px;margin-bottom: 5px;}

        /* thanku you page css end */

        /* ==================cms page start ===========================*/

        /*=== common cms banner start ====*/
        .home-banner-width .home-banner-slider .home-banner-content{max-width: 100%;}
        .home-banner-width .home-banner-slider .home-banner-content .custome-btn {line-height: 17px;}
        .page-template-industry summary{padding: 8px 15px;font-size: 14px;}
        .page-template-industry .cms-full-width .common-content .cms-text  h1 {font-size: 28px;line-height: 36px;}
        .page-template-industry .cms-full-width{margin-bottom: 20px;}
        /*=== common cms banner end *====/

             /* services cms pages start */

        /* installation start */
        .page-template-Services .service-details-box h1{font-size: 26px;line-height: 28px;}
        .page-template-Services .service-details-box p{margin-bottom: 10px;}
        .page-template-Services .service-details-box h2{line-height: 26px;}
        .page-template-Services .service-details-box figure:not(:first-child){margin-top: 25px;}
.page-id-880 .slider-home-1 { margin-bottom: 25px;}

        /* installation end */
        /* form start  */
        .home-faq-contact-form { padding-bottom: 30px;}
        /* form end */


        /* services cms pages end */





        /* ==================cms page end ===========================*/



}

@media(max-width:479px){

    /* =====custome css start===== */
 h1{font-size: 22px;line-height: 25px;}
 h2 {font-size: 20px;line-height: 25px;}
 h3 {line-height: 20px; font-size: 19px;}
 h4 { font-size: 18px; line-height: 20px;}
 h5 {font-size: 17px;line-height: 20px;}
 h6{font-size: 16px;line-height: 18px;}
 /* =====custome css end=====*/

 /*====== hero banner start ====*/

 .hero-banner{padding: 35px 0;}
 .hero-banner .breadcrumb li{font-size: 14px;}
 .hero-banner h1{margin-bottom: 5px;}
 /*====== hero banner end =====*/

 /* blog list detail start */
.blog-list-main .blog-standard-content > .row > .col-6{width: 100%;max-width: 100%;}
.blog-list-main > .container > .row > .col-6{width: 100%;max-width: 100%;}
/* blog list detail end */

 /* =================contact us page start ==========*/
.contact-right-part .row .col-6{width: 100%;}
.contact-right-part .right-title h2 {font-size: 20px;}
.contact-right-part .form-group {margin-bottom: 8px;}
.contact-right-part .form-group input.custome-btn {padding: 7px 22px;font-size: 15px;}
/* =================contact us page end ==========*/

/* ================= About page start ==========*/
.about-iframe-main .row .col-6{width: 100%;}
.iframe-main{margin-top: 16px;}
.about-iframe-main .row .col-6:first-child .iframe-main{margin-top: 0;}
/* ================= About page end ==========*/

     /* thanku you page css start */
     .thankyou img{height: 110px;}

     /* thanku you page css end */


     /*============= cms page start =============*/

     /* common cms css start */
     .page-template-industry .cms-full-width .common-content .cms-text  h1 {font-size: 24px;line-height: 28px;}
     /* common cms css end */

     /* sevice cms pages start  */




     /* sevice cms pages end  */


     /* =============cms page end =============*/

}
