@media only screen and (max-width: 1599px) {

    .Sec-book-appointment .icon img {

        max-width: 100px;

    }

}

@media only screen and (max-width: 1199px) {

    body {

        font-size: 14px;

    }



    .container {

        max-width: 100%;

    }



    .Sec-ptb {

        padding: 50px 0;

    }



    .sec-heading {

        margin-bottom: 30px;

    }



    .sec-heading h1 {

        font-size: 36px;

        margin-bottom: 30px;

    }



    .banner-sec:after {

        min-height: calc(85vh - 120px);

        max-height: calc(85vh - 120px);

    }



    .banner-sec .video-box video {

        min-height: calc(85vh - 120px);

        max-height: calc(85vh - 120px);

    }



    .banner-sec .banner-content {

        top: 40px;

    }



    .banner-sec .banner-content h1 {

        font-size: 30px;

        margin-bottom: 20px;

    }



    .banner-sec .banner-content p {

        font-size: 14px;

    }



    .Sec-carimg {

        margin-top: -35vh;

    }



    .card-our-service h6 {

        margin-bottom: 15px;

    }



    .Sec-google-review .Sec-google-review-inr .google-review-left h1 {

        font-size: 38px;

    }



    .Sec-google-review-users .g-user-center {

        max-width: calc(100% - 100px);

        width: 100%;

    }



    .Sec-google-review-users .g-user-right {

        width: 100%;

        max-width: 100%;

        flex: auto;

        padding-left: 110px;

    }



    .Sec-statics .icon {

        width: 100px;

        height: 100px;

    }



    .Sec-statics h1 {

        font-size: 42px;

    }



    footer h4 {

        margin-bottom: 8px;

    }



    .Sec-book-appointment .icon  {

     display: none;

    }





    /* service page css */

    .gallery-container {

        grid-template-columns: 1fr 1fr ;

    }

    .latestNewsSlider .swiper-horizontal>.swiper-pagination-bullets, 

    .latestNewsSlider .swiper-pagination-bullets.swiper-pagination-horizontal,

    .latestNewsSlider .swiper-pagination-custom, .swiper-pagination-fraction {

        bottom:30px;

    }

}



@media only screen and (min-width: 992px) {

    .sub-menu {

        display: block;

        zoom: 1;

        opacity: 0;

        position: absolute;

        top: calc(100% + 30px);

        transition: all 0.3s linear;

        z-index: 9;

        list-style: none;

        background: var(--black);

        padding: 10px;

        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);

        visibility: hidden;

        border-radius: 20px;

    }



    .menu-ul>li:hover .sub-menu {

        visibility: visible;

        opacity: 1;

        top: 100%;

    }

}



@media only screen and (max-width: 991px) {

    .nav-open nav.nav-wrap {

        left: 0;

    }



    nav.nav-wrap {

        position: fixed;

        width: 320px;

        top: 92px;

        height: calc(100% - 92px);

        left: -320px;

        transition: all 300ms;

        padding: 15px;

        z-index: 999;

        background: var(--black);

    }



    #toogle-btn {

        display: block;

        width: 20px;

        height: 14px;

        transition: 0.5s ease-in-out;

        cursor: pointer;

    }



    #toogle-btn .bar {

        display: block;

        position: absolute;

        height: 2px;

        width: 100%;

        background: var(--btn-background-gold);

        border-radius: 9px;

        opacity: 1;

        left: 0;

        transition: 0.25s ease-in-out;

    }



    #toogle-btn .bar-1 {

        top: 0px;

    }



    #toogle-btn .bar-2 {

        top: 6px;

        animation: nav-icon-bg 3s infinite;

    }



    #toogle-btn .bar-3 {

        top: 12px;

    }



    .nav-open #toogle-btn .bar-1 {

        top: 6px;

        transform: rotate(135deg);

    }



    .nav-open #toogle-btn .bar-2 {

        opacity: 0;

        left: -60px;

    }



    .nav-open #toogle-btn .bar-3 {

        top: 6px;

        transform: rotate(-135deg);

    }



    .menu-ul {

        display: flex;

        flex-direction: column;

    }



    .menu-ul>li+li {

        margin-left: 0;

        padding: 0;

        border-left: none;

        border-top: 1px solid rgba(247, 247, 247, 0.31);

    }



    .menu-ul>li>a {

        font-size: 15px;

    }



    .menu-ul>li.li-has-menu>a {

        padding-right: 45px;

    }



    .li-has-menu>small {

        background: var(--yellowgold);

        color: var(--black);

        width: 34px;

        height: 34px;

        right: 5px;

        display: flex;

        align-items: center;

        justify-content: center;

        top: 22px;

        font-size: 15px;

        z-index: 1;

    }



    .banner-sec .banner-content h1 {

        font-size: 28px;

    }

    .Sec-banner-small .banner-box {

        display: block !important;

        text-align: center;

      }

      .Sec-banner-small .banner-box a {

        margin-bottom: 15px;

        margin-right: 0px;

      }

    .Sec-carimg {

        margin-top: -20vh;

    }

