@media (max-width:768px) {

  .top-icon {
   
   position: relative;
  }

  .navbar-button {
    background-color:white;
  }

 .logo {
  margin-left: 150px;
  margin-top: 80px;
  position: absolute;
 
 }

 .logo img {
   
 }

  .header-detail {
    display: none;
  }

  .get-a {
    display: none;
  }

  .get-a button {
    display: none;
  }

   .toggle-icon {
        display: flex;
       
    }

     .navbar {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 80px;
        left: 0;
        background-color: #282434;
        color: white;
        width: 90%;
        padding: 20px;
        text-align: left;
        z-index: 9;
    }

    .navbar.active {
        display: flex;
    }

    .navbar ul {
        flex-direction: column;
        gap: 15px;
        padding: 20px 0;
        color: white;
       text-align: left;
    }

    .navbar ul li {
         border-bottom: 1px solid white;
         padding: 10px;
         
    }

    .navbar ul li a {
        font-size: 18px;
        color: white;
        text-align: right;
        }
     .navbar ul li a:hover{
      color:#ff5500 ;
     }

     .slider-container {
      width: 100%;
      flex-direction: column;
     }

     .slide img {
      width: 100%;
      height: 600px;
      object-fit: cover;
     }

     .about-us {
      display: flex;
      flex-direction: column;
     }

     .about-image img, .about-text {
     max-width: 90%;
      height: auto;
      padding: 20px;
     }

     .banner-2 {
      display: flex;
      flex-direction: column;
      width: 100%;
      
     }

     .banner2-background-color {
      width: 100%;
      height: auto;
     } 

     .banner2-background-image  {
       background-image: url('images/ac\ clean.jpeg');
    background-color: #282434;
    background-repeat: no-repeat;
    width: 100%;
    height: 600px;
     }

     .services-grid {
      display: flex;
      flex-direction: column;
     }

   .service-card {
    max-width: 90%;
   }

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





    .gallery-head {
    font-size: 20px;
  }

  .gallery-container {
    flex-direction: column;
    overflow: hidden;
  }

  .gallery img {
   width: 300px;
    height: 350px;
  }

  .footer {
    display: flex;
    flex-direction: column;
  }

  .brandcrumb {
    background-repeat: no-repeat;
    height:400px;
    background-size: cover;
    object-fit: contain;
  }

  .information-detail-contact-form {
    display: flex;
    flex-direction: column;
  }

  .information-detail {
    max-width: 90%;
  }

  .contact-form {
    width: 70%;
    height: auto;
  }

  textarea {
    width: 220px;
  }

  .contact-button {
    display: flex;
    flex-direction: row;

  }

  .contact-button button {
    width: 120px;
  }

  .information-detail-contact-form {
    padding-left: 20px;
  }

}