.hotel_link{
  display: none!important;
} 
.menu_bg{
  position: relative;
}
 .moredrop_menu{
    position: absolute;
    top: 105px;
    width: 100%;
    text-align: left;
    left: 0px;
    visibility: hidden;
    background: #fff;
    border: 1px solid #ccc;
        padding: 0px;
        border-radius: 5px;
            transition: all .2s ease;
     }
 .moredrop_menu li a{
 padding: 10px 10px;
    display: inline-block;
    border-bottom: 1px solid #eee;
    width: 100%;
 }
  .moredrop_menu li a:hover{
  background-color: #2196f3;
  color: #fff;
 }

.menu_bg:hover .moredrop_menu{
  visibility: visible;
      transition: all .2s ease;
}
.package-option {
    width: 100%;
}


 .bg_form .booking .bookngright .basketfotm .form-list i{
  width: 40px!important;
 }
.date_ntime{
  display: flex;
  justify-content: space-between;
}
.date_ntime span{
  position: relative;
}
.date_ntime span i{
  padding-top: 8px;
      top: 6px;
}

.form-list .left-t label{
  margin-bottom: 5px;
}
 .login_m{
  display: none;

 }
 #dLabel{
margin-top: 5px;
    font-size: 0px;
    padding: 0px;

}
.inner_Serche{
  margin-top: 20px;
}
.right-menu{
  position: relative;
  flex-basis: 90%;
}
.right-menu .serche_header{
  display: flex;
  justify-content: space-between;
}
 
 
.right-menu .serche-banner{
    left: 25px;
    width: 50%;
    margin: auto;
    right: auto;
 top: -20%;
}
.left-h{
  flex-basis: 10%;
}
.left-h img{
  width: 100%;
}
.di_no{
  display: none;
}
.right-menu .top-serc{
    padding: 8px 15px;
}
.right-menu .serche-banner .dropdown22{
      width: 800px;
}

.header_serch{
  background-color: #2196f3; font-weight: normal; color: #fff; border: 1px solid #eee;}

 .header_serch tr:hover {
  background-color: #eee; font-weight: normal; color: #000;}

  .serche_table th{
    font-weight: normal;
        border-bottom-width: 0px;  padding: 15px 15px;

  }
.serche_table{
  margin: 20px 0px;
  padding: 20px 20px;
    border-radius: 5px;
    border: 1px solid #eee;
}
.red{
  background-color: #ff6060!important;
  color: #fff;
   display: flex;
}

.red i{
  font-size: 40px;
  margin: 0px 10px;
  width: 80px;
  background: #fff;
  height: 80px;
  border-radius: 50px;
  color: #ff6060;
  text-align: center;
  line-height: 80px;

}
.agent_panel .agent_right .balnce .fist{
      box-shadow: 1px 6px 7px 0px #eee;
      margin-bottom: 30px;
}
.agent_panel .agent_right .balnce .green{
  background-color: #a2e19e!important;
  color: #fff;
  display: flex;
}

.agent_panel .agent_right .balnce .green i{
  font-size: 40px;
  margin: 0px 10px;
  width: 80px;
  background: #fff;
  height: 80px;
  border-radius: 50px;
  color: #a2e19e;
  text-align: center;
  line-height: 80px;

}
.table_td td{
  padding: 15px 15px;
}

.paginate_button.active a{
    background: #fff;
    border: 1px solid #2196f3;
     color: #2196f3;
}
.dataTables_paginate {
    margin-left: auto;
    display: inline-block;
    text-align: end;
    margin-top: 50px!important;
    width: 100%;
}

.dataTables_paginate a{
  background: #2196f3;
  color: #fff;
  padding: 10px 15px;
  margin: 10px 5px;
 
}
.pagination{
  justify-content: flex-end;
}
.dataTables_wrapper .row{
  display: flex;
    align-items: center;
}
div#example_filter {
    text-align: right;
}
.left-t {
    width: 100%;
}

.left-t .top-serc {
    width: 100%;
}
.timer_c{
  width: 100px;
  padding-left: 10px;}
  .new_trans .ad{
    margin-bottom: 15px;
  }
  .new_trans i{
    color: #2196f3;
  }
  .new_trans label{
    font-size: 14px;
    margin: 5px 0px;
  }
  .detils-content .content-all .right-section .btn3{
    width: 100%;
  }
  .timer_c .top-serc{
    width: 100%;
  }
  #exampleModal .modal-content{
      width: 100%;
    margin-left: 0%;
    height: 550px;
        overflow-x: auto;
            padding: 20px 0px;

  }
    #exampleModal .modal-header .close {
    width: 35px;
    height: 35px;
    border-radius: 20px;
    line-height: 31px;
    margin-top: 10px;
}
.about-list {
  margin: 0px;
  padding: 0px;
  counter-reset: newCounter;
}