ul.service-row-ul li.service-row-li{margin: 15px 0px;}

ul.service-row-ul li.service-row-li .d-flex {

    display: block !important;

  }

  .service-row-inr .service-box-details {

    width: calc(100% - 0px);

  }

  ul.service-row-ul li.service-row-li:nth-child(odd) .service-row-inr .service-box-img {

    margin-left: 0;

}

ul.service-row-ul li.service-row-li:nth-child(even) .service-row-inr .service-box-img {

    margin-right: 0px;

}

ul.service-row-ul li.service-row-li:nth-child(even) .service-row-inr .service-box-details .sec-heading {

    margin-left: 0;

}

  .service-row-inr .service-box-details {

    width: calc(100% - 0px);

    margin-top: 30px;

  }



  .mySwiperNews .d-flex {

    display: block !important;

}



.latestNewsSlider .service-box-details h4 {

    font-size: 28px;

}

.testimonialSec .service-box-img img{width: 100%;}

.contactSec .contact-in {

    margin-bottom: 15px;

}

.ComplaintsSec .contact-box {

    min-height: auto;

    margin-bottom: 15px;

}

.ComplaintsSec .contact-box p {

    line-height: 22px;

    margin-bottom: 10px;

}

.qualImg {

    width: 150px;

}



}



@media only screen and (max-width: 767px) {

    header{

        height: 75px;

    }

    header .container{

        padding: 0;

    }

    nav.nav-wrap{

        top: 75px;

        height: calc(100% - 75px);

    }

    .header-logo img {

        max-width: 100px;

    }

    .Sec-ptb {

        padding: 30px 0;

    }



    .sec-heading {

        margin-bottom: 20px;

    }



    .sec-heading h1 {

        font-size: 30px;

        margin-bottom: 20px;

    }



    .banner-sec .banner-content h1 {

        font-size: 26px;

    }



    .Sec-carimg {

        margin-top: -10vh;

    }



    .Sec-carimg .scoll-to-bottom {

        bottom: 15px;

    }



    .Sec-carimg .scoll-to-bottom svg {

        width: 30px;

        height: 30px;

    }



    .Sec-google-review .Sec-google-review-inr {

        flex-direction: column;

    }



    .Sec-google-review .Sec-google-review-inr .google-review-left {

        max-width: 100%;

        width: 100%;

        text-align: center;

    }



    .Sec-google-review .Sec-google-review-inr .google-review-center {

        max-width: calc(100% - 30px);

        width: 100%;

        border-left: none;

        border-right: none;

        border-top: 1px solid #E7E7E7;

        border-bottom: 1px solid #E7E7E7;

        padding: 15px;

        margin: 15px auto;

    }



    .Sec-google-review .Sec-google-review-inr .google-review-right {

        max-width: 100%;

        width: 100%;

        text-align: center;

    }



    .Sec-google-review-users .g-user-center .top-user-name {

        flex-direction: column;

        justify-content: flex-start;

    }



    .Sec-google-review-users .g-user-center .top-user-name ul,

    .Sec-google-review-users .g-user-center .top-user-name h4 {

        width: 100%;

        margin: 0;

        padding: 0;

        align-items: flex-start;

        justify-content: flex-start !important;

    }



    .Sec-google-review-users .g-user-center .top-user-name h4 {

        margin: 0;

        margin-top: 10px;

    }



    .Sec-statics .icon {

        width: 80px;

        height: 80px;

    }



    .Sec-statics .icon svg {

        width: 40px;

    }



    .Sec-statics h1 {

        font-size: 30px;

    }



    .sec-about-bpca {

        text-align: center;

    }



    .sec-about-bpca .checktrade {

        max-width: 200px;

    }



    .sec-about-bpca .bpca {

        max-width: 150px;

    }

    .footer-logo img {

        max-width: 120px;

    }

    .service-row-inr .service-box-img {

        max-width: 350px;width: 100%;

        height: 100%;

    }

    ul.service-row-ul li.service-row-li:nth-child(odd) .service-row-inr .service-box-img:after {

        max-width: 350px;width: 100%;

        height:100%



    }

    ul.service-row-ul li.service-row-li:nth-child(even) .service-row-inr .service-box-img:after {

        max-width: 350px;width: 100%;

        height:100%

    }

    

    .inner-banner {

        max-height: 100%;

        height: auto;

    }

     

      /* ul.service-row-ul li.service-row-li:nth-child(odd) .service-row-inr .service-box-img:after {

        width: 400px;

        height: 400px;

        left:8px;

        top: 8px;

        z-index: 0;

      }

      ul.service-row-ul li.service-row-li:nth-child(even) .service-row-inr .service-box-img:after {

        width:400px;

        height:400px;

        right: 8px;

        top: 8px;

      } */



    .pestControlSec .sec-heading {margin-bottom:50px !important;}

    ul.service-row-ul li.service-row-li{padding: 15px 0px;}

    /* service page css */

    .gallery-container {

        grid-template-columns: 1fr;

    }

    .accordion-main .accordion-header button {

        padding: 15px;

        padding-right: 50px;

    }

    .accordion-main .accordion-button::after {

        right: 21px;

    }

    .accordion-main .accordion-button::before {

        right: 15px;

    }

    .accordion-main .accordion-body {

        padding: 15px;        padding-top: 0;

    }

    .rates-ctrl-service .service-box-img {

        padding-left: 0;

        justify-content: flex-start;

        margin-bottom: 30px;

    }

    .latestNewsSlider .service-box-details h4 {font-size: 24px;}

    .latestNewsSlider .service-row-inr .service-box-img,

    .latestNewsSlider .left-shadow:after {max-width:100%;}

    .latestNewsSlider .service-box-img img {max-width: 100%;width: 100%;}

    .Sec-ptb.testimonialSec{padding-bottom:0px;}

    .swiper.mySwiperTesti {padding-bottom: 50px;}

    .testimonialSec .contentBox h4 {font-size: 20px;}

    .testimonialSec .swiperBtnBox {top:35%;bottom: auto; justify-content: space-between;}

    .testimonialSec .swiperBtnBox .btn-custom {min-width: 40px;width: 100%;font-size: 0px;border-radius: 50%;height: 40px;padding: 12px;column-gap: 0;}  



    .news-testimonial .grid-container {

        grid-template-columns: 1fr;

        row-gap: 30px;

    }

    .newsDetailsSec .image-box {

        max-width: 100%;

        width: 100%;

        height: auto;

        margin-right: 0;

        margin-bottom: 15px;

    }

    .contactSec .contact-in {

        padding: 15px;

    }

    .contactSec .contactList {

        max-width: 100%;

        width: 100%;

        margin-bottom: 30px;

    }

    .contactSec .icon-box {

        min-width: 48px;

        height: 48px;



    }

    .contactSec .icon-box img {

        width: 20px;

    }

    .ComplaintsSec .contact-box {

        padding: 15px;

    }

    .ComplaintsSec .contact-box h4 {font-size: 20px;}

    .qualImg {display: none;

    }

    footer h4 {

        font-size: 20px;

    }

    .chat-section {

        width: 345px;

        bottom: 70px;right: 15px;

    }

    .chat-icon {
        bottom: 15px;
        right: 15px;
        }

    .chat-section {
      width: 345px;
      bottom: 70px;right: 15px;
  }
  

    .chat-icon span img {

        width: 18px;

    }
.Sec-banner-small h1 {
    font-size: 28px;
    margin-bottom:15px;
}
.Sec-banner-small .btn-custom {
    padding: 12px 15px;
    min-width: 160px;
    font-size: 14px;

}


    .card-contact-us .sec-heading h4 {
    font-size: 20px;
    }
    .card-contact-us .form-control {
    font-size: 14px;
    }
    
    .card-contact-us .my-3 {
    margin-top: 0rem!important;
    }

    .card-contact-us .col-12.mb-3{margin-bottom: 10px !important}
    .card-contact-us .btn-custom {
    padding: 10px 15px;
    min-width: 100px;
    font-size: 14px;
    }
    .card.card-contact-us form + span {
    display: none;
    }
    .Sec-banner-small .btn-custom svg {
    width: 12px;
}

}





