/* responsive */



@media(min-width: 992px) {
    .header .menu>.menu-item-has-children:hover>.sub-menu {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .header .menu>.menu-item-has-children:hover>a .plus:after {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}


/* MAX-WIDTH: 1400px */
@media(max-width: 1400px) {
    .common-btn {
        font-size: 14px;
    }

    .common-btn-reverse {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .header .nav-menu {
        padding: 0 5px;
    }

    .header .menu>.menu-item>a {
        padding: 12px 20px;
    }

    .banner-section .content .heading h1 {
        font-size: 65px;
    }

    .banner-section .content p {
        font-size: 16px;
    }

    .counter-sec .icons-container .icons h3 {
        font-size: 3rem;
    }

    .counter-sec .form-box-container .form-box h3 {
        font-size: 35px;
    }

    .counter-sec .form-box-container .form-box {
        right: 0;
        left: 20%;
    }

    .service-sec .header-row h2 {
        font-size: 35px;
    }
    
    .sec-gallery .header-row h2{
        font-size: 25px;
    }
    
     .sec-gallery .header-row h2 span{
        font-size: 15px;
    }

    .why-pestco-sec .content-row .heading {
        font-size: 35px;
    }

    .why-pestco-sec .content-row .goodby h2 {
        font-size: 35px;
    }

    .who-we-sec .box-container .content .heading {
        font-size: 35px;
    }

    .who-we-sec .box-container .content .sub-heading {
        font-size: 20px;
    }

    .who-we-sec .box-container .content .flex-con .flex-box .flex-i {
        width: 20px;
        height: 20px;
        padding: 30%;
    }

    .pest-conrol .header-row h2 {
        font-size: 35px;
        padding: 0 0 0 2%;
    }

    .header-row h2 {
        font-size: 25px;
    }
}



/* MAX-WIDTH: 1400px */
@media(max-width: 1099px){
    .header .menu>.menu-item>a {
        padding: 10px 11px;
    }
    .header .menu>.menu-item>a{
        font-size: 14px;
    }
}
@media(max-width: 991px) {
    .common-btn {
        padding: 8px 20px;
        font-size: 14px;
    }

    .common-btn-reverse {
        padding: 8px 20px;
        font-size: 14px;
    }

    .top-bar .top-bar-content {
        display: none;
    }

    p {
        font-size: 14px;
    }

    .header {
        top: 0;
        padding: 5px 0;
    }

    .header .logo img {
        width: 75%;
    }

    .header .menu-overlay.active {
        visibility: visible;
        opacity: 1;
    }

    .header .nav-menu {
        position: fixed;
        right: -280px;
        visibility: hidden;
        width: 280px;
        height: 100%;
        top: 0;
        overflow-y: auto;
        background-color: #222222;
        z-index: 1000;
        padding: 15px 0;
        transition: all 0.5s ease;
    }

    .header .nav-menu.open {
        visibility: visible;
        right: 0px;
    }

    .header .menu>.menu-item {
        display: block;
        margin: 0;
    }

    .header .menu>.menu-item-has-children>a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .menu>.menu-item>a {
        color: #ffffff;
        padding: 12px 15px;
        border-bottom: 1px solid #333333;
    }

    .header .menu>.menu-item:first-child>a {
        border-top: 1px solid #333333;
    }

    .header .menu>.menu-item>a .plus:before,
    .header .menu>.menu-item>a .plus:after {
        background-color: #ffffff;
    }

    .header .menu>.menu-item-has-children.active>a .plus:after {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .header .menu>.menu-item>.sub-menu {
        width: 100%;
        position: relative;
        opacity: 1;
        visibility: visible;
        border: none;
        background-color: transparent;
        box-shadow: none;
        transform: translateY(0px);
        padding: 0px;
        left: auto;
        top: auto;
        max-height: 0;
        overflow: hidden;
    }

    .header .menu>.menu-item>.sub-menu>.menu-item>a {
        padding: 12px 45px;
        color: #ffffff;
        border-bottom: 1px solid #333333;
    }

    .header .close-nav-menu,
    .header .open-nav-menu {
        display: flex;
        text-align: right;
        margin: 15px 10px 15px auto;
    }


    /* banner content area */
    .banner-section .content .heading h1 {
        font-size: 35px;
    }

    .banner-section .content p {
        font-size: 15px;
    }

    .banner-section .content .content-left {
        padding: 30% 5% 10%;
    }



    /* Counter section start */
    .counter-sec .reverse-row {
        flex-direction: column-reverse;
    }

    .counter-sec .form-box-container .form-box {
        z-index: 100;
        width: 95%;
        top: 0px;
        right: 0;
        left: 10px;
    }

    .counter-sec .icons-container .icons h3 {
        font-size: 3rem;
    }

    .counter-sec .form-box-container .form-box h3 {
        font-size: 25px;
    }

    .counter-sec .icons-container {
        padding: 120% 0 11%;
    }



    /* service serction start */
    .service-sec .header-row h2 {
        font-size: 25px;
    }

    .service-sec .header-row span {
        font-size: 15px;
    }



    /* Why section start here */
    .why-pestco-sec {
        padding: 10% 0 0;
    }

    .why-pestco-sec .content-row .heading {
        font-size: 25px;
    }

    .why-pestco-sec .content-row .goodby {
        position: static;
    }

    .why-pestco-sec .content-row .goodby h2 {
        padding: 0 0 5% 0;
        font-size: 25px;
        line-height: 35px;
    }

    .why-pestco-sec .content-row .box .content p {
        font-size: 14px;
    }


    /* who we are section start */
    .who-we-sec .box-container .content .heading {
        font-size: 25px;
    }

    .who-we-sec .box-container .content .sub-heading {
        font-size: 15px;
    }

    .who-we-sec .box-container .content .flex-con .flex-box .text-a h5 {
        font-size: 16px;
    }

    .who-we-sec .box-container .img img {
        margin: 10% 0 0 0;
    }





    /* pest control sec */
    .pest-conrol {
        padding: 12% 0 5%;
    }

    .pest-conrol .header-row h2 {
        font-size: 20px;
        margin: 0 0 0 0;
        padding: 8% 0 0 0;
    }

    .pest-conrol .header-row .common-btn-reverse {
        font-size: 12px;
    }


    /* reviews section start */
    .reviews-sec {
        padding: 10% 0;
        overflow-x: hidden;
    }

    .reviews-sec .header-row h2 {
        font-size: 25px;
    }

    .reviews-sec .reviews-slider .slick-slide {
        margin: 0;
        /* Adjust 10px to your desired gap */
    }

    .reviews-sec .header-row span {
        font-size: 15px;
    }

    .reviews-sec .review-box .content p {
        font-size: 14px;
        height: 205px;
    }

    .reviews-sec .review-box .content .people h5 {
        font-size: 16px;
    }

    .reviews-sec .review-box .content .people span {
        font-size: 14px;
    }





    /* Footer ssection start */
    .footer-sec .footer-content {
        grid-template-columns: 100%;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        padding: 2% 0;
    }

    .footer-sec .footer-content .box h3 {
        font-size: 20px;
    }

    .footer-sec .footer-content .box ul li a {
        font-size: 14px;
    }
}

@media(max-width: 767px){
    .header{
        position: static;
    }

    .service-area{
        padding: 5%;
    }

    .main-heading {
        font-size: 25px;
    }

    .page-banner{
        background-size: contain;
    }
    .other-banner .content{
        padding: 15% 0 5%;
    }
    .banner-pg-head{
        font-size: 30px;
    }
    .banner-pg-para{
        font-size: 12px;
        line-height: 20px;
    }


    /* about page , about section start */
    .about-sec .img img{
        width: 100%;
        padding: 0 0 20% 0;
    }
    .about-sec .experience-box .main-heading{
        font-size: 45px;
    }
    .about-sec .experience-box p{
        font-size: 14px;
    }
    .about-sec .experience-box{
        bottom: 5%;
        right: 2%;
        left: 10%;
    }
    .about-sec .content{
        padding: 5%;
    }
    .mission-vission .pest-free .main-heading{
        font-size:25px;
    }
    .mission-vission .box-container .pest-free{
        flex-direction: column;
        text-align: center;
        padding: 15% 5% 0 5%;
    }
    .team-sec{
        padding: 10% 5%;
    }
    .team-sec .box {
    margin: 0 0 10% 0;
    }



    /* Services Page Css */
    .service-page .row .img img{
        border-radius: 15px 15px 0 0;
    }
    .service-page{
        padding: 5%;
    }

     .service-page .row.service-list li{
        font-size: 14px;
    }


    /* contact us page */
    .form-sec .map-box{
        height: 300px;
    }
    .call-to-sec .call-container{
        grid-template-columns: 100%;
    }
    .pleft{
    padding: 0;
    }
    .call-to-sec .call-container .call-bx{
        margin: 5% 0;
    }
    .call-container .call-bx h4{
        font-size: 20px;
    }
    .call-container .call-bx p{
        font-size: 14px;
    }
}