.about-list .list-item{
  display: flex;
    border: 1px solid #eee;
        padding: 15px 15px;
    border-radius: 10px;
        margin: 20px 0px;

}
.about-list .list-item li{
  list-style: inherit;
  line-height: 26px;


}


.about-list li h3{
      color: #787878;
    font-weight: 400;
    font-size: 24px;
     border-bottom: 1px solid #eee;
    padding-bottom: 7px;
}
.about-list li p{
  font-size: 14px;
      margin: 0px;
          line-height: 26px;
}
.about-list .list-item:before {
    min-width: 65px;
    height: 65px;
    margin-right: 30px;
    font-size: 2.1rem;
}

.about-list .list-item:before {
    font-size: 24px;
    background-color: #fff;
    min-width: 47px;
    height: 47px;
    color: #2196f3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    border: 2px solid #f7f7f7;
    counter-increment: newCounter;
    content: counters(newCounter,".",decimal-leading-zero) " ";
    box-shadow: 0px 5px 1px 0px #2196f3;
    }


.hotel_view{
  display: flex;
  justify-content: space-between;
}
.hotel_view .hotel_img{
flex-basis: 29%;
}

.hotel_view .hotel_contant{
  flex-basis: 63%;
  margin: 0px 12px;
}
.listing_hotel td{
  background: #fff;
  --bs-table-accent-bg: #fff!important;
}
.child_age select{
  padding: 5px 10px;
  border: 1px solid #eee;
}

#example_wrapper{
  width: 100%;
}

.hotellist_main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.hotel_img{
  flex-basis: 28%;
}
.hotel_img img{
  width: 100%;
}
.hotel_contant{
  flex-basis: 50%;
}
.hotel_contant_right{
      flex-basis: 18%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
        justify-content: center;

}
.hotel_contant_right h4{
  margin: 10px 0px;
}
.hotel_address {
  display: flex;
  margin: 10px 0px;
  align-items: center;
}

.hotel_address p{
  margin: 0px 10px;
  font-size: 14px;
}
.hotel_address i{
  font-size: 18px;
}
.ho_facility ul{
  display: flex;
  justify-content: flex-start;
     padding: 0px;
    align-items: center;
        margin-bottom: 0px;
}
.ho_facility li{
  margin: 0px 10px;
  padding: 5px 10px;
  border: 1px solid #ededed;
  border-radius: 5px;
  font-size: 14px;
  margin-right: 10px;
}
.back_gs{
  background: #626262;
  color: #fff;

}

.price-slider {
  width: 300px;
  margin: auto;
  text-align: center;
  position: relative;
  height: 9em;
}
.price-slider h5{
  text-align: left;
}
.price-slider svg,
.price-slider input[type=range] {
  position: absolute;
  left: 0;
  top: 50px;
}

.distence_range {
  width: 300px;
  margin: auto;
  text-align: center;
  position: relative;
  height: 9em;
}
.distence_range h5{
  text-align: left;
}
.distence_range svg,
.distence_range input[type=range] {
  position: absolute;
  left: 0;
  top: 50px;
}

.main_list input[type=number] {
  border: 1px solid #ddd;
  text-align: center;
  font-size:18px;
  -moz-appearance: textfield;
}
.main_list input[type=number]::-webkit-outer-spin-button,
.main_list input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.main_list input[type=number]:invalid,
.main_list input[type=number]:out-of-range {
  border: 2px solid #e60023;
}
.main_list input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
.main_list input[type=range]:focus {
  outline: none;
}
.main_list input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2196f3;
}
.main_list input[type=range]:focus::-ms-fill-lower {
  background: #2196f3;
}
.main_list input[type=range]:focus::-ms-fill-upper {
  background: #2196f3;
}
.main_list input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #2196f3;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.main_list input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #2196f3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
.main_list input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.main_list input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
 .main_list input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.main_list input[type=range]::-ms-fill-lower,
