@media (min-width: 1990px) and (max-width: 5000px){
   #hed-section .sahel-banner img{ width:100%} 
}


/*-- 0 --*/
@media (min-width: 1200px) and (max-width: 1500px){
    #hed-section .sahel-banner img{ max-width: inherit!important;}
    .select-date{ bottom: 40px;}
    .sahel-banner .carousel-indicators{ bottom: 0px; }
    .sahel-banner .carousel-caption{ top: 10%}
}

/*-- 1 --*/
@media (min-width: 991px) and (max-width: 1199px){
    #contactshel .sup-form-rgt{ width: 550px;}
    #contactshel .sup-form-lft{    width: calc(100% - 550px);}
.chos-box-1{ min-height: 340px;}    
    
#hed-section .sahel-banner img{ max-width: inherit!important;}
#brands .banner-brands img{ max-width: 100%!important }     
    .prdd-img{ min-height: 200px;}
    
.sahel-banner .carousel-caption{ left: 2%; right: 2%}  
    .welcome-tokannur {
    padding-top: 70px;
}
    .abt-loc-left{ display: none;}
    .abt-loc-right{   width:100%; min-height: auto; padding-right: 30px;
    text-align: center;}
    .select-date{ position: inherit; margin-top: 15px; margin-bottom: 15px; }
.select-date .container{ width: 100%}
    .img-tumb{ min-height: 320px;  }
}

