@media(min-width: 320px) and (max-width: 767px){
    
    .navbar-toggler{
        margin-left: -8px;
    }
    .nav-bottom nav ul li a{
        color: black;
    }
    .bottom-nav{
        display: block !important;
    }

    .mobile-8{
        width: 50% !important;
        margin-left: -13px;
    }
    .mobile-6{
        font-size: 16px !important;
        margin-top: 20px;
    }
    .mobile-7{
        font-size: 14px !important;
        margin-left: -180px !important;
    }
    .first-banner nav{
         display: none !important;
        
    }
    .first-banner-about nav{
        display: none !important;
    }
   
    .background{
        height: 910px;
        margin-top:1880px;
    }
    .banner-text{
        padding: 18px 0px;
        width: 250px;
        height: 100px;
        margin-top: -460px;
      
       
    }
    .banner-text-taxi{
        padding: 18px 0px;
        width: 250px;
        height: 100px;
        margin-top: -460px;
    }
    .banner-text-taxi h2{
        font-size: 18px;
        
    }
    .banner-text-taxi h5{
        font-size: 13px;
        
    }
    .banner-text h2{
        font-size: 18px;
        
    }
    .banner-text p{
        font-size: 14px;
    }
    .diviadation{
        margin-top: 100px !important;
    }
    .banner-text-special{
        padding: 18px 0px;
        width: 250px;
        height: 100px;
        margin-top: -460px;
       
    }
    .banner-text-special h2{
       font-size: 18px;
    }
    .banner-text-special .tagline h5{
       margin-top: 32px;
       font-size: 13px !important;
    }
   
    .banner-text-special-second{
        padding: 18px 0px;
        width: 250px;
        height: 100px;
        margin-top: -460px;
       
    }
    .banner-text-special-second h2{
        font-size: 18px;
    }
    .banner-text-special-second .tagline h5{
        margin-top: 32px;
       font-size: 13px !important;
    }
  
    
    .banner-text .tagline h5{
        
        font-size: 13px !important;
        margin-right: 40px !important;
        margin-left: 18px !important;
        margin-top: 36px !important;
      
    }
    .carousel-item h5{
    
        margin-top: 32px;
        font-size: 13px !important;
        margin-left: 14px;
        margin-right: 0px;
      
    
    }
    .carousel-item h2{
        margin-left: 14px;
        margin-top: 10px;
    }
    .banner-text-two{
        padding: 30px 20px;
        width: 700px;
        height: 200px;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.5);
        margin-top: -450px;
        position: absolute;
        margin-left: -30px;
       
    }
    .banner-text-two h2{
      color: #f58634;
        opacity: 100%;
    }
    .banner-text-two p{
       color: #fff !important;
    }
    .cronos{
        font-family:'Cronos pro', sans-serif;
        font-size: 22px;
    }
/* images start here */
    .image{
       
        background-size: 100% 350px;
       
      
    }
    .image-2{
        background-size: 100% 350px;
    }
    .image-3{
        background-size: 100% 350px;;
    }
    .image-4{
        background-size: 100% 350px;
    }
    .image-5{
        background-size: 100% 350px;
    }
    .image-6{
        background-size: 100% 350px;
    }
    .image-7{
        background-size: 100% 350px;
    }
  .material-icons{
          font-size: 28px !important;
         margin-top: -200px;
    }

    /* number-counter start here */
    .number-counter{
        margin-top: -315px !important;
    }
    .message{
        margin-top: -70px !important;
        margin-left: 0 !important;
    }
   .mobile-1{
    width: 25% !important;
   }
   .mobile-2{
    width: 25% !important;
   }

   /* services start from here */
   .box{
    width: 100%;
    margin-left: 0px !important;
    margin-top: 1900px;
   }
   .mobile-3{
    width: 25% !important;
   }
   .img-box{
    margin-bottom: 20px;
   }
   .background .row {
    height: 940px !important;
}

   /* third banner start from here */
   .third-banner{
    margin-top: 2860px;
   }
   .mobile-4{
    width: 25% !important;
   }
   .third-banner p {
    margin-left: 120px;
    font-size: 16px;
}
.third-banner h5{
    font-size: 16px;
}
/* footer start here */

.footer {
    width: 100%;
    height: 750px;
 
}

.col-lg-6 {
margin-left: 0 !important;
}

