





@media only screen and (max-width:1350px) {

.confirmation-step li {width: 22%;}

}


@media only screen and (max-width:1076px) {
.holidaySecSubBanner h2 {font-size: 26px; margin-bottom: 8px;}
.holidaySecSubBanner p {font-size: 14px; line-height: 22px;}
	
.holidaySecSubBanner {padding: 15px 34px 0 700px;
	background-position:-40% center;}
	
}

@media only screen and (max-width:980px) {
.confirmation-step li{width: auto;}
	
}

@media only screen and (max-width:940px) {
.btnResponsive {display: block !important;}
.navSection{position:relative;}
	.open-menu{position:absolute; right: 15px; top: 31px;} 
/*.bannerTopSub .topNavSec ul.loginNav{display:none;}*/
.bannerTopSub .topNavSec ul.loginNav {margin-right: 58px;}
.bannerTopSub .topNavSec ul.mainNav{display:none;}
	
	
.bannerTopSub .logoSec img{max-width: 80px; width: 100%;}
.bannerSec .leftTxtSec h1 {font-size: 28px; max-width: 650px; margin-bottom: 20px;}	
.bannerSec .leftTxtSec {max-width: 65%; padding-right: 25px;}
.bannerSec {padding: 30px 15px;}
.bannerSec .leftTxtSec h1 {font-size: 24px; margin-bottom: 16px;}
.bannerSec .leftTxtSec p {font-size: 14px; line-height: 25px;}
	
.bannerSec .leftTxtSec h1, .welcomeSecTxtSec h2 {font-size: 24px; margin-bottom: 16px;}
.welcomeSecTxtSec p {font-size: 15px; line-height: 26px;}
.welcomeSec {padding: 35px 0;}
	
.holidaySecSubBanner {
  background: #ecc66b url("../images/holidayRes.jpg") no-repeat left center;
  padding: 29px 34px 0 490px; text-align: right;}
	
.innerPageSecForm, .innerPageAccount {padding:35px 15px;}
	
.accountData .col-md-10{max-width: 100%; width: 100%; padding: 0;}
.accountData .col-md-2{max-width: 100%; width: 100%; padding: 0 0 25px 0;}
.responsiveAccData .table td.tdCol_4 {vertical-align: top;}
	
.responsiveTableCustom {font-size: 13px;}
.responsiveAccData .table td.tdCol_4 {font-size: 13px; vertical-align: top;}
	
.bannerTopSub .topNavSec ul.loginNavAfterLogin {margin-right: 58px;}
	
.bannerForm {padding-top: 25px; padding-bottom: 25px;}
	
.bannerForm .col-sm-6{max-width: 100%;}
	
}

@media only screen and (max-width:850px) {
.holidaySecSubBanner {padding: 29px 34px 0 261px;}
	
}

@media only screen and (max-width:767px) {
	.confirmation-step li a.active::after{display: none;}
	.confirmation-step li a::before{display: none;}
	.confirmation-step li a::after{display: none;}
	
	.confirmation-step {display: block;}
	.confirmation-step li {width: 96%; margin-bottom: 12px;}
	.bookingInnerPage .wrapper .innerContentTxt{max-width: 100%;}
	.bookingInnerPage .wrapper .rightBookingPag{max-width: 100%;}
	
	.confirmation-step li a {padding-left: 15px;}
	

	
}
	
@media only screen and (max-width:750px) {
.box_1 h2 {font-size: 17px; line-height: 23px;}
.box_1 ul li {font-size: 14px; line-height: 17px;}
	
.box_2 h3, .box_3 h3, .box_4 h3 {font-size: 17px;}
.box_2 p, .box_3 p, .box_4 p {font-size: 14px; line-height: 19px;}
	
}

@media only screen and (max-width:700px) {
.fourBoxSecSub{display: block;}
	
.fourBoxSecSub .col-sm-3{max-width: 50%; margin-bottom: 20px;}
.fourBoxSec {padding-top: 35px; padding-bottom: 0;}	
	
.holidaySecSubBanner {padding:29px; text-align: center; min-height: inherit;}
	
.footerSec {padding: 15px 15px 15px 15px; font-size: 13px;}
	
	

.loginPopup h2 span {font-size: 20px;}
	
.loginPopup .full_field input[type="email"], .loginPopup .full_field input[type="password"], .loginPopup .full_field input[type="text"] { font-size: 15px; padding: 10px 15px;}

a.lonkBox .blockMainSub .box .imgSec img {max-width: 55px;}
a.lonkBox .blockMainSub .box .imgSec {margin-bottom: 13px;}
	
a.lonkBox .blockMainSub .box h2 {font-size: 15px;}
	
.bannerTopSub .topNavSec ul.loginNav li a {font-size: 13px; padding: 8px 13px;}
.bannerTopSub .topNavSec ul.loginNav li a:hover{font-size: 13px; padding: 8px 13px;}
	
}

@media only screen and (max-width:575px) {
	
.bannerSec{display: block;}
.bannerSec .leftTxtSec {max-width: 100%; padding-right: 0; width: 100%;}
.bannerSec .rightImg{max-width: 100%; padding-right: 0; width: 100%; margin: 0;}
	
.fourBoxSecSub .col-sm-3{max-width:100%; margin-bottom: 20px;}
.box_2 .thumSec img, .box_3 .thumSec img, .box_4 .thumSec img {width: 100%;}
	
.blockMainSub {width: 100%; margin-bottom: 20px;}
a.lonkBox .blockMainSub .box {padding: 10px 15px;}
a.lonkBox:hover .blockMainSub .box {padding: 10px 15px;}
	
.memberShipArea ul.tabUl li a {padding: 8px 15px; font-size: 13px;}
	
.memberShipArea ul.tabUl li {margin-right: 7px;}
	
.signUpCardLayout-card .tab-content .full_field_col3 {width: 50%;}	
	
}
	
	
@media only screen and (max-width:480px) {	
	
	.bannerTopSub .topNavSec ul.loginNavAfterLogin li.homeLi{display: none;}
	.bannerTopSub .topNavSec ul.loginNavAfterLogin li.questionLi{display: none;}
	
	.open-menu {top: 28px;}
	.bannerTopSub .topNavSec {padding-top: 45px;}
	.bannerTopSub .topNavSec ul.loginNavAfterLogin {margin-right: 0;}
	.bannerTopSub .topNavSec ul.loginNavAfterLogin li:nth-child(3) a {font-size: 14px;}
	
	.bannerTopSub{display: block;}
	.bannerTopSub .topNavSec {padding-top: 11px; text-align: center;}
	.bannerTopSub .topNavSec ul.loginNav{margin-right: 0; float: none;}
	.bannerTopSub .topNavSec ul.loginNav li a {font-size: 12px; padding: 5px 15px;}
	.bannerTopSub .topNavSec ul.loginNav li a:hover {font-size: 13px; padding: 5px 15px;}
	
}
	
@media only screen and (max-width:400px) {		
.signUpCardLayout-card .tab-content .full_field_col3 {width: 100%;}	
	
.signUpCardLayout-card .tab-content .full_field_col3Half{width: 100%;}	
	
}
	
	