﻿html{overflow-y:scroll;-webkit-text-size-adjust:none;}
body{font-family:arial, Sans-Serif;font-size:100%;margin:0px;padding:0px;}
*{box-sizing:border-box;}
ul, ol, li, div, span, input, tt, dl, dt, kbd, dfn, code, label, em, p, h2, h3, h4{padding:0px;margin:0px;font-family:arial, Sans-Serif;font-style:normal;}
a, img{border:none;}
img{max-width:100%;}
a{text-decoration:none;}
.txt_decoration{text-decoration:underline}
.clr{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.margin_top_em{margin-top:.75em;}
.margin_top1{margin-top:1em;}
.margin_top2{margin-top:2em;}
.width47{width:47%;}
.width_100{width:100%;}
.pad_left1{padding-left:1% !important;}
.pos_rel{position:relative;}
.font_7em{font-size:.71em;}
.forgot_pass_fp{width:23%;position:absolute;z-index:1;border-radius:3px 0 3px 3px;padding:.3% 0.5% .4%;left:14px;top:255px;box-shadow:0px 1px 7px #000;-webkit-box-shadow:0px 1px 7px #000;-moz-box-shadow:0px 1px 7px #000;-moz-box-shadow:0px 1px 7px #000;}
.triangle_shape{display:block;height:19px;margin-left:33%;margin-top:-1em;width:22%;}
.forgot_pass_box{width:87.8%;float:left;padding:6%;}
.frm_row_pass{float:left;width:100%;padding-bottom:.75em;}
.frm_row_pass label{font-size:.75em;float:left;width:100%;padding-bottom:0.25em;}
.frm_row_pass input[type="text"]{padding:2px;width:97%;}
.fl_close_norm{float:right;width:20px;height:20px; position:absolute; right:8px; margin:-2px 0 0 0!important;}
.btn_main_ticket_queue{cursor:pointer; border-radius:3px;padding:6px 10px;font-size:12px;font-weight:bold;border:none;}
header{position:relative;}
.login_error{font-size:0.75em;color:#ff0000;}
header, article, footer{display:block; width:100%; max-width:1200px;margin:0 auto;}
#mobile_menu{display:none;}
#mobile_navv{display:none;}
.desktop_view_not{display:none;}
.beta_version{width:18%;text-align:right;float:right;clear:right;padding:0 1%;}
.beta_version a{font-weight:bold;}
.d_website{font-weight:bold;font-size:1em;}
.profile_mob{float:right;width:42px;height:36px;cursor:pointer;padding-right:10px}
#beta_login{margin-top:2%;}
.login_captcha {  border: 0 none; border-radius: 7px;  box-shadow: 2px 5px #f0f0f0;  color: #7d7d7d;  float: left; font-size: 1em;  padding:10px 1%;  width: 38%;}
.rememberMe{float: left; margin-top: 8px; font-size: 13px;}
/*Dual Authentication css added by baliram*/
.googleAuthPanel{margin-bottom: 8px;  width: 100%; float: left;  font-weight: normal; font-size: 14px;}
.googleAuthPanel input{ width:auto !important;}
.mfaCodebox>b{ position:absolute;top: 10px; left: 18px;}
.mfaCodebox>b:after{content:""; border-left: 1px solid #e0e0e0;   position: absolute; height: 34px; top: -10px; right: -10px;}
.mfaCodebox>input{text-indent: 120px;}
.mfaCodeSent{border-radius: 5px; position:relative; background-color: #ffffff;padding: 10px;box-shadow: 0.626px 3.951px 7.28px 0.72px rgba(0, 0, 0, 0.06);display: flex;border: 1px solid #e0e0e0;flex-wrap: wrap;align-items: center;}
.mfaCodeSent svg{margin-inline-end:20px;}
.mfaCodeSent:before{content:"";border-left: 1px solid #e0e0e0;position: absolute;height: 45px;top: 0;left: 42px;}
.QRCodePanel{display:flex;gap: 16px;    flex-wrap: wrap;}
.QRCodeBox1{border:1px  solid #e0e0e0; width: calc(50% - 8px);}
.copyInputBox{ position:relative;}
.copyInputBox>button{position: absolute; right: 9px;  height: 34px; width: 35px;  top: 1px; font-size: 20px; background: #eee; border: 0; cursor: pointer; border-left: 1px solid #e0e0e0; border-radius: 0 5px 5px 0px;}
.width_auto{width:auto !important;}
.cookiesdiv{background-color: #f2a602; padding: 5px; text-align: center; font-size: 15px;color: #000; margin: 0 auto;max-width: 1200px; width: 100%;}
.cookiesbtn{background: #014c8e; color: #fff; transition: ease all 0.5s; border: 1px solid #fff; border-radius: 4px; padding: 3px 8px; cursor: pointer; margin-left:5px;}
.cookiesbtn:hover{background: #f2a602;}

@media all{
.logo{float:left;padding:0.15em .65em 0 .65em;}
.login_con{float:left;width:100%;}
.login_lft_col{float:left;width:40%;padding:4% 3% 4%;min-height:385px}
.login_lft_col h3{float:left;width:98%;font-size:1.2em;margin:0;font-weight:normal;}
.login_lft_col p, .frm_left, .frm_right{float:left;width:100%;}
.login_lft_col p span{float:left;width:100%;border-radius:5px;box-shadow:2px 5px #f0f0f0;-webkit-box-shadow:2px 5px #f0f0f0;-o-box-shadow:2px 5px #f0f0f0;-moz-box-shadow:2px 5px #f0f0f0;}
.login_lft_col p code{float:left;width:100%;padding:2% 1%;text-align:center;}
.login_lft_col p code a{text-decoration:none;font-size:1em;padding-left:1em;}
.login_lft_col p code a:hover{text-decoration:underline}
.login_lft_col p dfn{float:left;width:63%;text-align:left;padding:.4em;}
.login_lft_col p em{float:left;width:23%;text-align:right;margin-left:2%;}
.login_lft_col p em button{border:0;cursor:pointer;float:right;padding:8px 15px;font-size:1.2rem;font-weight:bold;border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.login_lft_col p dfn a{text-decoration:underline;font-size:1em;}
.login_lft_col p dfn a:hover{text-decoration:underline;}
.login_lft_col p span input{border:0;width:85%;padding:12px 8px; font-size:1em;}
.login_lft_col p span label{border:0;width:60%;padding:.3em 0;font-size:1em;}
.login_right_col{float:right;width:60%;min-height:350px;}
.login_con_text{float:left;width:100%;padding:2% 2%}
.login_con_text h2{margin-bottom:.7em;font-size:1.2em;float:left;width:100%; padding:8px 15px;}
.choose_us h4{float:left;width:100%;margin-bottom:.2em;font-weight:normal;}
.choose_us h4 em{float:left;width:25px; height:25px; text-align:center; border-radius:2px; font-size:1rem; padding:3px;}
.choose_us h4 kbd{float:left;width:2%;text-align:center;border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-size:.7em;padding:.2em .5em;}
.choose_us h4 span{float:left;width:88%;font-size:1.1em;padding-left:2%;}
.choose_us ul{list-style-type:none;margin:0;padding-left:1.9em;}
.choose_us ul li{float:left;width:100%;padding-bottom:5px;line-height:17px;font-size:.8em; padding-left:1.1em;}
.width_date_box{width:19.5%;}
.m_label{display:none;}
#mlog_out{display:none}
}
 

 
@media screen and (min-width:768px) and (max-width:1024px){ .searchpopbox{margin:0px auto;width:100%;display:block;}
article{width:100%;padding:0 15px;}
.login_con{float:left;width:100%;}
.login_lft_col{ width:50%; box-sizing: border-box; padding: 4% 3% 4%;  min-height: 385px;}
.login_right_col{width:59%;}
.choose_us h4 span{font-size:1em;}
.login_lft_col p dfn a{font-size:.9em;}
.passengerbox{width:19%;}
.passenger_class{padding-top:0%;}
.passenger_class select{padding:5% 4%;}
.desktop_view_not{display:block;}
.beta_version{width:40%;float:right;}
.customer_feed_popup{width:50% !important;left:25% !important;top:19% !important;}
.feed_head{width:98%;padding:1%;margin:0;}
.ipad_margin_left_27{margin-left:27%;}
.userlink{width:40%!important}
.userlink_box{width:98%}
.enterpass_head{width:30%}
.ent_new_pas{width:19%;}
.ent_pass_tooltip{right:11%;top:180px;}
.left_arrow_pas{left:-9.5%}
.change_new_pas{width:19%;}
.change_pass_closebtn{right:11%;top:180px;}
.change_left_arrow_pas{left:-9.5%}
.forgot_pass_fp{width:24.5%;left:3px;top:243px;}

.result_p span.price{text-align:center;}
/* Mobile & DTH css */
.mobile_recharge{ width:100%!important;  margin-right: 0!important;}
.mobile_tab_hd span{ width:95%!important;}

.mob_search_area {width: 94.15%!important;}
.mob_scrh_crt_left, .mob_scrh_crt_right{ width:50%!important;}
.mob_srch_btn{  float:right!important; width:39%!important; margin-top:1em!important;}
#rechargeHistoryTable tr td a.link{width: 100%; float: left; padding-bottom: 10px;}
.tbolite_alert_popup{left:7%; top: 10%; width: 84%;}
.confirm_msg{width: 85% !important;left: 9% !important;}
/*Css form Dynamic Packages Search Page*/
.agency_mob{background:#fff;  width:270px!important;}
/*Css form Dynamic Packages Search Page*/
footer > .login_footer{ text-align:center; font-size:14px; padding:5px;}
.bag_operatedBy_popup{left:-195px!important;}

.newprice{width:50%;}
.flightprice{width: 27% !important;}
.groupResBorder{padding-top:5px;}
}
 
 
 @media screen and (max-width: 767px){
.tabSecurity{display:none !important;}
.searchpopbox{margin:0px auto;width:100% !important;display:block;}
article{padding:15px; background:transparent;}
.top_nav_mob{float:left;padding:10px;}
#mlog_out{display:block;float:right;}
.login li{padding:0!important;border:none!important;}
.login li span{margin:1.5% 0 !important;}
.login li#mlog_out > a{padding:0 .5em;margin:0;}
.width_topnav{width:100% !important; border-radius:0!important; padding:0 5px!important;}
#litelogo{width:50%;margin-top:0;}
.logo{float:left;width:90%;}
.login{padding:0 !important;width:100%}
.login_lft_col{width:100%;min-height:150px;}
.login_right_col, .top_nav_mob{width:100%;}
.login_lft_col p span{width:98%;}
.login_lft_col p code{width:98%;}
p.margin_top2{margin-top:1em}
.choose_us{width:100%;margin-bottom:1em;}
.login_con_text h2{font-size:1em;padding:20px;width:100%}
.mar_top_res{margin-top:0;}
.choose_us h4 span{font-size:.8em;font-weight:bold;}
.choose_us h4 kbd{width:4%;}
.fl_nav{border-radius:5px;}
.login_lft_col p em input{border:0;cursor:pointer;float:right;padding:.5em 1em;font-size:.9em;font-weight:bold;border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.mobile_nav{display:none;}
#mobile_menu{float:left;display:block; margin-top: 9px;}
#mobile_menu a{padding:.09em .3em;outline:0;font-size:2.5em; padding-bottom:0px;}
#mobile_nav{float:right;width:60%;display:block;position:absolute;right:2%;top:82%;}
#mobile_nav ul{padding:0;margin:0;list-style:none;float:none !important}
#mobile_nav ul li{float:left;width:100%;}
#mobile_nav ul li a{border-left:0;border-right:0;display:block;padding:0;width:100%;font-size:1.3em;}
#mobile_nav ul li a span{padding:.5em 2em .5em;}
#mobile_nav ul li .subnav{border:0;padding:0;float:left;width:100%;position:static !important;}
#mobile_nav ul li .subnav .subnav_box{border:0;width:90%;float:left;padding-left:5%;padding-right:5%;}
#mobile_nav ul li .subnav .subnav_box > ul.flight{width:100%;}
#mobile_nav ul li .subnav_box ul li{float:left;width:70% !important;padding-left:8% !important}
#mobile_nav ul li .subnav_box ul li a{width:auto;font-size:1em;}
#mobile_navv{float:left;z-index:1000;left:0%;top:3.25em;width:75%;position:absolute;}
#mobile_navv ul{list-style:none;float:left;width:100%;}
#mobile_navv ul h4{cursor:pointer;font-weight:100;font-size:15px;margin:0;width:100%;padding:11px 10px;float:left;  border-top: #2479c5 solid 1px;}
#mobile_navv ul li{float:left;width:100%;}
#mobile_navv ul li.S_clo{border-bottom:0;display:none;padding:0;}
#mobile_navv ul li a{text-decoration:none;font-size:13px; }
#mobile_navv ul li .m_submenu{float:left;width:100%;}
#mobile_navv ul li .m_submenu li{float:left;width:100%;}
#mobile_navv ul li .m_submenu li a{padding:11px 10px;display:block;}
#mobile_navv ul h4.h4_b2b2b{font-size:15px;line-height:15px;}
#mobile_navv ul li .m_submenu_b2b2b li a{padding:2% 0 1% 10% !important;display:block; font-size:15px;}
#mobile_navv ul li .m_submenu_b2b2b li{ border-bottom:0px;}
#mobile_navv ul li a:hover{ text-decoration:underline;}
#mobile_breadcrum{display:none;}
.customer_feed_popup{width:90% !important;left:5% !important;top:19% !important;}
.feed_head{width:98%;padding:1%;margin:0;}
.desktop_view_not{display:block;}
.top_nav_mob{display:block}
.top_nav_mob span{font-weight:bold;font-size:11px;}
#beta a{padding:1% 0}
#triangle-topleft{width:0;height:0;border-left:25px solid transparent;float:left;margin-left:-28px;}
.saved_message{width:100%!important;margin-bottom:.75em!important;}
.userlink{top:60%!important;}
.tab{margin-top:-1.2em!important; margin-left:88%!important;}
.userlink_box{width:100%!important;margin-top:-1px;padding:0!important;}
.logout{width:90%!important}
.viewprofile{width:90%!important}
.prefer_left{width:100%!important;}
.prefer_left #chpwd_btn, .prefer_left #mobilemaindiv, .prefer_right #oth_btn, .prefer_left #e_tic_btn, .prefer_left #sc_btn, .prefer_left #mark_btn, .prefer_right #search_btn{padding:15px 1%}
.prefer_right{width:100%!important;}
.prefer_span{width:50%!important;}
.account_seting > label{width:45%!important;}
.enterpass_head{width:85%;font-size:1.4em;line-height:31px;margin-top:3em}
.ent_new_pas{width:70%;}
.ent_pass_tooltip{right:7%;top:20px;}
.left_arrow_pas{display:none;}
.change_new_pas{width:77%!important;}
.change_pass_tooltip{left:-21%!important;top:-38px!important;}
.change_left_arrow_pas{display:none;}
.forgot_pass_fp{width:80%;left:8px;top:210px;}
.cyp{width:78%!important;left:30px!important;top:50px!important;}
.tbolite_alert_popup{left: 1%!important;  top: 10%!important;   width: 90%!important;   z-index: 5555;  }
.pricebox{float:left !important; font-size:14px;}
.price_bx{background:#2781cd;}
.pricebox b{font-size:14px;}
.tab_link_domestic ul li a{font-size: 1em !important; height:30px;}
.air_filter_and_result #filterContainer{background:rgba(255,255,255,0.95); overflow-y: auto;}
.htd_head h4.mt5{margin-top:15px;}
article{width:100% !important;}
.pagination a, .pagination span{padding: 6px 9px;}
.btn_main_s{margin-top:5px;}
.srch_relt_main{width:100%; float:left;}
.top_link.top_link.top_link{padding:8px 2px !important;}
.btn_bg{padding: 8px 10px;}
#beta{margin:0!important;}
footer > .login_footer{padding:5px; text-align:center;}
.mscl{width:100%; float:left; overflow:auto;}
.mscl .rol{width:1000px;}
.mobile_result_bottom{ width:96%!important}
.mobile_recharge, .mob_search_area, .mobile_tab_hd span, .search_criteria{ width:auto!important;}   
.mrecharge_popup { left:4% !important;}
.mobile_tab_hd span{ display:block; float:none!important;}
.search_criteria{margin-right: .75em!important; margin-left: .45em!important;}
.mob_search_left,.mob_search_right,.mob_scrh_crt_left,.mob_scrh_crt_right{width: 100%!important;}
.mob_search_right{padding-top:1em}
#btnRechargeNow{ width:50%;}
.search_criteria{ padding:1em 0!important;}
.mob_srch span.duration,.mob_srch_status span.duration{ display:block!important}
.mob_srch_status{ padding:0 0 1.11em 1em!important}
.mob_srch_status .srch_span{ width:37%!important}
.mob_srch_btn{ margin-left:0!important; width:61%!important; float:right!important;}
.table_resdiv{ overflow-x:auto; overflow-y:hidden;}
.mob_srch_status .status_span{ margin-top:10px;}
.mobile_rech_booking label{ width:auto !important; padding-right:10px;}
.mob_rech_select_agent{margin-left: 10px;margin-top: 0;}
.mobile_rech_booking span.srch_by_agency{ padding-bottom: 10px;}
.mobile_rech_booking_popup{ left:5% !important; width:88% !important;}
.confirm_msg{width: 85% !important;left: 9% !important;}
.tbolite_banner_panel{ display:none;}
.avistra_popfex{ position: fixed !important;  top:10% !important; left: 10% !important; right:inherit !important;width: 80%;}
.QRCodeBox1{width: 100%;}
.marquhd marquee{font-size: 12px !important;    margin-top: 4px !important;}
.imp_btn{top: 4px !important;}
.marquhd b{padding: 2px 5px !important; font-size:10px !important;}
/*===================fare type css added by prashant======================*/
.flightprice{position:relative; width:45%!important; float:left;}
.fareitem{margin-bottom:.5rem;}
.faretypetext{width: 100%; padding-left: .5rem; padding-bottom: .5rem;}
.pubbtnbox{width:auto !important;}
.fareCode{width:100% !important;}
.faretypeMargin{margin-top:8px;}
.fareClassif{float:right !important;}
.newprice{width: 64%;}
.groupResBorder{margin-top: 8px; padding-top: 5px;}
.mobnewprice{ width:auto;}
.mdflex{display:block; text-align:right;}
.bookUpsellBtn .book_now_btn{ width:100%; margin:10px 0 0;}
.m_email label{float:left;} 
/*Css form Dynamic Packages Search Page*/

.tl_form{width:100%!important;}
.booking_for label,  .srch_by_agency, .tl_container .width_75{width:100%!important;}
.agency_mob{ left:5%!important; top:170px!important; background:#fff;  width:270px!important; position:inherit!important; float:left; margin-top: -30px;}
.agent_markup{position:inherit!important; float:left!important; width:100%!important; margin-top:0px!important;}
.head_agent{float:left!important; margin-top:5px!important;}
.srch_by_agency{margin-top:10px!important;}
.pad_left154{padding:0px!important;}
.mob_agent{padding:0px!important; margin:5px 0px!important; float:left; width:100%;}
.mob_agent select{ width:60%;}
/*Css form Dynamic Packages Search Page*/
.upload_banner p, .head_agent{ width:100%!important;}
#calFareRes{width:100%; overflow:auto;}
.farecal_container{width:600px;}
 #fareSummaryMobile  .htd_anhotel2 { background:#f4f4f4;  border-radius: 3px; padding: 5px 10px; color: #000;}
.quecredit_left{width:100%; padding-bottom:5px;} 
.spl_duration_flight code{float:left;padding: 0 2px;}
/*search by Map*/
.mapsrch_panel{ float:right;}
.mapsrch_panel kbd{display:none;}
.srchpopup_map{ width:92% !important; left:3% !important;}
.srch_mapinput {width: 98%; position:initial;    padding-left: 2%;}
.srch_mapinput input[type="text"]{width: 98%;margin: 6px 0;}
.srch_mapinput select{width:50%;margin:5px 0 0;}
.srch_mapinput .btn_bg{width: 43%; margin-top:5px; float: right; margin-right: 8px;}
.srch_mapinput em{ width:100%;}
.srch_mapinput em input{margin-bottom:2px;}
.flipArrow{ position:static; width:100%; padding:10px 0 0; float:left;margin-bottom: -18px;}
.flipArrow a svg{transform: rotate(270deg);}

/*new css for responsive*/
.mfont14,.dom_pre_nex_link a,.m_filter_strip span a{font-size:14px !important;}
.mfont15{font-size:15px !important;}
.mfont16{font-size:16px !important;}
.promotag{padding: 2px 3px;font-size: 12px;}
.mltistop_b1 label, .mltistop_b3 label, .mltistop_b4 label{padding: 10px 0 3px 3px;}

/*filtercss*/
.commanfilterbx{float: left;  position: fixed;  z-index: 1001;left: 0; border: none;  right: 0;margin: 0 auto;padding: 5px; top: 0;height: 100%; width: 100%; display: none;  background: #fff !important;  overflow-y: auto;}
.fl_left.mbleftbar{display:block;}
.mlsnone{display:none}
.mbleftbar #ModifySearchDiv{display:none}
.mbleftbar .fl_close{ position: absolute;top: 19px; right: 10px;  z-index: 1001;}
.mbleftbar .fl_modisearch .fl_flhead{padding: 8px 1%;}
.mbleftbar .fl_modisearch .margin_top_17{margin-top: -22px;}

} 
  
 
@media screen and (min-width:640px) and (max-width:800px){
.userlink{ top: 58%; }
.tab{margin-left: 92% !important;}

}

/*@media screen and (max-width:480px){
.btn_main_ticket_queue{ width:100%; text-align:center;margin-bottom:5px;}
.pushtoroamer,.pushtoroamer .roamer_btn{    width: 100%;}
.pushtoroamer span{width: 22px !important;}
.pushtoroamer span + span{    width: calc(100% - 24px) !important; margin: 0; margin-right: 0 !important;  text-align: center;}
.pushwhatapp.pushwhatapp.pushwhatapp{text-align: center;  width: 100%;}
}*/

@media screen and (max-width:480px){
   
    .mfaCodeSent svg,.mfaCodeSent:before{display:none;} 

}

footer > .login_footer{ padding: 10px;  font-size: 14px; text-align:center;}