@media (max-width: 1399.9808px) {
    .services-card-section .card{
        width: 31%;
    }
}

@media (max-width: 1024px) {
    .services-card-section .card{
        width: 31%;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    button.navbar-toggler {
        border: none;
        padding: 0;
    }

    .services-card-section .card.slide-item.slick-slide {
        width: 23% !important;
    }

    .abouts-img img{
        aspect-ratio: unset;
    }

    .hero_banner{
        margin-top: 6.625rem;
    }

   .navbar-brand img{
    width: 5rem;
    height: 5rem;
   }

   footer ul li a{
    font-size: .8125rem;
   }
}


@media (max-width: 992px) {


.hero_banner .content-section h1{
    font-size: 52px;
}

.hero_banner .content-section h3{
    font-size: 20px;
}
 .experience-container h2{
    font-size: 24px;
 }

 .experience-container p{
    font-size: 16px;
 }

 .my-row-exp {
     column-gap: 59.2px;
 }

.services-card-section .card {
    width: 30%;
}

.services-card-section .card-title{
    font-size: 1rem;
}
.card-text{
    font-size: .875rem;
}

.touch {
    column-gap: 57.6px;
}

.experience-container p {
    font-size: 14px;
}

.services-sub-title{
    font-size: 14px;
}

.services-title{
    font-size: 24px;
}

.form-box h3{
    font-size: 24px;
}

.location-info-box{
    margin-top: 1.875rem;
}

.packes-section {
    padding: 48px 0;
}

.packes-section h1{
    font-size: 32px;
}

.packes-section .packes-content h2{
    font-size: 22.4px;
}

#about-us {
    width: 100%;
    padding: 3rem 0;
}

.text-end {
    text-align: center !important;
}

footer ul{
    justify-content: center;
}

.navbar-brand img {
    width: 5rem;
    height: 5rem;
}

  .services-card-section .slider .slick-track .card {
      min-height: 22.125rem;
  }

}

@media (max-width: 768px) {
    .navbar-brand{
        font-size: 20px !important;
    }

    #header li:last-child{
        margin-top: 15px;
    }

    #header ul{
        margin-top: 30px;
    }
    .hero_banner .content-section h1 {
            font-size: 32px;
            line-height: 1.25;
    }

    .experience{
        padding: 35px 0;
    }

    .experience-img {
        margin-top: 1.25rem;
    }

    .services-title + p{
        font-size: 14px;
    }
    .services-card-section .card {
        width: 46%;
    }
   .services-section{
    padding: 35px 0;
   }

   .get-in-touch{
    padding: 35px 0;
   }

   .get-contact-box p{
    font-size: 14px;
   }

   .timeing-box p{
    font-size: 14px;
   }

   footer ul{
    justify-content: center;
   }

   .text-end {
       text-align: center !important;
   }

   .get-in-touch .get-touch{
    font-size: 14px;
   }

   .packes-section .packes-content {
       padding-left: 0;
       margin-top: 30px;
   }

   button.slick-prev.slick-arrow,
   button.slick-next.slick-arrow {
       font-size: 22px;
   }

   #about-us h1{
    font-size: 1.8rem;
   }

   #about-us h3{
    font-size: 1.5rem;
   }

  #about-us .info {
      padding: 0rem 0;
  }

  .why-chose-us h3{
    font-size: 1.5rem;
  }

  .abouts-img{
    margin-top: 1.75rem;
  }
  #about-us h3{
    margin-top: 1.25rem;
  }

  .navbar-brand img {
      width: 5rem !important;
      height: 5rem !important;
  }
 
}

@media (max-width: 540px) {

    .banner {
        height: 12.5rem;
    }

    .banner img {
        height: 100%;
        object-fit: cover;
        background-position: left 100%;
    }

    .packes-section .packes-content p{
        font-size: 14px;
    }

    #packes-info li{
        font-size: 14px;
    }

   .hero_banner .content-section{
    height: 70vh;
   }

   .navbar-brand img {
       width: 5rem;
       height: 5rem;
   }

   .slick-slider{
    width: 90%;
    margin: auto;
   }

   .services-card-section .slider .slick-track .card{
      min-height: 19.125rem;
   }

}

@media (max-width: 420px) {
.services-card-section .card {
        width: 100%;
}

ol.breadcrumb {
    text-align: center;
    padding: 0 1.25rem;
}

.info-about h3 {
    padding: 0 1.25rem;
    font-size: 1rem;
}

.get-contact-box p a{
    font-size: 16px;
}

footer p{
    font-size: 12.6px;
}

.navbar-brand {
    font-size: 16px !important;
}

#header .container-fluid{
 padding: 0;
}
.navbar-brand img {
    width: 5rem !important;
    height: 5rem !important;
}

}

@media (max-width: 320px) {
    footer ul li a{
        font-size: 13px;
        font-weight: 400;
    }
    .location-info-box{
        padding: 16px;
    }

    .navbar-brand {
    font-size: 14px !important;
    }

    .navbar-brand img {
        width: 5rem !important;
        height: 5rem !important;
    }
}