@media only screen and (max-width:1300px) {
.phone-number span{ font-size:22px;}	
.log-my-booking h1{font-size: 38px}
.booking-detail ul li{ font-size:16px;}
.login-banner{padding:5% 0;}
} 


@media only screen and (max-width:1024px) {
body{ font-size:14px;}	
.container{padding-left:48px; padding-right:46px;}	
.topheader{padding:30px 0;}
.ocean-logo{top:-21px;}
.phone-number {
  background: #fff;
  display: inline-block;
  line-height: 18px;
  padding: 2px 10px;
  vertical-align: middle;
}
.phone-number em {
  display: block; line-height: 16px;
}	
.phone-number em br {
  display: none;
}
.help{ padding-right: 9px;}
.mail a {
  background: #fff none repeat scroll 0 0;
  color: #b71f38;
  display: inline-block;
  padding: 10px 20px 10px;
}
.mail span {
  display: none;
}
.mail em { display: inline-block;  font-size: 16px;  font-style: normal;  padding-left: 5px;  vertical-align: middle;}
.mail i { background:url(../../images/oc/mailicon2.png) no-repeat left center;  width:26px; height:17px; }
.log-my-booking {padding: 0 15px 0 0;}
.log-my-booking h1 {font-size: 31px;}
.login-banner {background:url(../../images/oc/loginbanner2.png) no-repeat top center;padding: 12% 0 ;}
.hidden-ipad{ display:none;}
.hidden-dekstop{ display:block;}
.log-col1 p{ padding-top:0;}
.booking-detail ul { margin: 0px 0 10px 0;}
.booking-detail ul li {color: #b71f38; font-size: 16px; text-shadow:none; padding-bottom:8px;}
.booking-detail ul li {background:url(../../images/oc/tick2.png) no-repeat left 6px;}
.login-col {display: inline-block; padding:186px 0 0; width: 100%;}
.log-col2 .form-control{ height:46px;}
.footer{ padding:17px 0;}
.copyright {float: left; text-align: center; width: 100%;}
.btn-primary{ height:42px; line-height:40px;}
.need-help { padding: 12px 0 0;}
.footer-logo {width: 100%;}
.visa {padding-right: 0; text-align: left; width: 33%;}
.visa img { width: 190px;}
.tta {padding-right: 0; text-align: center; width: 33%;}
.tta i {background:none;display: inline-block;padding:0;}
.tta img {width: 95px;}
.faq-logo span {text-align: left;}
.faq-logo {float: right;}
.need{padding-right: 9px;}
.logo-ipad{ display:block;} 
.log-col2 {padding-right: 0;width: 50%;}
.inner-banner h1{ font-size:25px; padding:75px 0 21px;}
.logout{padding-left:8px;}
.logout a {background:#fff; color: #b71f38;padding: 11px 12px 13px;}
.logout span{font-size:13px;}
.booking-info-list {
  margin: 30px 0 0;
  width: 100%;
}
.padbox3 {
  padding-top: 35px;
}
.booking-list {
  float: right;
  width: auto;
}
.user-info .name {
  font-size: 13px;
}
.user-info {
  border: 0 none;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  width: auto; line-height: 16px;
}
.user-info .name {
  border-right: 2px solid #938f8c;
  display: inline-block;
  float: none;
  font-size: 13px;
  padding-bottom: 0;
  padding-right: 13px;
  vertical-align: middle;
  width: auto;
}

.user-info .ref {
  border-right: 2px solid #938f8c;
  display: inline-block;
  float: none;
  font-size: 13px;
  padding-bottom: 0;
  padding-left: 13px;
  padding-right: 13px;
  width: auto;
}
.user-info .status {
  display: inline-block;
  float: none;
  font-size: 13px;
  padding-left: 13px;
  vertical-align: top;
  width: auto;
}
.custom_acd {
  padding-top: 10px;
}
.add-extras-banner{background:url(../../images/oc/add-extras-banner-ipad.png) no-repeat top center; z-index:1; }
.contact-banner{background:url(../../images/oc/contact-banner-ipad.png) no-repeat top center; z-index:1; }
.form-box .btn-primary {height: 49px; line-height: 46px;}
.request-option .chk-area input.chk_inpt[type="checkbox"] + label.chk_lbl {background:url(../../images/oc/chk2.png) no-repeat scroll left center; min-height:41px;padding: 8px 0 0 49px;}
.request-option .chk-area input.chk_inpt[type="checkbox"]:checked + label.chk_lbl {background-image: url(../../images/oc/chk_a2.png);}
.width-col1{ margin-bottom:16px;}
.width-col2{ margin-bottom:16px;}
.request-option {
  margin: 17px 0 0;
}

.form-box textarea{ height:153px;}
.contact-form .form-control{ height:44px;}
.contact-form .selectbox .btn{height:44px;}
.pay-banner{background:url(../../images/oc/pay-banner-ipad.png) no-repeat top center; z-index:1;}
.fee-total p { font-size:15px;}
.block1 {text-align:left; width:50%;}
.block2{width:50%;}
.important-banner{background:url(../../images/oc/important-banner-ipad.png) no-repeat top center; z-index:1;}
/*************mobile-menu-start***************/
.menuImage {
  border: 1px solid #bababa;
  height: 47px;
  left: 0;
  margin: 0;
  padding: 10px 12px 0;
  position: absolute;
  top: 18px;
  width: 102px;
  z-index: 9; background:url(../../images/oc/menuIcon.png) no-repeat 12px 10px;
}
.menuImage img {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.menuImage  span {
  display: inline-block;
  vertical-align: middle; font-size:13px; color:#ac1f30; padding-left:3px; width:100%; text-align:right;
}
.iphon_navigation {
	background: #1260a9 ;
	border-top: medium none;
	margin: 0;
	position: absolute;
	top: 65px;
	width: 100%;
	z-index: 9999;
	left: 0px;
	right: 0px;
	text-shadow: none;
}
.iphon_navigation ul {
	margin: 0px;
	padding: 0px;
}
.iphon_navigation ul li {
	background: none repeat scroll 0 0 transparent;
	border-bottom: 1px solid #c95764;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	width: 100%;
}
.iphon_navigation ul li:first-child {
	border-top: none;
}


.iphon_navigation ul li a {
    background: none repeat scroll 0 0 #ac1f30 ;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    list-style: outside none none;
    margin: 0 0 0px;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
	border: 1px solid #ac1f30 ;
	
}
.iphon_navigation ul li a:hover {
	color: #fff;
	text-shadow: inherit;
	text-decoration: none;
}

/*************mobile-menu-end***************/




.oceancalifornia .log-my-booking .booking-detail.for-desktop{ display:none;}
.oceancalifornia .login-col .booking-detail , .log-my-booking h1 span{ display:block}
}

@media only screen and (max-width:767px) {
body {  font-size: 13px;}	
.container {padding-left:30px;padding-right:30px;}	
.topheader {padding: 14px 0 12px;}	
.hidden-mob{ display:none;}	
.logo-mob{ display:block; top:-4px;}
.mail em {display: none;}
.mail a {padding:0;}
.mail i { background:url(../../images/oc/mailicon3.png) no-repeat scroll center center; height:43px; text-align:center;  width:47px;}
.need{ display:none;}	
.phone-number span {display: none;}
.phone-number em{display: none;}
.phone-number {height: 43px;line-height: normal;padding: 0;width: 47px;}
.phone-number i {background: url(../../images/oc/phoneicon3.png) no-repeat scroll center center;height: 43px;width: 47px;}
.help {padding-right: 10px;}
.log-col1 {float: left;padding-right: 0;width: 100%;}
.booking-detail {float: left;width: 50%;}
.booking-detail ul li{ padding-bottom:6px; font-size:15px;}
.log-col2 { width: 100%;}
.btnright {float: left;width: 100%;}
.btn-primary { font-size:16px;width: 100%;}
.footer {padding: 20px 0; position:relative; float:left; width:100%;}
.visa {float: left;padding-right: 0;text-align: left;width: 50%;}
.visa img {width: 185px;}
.tta {float: left;padding-right: 0;text-align: right;width: 50%;}
.tta img {width: 76px;}
.faq-logo {clear: left;display: block;float: left;padding-top: 18px;}
.copyright {float: right;margin-top: -35px;padding: 0;position: relative;text-align: right;vertical-align: top;width: auto;z-index: 2;}
.copyright br {display: block;}
.log-my-booking h1 br { display:block;}
.log-my-booking h1 {font-size: 22px;line-height: 30px;}
.login-banner {background:url(../../images/oc/loginbanner3.png) no-repeat scroll center top; padding: 38px 0 20px ;}
.log-my-booking {float: left;padding: 0 0 0 49%;}
.login-col {display: inline-block;padding: 57px 0 0;}
.log-col1 p {float: left;padding-top: 0;padding-left:15px;width: 50%;}
.logo-ipad{ display:none;} 
.maB1 {margin-bottom: 20px;}
.inner-banner h1{ font-size:16px; padding: 52px 0 0;}
.user-info {text-align: right;width: auto; line-height:10px;}
.user-info .name {border-right: 0 none;font-size: 12px;padding-bottom: 0;padding-right: 0;text-align: right;width: 100%;}
.user-info .name {font-size: 12px;text-align: right;margin-bottom: 8px;}
.user-info .ref {border-right: 1px solid #938f8c;font-size: 11px;padding-left: 5px;padding-right: 5px;}
.user-info .status {padding-left: 5px;text-align: right;}
.font12 {font-size: 11px;}
.menuImage {height: 40px;padding: 8px 10px 0;top: 15px;width: 96px;background:url(../../images/oc/menuIcon.png) no-repeat 10px 8px;}
.menuImage span{ font-size:12px;}
.padbox3 {padding-top: 20px;}
.iphon_navigation{top:55px;}
.custom_acd .panel-title{ font-size:16px;}
.custom_acd i{left:6px;}
.custom_acd .question-heading p{ margin:0;}
.custom_acd .question-heading{padding:11px 38px 13px 46px;}
.logout{ text-align:center;}
.logout span {font-size:11px; padding-left: 0; vertical-align: top;}
.logout a {height: 43px; padding: 3px 0 0 0; width: 47px; display:inline-block; background:#25803f; color:#fff;}
.logout i{vertical-align: bottom; background:url(../../images/oc/logout2.png) no-repeat left center; display:inline-block; vertical-align:middle; width:14px; height:17px;}
.iphon_navigation ul li a{ font-size:13px;}
.padbox1 { padding: 19px 32px 20px;}
.inner-banner{ height:88px;}
.booking-banner{background:url(../../images/oc/booking-banner-mob.png) no-repeat top center; }
.padbox2 {padding: 15px 32px 3px;}
.receipt-name span{font-size: 15px;}
.dw-txt{ font-size:13px;}
.receipt-name {float: left; width: 100%;}
.issue-date {float: left; width: 100%;}
.call-team{ font-size:15px;}
.strip{ font-size:15px; padding:8px 12px;}
.width-col1{width:49%;}
.width-col2{width:49%;}
.form-box textarea{ height:168px;}
.form-box .btn-primary{width:100%;}
.add-extras-banner {background:url(../../images/oc/add-extras-banner-mob.png) no-repeat top center;}
.contact-banner {background:url(../../images/oc/contact-banner-mob.png) no-repeat top center;}
.booking-ref {margin-top: 10px;}
.contact-form .bootstrap-select.btn-group .dropdown-toggle .caret { background:url(../../images/arrowdown2.png) no-repeat right top; width:21px; height:12px;}
input [type="text"]{-webkit-appearance:none}
.dw-txt{ text-align:center;}
.payment-row{ font-size:18px;}
.payment-col{width:32.1%;}
.pay-row{ margin-top:12px;  font-size:16px;}
.width1 {width:124px;}
.width2 {width:100%;  margin-left:0;}
.paydtl .bootstrap-select.btn-group .dropdown-toggle .caret { background:url(../../images/arrowdown3.png) no-repeat right top; width:17px; height:9px;}
.width3 {width:100%;  margin-left:0;}
.fee-total p{ display:inline-block;}
.block1 span{ display:inline-block; font-size:15px;}
.block1 { display: inline-block;  float: none;  text-align: left; width: 50%;}
.block1 p { padding-right:5px;}
.block2 {  display: inline-block;  float: none;  text-align: right;  vertical-align: middle;  width: 48%;}
.block2 span{display:inline-block; font-size:22px;}
.block2  p {font-size: 18px;  padding-right: 8px;}
.expiration-date-col {display:block; clear:both;  width: 100%;}
.paytop {margin-top: 12px;}
.width5 {float: left;  width: 124px;}
.payment-row span {  clear: left;  display: block;  width: 100%;}
.width4 {width: 46.8%;}
.pay-banner{background:url(../../images/oc/pay-banner-mob.png) no-repeat top center; z-index:1;}
.important-banner{background:url(../../images/oc/important-banner-mob.png) no-repeat top center; z-index:1;}
.paydtl .btn-primary {padding-left: 0; padding-right: 0; height:52px; line-height:50px;}
.info .tab-content p {font-size: 13px;}
.info .panel-group .panel {border-radius: 0; box-shadow: none; margin-bottom: 0;}
.info .panel-default {border-color: #fff;}
.info .panel-default .panel-heading {
  background-color: #fff;
  border: 1px solid #9c9c9c;
  border-radius: 0;
  color: #625b56;
  display: block;
  padding: 0;
  text-align: center;
}
.info .panel-title {
  color: inherit;
  font-size: 17px; position:relative;
}
.info .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #fff;}

.info .panel-title > .small, .info .panel-title > .small > a, .info .panel-title > a, .info .panel-title > small, .info .panel-title > small > a {display: block;
  padding: 14px 15px;}
  .info .panel-body {
  padding: 20px 0 0 0;
}
.info  h3 {background: #dadada; color: #625b56; display: block; font-family: "Open Sans Bold";  font-size: 16px;  padding: 8px 16px; margin-bottom:17px;}



.info .panel-heading .accordion-toggle:after {
font-family: 'FontAwesome'; 
content: "\f107";   
color: #454346;      
font-size:34px;
position: absolute;
right: 22px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.info .panel-heading .accordion-toggle.collapsed:after {content: "\f105"; }
/*new add*/
.phone-number{background:#25803f;}
.phone-number a {color:#25803f;}
.mail a{background:#b71f38;}

/*.info .panel-heading .accordion-toggle:after {background:url(../../images/arrowdown5.png) no-repeat right center; width:11px; height:19px; display:block; content:'';
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
}


.info .panel-heading .accordion-toggle.collapsed::after {
  background: rgba(0, 0, 0, 0) url(../../images/arrowdown5.png) no-repeat scroll right center;
  content: '';
  display: block;
  height: 11px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
  width: 19px;
}*/
.processing-detail{width:80%;}
.view-payment-arrow-up {background:url(../../images/arrow3.png) no-repeat  right 3px;}

html {
  min-height: inherit;
  position: inherit;
}
.processing-detail{transform: translateY(20%); }
.payleft1 {width: 58%;text-align: left;}
.payright1 {width: auto;text-align: right;float: right; font-size:16px;}
.info2 ul {   margin-left: 11px; }
.balnote {padding-left:0px;}

.payment-row {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.payment-row .payment-col {-webkit-flex: 50%;flex: 50%;}

}
	
	
@media only screen and (max-width:399px) {
.footer{ font-size:12px;}	
.visa{width:43%;}
.visa img {width: 119px;}
.tta{width:57%;}
.faq-logo{padding-top:10px;}
.faq-logo img {width: 25px;}
.tta img {width:50px;}
.container {padding-left:15px;padding-right:15px;}
.logo-mob img {width: 124px;}
.help { padding-right: 5px;}
.logout {padding-left: 4px;}
.menuImage{width:55px; height:53px;}
.menuImage span {display: inline-block;float: left; font-size: 12px;padding-left: 0;padding-top: 24px;}
.iphon_navigation {top: 68px;}
.iphon_navigation ul li a{ font-size:12px;}	
.custom_acd .panel-title {font-size: 14px;}
.payment-row {font-size: 16px;}
.fee-total p {font-size: 14px;}
.block1 span {font-size: 14px;}
.block2 p{ font-size: 16px;}
.block2 span{font-size: 18px;}
.block1, .block2{width:100%; float:left; text-align:left;}
/*new add*/
.logo-mob {display: block;top: 2px;}
.processing-detail{transform: translateY(20%); }
.payleft1 {width: 58%;text-align: left;}
.payright1 {width: auto;text-align: right;float: right; font-size:16px;}
.balnote {padding-left:0px;}
}