@media only screen and (min-width: 768px) and (max-width: 959px) {
.step2narrow { display: block; }
#widecolumn.step2wide { width: 100%; }
.tabtitle { font-size: 12px; }
.page-contents { width: 100% !important }
.btnBackToResult { width: 20% !important; }
.trip-title { width: 59% !important; }
.backtores { padding: 0 0!important; }
.btnBackToResult span { line-height: 38px; }
}
 @media only screen and (max-width: 959px) {
a[href^=tel] { color: inherit; text-decoration: none; } /*fOR Phone number IOS system in Iphone*/
#mainpage, #container, .cruise-detail-box { width: 100%; padding: 0; }
.contentbox { padding-left: 0; }
.page-contents { width: 100% !important }
#widecolumn { width: 75%; margin-top: 0 !important; }
#narrowcolumn { width: 25%; }
#narrowcolumn.alignright { float: left; }
/*----------------------------------------*/
.cruise-detail-box { box-shadow: none; border: 0; }
/** Result page START**/
/*----------------------------------------*/
.tabbackbg { width: 100%; left: 0; }
#container, .contentbox { margin-left: 0px; margin-right: 0px; width: 100%; }
.matrixbox { width: 100%; }
.graybox { margin-left: 5px; margin-right: 5px; }
/* #widecolumn > div { margin: 7px; } */
.flbox { width: 70%; }
.scroll-pane, .jspContainer { width: 100% !important; }
.accordian { float: left; }
.accordian dd { width: 100%; float: left; }
.accordian dd li { float: left; margin-right: 10px; }
.accordian { width: 100%; }
.accordian dd h4 { padding: 10px 0; font-size: 14px; }
.acc_content { padding: 0; background-image: none; }
.ser-result { width: 100%; padding: 9px 0 6px; margin: 0 0 9px; }
.halfwidth { width: 50%; float: left; }
#MatrixDataTD #MatrixScroll[style] { width: 640px!important; }
.flight-detail table td { padding: 3px; }
.cruise-detail-box { padding: 0px; }
.breadcrumbs { margin-left: 10px; margin-right: 10px; width: 96.5%; }
.pricebox { width: 30%; }
.flinfobox { width: 70%; }
.flinfobox tr td { font-size: 14px; vertical-align: middle; }
.flinfobox table tr:first-child { display: none; }
.sum-dt, .sum-tm { float: left; width: 100%; text-align: center; }
.flightcity, .flightcontduration, .flightrightdates { font-size: 12px; }
.flightstauts_title, .ser-result { font-size: 16px; }
.graybox input[type="checkbox"] { margin: 2px 3px 0 0; }
.flprice .tot-price { font-size: 24px; }
.round-trip-inner label { width: 69px; }
.chkopt { width: 100%; }
.allianceslbl { width: 100%; float: left; }
.flightleftcont { width: 25%; }
.fare-rules { width: 15%; }
/*----------------------------------------*/
/** Result page END**/
/*----------------------------------------*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) and (orientation : landscape) {
.refresh-loader { top: 50%; margin-top: -60px; z-index: 9999; }
body.page_cruise_category #url-wrapper .refresh-loader, #FlightSearchError, .refresh-loader, .page_cruise_category .ui-dialog #RefreshResults.refresh-loader { position: absolute!important; left: 50%; margin-left: -266px; height: 75px; }
.camh-cruise-details ul li, .camh-cruise-details ul li.second-col, .camh-cruise-details ul li.third-col, .camh-cruise-details ul li.cruise-price-average, .camh-cruise-details ul li.cruise-price-total { display: block!important; float: left!important; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*----------------------------------------*/
/** Result page START**/
/*----------------------------------------*/
.matrix_left { width: 19%; }
.mtrix_right { width: 81%; }
.air_matrix_suppliers_corner { margin: 9px 0 0 3px; }
.air_matrix_calendar_corner, .air_matrix_calendardeparture_corner { margin: 5px 0 0 3px; width: 135px; }
div.filter-inner div label { width: 85%; }
.airtab li a span { padding: 0 4px; font-size: 12px; }
.airtab li { padding: 0 5px 0 0; }
.airtab li a { padding: 5px 4px; }
#Matrix_ModifySearchForm .menu_list_left .tabsinn { width: 20%; }
.airtab li a:hover span, .airtab li.active a span { padding: 0 4px; }
/*----------------------------------------*/
/** Result page END**/
/*----------------------------------------*/

.page_air_results .AirportChangeWarning { float: right; width: 7%; display: block !important; margin-left: 4px; }
/*----------------------------------------*/
/** Purchase page START**/
/*----------------------------------------*/
#narrowcolumn.alignright { margin-left: 1%; width: 98%; }
#widecolumn.alignleft { margin-left: 1%; width: 98%; }
.payment-info-inputbox-top { margin: 12px auto; }
/*----------------------------------------*/
/** Purchase page END**/
/*----------------------------------------*/
.country_input { width: 254px !important; }
.page-contents { width: 100% !important; }
/*FareRules style*/
.fare-rules a { font-size: 14px; margin-top:0px; float:left;}
.bonusrow {
    float: left;
    width: 100%;
    padding-top: 4px;
}
.air-Recommended { margin-bottom: 7px;}
.hurrysets {    width: 37%;}
/*FareRules style*/
}
@media only screen and (max-width: 890px) {
.detailrightblock { margin-left: 10px; }
}
@media only screen and (max-width: 870px) {
div.filter-inner div label { width: 80%; }
.flight-details-box { width: 100%; box-sizing: border-box; margin: 0; }
.flightstauts_title { font-size: 15px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.filter-section-mo dl.accordian .sel {right: 5px; top: 10px;}
.camh-cruise-details ul li .camh-cruise-cont-row { font-size: 10px; }
.page_air_results .camhMatrix { display: block; }
.page_air_results.inIframe .pricebox { width: 100%; }
.page_air_results.inIframe .flight-details-box.print-advsearchbox .fl-details-buttons { display: none!important; }
.page_air_results.inIframe { padding: 0px!important; overflow: scroll; height: calc(100% - 50px); }
.page_air_results.inIframe #mainpage .pageHeader { margin-bottom: 35px!important; }
.camh-cruise-details .camh-icon, .camh-cruise-details .third-col, .camh-cruise-details .cruise-price-average { display: none; }
.hidden-md, .hidden-lg, .hidden-sm { display: block; }
.camh-cruise-details { display: block; width: 100%; }
.camh-cruise-details ul { width: auto; display: table-row; }
.camh-cruise-details ul li:first-child { padding: 15px 0px 0px 0px; }
.camh-cruise-details ul li:first-child .camh-cruise-image { padding: 10px; }
.camh-cruise-details ul li { display: table-cell; vertical-align: middle; float: none; }
.camh-cruise-details ul li .camh-cruiseline-logo { padding-top: 5px; text-align: center; }
.camh-cruise-details ul li.second-col { padding-left: 10px; width: auto; float: none; }
.camh-cruise-details ul li.cruise-price-total { padding-left: 10px; width: auto; float: none; }
.page_air_results.inIframe #widecolumn { width: 100%!important; }
.search-btn-cont { float: right; width: auto; }
.camh-cruise-details { width: 900px; border-radius: 5px; overflow: hidden; margin: 15px auto 5px auto; display: table; }
.camh-cruise-details .camh-icon { width: 90px; }
.camh-cruise-details ul { width: 100%; display: table-row; }
.camh-cruise-details ul li:first-child { padding: 10px; }
.camh-cruise-details ul li:nth-child(2) { width: 85px; }
.camh-cruise-details ul li .camh-cruise-image { width: 85px; text-align: left; }
.camh-cruise-details ul li.second-col { width: 170px; }
.camh-cruise-details ul li.third-col { width: 170px; }
.camh-cruise-details ul li { padding: 10px; display: table-cell; vertical-align: middle; }
.camh-cruise-details ul li .camh-cruiseline-logo { text-align: left; }
.camh-cruise-details ul li .camh-cruiseline-logo img { width: 100%; height: auto; max-width: 85px; }
.camh-cruise-details ul li .camh-cruise-cont-row { float: left; width: 100%; margin-bottom: 2px; line-height: 16px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.camh-cruise-details ul li .camh-cruise-cont-row:last-child { margin-bottom: 0px; }
.camh-cruise-details ul li h2 { font-weight: bold; font-size: 20px; margin-top: 5px; line-height: 20px; }
.camh-cruise-details ul li.cruise-price-average { width: 180px; padding-left: 10px; }
.camh-cruise-details ul li.cruise-price-total { width: 180px; }
.camh-cruise-tax, .camh-incl-airfare { font-size: 11px!important; }
.camh-cruise-details .camh-cruise-cont-row img { display: none; }
.camh-cruise-details .camh-cruise-cont-row .camh-ship-icon, .camh-cruise-details .camh-cruise-cont-row .camh-flag-icon, .camh-cruise-details .camh-cruise-cont-row .camh-from-date-icon, .camh-cruise-details .camh-cruise-cont-row .camh-time-icon, .camh-cruise-details .camh-cruise-cont-row .camh-to-date-icon, .camh-cruise-details .camh-cruise-cont-row .camh-pax-icon, .camh-cruise-details .camh-cruise-cont-row .camh-anchor-icon { width: 16px; height: 16px; margin: 0 10px 0 0; float: left; }
.camh-cruise-details .camh-cruise-only-total { display: none; }
.camh-cruise-only-details ul li.second-col { width: 140px; }
.camh-cruise-only-details ul li.third-col { width: 140px; }
.camh-cruise-only-details ul li.cruise-price-average { width: 140px; }
.camh-cruise-only-details ul li.cruise-price-total { width: 140px; padding-left: 10px; }
.camh-cruise-only-details ul li.camh-cruise-only-total { width: 140px; min-height: 75px; text-align: center; display: table-cell; padding-left: 10px; }
.camh-cruise-only-details ul li.camh-cruise-only-total .primary-btn { margin-bottom: 5px; }
/* EOF DynamicPackaging - Cruise + Flights Summary */
/*search page*/
.searchform-main .menu_list_left .tabsinn ul { width: 100%; }
.searchform-main .tabsinn ul li a { line-height: 22px; }
/*----------------------------------------*/
/** Result page START**/
/*----------------------------------------*/
.accordian dd li { width: 100%; }
/*----------------------------------------*/
/** Result page END**/
/*----------------------------------------*/

.aph-hotel-container .note { width: 100%; background-color: #f8f4f5; margin: 0 0 10px; padding: 10px; }
.aph-hotel-container .checkindate { margin-top: 0; }
.aph-hotel-container .hotelarea, .aph-hotel-container .hotelbookingdate, .aph-hotel-container .guestdetail { width: 100%; }
.aph-hotel-container .hotelarea h2, .aph-hotel-container .hotelarea font { float: left; display: inline-block; padding-right: 5px; }
.aph-hotel-container .checkindate { width: 50%; }
.aph-hotel-container .hotelbookingdate { border-right: medium none; border-bottom: 1px solid #bababa; }
.aph-hotel-container .guestdetail { width: 100%; }
.aph-hotel-container .guestcontrol { width: 30%; margin-left: 5px; }
/* Cruise + Flights Summary for Mobile Landscape mode */
.camh-cruise-details.camh-cruise-only-details ul { width: 100%; display: block; }
.camh-cruise-details ul li { min-height: 121px; padding-bottom: 0px; box-sizing: border-box; }
.camh-cruise-details ul li.second-col { width: 150px; }
.camh-cruise-details ul li.third-col { width: 140px; }
.camh-cruise-details ul li.cruise-price-average { width: 140px; }
.camh-cruise-details ul li.cruise-price-total { width: 150px; }
/* EOF Cruise + Flights Summary for Mobile Landscape mode */
.spc-total-cont.ody-checkout-title { margin-top: 50px !important; width: 100%; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*----------------------------------------*/
/** Result page START**/
/*----------------------------------------*/
#narrowcolumn, .sortoptinner, .flnav { display: none; }
.step2narrow { display: block !important; }
#widecolumn { width: 99%; }
.pricebox { width: 20%; }
/* Cruise + Flights Summary for Mobile Landscape mode */
.camh-cruise-details ul li, .camh-cruise-details ul li.second-col, .camh-cruise-details ul li.third-col, .camh-cruise-details ul li.cruise-price-average, .camh-cruise-details ul li.cruise-price-total { display: block!important; float: left!important; }
/* EOF Cruise + Flights Summary for Mobile Landscape mode */
/*----------------------------------------*/
/** Result page END**/
/*----------------------------------------*/
}
@media only screen and (min-width: 120px) and (max-width: 480px) {
.flinfobox table tr th { display: table-cell!important; font-size: 11px; padding: 0 2px; border-radius: 0px!important; }
.flinfobox table tr th.air-name { display: none!important; }
.select-flight { float: right; margin: 0 3px 3px auto; }
.flprice { font-size: 20px; line-height: 20px; text-align: left; width: 57%; }
.mstops { font-size: 10px!important; }
.mlistbox { margin-right: 2px!important; }
.mtrix_right { width: 100%; }
/*Travl Guard insurance*/
.select-op { margin-left: 10px; font-size: 9px; }
.button { width: 100%; }
}
@media only screen and (max-width: 350px) {
.flinfobox tr td.sum-dttm { width: 50px; }
}
@media only screen and (max-width: 480px) {
.passenger-info-inputbox .fdetailsshow { overflow: hidden; white-space: nowrap; width: 178px; }
.passenger-info-inputbox .fdetailsshow span { overflow: hidden; width: 83%; }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
/* Promotion Section on Payment */
#promo-information .payment-passenger-info-inputbox .promo-code font, #promo-information .payment-passenger-info-inputbox .promo-code input { width: 100%; float: left; margin-left: 0px; }
.creditcard-info-inputbox .input { width: 100%; }
.psdetailtd .paymentCreditCard tr td { display: block }
.psdetailtd .paymentCreditCard tr td label, .psdetailtd .paymentCreditCard tr td label input { width: 100%; }
#PaymentOptions, .payment-info-inputbox-top { box-sizing: border-box; padding: 10px 0px 0 0; }
.psdetailtd .paymentExpDate tr { display: block }
.psdetailtd .paymentExpDate tr table { width: 100%; float: left; }
.psdetailtd .paymentExpDate tr table tr td:nth-child(2) { width: auto; }
.psdetailtd .paymentExpDate tr table tr td:first-child, .psdetailtd .paymentExpDate tr table tr td:last-child { width: 50%; padding-top: 5px; }
.psdetailtd .paymentExpDate tr table tr td:last-child { height: 0px; }
.psdetailtd .paymentExpDate tr table tr td input, .psdetailtd .paymentExpDate tr table tr td select { width: 100%; }
.holdWithEmail, .holdWithoutEmail { width: 100%; float: left; }
.agentmarkup tr:nth-child(2) td { width: 50%; float: left; }
.agentmarkup tr:nth-child(2) td input, .agentmarkup tr:nth-child(2) td select { margin: 0px; width: 100%; min-height: 36px; }
.agentmarkup tr:nth-child(2) td:last-child { width: 100%; }
.sortopt { float: left; }
.booking-note-cont select { width: 82% !important; }
#widecolumn, #narrowcolumn, #mainpage, #Owrapper { width: 100%; }
.camhAlternateFlights { width: 100%; float: left; }
/*----------------------------------------*/
/** Result page START**/
/*----------------------------------------*/
input[type="text"], input[type="password"], textarea, input[type="tel"], input[type="email"], select { padding: 5px; }
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
.mo-showit { display: block; padding: 0 10px 10px 10px; text-align: center; }
#narrowcolumn, .sortoptinner, .flnav { display: none; }
.sbSelector { width: 100% }
.matrixbox { border: none !important; }
/*#mainBody.contentbox { display: none; }*/
/* #MatrixBox { display: none; } commenting this CSS because it's hiding air search form in mobile devices */
.top-error { width: 90%; margin: 55px 5px -45px 5px }
.pageing_outer .pagination li { display: none; }
.pageing_outer .pagination li.nxtbtn, .pageing_outer .pagination li.prvbtn { display: block!important; }
.flnav1 { display: none; }
.pageing_outer { margin-bottom: 10px!important; margin-top: 10px!important; }
.sortouter { font-size: 12px!important; margin: 0!important; padding-bottom: 5px!important; }
.sortouter .chkopt { display: none; }
#narrowcolumn.step2narrow { width: 100%; }
#widecolumn.step2wide, #widecolumn.step2wide .step-2 { width: 100%!important; }
.session-box { width: 100%; }
.searchres-title { font-size: 12px; padding: 5px 0; }
.flx_package .pricebox { width: 100%; float: left; padding: 5px; min-height: 0px!important; border-left: 0px; }
.flinfobox { width: 100% !important; margin: 0 0 1px; min-height: 0px!important; border-radius: 0px!important; }
.flinfobox tr th { padding: 1px 4px; }
.flinfobox tr td.airlogo, .advsearchbox tr td.airlogo { width: 25px; height: 22px; }
.flinfobox tr td.sum-stops, .flinfobox tr th.sum-stops { display: none!important; }
.flinfobox .sum-stops-mo { display: block!important; }
.hurrysets { margin-left: 0; display: none; }
.showadd { margin: 4px 0 0 0!important; }
.bluebtn { margin-top: 0px; display: block; padding: 2px 10px 5px 0; }
.showadd { text-align: center; }
.flprice { float: left; margin-left: 9px; }
.select-flight { float: right; margin: 0px 7px 3px auto; display: none; }
.shareBtn { display: block; padding-right: 12px; }
.mo-showit.select-flight { display: block; width: 100%; float: left; margin-top: 0px; }
.fl-book .select-flight { display: block; }
.flprice { text-align: left; line-height: 20px; font-size: 20px; width: 55%; }
.flprice span { float: right; display: none; }
.flprice { display: block; }
.tot-price.PkgPriceTotal { display: none; }
.flprice .air-sale-img { width: 29px; height: 29px; background-size: 29px !important; background: url(/Content/Themes/Odysseus/images/air/sale-mob.png) !important; }
.flprice .spcl-price-img { background: url("/Content/Themes/Odysseus/images/air/specialRes.png") no-repeat right !important; position: absolute; width: 73%; /* background-size: 15% !important; */ }
.fl-price-mo { display: block !important; float: left; width: 65%; }
.fl-price-inner-mo { display: block; float: left; width: 64%; }
.fl-price-inner-mo .avg-price-mo { font-size: 18px; }
.total-price-mo { float: left; font-size: 22px; margin-left: 4px; text-align: left; }
.incl-tx, .perp { float: left; font-size: 11px; margin-left: 5px; text-align: left; }
.baginfo, .bonusrow { float: none!important; width: auto!important; padding: 5px 10px 3px 10px; }
.addbaggage { line-height: 15px; }
.advsearchbox { padding: 1px; line-height: 15px; }
td.timeBtwFlight { padding: 5px 0!important; }
.advsearchbox tr td .fitime { padding: 5px 0 0 0; }
.plus_btn { display: none; }
.pageHeader { margin-bottom: 107px; float: left; }
body.page_air_default .pageHeader { margin: 0; }
.seatmap_btn { display: none; }
.baginfo { display: none; }
.advsearchbox tr th.detailti1 { font-size: 11px; }
.advsearchbox tr th { padding: 0 1px; }
.advsearchbox tr th.detailti2 { font-size: 10px; line-height: 13px; }
.advsearchbox tr th.detailti3 { padding-right: 6px; font-size: 10px; line-height: 13px; }
.advsearchbox tr td { padding: 5px 2px; font-size: 11px; }
div.addthisset { padding-bottom: 0; }
.flresult-list dd { margin-bottom: 6px; }
.bonusrow { line-height: 15px; }
.advsearchbox table { margin: 0 0 5px; }
.passenger-info-inputbox div.addthisset { margin-bottom: 5px; width: 96%!important; }
.tabsinn { width: 100%; }
.lnavbox { width: 100%; }
.tabsinn ul li a { font-size: 12px; height: auto; width: 100%; line-height: 3px; padding: 0 0 0 14px; }
.tabbackbg { background: none!important; border: 0; border-radius: 0; position: fixed; z-index: 100; margin-top: 56px; }
.tabtitle { font-size: 16px; display: none; }
.tabbox { width: 100% !important; margin: 0 3px; padding: 0; }
.menu_list_left { width: 100%; float: left; }
.menu_list_left .tabsinn { width: 99%; }
.tabsinn li { background-image: none; height: auto; width: auto; }
#MatrixLabels .mstops { width: 23.5%; margin-right: 2px; padding: 0; font-size: 12px; text-align: center; height: auto !important; float: left; }
.mstops.greybg { background: transparent!important; }
.mstops input { margin-right: 1.5px!important; }
.mcorner { width: 27% !important; height: auto !important; float: left; min-height: 26px!important; }
.flbox { float: left; width: 100%; }
.flboxscoller { width: auto !important; }
.flboxlist dd { width: 98%; margin-bottom: 3px; }
.jspHorizontalBar { display: none; }
.jspTrack { height: 100% !important; }
.fllistbox, .fllistbox img, .fllistbox span, .fllistbox .ez-checkbox { float: left; }
.fllistbox { width: 99%; border-radius: 3px; }
.fllistbox li { float: left; width: 25%; }
.fllistbox img { width: 30%; height: 30%; margin: 5px 0 0; }
.fllistbox span { font-size: 10px; text-align: left; margin-left: 3px; }
.flbox { padding: 7px; }
.fllistbox li { width: 21%; padding: 0; font-size: 10px; }
.jspVerticalBar { width: 8px; display: none; }
.greyextra { width: 35% !important; }
.jspContainer, .jspPane { width: 100% !important; height: 100%; }
.airtab li a span { background-image: none; padding: 0 0 0 4px; }
.matrix_left { width: 100% }
/* .mcorner img{height:0px!important;} */
.air_matrix_suppliers_corner { margin: -4px 0 0 2px; }
.air_matrix_suppliers_corner { height: 33px; width: 78px; }
.air_matrix_calendar_corner { height: 33px; width: 78px; margin: 0; }
.air_matrix_calendardeparture_corner { height: 33px; width: 78px; }
.mtrix_right { float: left; margin: 0; padding: 5px; width: 100%; }
.mlistbox li.second, .mlistbox li { background-color: transparent!important; }
.matrixbox { border: 0px; padding: 0 0 2px; float: left; width: 100%; margin: 0 0 0 0 !important; background: none; }
.airsearchform { margin: 0!important; }
/*body.page_air_results #widecolumn > div #widecolumn > div { margin:7px!important;}*/
#MatrixContainer { width: 100%!important; min-height: 60px; float: left; }
.mlistbox { width: 99% !important; height: auto!important; }
#container { padding-left: 0px; }
.chkbox { float: left; margin-left: 5px !important; margin-top: 5px !important; margin-right: 5px; }
.mlistbox .airlogo { float: left; width: 25%; }
.airlogo span { font-size: 12px!important; padding-left: 3px; height: auto; text-align: left; display: none; }
.air-name { display: none; }
.airlogo.flex span { display: block; }
.airlogo img { height: 20px; margin: 0; float: left; width: 25px; }
.mlistbox li { font-weight: normal; font-size: 12px; padding: 0; width: 33%; height: auto !important; float: left; }
.mlistbox li strong { font-size: 11px; }
#FilterResultsLoadBox { width: 320px!important; }
.filter-text { font-size: 16px!important; }
.lnk-fl-details-mo { display: block!important; }
.lnk-fl-details-mo.select-flight { margin-bottom: 2px; margin-right: 0px; min-width: 0; padding-right: 7px; width: 30%; }
.flightleftcont { width: 100%; }
.tabbackbg { padding-top: 0px; padding-left: 0px; }
.lnk-fl-details-mo { cursor: pointer; float: right; }
.lnk-fl-details-mo.hide { display: none; }
.fl-details-mo { left: 0; z-index: 9999; margin: 0 0 20px; border: 0px none!important; padding: 0 0 45px 0; }
.fl-details-mo .fl-details-inner { padding: 7px; width: 100%; box-sizing: border-box; }
.fl-details-buttons { display: inline-block !important; width: 100%; padding: 5px; padding: 10px; position: fixed; bottom: 0; }
.select-flight:hover, .select-flight:active { }
.fl-back { height: 35px; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.fl-back a { display: block; line-height: 35px; padding-left: 28px; text-decoration: none; }
.fl-details-buttons .fl-back { float: left; }
.fl-details-buttons .fl-book { float: right; }
.agentinfo td { font-size: 11px; line-height: 13px; }
#flresult-list .fdetailsshow { display: none; }
.creditcard-info-inputbox table tr td, .creditcard-info-inputbox table tr td table tr td { width: 100%; }
.aph-slider-container .hotel-sort .normal, select { width: 102px; }
/*best-price-guarantee checkbox*/
.passenger-booking-cancelation { float: right; padding: 7px 13px 0 0; }
/*best-price-guarantee checkbox*/

/* Start New Css for Flight Segment Details*/

.flightrightcont, .flightrightdates, .flightrightduration { display: none; }
.flightdep_icon { margin-top: 4px; }
.flightstauts_title { margin-top: 0; }
.flightdetails, .showdetailcont, .flightfromto { width: 100%; }
.flightblock, .ticketTypeNote { width: 100%; box-sizing: border-box; }
.flightflag { width: 96%; }
.flightflag img { float: left; }
.flightname { float: left; }
.detailbuttons { float: left; width: 100%; margin: 0; padding: 5px; }
.viewseats_btn, .fltdetail_btn { width: calc(50% - 4px); text-align: center; }
.fltdetail_btn > span { float: left; }
.viewseats_btn { padding: 4px 5px 4px 2px }
.responsivearrow { float: left; width: 100%; padding-left: 30px; background-position: 5px center; box-sizing: border-box; }
.flightfromto { padding: 0; }
.detailleftblock { width: 100%; padding: 5px; box-sizing: border-box; }
.detailrightblock { float: left; line-height: 19px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; width: 98%; }
.flightopratedby { width: auto; }
.flightopratedby { width: 96%; }
/* End New Css for Flight Segment Details*/

/*tabs*/
.searchtab-alt { display: block!important; }
.matrixtabs .airtab li a, .matrixtabs .airtab li.active a { background: none!important; text-shadow: none!important; border: 0px none!important; color: #fff!important; }
.airtab li a span { background: none!important; }
ul.airtab { padding: 0; margin: 0; }
.tabbox #Matrix { margin: 8px !important; }
body.page_booking_checkout .pageHeader { margin-bottom: 64px; }
.spc-total-cont { margin-top: 0 !important; }
.tabbox .price-note { position: absolute; right: 10px; top: -19px; font-size: 11px; }
ul.airtab li { height: 100%; padding: 26px 4px 0 4px; cursor: pointer; }
ul.airtab li:first-child { border-left: 0px none!important; }
ul.airtab li a, ul.airtab li.active a { height: 100%; width: 100%; line-height: 20px; padding: 0 0px 0 0px!important; }
.airtab li a span, .airtab li.active a span { display: inline-block!important; padding: 0px!important; line-height: 14px; font-weight: normal; font-size: 9px; }
.airtab li.active a { cursor: default!important; }
.airtab li.active { }
.airtab { width: 100%; float: left; }
/*hide tabs which displays in web*/
.matrixtabs .airtab .mtab { display: none; }
/*show tabs for mobile which have differnt bahaviour*/
.matrixtabs .airtab .mtab-mo { display: block!important; }
#mainBody.contentbox { padding: 0 0 0; }
#ResetFilterCTN { text-indent: -9999px; background-repeat: no-repeat; background-position: top center; width: 9.5%; float: right; display: none!important; }/*made it hidden because reset fitler option will available in filter form*/
#MatrixView { background-repeat: no-repeat; background-position: top center; }
#SearchForm { background-repeat: no-repeat; background-position: top center; }
#FlexDView { background-repeat: no-repeat; background-position: top center; }
#ListView { background-repeat: no-repeat; background-position: top center; }
#FilterView { width: 9%; float: right; }
/*filters*/
.accordian { float: left; padding-top: 0; }
.accordian dd { width: 100%; float: left; }
.accordian dd li { float: left; margin-right: 10px; }
.accordian { width: 100%; }
.accordian dd h4 { margin: 0 0 6px; font-size: 14px; }
.accordian dd .flight-header h4 { background: none; font-size: 12px; display: none; }
.times-contents-inner { clear: both; }
.acc_content { padding: 0; background-image: none; display: none; }
.acc_content.airPriceSummaryTotal {display:block;}
.airPriceSummary .airTotPrice { display:block; }
.accordian dd:first-child .acc_content { display: block; }
.accordian dd:last-child .acc_content { border-bottom: 0px; }
.ui-slider .ui-slider-handle { height: 20px !important; width: 25px !important; }
.ui-slider-horizontal .ui-slider-handle { margin-left: -18px!important; }
#FilterOptionsContainer .graybox { width: 96%; padding: 0; }
#FilterOptionsContainer #searchFilters { padding: 0px; }
#FilterOptionsContainer #searchFilters h4.cf { padding: 10px 15px; }
.ser-result { padding: 9px 5px 6px; }
.ui-widget-content { margin: 0 auto; }
.ui-dialog[aria-describedby="ProcessAirSelect"] #ProcessAirSelect.refresh-loader { left: 0px!important; right: 0px!important; margin-right: 0px; margin-left: 0px; width: 100%!important; }
.range_sld { margin: 0 auto 8px 12px; width: 88%; }
.acc_content > div { padding: 0 5px; }
.graybox input[type="checkbox"] { margin: 0 3px 0 0; }
/*----------------------------------------*/
/** Result page END**/
/*----------------------------------------*/

/*----------------------------------------*/
/** Purchase page START**/
/*----------------------------------------*/
.cruise-detail-box { border: 0px; box-shadow: none; width: 100%; margin-top: 0; }
.step2narrow { float: left; display: block; }
.breadcrumbs { margin-left: 4px; margin-right: 4px; display: none; }
.tabbackbg.tabv2 { display: block!important; }
#container, .contentbox { margin-left: 0px; margin-right: 0px; }
.psicon { font-size: 14px; font-weight: normal !important; }
#price-summary h1 span { font-size: 14px; font-weight: normal !important; }
#bonus-offer span { font-size: 14px; font-weight: normal !important; }
.passenger-detail { margin-bottom: 10px; }
#payment-summary { display: none; }
.customer_details .passenger-info-fields, .customer_details .passenger-info-fields-dates, .customer_details .passenger-info-fields-phone { width: 99%; }
.customer_details .passenger-info-fields, .customer_details .customer-info-fields { width: 100%; margin-top: 5px; box-sizing: border-box; }
.customer_details .title-select, .customer_details .gender-select, .customer_details .fname, .customer_details .mname, .customer_details .lname { width: 100%!important; box-sizing: border-box; }
.customer_details .customer-info-fields-cntrl { width: 100%; }
.customer_details .SelectTitle { width: 100% !important; }
.customer_details .additional_info input { width: 161px; }
.customer_details .additional_info select { width: 100%; }
.passenger-info-fields.mo-notopmargin, .customer-info-fields.mo-notopmargin { margin-top: 0px; }
.passenger-info-inputbox .passenger-info-fields span, .passenger-info-inputbox .customer-info-fields span { display: none; }
.customer_details .passenger-info-inputbox .passenger-info-fields span.mo-showit, .customer_details .passenger-info-inputbox .customer-info-fields span.mo-showit { display: inline; }
.customer_details .passenger-info-inputbox .input { width: 95%; }
.customer_details .address-select { width: 100%!important; }
.customer_details .adtraveller { padding: 5px; font-size: 12px; font-weight: bold; }
.customer_details .passenger-info-inputbox-contents, .payment-info-inputbox-contents { margin-top: 0; width: 100%; }
.other-payment-option { box-sizing: border-box; }
.customer_details .email-comp input { width: 100%; }
.txtblue { font-weight: bold; }
.left-inner-title { padding: 10px; }
.bonus-offer-top-header li { padding: 0 5px 0 5px; }
.bonus-offer-header div { font-weight: normal; padding: 0; }
.bonus-offer-box-subheader span { font-size: 12px !important; }
.bonus-non-exclusive { padding-top: 0; font-size: 12px; }
.passenger-info-inputbox ul li span { font-size: 11px; }
.passenger-price-summary-subtotal, .passenger-price-summary-odd, .passenger-price-summary-odd { font-size: 11px; }
/*.passenger-info-inputbox {  padding: 6px 6px 2px;}*/
.Note1 { font-size: 11px !important; }
.passenger-info-inputbox, .payment-info-inputbox { width: 100%; }
.passenger-info-fields-dates { min-height: 0; }
.passenger-info-fields-dates div { margin-bottom: 14px; }
.passenger-info-fields-phone { margin-bottom: 4px; }
.passenger-info-fields-dates span, .passenger-info-fields-phone span { display: inline!important; }
.passenger-info-inputbox select { }
.customer_details .advsearchbox table { width: 50%; }
.customer_details .passportdate select { width: 83px; }
.advsearchbox tr th { padding: 0 3px; }
.advsearchbox tr th.detailti1 { font-size: 12px; }
.price-info-mo, .login-custselect-mo, .flight-info-mo { display: none; }
.customer_details .pNumInput { width: 164.5px !important; }
.customer_details .inputTextBig { width: 87px; }
.customer_details .email-comp select { width: 100%!important; }
.customer_details .bookingcustomSelect { width: 283px !important; }
.country_input { width: 256px; }
.country_input input[type="text"] { width: 241px; }
.cListButton, .cListButtonSel { border-color: #AAAAAA; }
#price-summary h1, #payment-summary h1, .passenger-info-box h1, .guest-summary h1, #AgentPriceDetails h1, #payment-information h1, #terms-and-conditions h1, .user-utility h1, #bonus-offer h1 { text-shadow: none!important; }
.step-2 .flresult-list dd { border: 0px none; }
.step-2 .fl-details-mo { width: 100%!important; }
.step-2 .flight-details-pop-inner { max-height: none!important; width: 100%; }
.best-price-guarantee .in-title { font-size: 13px; }
.best-price-guarantee .in-title span { background-size: 85% auto !important; }
.best-price-guarantee .bottom-bg { height: 10px; }
.best-price-guarantee .travel-isu-text { padding: 5px; }
/*----------------------------------------*/
/** Purchase page END**/
/*----------------------------------------*/

/*----------------------------------------*/
/** Payment page START**/
/*----------------------------------------*/
.cruise-detail-box h1 { margin: 0px 0 0 0; font-size: 20px; }
.tabv2.step-3 ul.airtab li { }
.flresult-list dd { border: 0px none; }
.flight-details-pop-inner { max-height: none!important; }
#GuestInformation, .booking-details { margin: 0 7px; }
.booking-details { width: auto; }
#business-tab-box { margin: 0; }
.guest-summary { display: inline-block; width: 100%; }
.guest-info-display-box #business-tab-content-right .business-tab-content-box { width: auto!important; }
.passenger-info-inputbox-contents ul li, .passenger-info ul li { word-break: break-all; }
.hints { display: none; }
.payment-info-inputbox-top { width: auto; }
.c-option-ico { display: none; }
.passenger-info-inputbox-contents, .payment-info-inputbox-contents { float: none; }
.card-select { width: 98.5%!important; }
.customer-info-fields.mo-notopmargin { margin-top: 0px; }
.customer-info-fields span { display: none; }
.customer-info-fields span.mo-showit { display: inline; }
.customer-info-fields-dates { min-height: 0; }
.customer-info-fields-dates div { margin-bottom: 14px; }
.customer-info-fields-phone { margin-bottom: 4px; }
.customer-info-fields-dates span, .customer-info-fields-phone span { display: inline!important; }
.insurance-title { padding-left: 80px; line-height: 20px; }
.customer-info-fields-phone { width: 100%; box-sizing: border-box; }
.insurance-title { padding-left: 80px; line-height: 20px; }
.creditcard-info-inputbox { width: 100%; padding: 5px; }
.verificationcode-input { margin-right: 0px; }
/*----------------------------------------*/
/** Payment page END**/
/*----------------------------------------*/
/*----------------------------------------*/
/** Booking details page START**/
/*----------------------------------------*/
.tabv2.step-4 ul.airtab li { }
.step-4 .price-info-mo.wideprices { margin-top: -55px; }
.step-4 .flresult-list dd { border: 0px none; }
.step-4 .fl-details-mo { width: 100%!important; }
.price-summary-services .misc-items a { display: none; }
.step-4 .flight-details-pop-inner { max-height: none!important; }
.step-3 .pax-info-mo, .step-4 .pax-info-mo { display: none; }
.confirmation-info-1 { width: 90%; }
.confirmation-info-1 ul li { font-size: 14px; font-weight: normal; }
.book-icon-box { padding: 5px; margin: 0 0 5px 0; }
.cruise-book-icon, .flight-book-icon { background-size: 41px; padding-right: 65px; }
.user-utility a, .insurance-button .booknow { font-size: 12px; }
.email-print-box h3 { font-size: 16px; }
.print-box { min-height: 0; }
/*----------------------------------------*/
/** Booking details page END**/
/*----------------------------------------*/
#price-summary h1, #payment-summary h1, .passenger-info-box h1, .guest-summary h1, #AgentPriceDetails h1, #payment-information h1, #terms-and-conditions h1, .user-utility h1, #bonus-offer h1 { font-size: 15px; }
/**tabs - common to purchase, payment and booking details page*/
#PaxInfo { background-repeat: no-repeat; background-position: top center; }
#PriceInfo { background-repeat: no-repeat; background-position: top center; }
#FlightInfo { background-repeat: no-repeat; background-position: top center; }
#PaymentInfo { background-repeat: no-repeat; background-position: top center; }
#BookingInfo { background-repeat: no-repeat; background-position: top center; }
/**bpopup styling - START**/
.popup-contents { width: 90%; min-width: 90%; max-width: 90%; z-index: 9999; left: 5% !important; right: 5% !important; }
/**bpopup styling - END **/

/*New Design Passenger info display*/
.res_guestinfo { float: left; width: 100%; box-sizing: border-box; }
.res_guestname { padding: 10px; box-sizing: border-box; font-size: 13px; cursor: pointer; }
.res_guestdetails { padding: 5px; box-sizing: border-box; }
.psdeatils.ui-tabs-panel.ui-widget-content.ui-corner-bottom { display: block !important; }
/*.cntbtnrow.pax-info-mo.mo-showit, .psdeatils.ui-tabs-panel.ui-widget-content.ui-corner-bottom { display: block !important; }*/
.additionaldetails { width: 95%; }
.documentdetails h3, .additionaldetails h3 { width: 95%; }
.additionaldetails h3 { width: 98% !important; }
.customer_details .additional_info .normal b { font-weight: inherit !important; }
/*ancillary services start*/	
.anci_cont { width: 100%; box-sizing: border-box; }
.anci_eli_left, .anci_eli_right { width: 100%; box-sizing: border-box; min-height: inherit; }
.anci_eli_img { width: 30%; box-sizing: border-box; }
.anci_eli_left { border-right: 0px !important; }
.anci_eli_img img { width: 100%; box-sizing: border-box; height: 100%; }
.anci_eli_detail { width: 70%; box-sizing: border-box; }
.anci_pax { margin-top: 3px; box-sizing: border-box; }
.anci_price, .anci_chkbx { float: left; width: 50%; box-sizing: border-box; }
.anci_eli_right { margin-top: 0px; box-sizing: border-box; }
.anci_chkbx { margin-top: 3px; box-sizing: border-box; }
.anci_checkbox { width: 90%; margin-top: 0; float: left; box-sizing: border-box; }
.ui-tabs .ui-tabs-nav li { width: 107px; box-sizing: border-box; }
.anci_tab_cont { margin-top: 0px; box-sizing: border-box; }
.ui-tabs .ui-tabs-nav li a { box-sizing: border-box; }
/*ancillary services end*/
.res_formsearchbtn { background-color: rgba(204, 204, 204, 0.9); bottom: 0; box-sizing: border-box; left: 0; padding: 10px 10px; position: fixed; text-align: center; width: 100%; z-index: 500; }
.res_formsearchbtn dd { width: 100%; float: left; }
.res_formsearchbtn .alignright { float: left; width: 100%; box-sizing: border-box; }
.res_formsearchbtn .ser-flight span { box-sizing: border-box; }
/*.stillSearching { display: none !important; }*/

.stillSearching { border-radius: 5px; position: fixed; top: 25%; margin: 10px; padding: 5px; width: 90.5%; z-index: 100; background: rgba(255,255,255,0.93); border: solid 1px; box-shadow: 2px 4px 17px grey; }
.ser-flight span, #Matrix_ModifySearchForm .tabsinn ul li:hover, #Matrix_ModifySearchForm .tabsinn ul li.active { background-image: none !important; }
#Matrix_ModifySearchForm { margin-top: 0px !important; }
.customer_details .customer-info-fields { margin-left: 0px; padding: 0 10px; }
.customer_details .customer-info-fields-phone { margin-left: 0px; padding: 0 10px; }
.nxtbtn { padding: 1px 2px !important; }
.flightontimeinfo, .flightairmiles { width: 33%; }
/*ancillary services end*/
.booking-note-cont .book-note-title { width: 100%; }
.booking-note-cont input { width: 82%; }
.bookfullinput input { width: 100%; }
/*call center fare segment alignment*/
.callcenter-price { float: left; width: 100%; }
.payment-info-inputbox h3 { width: 100%; }
/*Container.Parent.ID style*/
.passenger-booking-cancelation { float: right; padding: 7px 12px 0px 0; }
/*Container.Parent.ID style end*/

.mlistbox ul { width: 65% !important; float: right; }
.flightOverlay { height: 100% !important; overflow: scroll !important; overflow-x: hidden !important; }
.res-share-icon { display: block; float: left; width: 20px; height: 20px; margin: 3px; }
/*FareRules style*/
.fare-rules { width: auto; float: left; padding: 0px; margin-top:10px;}
.fare-rules a { font-size: 14px; font-weight: 300; text-decoration: underline; }
.page_air_results .AirportChangeWarning { float: left; width: 38%; margin-left: -1px; }
.stop-search-img, .loader-img { width: 65% !important; }
.marginLeftAgent { margin-left: 0; }
.with_passenger_selection .pass-title font, .with_passenger_selection .pass-title font.changeMyWidth { width: 30%!important; }
.with_passenger_selection .pass-title select { width: calc(100% - 7px) !important; }
.backtores { padding: 0px 5px !important; }
.btnBackToResult { padding: 13px 7px !important; width: 40% !important; float: right !important; margin: 5px; border-radius: 5px; }
body.page_booking_checkout .to-cuba-from select { padding-right: 51px !important; }
.to-cuba-from { float: left; width: 100%; padding: 7px 7px !important; float: left; width: 100%; padding: 7px 7px; box-sizing: border-box; border-bottom: 1px solid #9f9f9f !important; border-top: 1px solid #9f9f9f !important; border-left: 1px solid #9f9f9f !important; border-right: 1px solid #9f9f9f !important; margin-bottom: 7px; }
#popup_searchlink .popup-contents-inner { overflow: visible; }
.ody_header { position: fixed; z-index: 101; top: 0; left: 0; padding-top: 2px; width: 100%; background: #ffffff; text-align: center; margin: 0; }
.ody_header img { width: 55%; }
.m-hidden { display: none !important; }
.manual-booking { width: 100%; }
.normal.normal-hole-btns { float: right; width: 100%; }
.normal-pay-btns a { margin-right: 0; width: 100%; }
.flinfobox .airlogo span { display:block; height:28px;}
.Opaque_MCDO, .Opaque_MCES, .Opaque_MCEU, .Opaque_MCFR, .Opaque_MCIT, .Opaque_MCMC, .Opaque_MCME, .Opaque_MCNL, .Opaque_MCRR, .Opaque_MCUS, .Opaque_MCSA, .Opaque_MCST, .Opaque_MCOW, .Opaque_MCSO, .Opaque_RHFC, .Opaque_RHEU, .Opaque_RHUS, .Opaque_AY {
    background: url(/content/Themes/Odysseus/images/air/SpecialFare.png) left no-repeat;
    height: 28px !important;
    display: block !important;
    width: 30px;
    margin-top: -7px;	
    background-size: 29px;
    float: left;
}
 .airlogo span { display:none;}
 
.air-Recommended { margin-top: 7px; margin-right: 0;}
 
}

/*Travl Guard insurance*/

/*Split Payment*/

/* Mobile devices orientation Landscape */

@media all and (min-width: 320px) and (max-width: 480px) and (orientation : landscape) {
    .airbooking-mobile {margin-bottom: 40px;}
}
@media all and (min-width: 320px) and (max-width: 480px) {
.camh-cruise-details ul li .camh-cruise-cont-row {font-size: 10px !important;}
.camh-cruise-details ul li {padding: 10px 5px !important;}
.airbooking-mobile {margin-bottom: 15px;}
.primary-btn.m-hidden {display: none;}
  /* TO hide the "Select" button on mobile devices. */
.pass-sel-title { width: 94%; }
/*-------------- Clone Booking Loader ------------*/
	
.CloneBookingContainer { width: 300px!important; }
.notification-message p { padding: 0px!important; }
.loading-ball-text { font-size: 17px!important; }
/*-------------- EOF Clone Booking Loader ------------*/
#price-summary .pass-sele-cont { width: 100%; }
.pass-sel-title { width: 94% }
.pass-sele-cont { width: 100% }
.pass-sel-detals { width: 100% }
.pass-sel-detals ul li { font-size: 12px; width: 20% }
.pass-sel-cradit-csrd { width: 37% !important; height: auto; }
.pass-sel-detals .pass-sel-prices { font-size: 12px; }
.pass-2-info { width: 100%; border-top: 1px solid #e3e3e3; float: left; }
.pass-sel-detals .pass-price-total { width: 70%; }
.pass-sel-detals .pass-guest-detail { width: 76%; }
.pass-sel-detals .pass-all-total { width: 76%; }
.pass-sel-detals .pass-price-total-price { padding: 10px 11px 10px; float: left; text-align: left; width: 67px; }

.pass-sel-cradit-titles { width: 26% !important; height: auto; }
.pass-sel-detals .pass-sel-prices { width: 13% !important; float: right; }
.pass-sel-detals .pass-price-total-price { font-size: 14px; }
/* Air travel options on cruise details, category page, and cabin page */
body.page_cruise_category iframe {width:100vw; max-width:100%!important;}
.cruisesummaryflightsearch,
.cruisesummaryflightsearch .flightCruiseSummary {width:100%;}
.air-travel-options .input-radio .blue input + span {padding:10px;}
.air-travel-options .input-radio .blue {display:inline-block!important; border-radius:5px 5px 0 0;}
.airport-distance-popup {width:100%;}
.airport-distance-popup .popup-tab ul li a {padding:15px 10px 15px 60px ;}
}
 @media all and (min-width: 375px) and (max-width: 767px) {

.pass-sel-title { width: 94%; }
.pass-sel-title { width: 94% }
.pass-sele-cont { width: 100% }
.pass-sel-detals { width: 100% }
.pass-sel-detals ul li { font-size: 12px; width: 29% }
.pass-sel-cradit-titles { width: 33% !important; height: auto; }
.pass-sel-cradit-csrd { width: 34% !important; height: auto; }
.pass-sel-detals .pass-sel-prices { font-size: 12px; float: right; }
.pass-2-info { width: 100%; border-top: 1px solid #e3e3e3; float: left; }
.pass-sel-detals .pass-price-total { width: 73% }
.pass-sel-detals .pass-guest-detail { width: 79% }
.pass-sel-detals .pass-all-total { width: 79%; }
.pass-sel-detals .pass-price-total-price { padding: 10px 11px 10px; width: 21%; }
.payment-passenger-info-inputbox .pass-price-total { width: 72%; }
/* Air travel options on cruise details, category page, and cabin page */
body.page_cruise_category iframe {width:100vw; max-width:100%!important;}
.cruisesummaryflightsearch,
.cruisesummaryflightsearch .flightCruiseSummary {width:100%;}
.air-travel-options .input-radio .blue input + span {padding:10px;}
.air-travel-options .input-radio .blue {display:inline-block!important; border-radius:5px 5px 0 0;}
.airport-distance-popup {width:100%;}
.airport-distance-popup .popup-tab ul li a {padding:15px 10px 15px 60px ;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.page_air_results.inIframe #widecolumn { width: 75%; }
.page-contents { width: 100% !important; margin: 0 auto; }
.flightopratedby { width: 100%; }
}
 @media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
/*-----------27 October 2016-------------*/
/*-------for dynamically added selection for passengers------*/
.with_passenger_selection .pass-title font { width: 10%!important; }
.marginLeftAgent { margin-left: 10%; }
.with_passenger_selection .pass-form-title { font-size: 12px; }
.with_passenger_selection .pass-form-title span { font-size: 11px; }
.pass-title font { width: auto!important; font-size: 10px!important; }
}
 @media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
.aph-hotel-container .note { width: 100%; background-color: #f8f4f5; margin: 0 0 10px; padding: 10px; }
/*-----------27 October 2016-------------*/
/*-------for dynamically added selection for passengers------*/
.with_passenger_selection { width: 100%; }
.with_passenger_selection .pass-title font { width: 10%!important; }
.with_passenger_selection .pass-title select { width: 30%!important; }
.marginLeftAgent { margin-left: 10%; }
.with_passenger_selection .pass-form-title, .pass-title font.pass-form-heading, .pass-form-heading { font-size: 11px; }
.with_passenger_selection .pass-form-title span { font-size: 11px; }
.with_passenger_selection .pass-title font.changeMyWidth { width: 10%!important; }
.pass-title font { width: auto!important; font-size: 10px!important; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
/*-------------- Clone Booking Loader ------------*/
	
.CloneBookingContainer { width: 300px!important; }
.notification-message p { padding: 10px 0 0 0!important; }
.loading-ball-text { font-size: 17px!important; }
/*-------------- EOF Clone Booking Loader ------------*/
}