@charset "utf-8";

@media all and (max-width:767px){
body{}
.wrap{ width:100%; display:block;}
.content {font-size:13px; line-height:20px; text-align:justify;}
.content h1{ line-height:32px; font-size:28px; margin-bottom:5px; padding-bottom:5px;}
.content h2{ line-height:28px; font-size:22px; margin-bottom:5px; padding-bottom:5px;}
.content h4{ font-size:15px; line-height:24px;}
.content p{ line-height:20px; font-size:13px;}
.content ul li{ line-height:20px; font-size:13px; width:93%; margin:0px 2% 0px 5%;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-sm-1Forth, .col-sm-1Third, .col-sm-3Forth{ width:100%;}
.mobRow{ width:100%;}
.mobPaddingNone, .paddinglftrgt{ padding:0px!important;}
.mobMarginNone{ margin:0px!important;}
.mobmarginBtm30{ margin-bottom:30px;}
.mobAlignCenter{ text-align:center!important;}
.mobAlignJustify{ text-align:justify!important;}
.mobAlignLeft{ text-align:left!important;}
.mobmarginTop{ margin-top:10px!important;}
.mobmarginBottom{ margin-bottom:10px!important;}
.mobmarginRight{ margin-right:10px!important;}
.mobmarginLeft{ margin-left:10px!important;}
.mobpaddingTop{ padding-top:10px!important;}
.mobpaddingBottom{ padding-bottom:10px!important;}
.mobpaddingRight{ padding-right:10px!important;}
.mobpaddingLeft{ padding-left:10px!important;}
.mobDivCenter{ margin:0 25% 10px; float:none; display:block; width:50%;}
.mobwidth{margin:0 15% 10px; width:70%;}
.moblineheight{ line-height:20px;}
.mobGap{ padding:0px;}
.mob10{ width:10%;}
.mob20{ width:20%;}
.mob30{ width:30%;}
.mob40{ width:40%;}
.mob50{ width:50%;}
.mob60{ width:60%;}
.mob70{ width:70%;}
.mob80{ width:80%;}
.mob90{ width:90%;}
.mob25{ width:25%;}
.mob33{ width:33%;}
.mob75{ width:75%;}
.mobDisplayNone{ display:none;}
.mobRadius{ border:5px;}
.mobDisplayBlock{ display:block;}
.mobBorderNone{ border:none;}
.mobFloatnone{ float:none!important;}
.mobContainer{ margin:0 auto; float:none!important; display:table;}
.mobFloatLeft{ float:left!important;}

.paddingRight{ padding-right:0px;}
.paddingLeft{ padding-left:0px;}
.paddingTop, .mobPaddingTopNone{ padding-top:0px!important;}
.paddingBottom{ padding-bottom:0px;}
.paddingInBox{ padding:5px;}
.paddingInBoxExtra{ padding:10px;}


/*theme style*/
.menuIcon {display: block; cursor:pointer; background: url(../images/mobicon.png) center center/30px 30px scroll no-repeat #f1f1f1; width: 50px; border:solid 1px #ddd; height: 46px; position:absolute; left:0px; top:0px; z-index:2;}
.closeIcon{display: none; cursor:pointer; background: url(../images/close.png) center center/30px 30px scroll no-repeat #1d67c6; width: 50px; border:solid 1px #096fa2; height: 46px; position:absolute; left:0px; top:0px; z-index:2;}
.logoPanel{ width:80px; margin:0px auto; display:block; float:none; padding:10px 5px 10px;}
.logoPanel img{ width:100%;}
.navigation{ display:none; border-top:solid 1px #1d67c6; background:#1d67c6; position:absolute; left:0px; top:46px; z-index:1000;}
.navigation ul li{ width:100%;}
.navigation ul li a{ text-align:left; width:100%; border-radius:0px; border-bottom:solid 1px #1c486c; padding:10px;}
.navigation ul li ul{ display:block; position:relative; width:100%; top:0px;}
.navigation ul li ul li a{ padding-left:32px;}
.navigation ul li:last-child a{ border-bottom:0px;}
.innerheight{height:200px!important; background-size:auto 100%;}
.bannerWelcome{ top:25px;}
.bannerPannel{height:auto; background-size:auto 100%;}
.slides-next, .slides-prev{ background:transparent!important; top:42%; padding:0px!important; width:40px!important; height:40px!important;}
.mobfont13{ font-size:13px;}
.label{ line-height:24px;}
.font16{ font-size:12px;}
.font20{ font-size:16px;}
.font28{ font-size:18px;}
.link1 a{ font-size:12px; width:45%; margin:5px 2.5%;}
.footerSection{ padding:5px;}
.font36 { font-size:24px; line-height:36px;}
.gapping{ padding:25px 0px;}
.moblinehieght32{ line-height:32px;}
.mobmarginLeftNone{ margin-left:0px;}
.btn-xl{ font-size:20px;}
.mobTableWrap{ width:350px; overflow-y:scroll;}
.table{ width:500px;}
.accordion_container{ width:94%; margin:20px 3%;}
.accordion_head{ line-height:20px; font-size:14px; padding:15px 51px 15px 10px; margin:0px;}
.accordsuffix{ right:10px;}
.accordion_body{ padding:25px 10px;}
iframe{ width:100%;}
.contactInfoBox{ position:relative; top:0px; left:0px; width:100%;}
.tabs-menu-vertical{ width:100%; margin:0px;}
.tab-vertical{ width:100%;}
.tabs-menu-vertical li a{ width:100%; padding:15px 10px; font-size:14px;}

.rating img{ width:100%;}
.rating:nth-child(6){ border-right:solid 1px #ddd;}
.subRating{ width:25%; padding:0px 3px; min-height:155px; line-height:17px;}
.subRating:hover{opacity:1.0; filter:contrast(1.2); background:#4e6da1; color:#fff;}
.subRating:nth-child(6){ border-right:solid 1px #ddd;}

.star1, .star2, .star3, .star4{ opacity:0.2;}
.survayrating-main {padding: 5px 5px 30px;}
.survaylike { height: 30px; margin: 0px 0px 10px;}
.survaylike span.left {left: 35%; top: 0px;}
.survaylike span.right {right: 35%; top: 255px;}
.survayrating { width: 80%; margin: 0px 10%;}
.survayrating .radio-button-container {  width: 61px;  padding: 20px 10px;  top: 0;  border-radius: 5px;  margin-right: 4px;  margin-bottom: 4px;}

.tableWrap{ width:335px!important; overflow-y:scroll; padding:2px!important;}
.top110{ top:}
.flag{ margin:0px; max-width:66px;}
.vasBox{ width:94%; margin:0px 2% 10px; padding:15px 5px;}
.arrow:before{ width:40px; left:-170px;}
.arrow:after{ width:40px; right:-170px;}
.feedbackType{ width:48%; margin:7px 1%;}
.bodypanel{ padding:10px;}
.book-ap, .premium{ background-position:0px 0px;}

.cookiesPanel{ padding:20px;}
.cookiesPanelBox{ width:94%; padding:15px; height:550px;}
.cookiesPanelBox-close{ right:15px; top:8px;}
.tab-panel-cookies{ margin:0px;}
.tabs-menu-cookies{ width:100%;}
.tabs-menu-cookies li{ margin-right:0px; width:50%;}
.tabs-menu-cookies li a{ border-right:solid 1px #ccc; padding:5px 3px; font-size:11px;}
.tab-cookies{ width:100%; min-height:200px; height:250px; overflow:scroll;}
.radioCheck label{ margin-bottom:15px;}

.slide img{height:auto!important;}

}



/*ipad*/
@media (min-width:768px) and (max-width:1024px){
.wrap{ width:800px!important;}
.logoPanel img{ width:100%;}
.navigation ul li a{ font-size:13px; padding:21px 8px; min-width:40px;}
.bannerPannel{ height:235px;}
.link1 a{ margin:6px 0px;}
.vasBox{ width:32%;}
#feedbackv1_form .container.col-sm-8.borderAll.paddingInBoxExtra.greyBG{ width:100%;}
.mobRow{ width:100%;}
.font28 {font-size: 20px;}
.tabs-menu-vertical{ width:29%; margin-right:1%;}
.tabs-menu-vertical li a{ padding:20px 7px;}
}


@media (min-width:1025px) and (max-width:1366px){
.wrap{ width:1170px;}	
.apply-passport {padding:8px 70px 8px 25px;}
.apply-passport:after{right:20px;}
.navigation ul li a{ font-size:17px; padding:21px 11px;}
}