.container_16 {width: 92%; margin-left: auto;margin-right: auto; max-width: 1349px;}
 @media only screen and (min-width: 1920px) {
    
}
 @media only screen and (min-width: 1600px) {
      .stepBreadcrumb ul li { margin-right: 22.8%;} 
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.container_16 { width: 96%; margin-left: auto; margin-right: auto;}      
header .container_16 .grid_3 { width: 13.75%;}
header .container_16 .grid_10 { width: 66.5%;}
nav > ul > li > a { padding: 5px 7px;}     
nav > ul > li > a:after{ left:6px;}     
nav > ul > li > ul > li > a { padding: 6px 18px;}     
.stepBreadcrumb ul li { margin-right: 22.55%;}  
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input {  width: 42.8%;}
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 26.2%;}     
}
 @media only screen and (max-width: 1200px) {
.stepBreadcrumb ul li { margin-right: 21.91%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 41.9%;}     
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 25.2%;}     
.stepHero-wrap.stepHero-onewrap .inputBox input{ width:92%;} 
.pageData.logindata .loginWrap { width: 40%;}
}
 @media only screen and (max-width: 1024px) {
 .stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox.firstBox { margin-right: 0;}
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox { width: auto; float: none; margin-bottom: 15px;}  
.stepWrap .stepRight .roomDetailsWrap .roomDetails { width: auto; float: none; }     
.stepWrap .stepRight .roomDetailsWrap .roomTottleprice { width: auto; float: none; font-size: 20px; line-height: 24px; text-align: left;}     
.stepWrap .stepRight .roomDetailsWrap .roomDetails .roomInfo br{ display:none;}     
.stepWrap .stepRight .convenienceFeeWrap .convenienceTitle { width: auto; float: none; margin-bottom: 10px;}    
.stepWrap .stepRight .convenienceFeeWrap .conveniencePrice{width: auto; float: none; text-align: left;}
.roomsSlider .roomGroup .roomBottom .addRoom {width: auto; float: none;}
.roomsSlider .roomGroup .roomBottom .selectRoom { width: auto; float: none;}   
.stepWrap .stepRight .grandtotalWrap .convenienceTitle { width: auto; float: none; margin-bottom: 15px;}  
.stepWrap .stepRight .grandtotalWrap .conveniencePrice { width: auto; float: none; text-align: left;} 
.payment-successfulWrap {width: 80%;}     
.registerWrap { width: 90%;}     
}
 @media only screen and (max-width: 959px) {
header .container_16 .grid_3 { width: 22.75%;}
header .container_16 .grid_10 { width: 73.1%; float:right; }
.navButton{ float: right; margin-top: 15px; cursor: pointer; border: 1px solid #141d48; border-radius: 4px; padding:  7px; transition: 0.5s; display: inline-block;}
.navButton span{ width: 15px; height: 2px; background: #141d48; display: inline-block; line-height: 2px;}
.navButton span:first-child{transform: rotate(50deg); margin: 11px 0 0 0; transition: 0.5s;}
.navButton span:last-child{transform: rotate(-50deg); margin: 11px 0 0 -9px; transition: 0.5s;}
.navButton:hover, .navButton.active{  border: 1px solid #141d48; background: #141d48; transition: 0.5s; padding: 6px 7px 8px 7px;}
.navButton:hover span, .navButton.active span{  background: #ffffff; transition: 0.5s;}
.navButton:hover span:first-child, .navButton.active span:first-child{transform: rotate(-50deg); margin: 11px 0 0 0;}
.navButton:hover span:last-child, .navButton.active span:last-child{transform: rotate(50deg); margin: 11px 0 0 -9px; }
.availabilityWrap {position: relative; right: 0; top: 0; width: auto;}
.availabilityWrap .inputBox input { width: 96.8%;}     
.availabilityWrap .inputBox select { width: 99.8%;} 
header .mobileRight{ display: block;}
header .userGrid{ display:none;}     
.navigation nav{ position: fixed; width: 40%; background: #ffffff; margin: 0; right: 0; top: 72px; z-index: 999; -webkit-box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); box-shadow: -1px 3px 4px 0px rgba(0,0,0,0.1); display: none; overflow-y: scroll;}
nav > ul{padding: 20px 0 0 0; }
nav > ul > li > a:after{ display:none;}     
nav > ul{ text-align: left;}
nav > ul > li{ display: block; padding-bottom: 0; position: relative;}
nav > ul > li span.arrowBtn{ position: absolute; top: 0; left: 0; width: 100%; height: 35px; cursor: pointer; z-index: 9;}
nav > ul > li > a{ display: block; padding: 10px 0 10px 40px; font-size: 14px; line-height: 14px; color: #959595; position: relative;}
nav > ul > li > ul{ display: none;}
nav > ul > li > ul > li{ position: relative;}
nav > ul > li > ul > li > a{ display: block; padding: 10px 0 10px 60px; font-size: 12px; line-height: 14px; color: #959595;}
nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.active > a{ color: #000000;}
nav > ul > li.dropDown > a:after {content: "";  background: url(../images/down-arrow.svg); position: absolute; right: 22px;  top: 13px; z-index: 1;  width: 9px; height: 9px; transition: 0.5s; display: inline; left: auto;}  
 .mobileRight ul{ padding-bottom: 20px;}
 .mobileRight ul li{display: block; padding-bottom: 0; position: relative;} 
.mobileRight ul li img{ display:none;}
.mobileRight ul li a{display: block; padding: 10px 0 10px 40px; font-size: 14px; line-height: 14px; color: #959595;}
.stepBreadcrumb ul li {  margin-right: 21.08%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input {  width: 40%;}     
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 23.2%;}  
footer .footeraddWrap .footeradd .footeradd-Inner { padding: 0 5% 0 24%;}     
footer .footer-linkWrap .quicklinkWrap ul li a { padding: 0 14px;}
footer .footer-linkWrap .quicklinkWrap { width: 64%;}     
footer .socialinkWrap { width: 36%;}   
.passengerDetailsWrap .inputBox input, .passengerDetailsWrap .inputBox textarea { width: 90%;} 
.passengerDetailsWrap .inputBox .width50 input { width: 80%;} 
.stepWrap .stepRight .stepRightInner{ padding:20px;}     
.stepWrap .stepRight .agreetermsWrap label {width: 80%;}   
.stepWrap .stepRight .policyLink ul li { font-size: 10px;}  
.payment-successfulWrap .payment-successfulMsg { padding: 20px;}
.payment-successfulWrap .payment-successfulDetails { padding: 20px 20px;}  
.registerWrap .registerForm .registerInput .width50 input { width: 85%;}     
.registerWrap .registerForm .registerInput .width30 input { width: 76%;} 
.registerWrap .registerForm .registerInput input {width: 92%;}     
.pageData.logindata .loginWrap { width: 54%;}     
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
.stepBreadcrumb ul li { margin-right: 20.9%;}  
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 39.5%;}
.stepHero-wrap.stepHero-onewrap .inputBox input { width: 90%;}     
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 22.8%;} 
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add a { display: block;}
footer .footer-linkWrap .quicklinkWrap { width: auto;  float: none; text-align: center;}
footer .footer-linkWrap .quicklinkWrap ul{ margin-top: 0;}     
footer .footer-linkWrap .quicklinkWrap ul li { float: none;  display: inline-block;}    
footer .socialinkWrap ul li{ float: none; display: inline-block;}
footer .socialinkWrap { width: auto; float: none; text-align: center;}     
footer .socialinkWrap ul { float: none; margin-right: 0; margin-top: 15px;}
footer .footerlink { padding-top: 15px;}
footer { padding: 10px 0 30px 0;}
footer .footerlink{ text-align:center;}
footer .footerlink ul li { float: none; display:inline-block;}      
.stepWrap .stepRight .stepRightInner{ padding:15px;}   
.roomsSlider .roomGroup .roomBottom .addRoom .numberInput { float: right;}     
}
 @media only screen and (max-width: 753px) {
h2{ margin-bottom:20px;}
.stepBreadcrumb ul li { margin-right: 20.8%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 39.4%;}  
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 22.5%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 39.2%;}
.stepWrap .stepLeft { width: auto; float: none;} 
.stepWrap .stepRight { width: auto; float: none; margin: 40px 1% 0 1%;}  
.stepWrap .stepRight .accomodationDetails { padding-bottom: 20px; margin-bottom: 20px;}     
.stepWrap .stepRight .roomDetailsWrap { padding-bottom: 10px;}     
.stepWrap .stepRight .roomDetailsWrap .roomDetails { width: 50%; float: left;}     
.stepWrap .stepRight .roomDetailsWrap .roomTottleprice { width: 50%;float: left; text-align: right;}     
.stepWrap .stepRight .convenienceFeeWrap .convenienceTitle{ width: 50%; float: left;}
.stepWrap .stepRight .convenienceFeeWrap .conveniencePrice { width: 50%;float: left; text-align: right;}
.passengerDetailsWrap .inputBox .width50 input { width: 86%;}  
.passengerDetailsWrap .inputBox input, .passengerDetailsWrap .inputBox textarea { width: 93%;}  
.stepWrap .stepRight .grandtotalWrap .convenienceTitle { width: 50%; float: left; margin-bottom: 0;}  
.stepWrap .stepRight .grandtotalWrap .conveniencePrice {width: 50%;float: left; text-align: right;}  
.stepWrap .stepRight .policyLink ul li { font-size: 12px;} 
.payment-successfulWrap { width: 90%;} 
.registerWrap { width: auto;}     
.registerWrap .registerInner { padding: 30px 20px;}     
.registerWrap .registerForm .registerInput input { width: 92.8%;}     
}

 @media only screen and (max-width: 736px) {
.stepBreadcrumb ul li { margin-right: 20.7%;}
}
 @media only screen and (max-width: 711px) {
.stepBreadcrumb ul li {  margin-right: 20.5%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 22%;}      
 .stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 38.5%;} 
footer .footeraddWrap .footeraddInner {padding-bottom: 30px;} 
.payment-successfulWrap { width: auto;}  
.policyWrap { width: auto;}     
.pageData.logindata .loginWrap {  width: 70%;}     
}
 @media only screen and (max-width: 640px) {
footer .footeraddWrap { text-align:center;}
footer .footeraddWrap .footeradd .footeradd-Inner { padding: 0;}    
footer .footeraddWrap .footeradd { width: auto; float: none;}     
footer .footeraddWrap .footeradd.footeraddLeft:after, footer .footeraddWrap .footeradd.footeraddLeft .footeradd-Inner .after:after, footer .footeraddWrap .footeradd.footeraddRight .footeradd-Inner .after:after{ display:none;}
footer .footeraddWrap .footeradd .footeradd-Inner .foot-add h3 { margin: 30px 0 0px 0;} 
.stepBreadcrumb ul li { margin-right: 19.9%;}
.stepHero-wrap.stepHero-onewrap .inputBox { width: auto; float: none; margin: 0 0 30px 0; position: relative;}
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput select { width: 100%; float: none; margin-bottom: 20px;}     
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input { width: 94%; float: none; margin-bottom: 20px;}
.stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 94%; float: none; margin-bottom: 20px;}     
.stepHero-wrap.stepHero-onewrap .inputBox input { width: 94%; float: none;}
.passengerDetailsWrap { margin-bottom: 20px;}     
.passengerDetailsWrap .passengerDetailsGroup { margin-bottom: 20px;}
.registerWrap .registerInner { padding: 20px 10px;} 
.pageData.logindata .loginWrap .loginForm .loginInput input {width: 93%;}     
}
 @media only screen and (max-width: 600px) {
.navigation nav { width: 50%;} 
.stepBreadcrumb ul li { margin-right: 19.7%;}  
.registerWrap, .pageData.logindata .loginWrap { margin:0 auto;}
.registerWrap .registerInner { padding: 30px 20px;} 
.registerWrap .registerForm .registerInput { width: auto; margin: 0 0 25px 0; float: none;}     
.registerWrap .registerForm .registerInput .width50 input { width: 91%;} 
.registerWrap .registerForm .registerInput input { width: 95.5%;}
.registerWrap .registerForm .registerSubmit { margin: 0;}
.pageData.logindata .loginWrap .loginForm .loginInput input { width: 92.5%;}
.pageData.logindata .loginWrap .loginInner { padding: 30px 20px;}     
}
 @media only screen and (max-width: 569px) {
.navigation nav { width: 60%;}     
nav > ul > li > a, .mobileRight ul li a {padding: 10px 0 10px 25px;}
nav > ul > li > ul > li > a{ padding: 10px 0 10px 40px;}  
.stepBreadcrumb ul li { margin-right: 19.4%;} 
.stepWrap.stepOnewrap h2 { width: auto; float: none;}     
.stepWrap.stepOnewrap .returnTicket {width: auto; float: none; text-align: left; margin-bottom: 15px;}     
.stepHero-wrap.stepHero-onewrap { padding: 30px 20px;}     
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput select { width: 98%;}     
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input, .stepHero-wrap.stepHero-onewrap .inputBox input, .stepHero-wrap.stepHero-onewrap .inputBox.threeInput input { width: 93%;}     
.stepOne-Info {margin: 30px 0;}      
 .offersDealsWrap { margin-bottom: 0;}
.payment-successfulWrap .payment-successfulDetails .tickitDetails .payDetail { width: 33%; margin-bottom: 15px;}     
.payment-successfulWrap .payment-successfulDetails .tickitDetails { margin-bottom: 20px; padding-bottom: 10px;}     
}

 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
.stepBreadcrumb ul li { margin-right: 18.9%;} 
.pageData.logindata .loginWrap { width: auto;}     
}
 @media only screen and (max-width: 480px) {
.stepBreadcrumb ul li { margin-right: 18.2%;}  
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input, .stepHero-wrap.stepHero-onewrap .inputBox input, .stepHero-wrap.stepHero-onewrap .inputBox.threeInput input {   width: 91%;}     
footer .footer-linkWrap .quicklinkWrap ul li a { padding: 0 6px; font-size: 12px;}
.passengerDetailsWrap .inputBox { width: auto;  float: none;}   
.passengerDetailsWrap .inputBox input, .passengerDetailsWrap .inputBox textarea { width: 95%;}     
.passengerDetailsWrap .inputBox .width50 input { width: 89%;}  
.registerWrap .registerForm .registerInput .width50 { width: auto; float: none;}     
.registerWrap .registerForm .registerInput .width50.width50Left { margin-right: 0; margin-bottom: 20px;}
.registerWrap .registerForm .registerInput .width30.width30Left { margin-right: 0; margin-bottom: 20px;}
.registerWrap .registerForm .registerInput .width30.width30Middle {margin-right: 0; margin-bottom: 20px;}     
.registerWrap .registerForm .registerInput .width30 { width: auto; float: none;}     
.registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width50 input,.registerWrap .registerForm .registerInput input { width:94%;}
.registerWrap .registerForm .registerSubmit input{ float:none;}     
.alreadyMember{ float:none; margin: 15px 0 0 0;}     
     
}
 @media only screen and (max-width: 424px) {
.stepBreadcrumb ul li { margin-right: 17.3%;} 
.stepHero-wrap.stepHero-onewrap .inputBox.twoInput input, .stepHero-wrap.stepHero-onewrap .inputBox input, .stepHero-wrap.stepHero-onewrap .inputBox.threeInput input {   width: 90%;}     
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox label {font-size: 11px;}
.slick-arrow { margin-top: -50px;}  
.slick-next.slick-arrow { right: -5px;}     
.slick-prev.slick-arrow { left: -5px;}
.stepWrap .stepRight .stepRightInner { padding: 10px;} 
.stepWrap .stepRight .roomDetailsWrap .roomTottleprice { font-size: 18px; line-height: 22px;}     
.stepWrap .stepRight .convenienceFeeWrap .conveniencePrice {font-size: 22px; line-height: 22px;}     
.voyageDetailsWrap table tr td { padding: 5px 5px; display: block;}
.voyageDetailsWrap table tr td:first-child{ font-size:16px; padding-top: 15px;}
.stepWrap .stepRight .grandtotalWrap .convenienceTitle {font-size: 16px; line-height: 17px;}     
.stepWrap .stepRight .grandtotalWrap .conveniencePrice{ font-size: 20px; line-height: 20px;} 
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetails-heading { width: auto; float: none; font-family: 'montserratregular'; font-size:15px;}     
.payment-successfulWrap .payment-successfulDetails .roomdetailsWrap .roomDetailsGroup .roomDetails { width: auto; float: none; margin-top: 15px;}     
.policyWrap{ margin-bottom: 0;}
.policyWrap ul{ text-align: center;} 
.policyWrap ul li { float: none; display: inline-block; margin-bottom: 10px;} 
.registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width50 input,.registerWrap .registerForm .registerInput input { width:93%;}     
}

 @media only screen and (max-width: 414px) {
.stepBreadcrumb ul li { margin-right: 17.2%;} 
.passengerDetailsWrap .inputBox input, .passengerDetailsWrap .inputBox textarea { width: 93%;}     
.passengerDetailsWrap .inputBox .width50 input { width: 89%;} 

}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
.stepBreadcrumb ul li { margin-right: 17%;} 
.payment-successfulWrap .payment-successfulDetails .tickitDetails .payDetail { width: 50%;}     
}
 @media only screen and (max-width: 384px) {
.stepBreadcrumb ul li { margin-right: 16.6%;}     
.registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width30 input, .registerWrap .registerForm .registerInput .width50 input,.registerWrap .registerForm .registerInput input { width:92%;}        
}
 @media only screen and (max-width: 375px) {
.stepBreadcrumb ul li { margin-right: 16.4%;}     
footer .socialinkWrap ul li a img{ width:17px;}     
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .filterBox .radioBox .radioBoxInner { padding: 15px 3px;}
}
 @media only screen and (max-width: 360px) {
.stepBreadcrumb ul li { margin-right: 16%;} 
.stepWrap.stepTwo-wrap .stepLeft .roomFilter-Wrap .roomFilterInner { padding: 20px 10px 5px 10px;}  
.passengerDetailsWrap .inputBox .width50.width50Left { margin-right: 0; margin-bottom: 20px;}     
.passengerDetailsWrap .inputBox .width50 {width: auto; float: none;}     
.passengerDetailsWrap .inputBox .width50 input {  width: 93%;}     
}
 @media only screen and (max-width: 320px) {
.stepBreadcrumb ul li { margin-right: 14.8%;}  
.passengerDetailsWrap .inputBox .width50 input, .passengerDetailsWrap .inputBox input, .passengerDetailsWrap .inputBox textarea { width: 91.8%;}     
}