/* about us start from here */
.first-banner-about nav{
    display: none !important;
}
.first-banner-about {
  background-size: 100% 300px; 
}
.about-second { 
    margin-top: 420px;
}
.about-footer {
    margin-top: 2030px;
   
}
.about-footer .col-lg-6  {
    margin-left: 0 !important;
   
}

/* driectors message start from here */
.first-banner-driectors nav{
    display: none !important;
}
.first-banner-driectors {
    background-size: 100% 300px; 
  }
  .driectors-second { 
      margin-top: 420px;
  }
  .footer  .driectors-footer {
      margin-top: 2030px;
     
  }
  .footer  .driectors-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* gallery page start from here */

.first-banner-whats-new nav{
    display: none !important;
}
.first-banner-whats-new {
    background-size: 100% 300px; 
  }
  .first-banner-whats-new h3 {
  
    margin-left: 96px;
 
}
  .whats-new-second { 
      margin-top: 420px;
  }
  .footer  .whats-new-footer {
      margin-top: 2030px;
     
  }
  .footer  .whats-new-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* housekeeping start here */
  .first-banner-housekeeping nav{
    display: none !important;
}
.first-banner-housekeeping {
    background-size: 100% 300px; 
  }

  .house-second { 
      margin-top: 380px;
  }
  .footer  .housekeeping-footer {
      margin-top: 2030px;
     
  }
  .footer  .housekeeping-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }
  .mobile-9{
    width: 10% !important;
  }

  /* management start from here */

  .first-banner-management nav{
    display: none !important;
}
.first-banner-management {
    background-size: 100% 300px; 
  }

  .management-second { 
      margin-top: 380px;
  }
  .footer .management-footer {
      margin-top: 2030px;
     
  }
  .footer .management-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }
  
  /* manpower start from here */

  .first-banner-manpower nav{
    display: none !important;
}
.first-banner-manpower {
    background-size: 100% 300px; 
  }

  .manpower-second { 
      margin-top: 380px;
  }
  .footer .manpower-footer {
      margin-top: 2130px;
     
  }
  .footer .manpower-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* payroll services start here */

  .first-banner-payroll nav{
    display: none !important;
}
.first-banner-payroll {
    background-size: 100% 300px; 
  }

  .payroll-second { 
      margin-top: 380px;
  }
 .payroll-footer {
      margin-top: 1580px;
     
  }
  .footer .payroll-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }
  
  /* stationery start from here */

  .first-banner-stationery nav{
    display: none !important;
}
.first-banner-stationery {
    background-size: 100% 300px; 
  }

  .stationery-second { 
      margin-top: 380px;
  }
 .stationery-footer{
      margin-top: 2350px;
     
  }
  .footer .stationery-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* taxi star here */
  .first-banner-taxi nav{
    display: none !important;
}
.first-banner-taxi {
    background-size: 100% 300px; 
  }

  .taxi-second { 
      margin-top: 380px;
  }
 .taxi-footer{
      margin-top: 2420px;
     
  }
  .footer .taxi-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* why us  page start here */
  .first-banner-whyus nav{
    display: none !important;
}
.first-banner-whyus {
    background-size: 100% 300px; 
  }

  .whyus-second { 
      margin-top: 380px;
  }
 .whyus-footer{
      margin-top: 1890px;
     
  }
  .footer .whyus-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* clients page start here */

  .first-banner-client nav{
    display: none !important;
}
.first-banner-client {
    background-size: 100% 300px; 
  }

  .client-second { 
      margin-top: 380px;
  }
  .client-second .col-lg-3{
    margin-bottom: 20px;
    margin-left: 80px;
  }
 .client-footer{
      margin-top: 2780px;
     
  }
  .footer .client-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }

  /* contact page start here */

  .first-banner-contact nav{
    display: none !important;
}
.first-banner-contact {
    background-size: 100% 300px; 
  }

  .contact-second { 
      margin-top: 380px;
      /* margin-left: 40px; */
  }
  .mobile-10{
    width: 100%;
    height: 250px;

  }
  .contact-second .col-lg-6{
    margin-bottom: 20px;
    margin-left: 10px !important;
  }
  .contact-info {
    
    margin-left: 66px;
}
 .contact-footer{
      margin-top: 1155px;
     
  }
  .footer .contact-footer .col-lg-6  {
      margin-left: 0 !important;
     
  }




}