@media only screen and (max-width: 767px) {
   
    .crcl-img {
      max-width: 130px;
    }
    .inner-dot-img {
        max-width: 100px;
        top: 3%;
    }
    .service-right-bxx {
        margin-top: 30px;
        max-width: 100%;
    }
    .gallery-section .gallery-box {
  grid-template-columns: repeat(1, auto);
      }
    .contact-box {
       margin-bottom: 20px;
    }
    .ftr-txt {
        text-align: left;
        margin-top: 5px;
    }
    .f-bottom {
        flex-wrap: wrap;
        gap: 12px;
        justify-content: flex-start;
        margin: 30px 0px 0px 0px;
    }
    .f-top ul li {
        margin-right: 20px;
    }
    .f-top ul {
       gap: 10px;
        justify-content: flex-start;
        flex-flow: wrap;
    }
    .testi-right-sec1 {
      margin: 20px;
    }
    .service-content {
       left: 10%;
    }
    .service-sec {
      padding: 40px 0px;
    }
    .top-hdng-sec .bnr-btn {
      margin: 10px 0px 30px 0px;
   }
    .top-hdng-sec h3 {
        font: normal normal bold 35px/45px Montserrat;
  
    }
    .top-hdng-sec {
      flex-wrap: wrap;
    }
    .about-sec {
        padding: 80px 0px 40px 0px;
    }
    .abt-left-sec {
      margin-bottom: 15px;
    }
    .dot-imgg {
        position: absolute;
        top: -32px;
        right: 100px;
        max-width: 50px;
    }
    .abt-content-sec h6 {
     margin: 5px 0px;
    }
    .abt-content-sec {
        max-width: 55%;
     }
    .abt-content-sec h1 {
        font: normal normal normal 74px/80px Montserrat;
  }
  .top-heading h3 {
    font: normal normal bold 28px / 36px Montserrat;
    max-width: 100%;
}
    .top-heading {
        padding-left: 5%;
    }
    .crcl-img {
        position: absolute;
        right: 10px;
        top: -40px;
        max-width: 166px;
    }
    .banner-left h2 {
        text-align: left;
        font: normal normal bold 45px/55px Montserrat;
        text-transform: capitalize;
        max-width: 90%;
    }
    .banner-right::before {
        top: 25px;
        bottom: -15px;
        left: -7px;
        z-index: 9;
    }
    header {
        padding: 15px 0px 0px 0px;
   }
    .stellarnav .menu-toggle {
        padding: 10px 0px;
    
    }
    header::before {
        width: 240px;
        height: -webkit-fill-available;
        top: 82px;
    }
    .cus-hdr {
        justify-content: space-between;
        padding: 12px 0px 0px 0px;
    }
}

@media only screen and (max-width: 991px) {
    .stellarnav.mobile.light li a.dd-toggle {
        border: 0;
        position: absolute;
        right: 0;
    }
    .stellarnav.mobile.right .location-btn-mobile.third,
     .stellarnav.mobile.right .call-btn-mobile.third {
        display: none;
    }

    .stellarnav.mobile.right .close-menu.third {
        text-align: right;
        width: 100%;
    }

    .stellarnav.mobile.light ul ul li a {
        border-bottom: 0px;
    }
    .header-left li.nav-hover.has-sub::before {
        display: none;
     }
    .stellarnav.light ul li.has-sub ul li a {
       color: #ff007f !important;
      }
    .stellarnav li.active a::before {
        bottom: 0px;
 }
    .stellarnav.mobile.right > ul {
       z-index: 99;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-box p {
        line-break: anywhere;
        min-height: 44px;
       }
    .service-right-bxx img {
        margin-top: 30px;
    }
    .service-right-bxx {
        max-width: 100%;
   }
    .abt-left-sec {
      margin-bottom: 25px;
    }
    .crcl-img {
       top: -80px;
      }
    .dot-imgg {
        position: absolute;
        top: -86px;
        right: 231px;
        max-width: 85px;
    }
    .top-heading h3 {
      max-width: 94%;
    }
    .top-heading {
        padding-left: 2%;
        }
    .abt-content-sec {
        max-width: 60%;
    }
    .banner-left h2 {
       font: normal normal bold 42px/52px Montserrat;
        max-width: 87%;
    }
    .logo {
        width: 250px;
    }
    .cus-hdr {
      gap: 70px;
    }
   .testimonial-sec img {
        height: 100%;
    }
    .testi-right-sec1 {
        margin-left: -184px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #service-sld .owl-stage {
        right: -14px;
    }
    .service-sec {
       padding: 15px 0px 50px 0px;
    }
    .copyright {
        font: normal normal normal 13px/20px Inter;
       }
    .f-bottom {
       gap: 25px;
        }
    .f-top ul {
       gap: 22px;
        flex-wrap: wrap;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1211px) {
    .crcl-img {
       top: -50px;
        }
    .f-bottom {
      gap: 32px;
       }
    .f-top ul {
        gap: 25px;
     
    }
    .testimonial-sec img{
        height: 100%;
    }
    .testi-right-sec1 {
        margin-bottom: 40px;
        margin-top: 40px;
    }
    #service-sld .owl-stage {
        right: -5px;
    }
    .banner .bnr-btn {
        margin: 40px 0px 60px 0px;
      }
    header::before {
       width: 235px;
     }
    .stellarnav li {
        font: normal normal 15px/20px Inter;
        padding: 10px 8px;
 
    }
}

@media only screen and (min-width: 1900px) {
    .testi-right-sec1 {
      padding: 60px;
       }
    #service-sld .owl-stage {
        right: -70px;
    }
    .crcl-img {
        position: absolute;
        right: 120px;
        top: -35px;
        max-width: 213px;
    }
    .dot-imgg {
        top: -133px;
        right: 100px;
        max-width: 126px;
    }
    #banner-sldr .owl-dots {
       left: 17%;
    
    }
    .cus-hdr {
      gap: 60px;
    }
    header::before {
       width: 540px;
       }
}

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

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

 

}

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

}