@media only screen and (min-width: 1367px) and (max-width: 1599px)  {
 	.FlightSection_hm .SrchTraveller{ width: 22%;}
 	.FlightSection_hm .Search_field_Date{width: 28%;}
 	.FlightSection_hm .Search_field_1{width: 24%;}
 }


 
 @media only screen and (min-width: 1200px) and (max-width: 1366px)  {
	  .b2b_section { height: 110vh;}
	  section.HomeBanner_sec .container-fluid{padding-right: 15px;    padding-left: 15px;}
	  .HomeNew_search_box{ width: 94%;}
	  .Form-Date h4{ white-space:nowrap;}
	  .Form-Date h4 span, .SrchTraveller h4 span{ font-size: 14px;}
	  .SrchInput input{font-size: 12px;}
	  .SrchInput input::placeholder {font-size: 12px;}
	  .htlDateDvd{ white-space:nowrap;}
	  .HotelSection_hm .Search_field_1{ width: 33%;}
	  .ActivitySection_hm .Search_field_Date, .HotelSection_hm .Search_field_Date{width: 31%;}
	  .offerSlideContent h2{ font-size: 14px;}
	  
	  .carDateTime .FieldLabel{white-space: nowrap;}
	  .hm_RecommendedHead_content{ padding: 0 15px;}
	  .hm_RecommendedHead_content h2{font-size: 15px;line-height: 17px;}
	  .ActivitySection_hm .htlDateDvd{white-space: normal;}
	  .FlightSearchHome .Search_field_Date{width: 25%;}
	  .FlightSearchHome .SrchTraveller{width: 22%;}
	  .TransferSection_hm .SrchInput input{font-size: 12px; }
	  .TransferSection_hm .Form-Date{padding: 10px 12px;}
	  .TransFerNewRslt .Transfer_Rslt_lftPic{flex: 0 0 30% !important; max-width: 30% !important; padding-left:0 !important; }
	  .TransFerNewRslt .Transfer_Rslt_lftDtls{flex: 0 0 70% !important; max-width: 70% !important;}
	  
	  .TrainSearchHome .SrchTraveller{width: 20%;}
	  .TrainSearchHome .train_search_passenger input{width: 100%;}
	  .train_search_passenger input{font-size:16px;}
	  .train_search_passenger input::placeholder{font-size:16px;}
	  .CarSection_hm .SrchTraveller{ width: 22%;}
	  .CarSection_hm .Search_field_CarDate{ width: 28%;}
	  .TravelDealsList_populr_Htl li{width: 31.7%;}
	  .FL_Date .Form-Date h4 input{ width: 45% !important;}
	  .FL_Date .Form-Date h4 span{width: 10% !important;text-align: right;}
	  .SrchTraveller input{ padding-left:20px !important; }
	  .SrchTraveller .SrchTravellerInput, .SrchTraveller input#travellerrs_one_way_roundTrip_view{font-size: 15px;}
	  .MultiTrip .SrchTraveller{ display: flex;align-items: center;}
}
 
  
@media only screen and (min-width: 768px) and (max-width: 1199px)  {
	.new_sidebar, .bx{ display:none !important;}
	section.HomeBanner_sec .container-fluid{padding-right: 15px;    padding-left: 15px; }
	.home-section{    left: auto;        width: 100%;}
	.new_sidebar.close~.home-section{    right: auto;        width: 100%;}
	.SearchMain, .serach_row{ flex-wrap: wrap;}
	.Searh_Lft_hm{width: 100%;}
	.Searh_Rht_hm{width: 100%;}
	.Search_field_1{ width: 48%;}
	.FooterSec2_listBox, .Search_field_Date, .TransferSection_hm .SrchTraveller{ width: 48%;}
	.HotelSection_hm .Search_field_1{ width: 48%;}
	.ActivitySection_hm .Search_field_Date, .HotelSection_hm .Search_field_Date{ width: 48%;}
	.AppBox_lft_pic{width: 280px;    height: 210px;background-size: contain;}
	.AppBox_lft{ width: 40%}
	.AppBox_rht{width: 60%;}
	.appstoreIcon{ gap: 10px;}
	.downloadStore { width: 180px;}
	.AppBg_textBox1 h2{font-size: 18px;}
	.App_newsLetter h2{font-size: 18px;}
	ul.TravelDealsList_populr_Flgt li{width: 47%;}
	.TravelDealsList_populr_Htl li{width: 47%;}
	.HotelSrchOuter_new, .GroupSrchOuter_new{ flex-wrap: wrap;}
	.HolidaySection_hm .Search_field_1{width: 48%;}
	.ActivtyOuter{ width: 100%;flex-wrap: wrap;}
	.ActivitySection_hm .Search_field_1{width: 48%;}
	.TransFerNewRslt .Transfer_Rslt_lftPic{flex: 0 0 30%; max-width: 30%; padding-left:0; }
	.TransFerNewRslt .Transfer_Rslt_lftDtls{flex: 0 0 70%; max-width: 70%;}
	.FlightSection_hm .Search_field_Date{width: 48%;}
	.FlightSection_hm .SrchTraveller{width: 48%;}
	.hm_multycity .Search_field_Date { width: 25%;}
	
}



