@media screen and (max-width:767px){
    
    .icon-1{
            text-align: -webkit-center;
    }
    
    .booking-wrapper{
        display:none !important;
    }
    .mobile-slider{
        display:block !important;
        /*height:330px;*/
      height: 400px;
    }
    .slider-fade{
        display:none;
    }
    .navbar{
       background:#fff;
    }
    .content-contact{
    /*    display: flex;*/
    /*justify-content: center;*/
    }
    .icon-contact{
    height: 50px;
    width: 50px;
    font-size: 20px;
    padding-top: 2%;
    }
    
    .banner-header .caption h5{
        padding-top:30px;
        /*padding-bottom:15px;*/
        letter-spacing: 0.9px;
    }
    
   .banner-header .section-padding{
         padding:0;
   }
    /*.section-padding {*/
    /*    padding:20px 0;*/
    /*}*/
   
    .about-three .text-col .f-blocks .f-block{
        width:100%;
    }
    .about-three .text-col .f-blocks{
        margin: 1rem;
    }
   
    .mobile-button{
        left:5%;
    }
    .mobile-rental{
        margin-bottom: -19%;
        /*margin-left:-5%;*/
    }
    .mobile-title{
        margin-left:30%;
    }
    
    .slide-1 .hovering {
    width: 100%;
    }
    .clients{
        padding:5% 10%;
    }
    .news-letter {
    height: 350px;
    }
    .nav-new a {
        /*width:100%;*/
        margin-right: auto;
        width: 89%;
        text-align: -webkit-center;
        padding: 2rem;
        display: inline-block;
    }

    .btn-new{
        position:unset;
        margin-left:0;
    }
    .service-wrapper{
        padding:0 !important;
        text-align: start;
    }
    .service-wrapper h4{
        padding-left:30%;
    }
    .fun-facts_contain-new{
        margin: -1% -13%;
    }
    .accordion-box .block .acc-btn:before{
        right:10px;
    }
     
     .navbar{
         top:0;
     }
     .nav-scroll{
         top:-100px !important;
     }
     .logo-new {
    /*padding-top: 5%;*/
     padding-top: 3%;
    height: 120px;
    width: 150px;
    padding-left: 5%;
    margin:0 !important;
    }
   
    .inc-ex-icon{
        margin-top:0;
    }
    .inc-ex-row {
    
    text-align: -webkit-center;
    }
    .cross-icon{
        margin-left:-20%;
        margin-top: -1%;
    }
    .inc-ex-sec{
        padding: 7% 5%;
    }
    .mobile-exc-title{
        padding-top:10%;
    }
    
    .icon-contact{
        display:none;
    }
    .copyright{
        text-align:center;
    }
    .cluster-contents{
        
        font-size: 14px;
        padding-left: 5% !important;
        padding-top:5% !important;
    }
    .cluster-content-detail {
    padding-left: 15%;
    padding-right:8%;
    font-size: 1.1rem !important;
    margin-top: -10%;
   }
   .project-all-content{
       left: -6%;
       bottom: -60px;
   }
   .center-new{
    margin-top: 1.5rem;
    margin-left: 6rem;
   }
  
   .list-inline {
   
    padding-top: 5% !important;
   }
   .about-cancel-view{
       display:none !important;
   }
   .about-title-mobile{
       display:block;
   }
   
   .fancy-icon-box-two {
    height: 100%;
   }
   .contact-mobile-bottom{
       padding-bottom:10%;
   }
   .js .animate-box {
    
    margin-top: -20%;
   }
   .conc-icon-mobile{
    display:inline;
    margin-left: -10%;
    padding-right: 4%;
    font-size:22px;
    color: #d48624;
   }
.detail-contact {
    padding-left: 13%;
  }
  h3{
     font-size:1rem; 
  }
  h2{
      font-size:1.4rem;
  }
  h1 {
    font-size: 1.8rem;

   }
   .tab_content{
       width:100%;
       padding: 6px 30px 40px 80px;
   }
   
   .pack-head-content {
    margin-left: 25%;
   }
   .pt-100 {
    padding-top: 50px;
  }
  .date-mobile-icon{
    display:block !important;
    color: #0f2454;
    margin-left: 88%;
    margin-top: -12%;
    font-size: 20px;
    padding-bottom:6%;
   }
   /*.tab_content {*/
   /* padding: 40px 30px 40px 80px;*/
   /*}*/
   .vehicle-feature-one{
      
      
    text-align: center;
    padding-bottom:5%;
   }
   .vehicle-feature-one .vehicle-feature-content {
      padding:6px 12px !important;
   }
   
   .vehicle-feature-two{
       padding:5px 6px !important;
    
       
   }
   .vehicle-feature .vehicle-feature-content span {
    font-size: 16px;
   }
   .vehicle-feature-margin {
    margin-left: 2% !important;
}

   .seat-rental-icon-mobile{
       padding-right:5%;
   }
   .seat-rental-icon{
       font-size:20px !important;
       transform: translateY(5px);
   }
   .card-margin-new {
    margin-top: -20%;
   }
   .cards-rental {
   
    padding: 20px 10px 0px 10px !important;
    }
    .card-margin-new-mobile{
        margin-top:-5%;
    }
    .img-width-rental-mobile{
        padding-top:5%;
        padding-bottom:10%;
    }
    .rental-car-img img{
        max-width: 100% !important;
    }
    .card .face{
      left: 6%!important;
    }
    .single-project-area {
    padding: 0px 10px 105px 20px;
    width: 340px;
    }
    .navbar button {
    margin:0 !important;
    padding-bottom: 40px;
    }
    .navbar {
        height: 80px;
    }
    .section-title-new .sub-title-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
  
   }
   .section-title-new .title {
       text-align:center;
   }
   h4 {
    font-size: 1.1rem;
   }
   .navbar .navbar-collapse {
    
    position: relative;
    bottom: 50px !important;
    }
   
    .glo-newsletter-title {
    font-size: 20px;
    }
    
    .vehicle-new-name{
        display:grid;
        max-width: 100% !important;
    }
    .seperate-content {
        margin:7px;
    }
}












/*width 992px*/
@media (min-width: 1200px){
     .navbar-expand-lg .navbar-nav .nav-link {
         
         font-size:14px;
    }
    .logo-new {
   
    /*width: 150px;*/
    
    }
   
    
}


@media (min-width: 1020px){
     .navbar-expand-lg .navbar-nav .nav-link {
         
         font-size:17px;
    }
    .logo-new {
     /*width: 310px;*/
    width: 200px;
    
    }
   
    
    
    
    
    
    
    
}