﻿/*-----------------Font Style Start------------------*/
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*-----------------Font Style End------------------*/
  .orr, .leftnav{ display:none;}
 @media screen and (max-width: 767px)
{
 body{ font-size:14px;}
 *{  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dfn, tt, em{font-family: 'Roboto Condensed', sans-serif;!important;}   
body{ background:#011841!important;  padding:0; }
.logintip::after, .fgtpass::after, .register::after, .selectlist, .or, a.sent_ht_bnt,#specialRequestMain, #specialRequestData, .appnone, .search_desc, .rate-breakup-top .txt-main,.rate-breakup-top .right-arrow-box, .htl_nm input, .price_span br, .email-new, .rsp_nav_wl #showResult, .filterhotel, .sort_results_content label,.show_result_con_ul li, .com_or_bnt, .show_souces_tab, .apps_restricted, .inner_links, .mobile_not, .language_tab, .fixbg, .register, .live_chat, #scBJ6a, .bredcrum, h1.tagline.main_h, .con_icon_box, .tagline sub_h, .punchline, .banner_left, h2.tagline.sub_h, .keyarea, .our_footprint, .main_head, .right-bg, .tr_clr, .soclia_link b{ display:none!important;}
.main-container, .i-agree, .queryform, .li_nbl{ border:none;}
#contener, .mainwall, .cum_w_b, .hotel_search_details_row, .hotel_address, .checkin_out, .termsAccepted, .ftlink, .login, .box_l, .box_r, .footer-text, .email_msg, .error, .cont_textbox .form_row, .main-container, .mid_main, .cont_rightbox, .cont_textbox>p, .bottom_container, .queryrow, .faqbox, .contact_head, roomcontainer1, .roomcontainer, .apps_room_cnt .roomcontainer, .roomcontainer1.mbutton, #statescontainer, .hotel_pax_info, .hotel_from, ul.how_works li, .cont_textbox>ul>li, .con_box, .con_dtlbox, .con_dtlbox h2, .con_dtlrow, .cont_text, .con_fullrow, .con_table, .rgt_ct{ width:100%!important;}
header, .middle{ background:rgba(0,0,0,0);}
img{ max-width:100%;}
.logo{ background:#fff; width:50%; margin:0; height:65px; border-bottom:#f2a21d solid 5px;}
.brdcum{ background:#ffc045; padding:10px 0;}
.brdcum li a, .lufthusername, .lufthpass{ font-size:16px;}
.lufthusername, .lufthpass{ margin:10px 7.5%; border-radius:3px; }
.lufthlogin{ margin:10px 7.5%; width:85%; border-radius:3px;}
.lulgmr{ margin-top:12px;}
.header_container, .midsection, banner_right{ width:auto;}
.username, .passwor_main, .reviewcheck{ float:none;}
.username, .passwor_main{ width:80%; margin:20px auto; padding:5px;   border-radius: 5px; background:#fff; overflow:hidden;}
.login input[type="text"], .login input[type="password"]{ height:auto; font-size:1.3em; width:84%; padding: 0.5em 1%;}
.passwor_main > .password{width:auto;}
.password{ margin:0; float:none;}
.password>span, .username>span{background:url(../../newTBOicon/mobile_screen_icon.png) no-repeat;  height:34px;  width:15%; border-right:#dfdfdf solid 1px;}
.username>span{   background-position: 60% -4%;}
.password>span{background-position:60% 34%;}
.passwor_main > .password{ background:#fff; padding:0;}
.log_bnt_warp, .btn-link div{ float:none; width:100%;}
.login_btn{ width:82%; float:none; margin:20px auto; clear:both; display:block; background:#e0ac3c;  padding:10px 0; border-bottom:#ae801c solid 5px; border-radius:8px; font-size:1.5em; height:auto;}
.login_btn:hover{background:#e0ac3c; }
.register_btn{ width:80%; float:none; clear:both; margin:20px auto;  padding:10px 0; font-size:1.2em; display:block;}
.register_btn span{ display:inline; font-size:inherit;}
.register_btn{background:url(../../newTBOicon/icon_reg.png) 14px 11px  no-repeat #d44227; font-size:1.5em; border-radius:8px; height:50px; padding:12px 0 8px 40px; text-align:center; border-bottom:#b5321a solid 5px;}
.banner_right, .ftlink>nav ul{ float:none; width:auto;}
.top_banner{ background:rgba(0,0,0,0); border:none; min-height:0px;}
main{ border-bottom:none;}
a.travel_agent_icon, a.hotel_regis{ float:none; display:block; width:80%; font-size:1.3em;  margin:20px auto; background:rgba(0,0,0, 0.2); font-weight:100; color:#fff; border:1px solid #808ca0; padding:10px 0; text-align:center;}
.for_got_password{ color:#fff; font-size:1.2em; width:80%; margin:0 auto; padding:0; clear:both; width:100%;}
.indexerror{margin: 0px!important; float:none; text-align:center; font-size:14px!important; width: 100%; display: inline-block;}
.hotel_search_box, .right-bg, .i-agree, #anylinkmenu8 li, #anylinkmenu6 li, #anylinkmenu7 li{ width:100%!important; float:none!important;}
.agent_right_container{ float:none; width:100%;}
.login_col, .ftlink small, .service_name{ width:100%; display:block; text-align:center; }
.wtm_pl{ position:static!important; margin-left:22%;}
.main-container, .i-agree, .cont_textbox, .queryform, #menu, .hotel_search_box{ background:none!important;}
.orr{ display:block!important; font-size:20px; color:#fff; text-align:center;}
.rows-div label, .footer-text .copyright, .footer-text .btn-link, .eventheading, .cont_textbox .form_row label, .bottom_container, .queryrow label, .queryhead, footer{ width:100%; color:#fff;}
.box_l input[type="text"], .box_l select, .rows-div input.nrml, .rows-div textarea, .lastname, .firstname, .cont_textbox .form_row input, .queryrow input[type="text"], .queryrow select, .queryrow textarea{ padding:8px!important; border-radius:3px; width:100%!important; margin-bottom:4px; border:#ccc solid 1px; margin-left:0;}
.inpt-a, .inpt-b, .inpt-c{ width:32%; border-radius:3px; padding:8px!important; border:#ccc solid 1px; }
.register-head, .eventheading, .contheading, .queryhead{background: #e3b144;}
.footer-text .copyright, .footer-text .btn-link{ text-align:center; padding-bottom:5px;}
.footer-text .btn-link a, .cont_textbox>p ,.points p, .cont_textbox>ul>li, .ftlink>nav li a, .soclia_link b, .register-head{ color:#fff;}
.bottom_container p{ color:#000;}
.register-head{ width:98%; padding:10px; margin:1%;}
.register-head span{ line-height:normal;}
.register-head small{ line-height:24px;}
.email_msg, .cont_textbox .form_row label{ margin-left:0;}
#xpo_header{ background:url(../../newTBOicon/inner_head_bg.jpg) no-repeat; border-bottom:#dfac3b solid 4px; background-size: 100%;}
.ftlink>nav{ text-align:center;}
.top_banner_txt{ padding:20px 0 0 40px; background-size: cover;}
.soclia_link{padding-top: 15px;  width:100%; text-align:center; }
.fb, .tw, .gp, .yu{ margin-left:2px; border-radius: 100%; box-shadow: 0 0 8px 0 #000;   display: inline-block; float:none;}
.leftnav{ display:block!important;}
ul.how_works li span.one, ul.how_works li span.two, ul.how_works li span.thr, ul.how_works li span.four{background-color: #fff;}
ul.how_works li{ margin:5px 0;}
ul.how_works li span{ margin:0 10px;}
.img_fleft{border-radius: 5%;}
.hpac{ margin:0; width:100%;}
.mcahp{ width:67%; margin-left:2%;}
.cont_textbox .form_row, .queryrow{ padding:1%!important;}
.forgot-password-parent{top: 35%; right: 18%}
.faqbox table tr td{ float:left; width:100%;}
.con_table{ left:0!important;}
.cont_text{ position:relative; margin:0 0 0 10%; border-bottom:#ccc solid 1px; }
.conphone{ position:absolute; left:8px;}
.con_number{ float:left; text-align:left; padding-left:54px;}
.con_address{ width:84%;}
.con_table:after{left:87%!important;}
.trhead th{ padding:2px; text-align:center; font-size:12px;}
.trhead th span{ display:block; margin:0 auto!important; float:none;}
.hotel_search_main table tr td{ padding:5px 2px; font-size:12px;}
.circle_icon{ float:none; margin:0 auto;}
.service_box1{width: 48%; padding: 10px; border: #808ca0 solid 1px; box-shadow:0 8px 6px -6px black; background:rgba(0,0,0, 0.2); margin: 1%; min-height: 150px; border-radius: 5px;}
.service_name{margin: 10px 0 0 0px;}
.dmwd{ width:98%; min-height:120px;}
.agent_head>img{ height:auto;}
.cont_rightbox, .agent_head{ margin:0;}
.cont_textbox{ width:98%; margin:0 1%; border:1px solid #e3b144;}
.pad_left{ padding:10px 0;}
.li_nbl{ padding:10px!important;}
input[type="button"], input[type="submit"], input[type="reset"], select{  -webkit-appearance: none;}
}
@media only screen and (max-width : 374px) 
{
    .con_table:after{left:85%!important;}
    
    }


@media only screen and (min-width :768px) and (max-width : 1024px) 
{
*{  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.language_tab.mrt20{ position:absolute; right:0;}
.indexerror{ margin:5px 0;}
.lufthlogin, .partner_row a{ width:85%;}
.luftbtn span:last-child:after, .luftbtn span:first-child:after{ display:none;}
.header_container, .bottom_container , .con_dtlbox h2{margin: 0 auto; width: 100%;}
.login {float: right;}
.soclia_link b, .fb, .tw, .gp, .yu{ float:none; display:inline-block;}
.midsection, .soclia_link, .agent_right_container{width:100%;}
.soclia_link{ width:100%; text-align:center;}
.key_content{width:79%;}
.deal_box{width:80%;}
 a.hotel_regis{padding: 10px 8px 10px 45px;}
.passwor_main{width:25%;}
.banner_right{float:left; margin-left:1%;}
.newbox_content{width:87%;}
.ftlink{float:left; width:100%;}
.ftlink > nav {float: left; text-align: center;}
.ftlink small{width:100%; float:left; text-align:center;}
.ftlink > nav ul {display: block;float: left; width: 100%;}
.service_name, .service_box1 p{font-size:12px; width:50%;}
.key_left > p{min-height:120px;}
.forgot-password-parent{top: 38%; right: 5%;}
 /*inner pages*/
.header_container, .mid_main, .bottom_container, .con_box{width:100%;}
.points p{width:auto;}
.queryhead{ padding:9px 2%;}
.cont_textbox{width:66%;}
#ctl00_queryform_imgCaptcha{width:80px; height:30px;}
#captcha{width:64px !important;}
.cont_rightbox{margin:10px;}
.cont_textbox > p{box-sizing:border-box; width:100%;}
.ne_heading{margin:5px!important;width:98% !important;}
.eventbox {margin:0 5px; width:98%; box-sizing:border-box;}
.agent_head > img{height:auto;}
.mid_main, .bottom_container{width:100% !important;}
.cont_textbox{width:66.5% !important;}
.cont_textbox > p{box-sizing:border-box; width:100% !important;}
.ne_heading{margin:5px!important;width:98% !important;}
.eventbox {margin:0 5px; width:98%; box-sizing:border-box;}
.cont_textbox .form_row label{width:35% !important;}
.videobox{height:400px;}
.passwor_main > .password, .queryrow input[type="text"], .queryrow{ width:100%;}
.username, .password, .login_btn, .register_btn{ margin-left:2px;}
.language_tab{margin: 1px 2px 0;}
.for_got_password{padding: 3px 14em 0 6%;}
.con_dtlbox{ width:32.2%;}
.cbx2 .con_table{ left:10%;}
.cbx2 .con_table:after{left: 60.5%;}
.cbx1 .con_table:after{left: 30.5%;}
.top_banner_txt{height: 116px;}
.login input[type="text"], .login input[type="password"]{ height:28px;}
.cont_textbox .form_row input, .hpac{width: 55%;}
.mcahp{ width:69%;}
.xm{background-position: -6px -2px;}
.wh{background-position: -8px -57px;}
.su{background-position: -6px -113px;}
.ho{background-position: -8px -176px;}
.dy{background-position: -6px -238px;}
  
   
}
@media screen and (min-width:1025px) and (max-width:1940px)
{
	.videobox{height:400px;}
	}
/*--- Tablet landscape --- */





