@media screen and (max-width: 1200px) {
   .hero-card {
      height: 500px;
   }

   .banner-subheading {
      font-size: 18px;
      margin-top: 12rem;
   }

   .banner-headding {
      font-size: 48px;
   }

   .section-margin {
      margin-top: 4rem;
   }

   .section-padding {
      margin-top: 4rem;
      padding: 4rem;
   }

   .rest-banner {
      height: 400px;
   }

   .rest-banner-content h1 {
      font-size: 5rem
   }
   
   .our-blogs {
        margin-bottom: 6rem !important;
    }
    
    .rest-banner-content h2 {
        font-size: 4rem;
    }
    
    .blog-inner-container h1 {
        font-size: 2rem;
    }
    
    .blog-inner-container h6 {
        font-size: 1.15rem;
    }
}

@media screen and (max-width:992px) {
   .services {
      height: 100vh;
   }
   .nav-item a {
    font-size: 13px;
    }

   .hero-card {
      height: 450px;
   }

   .hero-content-col {
      align-items: center;
      text-align: center;
   }

   .banner-subheading {
      text-align: center;
      font-size: 16px;
   }

   .banner-headding {
      text-align: center;
      font-size: 40px;
   }

   .footer-bar {
      /* top: -50px; */
      display: none;
   }

   /* .footer-bar-container {
      height: 100%;
   }

   .footer-bar-middle {
      height: 100%;
   }

   .footer-bar-middle::after,
   .footer-bar-middle::before {
      display: none;
   }

   .footer-bar-content {
      padding: 10px 0;
   } */

   .footer {
      margin-top: 3rem;
      padding: 3rem 0 0 0;
   }

   .footer-col {
      row-gap: 1rem;
   }

   .useful-links {
      row-gap: 1rem;
   }

   .footer-col-container {
      justify-content: flex-start;
   }

   .rest-banner {
      height: 350px;
   }

   .rest-banner-content h1 {
      font-size: 4.5rem;
   }

   .contact-us::after {
      display: none;
   }

   .contact-us {
      margin-top: 2rem;
   }

   .contact-us-form-container {
      margin-top: 2rem;
   }

   .contact-us-form-container h4 {
      text-align: center;
   }

   .contact-us-btn-container {
      display: flex;
      justify-content: center;
   }

   .contact-info h4 {
      font-size: 2rem;
   }

   .contact-info-content {
      row-gap: 2rem;
      margin-top: 2.5rem;
   }

   .contact-social {
      margin-top: 2.5rem;
   }

   .contact-us-form-container {
      padding: 0 1rem;
   }

   .map {
      margin: 3rem 0;
   }

   .map iframe {
      height: 350px;
   }

   .contact-us-form input,
   .contact-us-form input:focus,
   .contact-us-form textarea,
   .contact-us-form textarea:focus {
      background-color: #E5E7E9;
   }

   .book-now-btn {
      margin: 0 0 15px 15px;
   }
   
   .our-blogs {
        margin-bottom: 5rem !important;
    }
    
    .rest-banner-content h2 {
        font-size: 3rem;
    }
    
    .blog-inner-container img {
        height: 350px;
        margin: 5rem 0 1.5rem 0;
    }
}

@media screen and (max-width: 768px) {
    .form-button{
        width: fit-content !important;
        display: block;
        margin: 0 auto;
    }
   .hero-card {
      height: 444px !important;
   }

   .hero-img img {
      width: 100%;
      object-fit: cover !important;
   }

   .section-margin {
      margin-top: 3rem;
   }

   .section-padding {
      margin-top: 3rem;
      padding: 3rem;
   }

   .services {
      height: 750px;
   }

   .services-bg img {
      height: 350px;
   }

   .services-content {
      top: 54px;
   }

   .hero-card {
      height: 350px;
   }

   .banner-subheading {
      font-size: 15px;
      margin-top: 12rem;
   }

   .banner-headding {
      font-size: 32px;
   }

   .rest-banner {
      height: 300px;
   }

   .rest-banner-content h1 {
      font-size: 3.5rem;
   }

   .contact-info-content a {
      font-size: 16px;
      font-weight: 300;
      text-decoration: none;
   }

   .contact-info-content a i {
      font-size: 1.5rem;
   }

   .contact-info h4 {
      font-size: 1.75rem;
   }

   .contact-info p {
      font-size: 16px !important;
   }

   .map iframe {
      height: 300px;
   }
   
   .our-blogs {
        margin-bottom: 4rem !important;
    }
    
    .rest-banner-content h2 {
        font-size: 3rem;
    }
    
    .blog-inner-container h1 {
        font-size: 1.5rem;
    }
    
    .blog-inner-container h6 {
        font-size: 1rem;
    }
    
    .blog-inner-container img {
        height: 300px;
    }
    .usp-section{
        padding: 2rem 0px;
    }
    .usp-section .card{
        padding:20px;
    }
    .no-mob{
        display:none;
    }
    .no-web{
        display:block;
    }
    .call-icon{
        float: left;
    width: 100%;
    max-width: max-content;
    }
}

@media screen and (max-width: 575px) {
 .form-button{
        width: fit-content !important;
        display: block;
        margin: 0 auto;
    }
   .feedback-header {
      text-align: center;
      row-gap: 0.5rem;
      margin-bottom: 0.5rem;
   }

   .rest-banner {
      height: 400px;
   }

   .rest-banner-content h1 {
      font-size: 3rem;
   }
   .hero-card {
      height: 444px;
   }
   .services {
        height: 660px;
    }
    
    .blog-inner-container img {
        height: 250px;
    }
}

@media screen and (max-width:480px) {
    .rest-banner {
      height: 350px;
   }
    
   .navbar-collapse {
      background-color: azure;
      margin-top: 30px;
      box-shadow: 1px 1px 10px #333;
   }

   .navbar-collapse ul li {
      margin: 10px 0px;
   }

   .nav-item:not(:last-child) {
      border-right: 0px;
      /* padding: 0px 15px; */
   }

   .navbar-toggler {
      border-radius: 50px;
      background-color: #fff;
   }

   .navbar-toggler-icon {
      width: 1em;
      height: 1.7em;
   }

   .about {
      padding: 3rem 0 0 0;
      text-align: center;
      background-color: #fff;
   }

   .about br {
      display: none;
   }

   .about .section-head {
      font-size: 25px;
   }

   .about .btn {
      display: block;
      padding: 15px;
      float: none;
      margin: 0 auto;
      margin-bottom: 20px;
      transform: none;
      border-radius: 0px !important;
   }

   .book {
      text-align: center;
   }

   .book p {
      margin-top: 30px;
   }
  .hero-card {
    height: 460px;
}
.services {
    height: 630px;
}
}