@media (max-width: 767px) {
	  .mob_btn{display:block}
	  .FilghtClass .departDate .react-datepicker-popper {top: inherit !important;right: 0 !important;transform: translate(0, -256px) !important;}
	  .FilghtClass .return_date .react-datepicker-popper {top: inherit !important;right: 0 !important;transform: translate(0, -256px) !important;}
 
	  ul.hdMybooks li{margin-left:0}
	  ul.hdLoginCurency li{background:transparent;padding:0;border:none;margin-left:0;border-radius:0;position:relative;border-bottom:1px solid rgba(255,255,255,0.1)}
	  .currency_main ul li{border:1px solid #bfbfbf!important;border-radius:4px}
	  .currency_main li.active{border:1px solid #0fb800!important}
	  ul.changeLang li{border:1px solid #ccc;background-color:#fff;margin-left:0!important;border-radius:5px}
	  .media_login img{height:33px;width:160px}
	  .SideModalnew.modal.right .modal-body{padding:15px 20px 30px}
	  .field_carton .nav-tabs .nav-link{margin-right: 10px;
        margin-left: 0px;}
	  .main_nav{display:inline-block}
	  ul.hdLoginCurency a{color:#fff!important}
	  ul.hdLoginCurency{width:100%}
	  
	  .new_sidebar, .bx{ display:none !important;}
	  section.HomeBanner_sec .container-fluid{padding-right: 0px;    padding-left: 0px; }
	  .HomeBanner_main:before{    border-radius: 0;}
	  .home-section{    left: auto;        width: 100%;}
	  .new_sidebar.close~.home-section{ right: auto; width: 100%; padding-top: 0;}
	  .HomeBanner_main{ border-radius:0;}
	  .SearchMain, .serach_row{flex-wrap: wrap;}
	  .Searh_Lft_hm, .Searh_Rht_hm{width: 100%;}
	  .Search_field_1{width: 100%;}
	  .Search_field_Date{width: 100%;}
	  .MultiTrip .Search_field_1{width: 100%;}
	  .MultiTrip .Search_field_Date{width: 100%;}
	  .HomeBanner_Title{ padding:15px; align-items: flex-start; }
	  .HomeBanner_Title h1{   font-size: 26px;    line-height: 30px;}
	  .HmSeachTabList ul li a span{    /*display: none;*/ word-break: break-all; font-size: 13px;line-height: 16px;   }
	  .HmSeachTabList ul{ gap: 5px;        flex-wrap: wrap;     margin-bottom: -25px;}
	  .HomeNew_search_box{    top: -20px; width:100%;    padding: 25px 15px 20px;}
	  .Bnr_postion{top: 70px;}
	     .swichBtn {
        width: 35px;
        height: 35px;
        border-radius: 45px;
        background-size: 45%;
        border: solid #fff 2px;
        top: inherit;
        bottom: -25px;
        right: auto;
        transform: rotate(90deg);
        left: 45%;
    }
	  	  .SrchInput input{font-size: 13px;}
	  .SrchInput input::placeholder {font-size: 14px;}
	  .Form-Date h4 span, .SrchTraveller h4 span{font-size: 14px;}
	  .HomeBanner_sec{ padding-bottom: 80px; padding-top:0;}
	  .OfferTitle{    font-size: 20px;}
	  .viewall_offer{    top: 0;}
	  .HomeOffers_sec nav>div a.nav-item.nav-link, .HomeOffers_sec nav>div a.nav-item.nav-link.active, .HomeRecommend_sec nav>div a.nav-item.nav-link, .HomeRecommend_sec nav>div a.nav-item.nav-link.active{ 
	  font-size:13px;    padding: 10px 12px;}
	  .offerSlideContent{height: 125px;}
	  .offerSlideContent h2{line-height: 20px;}
	  .HomeAds_sec, .HomeApp_sec, .HomeFaq_sec{ padding: 15px 0;}
	  .GroupTourTitle, .hmHotelSlide_head h2{font-size: 20px; padding-bottom: 20px;}
	  .hm_GroupTourContentSec1{height: auto;flex-wrap: wrap;}
	  .GroupTourContentSec1_Lft{    width: 100%;}
	  .hm_GroupTourContentSec{height: auto;}
	  .HomeGroupTourSlide_sec{ padding-bottom:15px;}
	  .AppBox_lft{ display:none;}
	  .AppBox_rht{width: 100%; padding: 20px 15px;}
	  .AppBg_textBox1 h2{ font-size: 20px; word-break: break-word;}
	  .App_newsLetter h2{    font-size: 18px;}
	  .newsLetterBox2{width: 100%;}
	  .newsLetterBox2Filed{width: 60%;}
	  .newsLetterBox2Btn{width: 40%;}
	  .newsLetterBox2Filed .form-control{ font-size: 13px; padding: 0 10px;}
	  .newsBtn{font-size: 13px !important;border-bottom-right-radius: 0 !important;border-top-right-radius: 0 !important;}
	  .faq_main .col{ font-size: 15px;}
	  .HomeRecommendList{flex-wrap: wrap;}
	  .GroupTourContentSec1_Rht, .RecomdedListing {width: 100%;}
	  .Footer_contact_outer{flex-wrap: wrap; gap: 12px;}
	  .Footer_contact_outer .separator{    width: 100%;background: #0e2b69;height: 1px;}
	  .FooterSec2_list{    flex-wrap: wrap;}
	  .FooterSec2_listBox{    width: 50%;padding-bottom: 20px;}
	  .downloadStore{ width: 143px !important;}
	  .downloadStore img{height: 40px;}
	  .hmqrcode img{height: 90px;}
	  .appstoreIcon{ gap: 10px;}
	  .flight_icon_main, .hotel_icon_main, .grouptour_icon_main, .tripplanner_icon_main, .transfers_icon_main, .train_icon_main{width: 20px;height: 20px;}	
	  .HotelSection_hm .Search_field_1{width: 100%;}
	  .ActivitySection_hm .Search_field_Date, .HotelSection_hm .Search_field_Date{width: 100%;}
	  .FooterSec2_listBox, .Search_field_Date, .TransferSection_hm .SrchTraveller{width: 100%;}
	  .Flight_Tabs_Home ul li{ width:33%;}
	  .Flight_Tabs_Home li a{width: 100%; display: inline-block; font-size: 12px;}
	  .HmSeachTabList{ top: -60px; margin-bottom: -60px; position: relative; padding-bottom:0;}
	  .HmSeachTabList ul li {background: #fff; width:95px; height: 95px; padding: 15px 0; border-radius: 20px;box-shadow: 0 4px 8px 0 #95959530;}	
	  .HmSeachTabList ul li.active{background:#0e77c8; color:#fff;}	
	  .HmSeachTabList ul li.active span{color:#fff;font-family:'PoppinsRegular','DroidKufiRegular';}	
	  .HmSeachTabList ul li.active .flight_icon_main{ background: url(../images/flight_icon_main_white.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .hotel_icon_main{ background: url(../images/hotel_icon_main_white.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .grouptour_icon_main{ background: url(../images/grouptour_icon_main_white.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .tripplanner_icon_main{ background: url(../images/tripplanner_icon_main_white.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .transfers_icon_main{ background: url(../images/transfers_icon_main_white.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .train_icon_main{ background: url(../images/train_icon_main_white.svg) 0 0 / contain no-repeat;}
	  
	  .HmSeachTabList ul li.active .car_icon_main{ background: url(../images/car_icon_side_hover.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .attraction_icon_main{ background: url(../images/attraction_icon_hm_hover.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .holidays_icon_main{ background: url(../images/holidays_icon_hm_hover.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .groupbook_icon_main{ background: url(../images/groupbook_icon_hm_hover.svg) 0 0 / contain no-repeat;}
	  .HmSeachTabList ul li.active .deals_icon_main{ background: url(../images/deals_icon_hm_hover.svg) 0 0 / contain no-repeat;}
	  .mobileView_hide{ display:none !important;}
	  .hmMobileSlider .owl-carousel.owl-drag .owl-item{height: 115px;}
	  
	  .TravelDealsBanner_p{ height: 250px; padding: 25px;} 
	  .TravelDealsBanner_p h2:after{ bottom: -10px;left: 0; top: inherit;} 
	  .TravelDeals_sec nav>.nav.nav-tabs{ gap: 15px;}
	  .TravelDeals_sec nav>div a.nav-item.nav-link, .TravelDeals_sec nav>div a.nav-item.nav-link.active{ font-size: 13px;height: 44px;} 
	  ul.TravelDealsList_populr_Flgt li{width: 100%;} 
	  .TravelDealsList_populr_Htl li{width: 100%;} 
	  
	  .CarSection_hm .Search_field_1_pickup{ width: 100%;}
	  .CarDropInput{ width: 100% !important;}
	  .Search_field_CarDate {width: 100%;}
	  .Search_field_DrivAge {width: 100%;}
	  .CarSection_hm .Search_field_1_pickup{width: 100%;}
	  .car_home_Tick input[type=checkbox]+label::before{ top: -15px;}
	  
	  .DynamicSection_hm .Search_field_DyDate{width: 100%;}
	  .DynamicSection_hm .Search_field_1_DyDes{width: 100%;}
	  .HotelSrchOuter_new, .GroupSrchOuter_new{ flex-wrap: wrap;}
	  .HolidaySection_hm .Search_field_1{width: 100%;}
	  .ActivtyOuter{width: 100%;flex-wrap: wrap;}
	  .ActivitySection_hm .Search_field_1{width: 100%;}
	  
	  .Flight_Tabs_Home li a:before{border: solid #CCCCCC 2px !important;box-shadow: none;}
	  .Flight_Tabs_Home li a.active:after{border: solid #CCCCCC 2px !important;}
	  .SideModalnew.modal.right .modal-dialog{ width:100%;}
	  .hmMobileSlider{display: block;}
	  

.b2b_section {
    margin: 0 !important;
}
.b2b_section .tabs {
    padding-right: 0 !important;
}
.b2b_section .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
}
.b2b_section .tabs section {
    padding: 15px;
    width: 100%;
    margin: 0px;
    border-radius: 12px;
    margin-right: 0;
}
.b2b_section .Search_field_1 {
    width: 100% !important;
}
.b2b_section .Search_field_Date {
    width: 100% !important;
}
.b2b_section .SrchTraveller {
    width: 100% !important;
}
.b2b_section .Searh_Rht_hm {
    width: 100% !important;
}
.b2b_section .b2b_tab .searchBtn {
    margin: 0;
    margin-top: 0;
    padding: 15px 40px !important;
    height: auto;
    width: 100%;
}
.b2b_box {
    margin-bottom: 12px;
    margin-top: 20px;
}
.b2b_wallet_lft {
    width: 100% !important;
    border-left: none !important;
    padding-top: 10px !important;
    border-bottom: 1px solid #ccc !important;
}
.b2b_walletbox {
    flex-wrap: wrap !important;
}
.b2b_wallet_rht {
    width: 100% !important;
}
.b2b_wallet_lft_list {
    padding-right: 0 !important;
}
.b2b_wallet_lft_list td {
    padding: 5px 10px !important;
    font-size: 14px !important;
}
.Flight_Tabs_Home li a {
    padding: 6px 25px 6px 10px !important;
}
.HomeGroupTourSlide_sec .owl-height {
    height: auto !important;
}
.Htl_New_RoomPicker {
    width: auto;
}	
.side_pocket {
    width: 100%;
}  
.b2b_section .Flight_Tabs_Home li a {
  font-size: 10px;
  padding: 6px 24px 6px 0px !important;
}
.RecomdedListing {
    margin-bottom: 10px;
}
.RecomdedListing h2 {
    padding-bottom: 5px;
    margin: 0px;
} 
.container__months{width:auto!important;
	justify-content: center !important;
}
.hm_clndr_main .litepicker {
    position: absolute !important;
}
i.country_flag {
    height: auto !important;
    width: auto !important;
}

.FlightSection_hm .Search_field_Date{width: 100%;}
.FlightSection_hm .SrchTraveller{width: 100%;}
.mob_New_comnt2 .dropdown-menu {transform: translate3d(14px, 41px, 0px) !important;}
.mob_New_comnt2 .dropdown-menu.show {top: 0px !important;}
.packQuickL{ margin-top: 15px;}

}