.main_list input[type=range]::-ms-fill-upper {
  background: #1da1f2;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.main_list input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #1da1f2;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #a1d0ff;
  cursor: pointer;
}
.price_range {
    margin: 50px 0px;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.main_list{
  border-bottom: 1px solid #eee;
     padding-bottom: 20px;

}
.main_list h5{
  margin: 20px 0px; 
}
.main_list .fa-star{
  color: #2196f3;

}
.clicktoshow_open{
  position: relative;
  flex-basis: 30%;
}
.btn_add {
    display: inline-block;
    margin-top: 20px;
}
.menu_list{
  position: absolute;
  width: 100%;
  top: 47px;
  right: 50px;
   background: #fff;
   width: 500px;
   padding: 20px;
   border: 1px solid #eee;
   box-shadow: 10px 10px #eee;
       box-shadow: -2px 4px 5px 1px #f7f7f7;
       z-index: 9;
}
 
.menu_list label{
  margin: 10px 0px;
  display: inline-block;
}
.room_list li{
  margin-right: 10px;
 
}
.room_list li a{
border: 1px solid #eee;
    padding: 5px 14px;
    border-radius: 5px;
 
}
.room_list li a:hover{
  background: #2196f3;
  color: #fff;
 
}
.child_list{
  display: flex;
  justify-content: flex-start;
  padding: 0px;
}
.child_list .form-control{
    width: auto;
    margin: 5px;
    padding: 3px 12px;
    border: 1px solid #eee;
    cursor: pointer;
}
.child_list .form-control:hover {
  background: #2196f3;
  color: #fff;
}

.infoDiv {
  display: flex;
  justify-content: flex-start;
}
.infoDiv select{
  border: 1px solid #ccc;
  padding: 6px 5px;
  border-radius: 5px;
  margin-right: 5px;
      width: 85px;
}
.child_age{
  display: flex;
  flex-direction: column;
}
.child_age label{
  font-size: 12px;
  margin: 5px 0px;
}
.view_detilsbtn{
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: 5px;
      transition: 0.4s ease;
}
.view_detilsbtn:hover{
  background: #2196f3;
      transition: 0.4s ease;
  color: #fff;
}

  .search_container_box{
        background-color: #f5f5f5;
      padding: 30px 0px;
        margin-top: 25px;
    }
    .search_container{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .search_location_box input{
        border-radius:5px;
          padding: 10px 10px;
              border: 1px solid #ccc;
    }
 
    .coming_result_container{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        align-items: center;
        padding: 15px 0px;
    }
    .coming_result_container h3{
        font-size: 18px;
    }
    .content_sort_by{
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    .content_sort_by h4{
        font-size: 14px;
        margin: 0px 10px;

    }
    .search_filter_btn {
        padding: 0px 10px;
    }
    .search_filter_btn input{
        padding: 5px 0px;
    }
    .search_filter_icon a{
        padding: 10px;
            transition: 0.4s ease;
        border-radius: 5px;
        border: 1px solid #eee;
    }
       .search_filter_icon a:hover{
        background: #2196f3;
            transition: 0.4s ease;
        color: #fff;
    }
    .serc_big{
      flex-basis: 26%;
    }
    .hotel_date{
      flex-basis: 12%;
    }
    .hotel_date input{
      width: 100%;
    }
    .serc_big input{
      width: 100%;
    }
    .room_list{
      display: flex;
     justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      padding: 0px;

    }
    .room_optin{
      flex-basis: 15%;      
    margin: 20px 10px 10px 0px;
      border: 1px solid #eee;
      border-radius: 5px;
      padding: 10px;
      text-align: center;
    }
    .room_optin h3{
      font-size: 22px;
   
    padding: 0px;
    color: #2196f3;
    text-transform: uppercase;

    }
    .room_optin a:hover{
      color: #2196f3;
    }
    .room_optin span{
         font-size: 16px;
    display: inline-block;
   
    }
    .room_optin img{
      width: 100%;
    }
    .hotel_list{
      width: 100%;
       border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 1px 4px 10px 0px #f5f5f5;
    }
    .headre_listroom{
         background: #fffcf7;
    font-weight: normal;
    }

    .btn_hotel {
    background-color: #2196f3;
    color: #fff;
    padding: 5px 20px;
   
    border: #eee 1px solid;
    transition: all .2s ease;
    box-shadow: #eee 0 15px 30px -5px;
         transition: 0.4s ease;
}

    .btn_hotel:hover {
    background-color: #fff;
    color: #2196f3;
 
       transition: 0.4s ease;
}
.check-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: 0px 20px;
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.child {
    margin: 20px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ad {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
.child_dived{
  display: flex;
  justify-content: space-between;
}
.new_tabs{
      margin: 0px;
    border: 1px solid #eee;
    width: 100%;
}
.ch_ld .top-serc{
  margin: 0px;
    border: 1px solid #eee;
       padding-left: 50px;
}
 .age_ch{
  width: 30%;
 }
 .ch_ld svg {
    vertical-align: baseline;
}
.date_anu{
  display: block;
}
.ans_ic {
    width: 100%;
}
.form_list_an{
  background: #fff8ed;
  width: 100%;
}
.fr_serc_n{
      margin-left: 0px;
}
.bn_aligb{
      padding-top: 30px;}

 .form_list_an b{
     padding: 10px 0px;
     font-weight: normal;
 width: 100%;
 display: inline-block;
 } 
 .form_list_an td{
      padding: 30px 15px;
 }   
 .form_list_an .top-serc{
  border: 1px solid #ccc;
 }