@media only screen and (max-width: 567px) {

    .Sec-carimg {
        margin-top: 20px;
    }
    .sec-heading h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .sec-heading h4 {
        font-size: 20px;
    }

    .Sec-book-appointment .card-black .card-black-left-li {

        width: 100%;

        text-align: center;

    }



    .Sec-book-appointment .card-black .card-black-center-li {

        width: 100%;

        text-align: center;

    }



    .Sec-book-appointment .card-black .card-black-center-li .icon {

        margin: 15px auto;

    }



    .Sec-book-appointment .card-black .card-black-right-li {

        width: 100%;

        text-align: center;

    }



    

    .servicesGallery  ul.service-row-ul li.service-row-li:nth-child(odd) .service-row-inr .service-box-img:after {

        width: 100%;

        height: 100%;

        left:8px;

        top: 8px;

        z-index: 0;

      }

      .servicesGallery  ul.service-row-ul li.service-row-li:nth-child(even) .service-row-inr .service-box-img:after {

        width:100%;

        height:100%;

        right: 8px;

        top: 8px;

      }

      .servicesGallery .overlayTop {padding: 15px;}

      .servicesGallery .overlayTop h3 {

        margin-bottom: 10px;

        font-size: 16px;

    }

    .servicesGallery .overlayTop p {

        font-size: 14px;

    }

    .servicesGallery .overlay-content {
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

   .servicesGallery .btn-custom {

        padding: 12px 20px;

    }


}


@media only screen and (max-width:400px) {
.banner-sec .banner-content {
    top: 30px;
}
.banner-sec .banner-content h1 {
    font-size: 24px;
    margin-bottom: 10px;
}
.banner-sec .banner-content p {
    margin-bottom: 15px;
}
.banner-content .btn-custom {
    padding:12px 15px;
    min-width:135px;
    font-size:14px;
}

}