/*-- 2 --*/
@media (min-width: 768px) and (max-width: 990px){
    .img-photo{ padding: 0px; position: inherit; }
    .img-hed{ height: 20px; }
    .welcome-tokannur {
    padding-top: 70px;
}
        .abt-loc-left{ display: none;}
    .abt-loc-right{   width:100%; min-height: auto;padding-right: 30px;
    text-align: center;}
    .travel-50{ width: 100% }
    .abt-loc-right h4{ font-size: 30px;}
    
    .travel{ padding-top: 30px; }
.sahel-banner .carousel-caption{ left: 2%; right: 2%} 
.select-date{ position: inherit; margin-top: 15px; margin-bottom: 15px; }
.select-date .container{ width: 100%}
.menu-bar .sahel-container .sahel-info .info-sa{ display: none}
.date-boxer h4{ font-size: 13px; margin-bottom: 13px; } 
    
    
#hed-section .sahel-banner img{ max-width: inherit!important}
#brands .banner-brands img{ max-width: 100%!important }   
    .chos-box-1{ min-height: 390px;}
    
        #footer-bg .req-box{ width: 98% } 
    .teaman .team-dp{ width: 180px; height: 180px ; border: solid 5px #fff;margin-top: -90px; }
    .teaman{ border-top: solid 100px #ed1c24; height: 310px;  }
    .teaman h2 {font-size: 22px;}
    .teaman h4{ font-size: 14px; }
    #team-sahel h3{ padding-top: 0px; }
    .sup-form-rgt{ width: 330px;}
    .sup-form-lft{width: calc(100% - 330px);}
    #supportshel .chos-box-1{ min-height: 291px; }
    
    #contactshel .sup-form-lft{ width: 50% }
    #contactshel .sup-form-rgt{ width: 50% }
    
    .prd-box{ width: 49%}
    .prdd-img{ min-height: 196px; }
    
    .detail-prd-box-rgt {float: none;width: 100%; margin-top: 15px;}
    .detail-prd-box-rgt .panel{ min-height: auto!important}
    .detail-prd-box-lft {float: none;width: 100%; margin: 0 auto}
    #prdshel-details{ padding-bottom: 70px; }
    recent-prd .prdd-img{min-height: 173px;}
    .box-20{ width: 25%;min-height: 225px; } 
    .map-div{ width: 100%; height: 330px;}
    .map-con{ width: 100%}
    .sign-box{ width: 70%; }
    .img-tumb{ margin-bottom: 30px; }

}



/*-- 3 --*/

@media (max-width: 767px) {
    .tarif-main{ text-align: center }
    .tarif-main h1{ font-size: 35px; }
        .img-photo{ padding: 0px; position: inherit; }
    .img-hed{ height: 20px; }
    #roomzz h4{ font-size: 20px;}
    .dot-rgt{font-size: 14px;}
    .glry-bx{ width: 32%}
        .abt-loc-left{ display: none;}
    .abt-loc-right{   width:100%; min-height: auto;padding-right: 30px;
    text-align: center;}
        .welcome-tokannur {
    padding-top: 70px;
}
     .abt-loc-right h4{ font-size: 30px;}
    .travel-50{ width: 100% }
       .travel{ padding-top: 30px; }
    
     .box-20{ width: 25%;min-height: 225px; } 
    .fac-round{ width: 100px; height: 100px;}
    .fac-round img{ width:80%; padding-top: 10px; }
    .box-20 h6{ font-size: 16px;}
    
    
    .exp-desktop{ display: none}
    .exp-mobile{ display:inherit;}
    
    #our-exp{ padding-top: 60px; }
    
.select-date{ position: inherit; margin-top: 15px; margin-bottom: 15px; }
.select-date .container{ width: 100%}
.menu-bar .sahel-container .sahel-info .info-sa{ display: none}   

.bx-30{ width: 50% }
.bx-13{ width: 100% }
.rad input{ border-radius:0px}
    .bookbtn{ width: 100%}
    .bookbtn button{ font-size: 20px; margin-top: 10px; height: 50px; border-radius: 6px;}
.date-boxer input{border-radius: 6px}   
.gj-datepicker-bootstrap span[role=right-icon].input-group-addon{border-radius:  0px 6px 6px 0px!important;}
.date-slct .form-control{border-radius: 6px}
    
    
    
#hed-section .sahel-banner img{ max-width: inherit!important}
#brands .banner-brands img{ max-width: 100%!important }   
   
    
.menu-bar .sahel-container .sahel-logo{     width: 160px; margin-top: -8px;}
    .sahel-banner .carousel-caption h1{font-size: 40px;    line-height: 58px; font-weight: 700}
    .sahel-banner .carousel-caption{ bottom: auto; top: 10%;  text-align: center; }
    
    #aboutshel{
        padding: 50px 0px;
    }
    #aboutshel h1{ font-size: 35px; }
    #aboutshel h2{  font-size: 22px; }
    #aboutshel .bdr-shel{ width: 240px; }
    #aboutshel p{ padding: 0px; }
    .prd-cntr{ width: 49%;margin-bottom: 6px; }
    #ourproducts h1{ font-size: 35px; }
    .vision-txt p{ padding-right: 0px; }
    .chos-box-1{ min-height: auto; width: 100%;    margin-bottom: 70px; }
    .hed-choose h2{ font-size: 35px; }
    #choose{ padding:50px 0px; }
    #stats h1{ font-size: 35px; margin-top: -20px }
    .stats-box h4{ font-size: 18px }
    .stats-box h5{ font-size: 26px }
    #stats{ padding-bottom: 50px; }
    
    #footer-bg .req-abst{ top: -20px;}
    .footer{ text-align: center; padding-top: 50px; }
    .footer h3{ border-bottom: solid 1px #ed1c24; padding-bottom: 6px; padding-top: 15px; margin-top: 0px;}
    .footer-btm{ text-align: center }
    /* The side navigation menu */
.sidenav {
  z-index: 9999; /* Stay on top */

}
     .req-box .red-left{ width: 100%; text-align: center }
    .req-box .red-right{ width: 100% }
    #footer-bg .req-box{ height: auto}
    .req-box .red-right button{ margin-bottom: 20px; margin-top: 5px; }

    .teaman .team-dp{ width: 110px; height: 110px ; border: solid 3px #fff;margin-top: -40px; }
    .teaman{ border-top: solid 50px #ed1c24; height: 210px;  }
    .teaman h2 {font-size: 16px;}
    .teaman h4{ font-size: 12px; }
    #team-sahel h3{ padding-top: 0px;    }
        .team-boxer{ margin-bottom: 0px;}
    .sup-form{ margin-top: 0px; }
    .sup-form-rgt{ width: 100%}
     .sup-form-lft{ width: 100%; min-height: auto}
    
        #contactshel .sup-form-lft{ width: 100%; }
    #contactshel .sup-form-rgt{ width: 100% }
    #contactshel h3{ margin-bottom: 30px; }
    #contactshel h1{ font-size: 35px; }
    #contactshel h3{ font-size: 18px; }
    #contactshel{ padding-top: 50px; }
    
    
    .prd-lft{ width: 100%;    border-radius: 10px; }
    .prd-rgt{ width: 100%; padding: 0px; border: none; margin-top: 15px }
    .prdd-img{ min-height: auto}
    #prdshel{  padding-bottom: 70px;}
    
        .detail-prd-box-rgt {float: none;width: 100%; margin-top: 15px;}
    .detail-prd-box-rgt .panel{ min-height: auto!important}
    .detail-prd-box-lft {float: none;width: 100%; margin: 0 auto}
    #prdshel-details{ padding-bottom: 70px; }
    recent-prd .prdd-img{min-height: 173px;}
    #recent-prd .prd-box{ width: 49% }
    .imgBox {
    width: 100%;
        height: auto;}
    .imgBox img{ width: 100%; height: auto }
    
        .map-div{ width: 100%; height: 330px;}
    .map-con{ width: 100%}
    
    .wid-30{ width: 50%; }
        .sign-box{ width: 100%; }
     .img-tumb{ margin-bottom: 30px; }
}

/*-- 4 --*/

@media (max-width: 480px) {
   
    .prd-abst{bottom: 15px;}
    .prd-cntr h2{ margin-bottom: 10px; font-size: 18px; }
    .prd-cntr button{     width: 100px;
    height: 30px; font-size: 14px; }
        .chos-box-1{    margin-bottom: 50px; }
    .brand-left{ width: 100%; margin-bottom: 60px; }
    .brand-right{ width: 100%; }
    .stats-brrr{ float: none;width: 100%; margin-bottom: 50px; }
    .req-box .red-left{ width: 100%; text-align: center }
    .req-box .red-right{ width: 100% }
    #footer-bg .req-box{ height: auto}
    .req-box .red-right button{ margin-bottom: 20px; margin-top: 5px; }
    .footer{ padding-top: 200px; }
    
        .teaman .team-dp{ width: 110px; height: 110px ; border: solid 3px #fff;margin-top: -40px; }
    .teaman{ border-top: solid 50px #ed1c24; height: 210px; width: 49%  }
    .teaman h2 { margin-top: 20px}
      .prd-box{ width: 49%}
 .sign-box{ width: 100%; }
    .bx-13{ width: 100%; }
 
}