@media only screen and (max-width: 1239px) {
    .containerHeader {
        width: 96%;
        margin: 0 2%;
        position: relative;
    }
    .container {
        width: 100%;
    }
    .searchPanelBox {
        width: 100%;
    }
    .fromToBox p span,
    .fromToBox h6 span {
        min-width: 38px;
    }
    .mainNav > ul > li {
        margin: 0 17px 0 0;
    }
    .quickActionTopBar > li {
        padding: 7px 7px;
        font-size: 10px;
    }
    .flighTime {
        padding: 10px 0px;
        font-size: 11px;
    }
    .hotelSummaryTop [class^='col'] {
        padding-left: 7px;
        padding-right: 7px;
    }
    .roomDesc:after {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1150px) {
    .dateFormat {
        width: 60px;
    }
}

@media only screen and (max-width: 1080px) {
    .tripType_multicity .travelFromTo {
        /* width: 50%;*/
    }
    .tripType_multicity .datePanel {
        /* width: 28%;*/
    }
    .travelFromTo {
        /*width: 50%*/
    }
    .datePanel {
        width: 23%
    }
    .passNeconomyPanel {
        /*width: 50%;*/
        /*padding-left: 0;*/
        /*margin-top: 10px;*/
    }
    .searchBtn {
        /* width: 30%;
width: 23%;*/
        width: 13.5%;
        margin-top: 0;
    }
    .searchBtn .btn {
        font-size: 11px;
        padding: 6px 0;
    }
    .multicityBlock .lineRepeat::after {
        width: 100%;
    }
    .flightCount {
        width: 80%;
    }
    .dateFormat {
        width: 50px;
    }
     .welcomeUser {
        width: 23%;
    }
    .quickActionTopBar {
        width: 77%;
    }
}

@media only screen and (min-width: 768px) {
    .hidden768 {
        display: none;
    }
}

@media only screen and (max-width: 1100px) {
    #slider .slides img {
        min-height: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .filterCompany label {
        color: #fff;
    }
    .insDetailsTraveller .panel-heading {
        overflow: hidden;
    }
    .dateFormat .font12 {
    font-size: 9px;
     }
     .sliderInput{color: #fff}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .updateModal {
        width: 94% !important;
    }
    .updateModal .searchForm {
        padding: 0;
    }
    .updateModal .searchForm.searchFormInsu,
    .updateModal .searchForm.searchFormHotel {
        padding: 10px;
    }
    .updateSearch .preferencePanel .lineRepeat:after {
        width: 85%;
    }
    .updateModal .form-control {
        /*        padding: 6px 5px;*/
    }
    /* 768 - 1024 */
    .quickActionTopBar > li {
        padding: 5px 3px;
        font-size: 10px;
    }
    .ipad-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }
    .ipad-text-left {
        text-align: left;
    }
    .ipadPR0 {
        padding-right: 0;
    }
    .ipadPT0 {
        padding-top: 0 !important;
    }
    .imgCaptionBox {
        padding: 10px;
    }
    .imgCaptionBox h4 {
        font-size: 14px;
    }
    .footerNav ul li a {
        font-size: 12px;
    }
    .footerNav ul li {
        margin-right: 15px;
    }
    .helpPanel h3 {
        font-size: 20px;
    }
    #menuIcon {
        position: absolute;
        right: 10px;
        top: 10px;
        margin: 0;
    }
    header {
        padding-bottom: 10px;
    }
    /*.travelFromTo {
        width: 50% !important;
    }

    .datePanel {
        width: 48%;
    }
    .tripType_multicity .datePanel {
        width: 48%;
    }
    .tripType_multicity .searchBtn {
        width: 25% !important;
    }
    .passNeconomyPanel {
        width: 50%;
        padding-left: 0;
        margin-top: 10px;
    }
    .updateModal .searchBtn {
        float: left;
        width: 50%;
        margin-top: 10px;
    }
*/
    /* HOtel MOdule 768 1024 */
    .RoomAndPassDrop {
        top: 50px;
    }
    .imgBoxHt {
        vertical-align: top;
    }
    .sidebar-toggler {
        display: none;
    }
    .sidebarHotel h5,
    .sidebarCar h5, .sidebarTransfer h5
    {
        color: #fff;
    }
    .filterListing label {
        color: #fff;
    }
    .container {
        width: 100%;
    }
    #compareBox .modal-lg {
        width: 100%;
    }
    .col3 {
        width: 100%;
    }
    .col9 {
        width: 100%;
    }
    .panel-body {
        padding: 10px 0px;
    }
    .noPad {
        padding-left: 0px;
        padding-right: 0px;
    }
    .dataBox {
        width: 18%;
    }
    .priceMatix .mainBox {
        float: left;
        width: 86%;
    }
    .AllFaresBoxL {
        float: left;
        width: 14%;
    }
    .pad5 {
        padding: 0 5px;
    }
    .compareBoxHeading {
        float: left;
        width: 45%;
    }
    .compareBoxMain {
        float: left;
        width: 55%;
    }
    .contentBox {
        width: 50%;
    }
    .filterName a {
        color: #fff;
    }
    .sidebar {
        position: fixed;
        background: rgba(23, 72, 130, 0.9);
        width: 40%;
        top: 0;
        left: 0;
        display: none;
        transition: all .3s;
        z-index: 999;
        color: #fff;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar input[type="text" i]:disabled {
        background: none;
        color: #fff;
    }
    .sidebar .closeBtn {
        background: none;
        position: absolute;
        right: 10px;
        top: 0px;
        z-index: 1;
    }
    .mobM0 {
        margin: 0px !important;
    }
    .mTextRed {
        color: #ed1f26 !important;
    }
    .mTextWhite {
        color: #fff !important;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .flightReviewInfo li {
        padding: 5px 0;
    }
    .yy {
        float: left;
        width: 33.5%;
    }
    .addonBox {
        float: left;
        width: 18.75%;
    }
    .leftTitleBox {
        float: left;
        width: 75%;
    }
    .rightTitleBox {
        float: left;
        width: 25%;
    }
    .travelerDetails .panel-heading {
        padding: 10px 5px;
        overflow: hidden;
    }
    .addOnModal {
        width: 90%;
    }
    .optBox {
        float: left;
        width: 35%;
    }
    .seatMapModal {
        width: 100%;
    }
    .btnSet .btnMd {
        padding: 6px 10px;
        font-size: 11px;
        text-transform: uppercase;
        min-width: 85px;
        margin-bottom: 2px;
    }
    .content:after {
        display: none;
    }
    .filterName a {
        color: #fff !important;
    }
    .mobfs40 {
        font-size: 40px;
    }
    .mobmt40 {
        margin-top: 40px;
    }
    .mobMR0 {
        margin: 0;
    }
    .mobPR0 {
        padding-right: 0px;
    }
    .fromToBox h6 span {
        float: left;
        min-width: 36px;
    }
    .fromToBox p span {
        float: left;
        min-width: 36px;
    }
    .welcomeUser {
        float: left;
        width: 20%;
    }
    .quickActionTopBar {
        float: left;
        width: 80%;
    }
    .mobUser {
        display: none;
    }
    .invoiceDetailBox {
        width: 96%;
    }
    .flightInfo {
        text-align: center;
    }
    .directFlightOption {
        padding: 0 0 0 15px;
    }
    .iM0 {
        margin: 0 !important;
    }
    .iML15 {
        margin-left: 15px;
    }
    /*    Hotel Responsive CSS 768 1024*/
    .travellerInfo .yy {
        width: 31%;
        margin: 0;
        float: left;
    }
    .searchPassengerModal .passengerFname,
    .passengerMname,
    .passengerLname,
    .passengerEmail {
        float: left;
        width: 21%;
        margin-right: 10px;
    }
    .travelerDetails .panel-body {
        padding: 10px 20px;
    }
    .passNeconomyPanel .dropdown-menu {
        margin-left: 0;
    }
    .searchBtn {
        float: left;
    }
    .hotelInfo .modalBtn {
        height: auto;
    }
    .hotelDetails .panel-body{
        padding: 0px;
    }
    .hotelTravellerInfo{
        width:100%;
    }
    /* End of Hotel Responsive CSS 768 - 1024*/
    /*  Start Pakages Responsive CSS*/
    .pkgsInfo {
        padding: 0px;
    }
    .recommendedPkgs .pkgsInfo > div {
        width: 48.5%;
    }
    .recommendedPkgs .pkgsInfo > div:nth-child(2n+2) {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .allPkgs .pkgsInfo > div {
        width: 23.45%;
    }
    .allPkgs .pkgBox {
        min-height: 330px;
        max-height: 330px;
    }
    li.active a .pkg16 {
        margin: 0 10px 2px auto;
        float: left;
    }
    .updateSearchPkg .PadSelect7 [class^='col'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .updateSearchPkg .PadSelect7 .row {
        margin: 0 -5px;
    }
    .quickScrollPkg .scrollPanelFixBar {
        float: left;
    }
    .sharePanel > div {
        padding: 12px;
    }
    /*  End of Pakages Responsive CSS*/
    /*  Start Insurance Responsive 768 1024 CSS*/
    .insPaxDetail .panel-body {
        padding: 0;
    }
    /*  End Insurance Responsive 768 1024 CSS*/
    /*  Starts Car responsive css 768*/
    .searchFormCar .searchBtnCar .btn {
        min-height: auto;
    }
    .searchFormCar .preferencePanel .lineRepeat:after {
        width: 74%;
    }
    .carResult .modalBtn {
        height: auto;
    }
    .carResult .dispTableCell {
        float: left;
    }
    .carPriceCol .btn {
        width: auto;
    }
    .spclEq {
        width: 100%;
    }
    .specialEquipment .spclEqBox {
        width: 22%;
        margin-right: 20px;
    }
    .totalCostBox {
        width: 50%;
    }
    .carTravellerInfo {
        float: left;
        width: 100%;
    }
    .travellerInfoPanel {
        width: 90%;
    }
    .searchCarPassengerModal .passengerTitle {
        width: 15%;
        margin-right: 10px;
    }
    .searchCarPassengerModal .passengerFname,
    .passengerMname,
    .passengerLname,
    .passengerEmail {
        float: left;
        width: 30%;
        margin-right: 10px;
    }
    
    /*  Ends Car responsive css 768*/
    
      /*    Start Transfer 768 - 1024 CSS*/
    .searchFormTransfer .searchBtnTrans .btn {
        min-height: auto;
    }
    .capacityInfo li {
        font-size: 8px;
    }
    .availability .form-control {
        min-width: 35px;
    }
    .iTextLeft {
        text-align: left;
    }
    .travelerDetails .spclEq {
        width: 95%;
    }
    .travelerDetails .spclEq .spclEqBox {
        width: 22%;
    }
    .travelerDetails .spclEq .spclEqBox:last-child {
        margin-right: 0;
    }
    /*    Ends Transfer 768 - 1024 CSS*/
    /*    Start Sight Seeing CSS 768 - 1024*/
    .imgBoxSt {
        vertical-align: top;
    }
    .sightDetailCol {
        padding: 10px 15px;
    }
    /*    End Sight Seeing CSS 768 - 1024*/
    
}

@media only screen and (min-width: 993px) {
    #menuIcon {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
.sidebar h5,
.sidebar .blackText, .sidebar .grayText {
    color: #fff !important;
}

	.siteLogo img {
    height: 65px;
    width: auto;
}
	.activeSidebar{margin-left: 0}
    /* Medium Devices, Desktops */
    .mainNav {
        display: none;
        float: right;
        width: 250px;
        background: rgba(23, 72, 130, 0.9);
        position: fixed;
        z-index: 99;
        right: 0;
        top: 0;
        height: 100vh;
        margin: 0;
        padding: 100px 0 0 15px;
    }
    .mainNav > ul > li {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .mainNav > ul > li a br {
        display: none;
    }
    .mainNav > ul > li a {
        color: #fff;
        padding-bottom: 8px;
    }
    .mainNav .palmTree {
        background-image: url(../images/whitePalmTree.png)!important;
        margin: 0 7px 0 0;
    }
 
    .mainNav .redBinocular {
        background: url(../images/redBinocular_mob.png)no-repeat;
        display: inline-block;
        margin: 0 5px 0 0;
    }
    	.mainNav li a:hover .redBinocular.blackBinocular {
    background: url(../images/redBinocular.png)no-repeat;
    margin-right: 5px;
}
    .mainNav li .redBinocular.blackBinocular {
        background: url(../images/redBinocular-white.png)no-repeat;
    }
    .mainNav .fa,
    .mainNav svg {
        margin-right: 5px;
    }
    .menuOpen {
        z-index: 9999;
        /*        position: fixed !important;*/
    }
    .menuOpen span {
        background: #fff !important;
    }
    /* Hotel Module Max 992 */
    .imt10 {
        margin-top: 10px;
    }
    .imb10 {
        margin-bottom: 10px;
    }
    .searchBtnHt .btn {
        min-height: 0;
    }
    .searchFormPkg .searchBtnPkg .btn {
        min-height: 0;
    }
    .searchBtnHt br {
        display: none;
    }
    /*    Start Insurance CSS 767 */
    .searchBtnInsu br {
        display: none;
    }
    .searchFormInsu .searchBtnInsu .btn {
        min-height: 0;
    }
    .searchBtnInsu .PT25 {
        padding-top: 10px;
    }
    .mobPL15 {
        padding-left: 15px;
    }
    .insDetalCol {
        padding: 0 7px;
    }
    .travellerInfoMain {
        width: 100%;
    }
    .travellerInfoMain .dm {
        margin-right: 2%;
    }
    .bookNsearch li {
        width: auto;
        margin-bottom: 15px;
    }
    .mobPT0 {
        padding-top: 0px !important;
    }
    
    .pkg16 {
        float: left;
        background: url(../images/whitePkgIcon.png)no-repeat;
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 12px 0 0;
        background-size: 100% 100%;
    }
    /*    Starts Sight Seeing CSS 992*/
    .searchBtnSight .btn {
        min-height: 0;
    }
    .binocular {
        background: url(../images/whiteSight.png)no-repeat;
        display: block;
        width: 21px;
        height: 15px;
        margin: 0px 5px 0px 0px !important;
        background-size: 100% 100%;
        float: left;
    }
    .sidebarSightSeeing .panel-body h5 {
        color: #fff;
    }
    .searchBtnSight br {
        display: none;
    }
    .searchFormSight .form-control {
        height: 34px;
    }
    .passengerInfoSelectSight {
        line-height: normal;
    }
    .travelFromTo .btn-clear {
        right: 25px;
    }
    
    /*    Ends Sight Seeing CSS 992*/
    
}

@media only screen and (max-width: 767px) {
	.acceptSeatBtn .btn {
	position: fixed;
    bottom: 105px;
    left: 64px;
    float: left !important;
}
	.features li {
    /* display: inline-block; */
    width: 100%;
    padding: 0 15px;

    /padding-left: 0px; 
    float: left;
    word-break: break-word;
}
	.actItnTargetDiv {
    float: left;
}
	.sightInfo > div > div, .actItnTargetDiv > div {
    margin-bottom: 20px;
}
	.sorters {display: inline-flex}
	
	.sightResult .sorters li {
    display: inline-flex;
    width: 100%;
    float: left;
    padding: 0 5px;
    margin: 0 2px;
}
	.sightResult .sorters li .fa-sort {
    margin-left: 7px;
}
	#childAgeDiv .form-control {
    width: 100%!important;
    height: 100%!important;
}
	
	.searchTransPassengerModal {
     width: auto; 
}
.scrollable {
    float: none;
    width: auto;
    overflow: auto;
    white-space: nowrap;
    max-height: 180px;
    position: absolute;
    top: 165px;
    left: 80px;
    min-width: 780px;
    text-align: left;
}
.hotelInfo div {
    margin-bottom: 15px;
}
	.mob-view{display: block}
	.desktop-view{display: none}
	
	.datePanel_mob{width:100%}
#actItnTargetDiv .dispTableCell div {
    margin: 0 0 15px 0;
    width:30%;
    text-align: center;
    float:left"
}

.selectAgencyInput {
    width: auto;
    max-width: 100%;
    float: none;
}
	.RoomAndPassDrop {
    padding: 0;
}
.updateSightModal {
    width: auto;
}
	.siteLogo img {
    height: 45px;
    width: auto;
    }
	
	.imgBoxHt img {
    min-height: auto;
    max-height: 100% !important;
    max-width: 100% !important;
    margin: 10px;
    width: 100% !important;
    display: block;
}
	.searchFormFlight .datePanel, .timePanel {width:100%;margin: 10px 0 0 0}
    .quickNav ul li a { padding: 8px 18px;}
    /* Small Devices, Tablets */
    .carInfoTable .vline:before {display: none;}
	.travellerInfo .dm {width: 28.8%;}
    .visHidden {display: none;}
    .mobWelcomeUser {background: #ebeaea}
.quickActionTopBar {
    width: auto;
    background: #e5e5e5;
}
.quickActionTopBar::before {
    background: none;
}

.welcomeUser {
    width: auto;
}

    .mobUser {
        float: right;
        padding-top: 2px;
        margin: 17px 20px 0 0;
        border: 1px solid #282828;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        text-align: center;
    }
    .mobUser .fa {
        font-size: 18px;
    }
    .containerHeader {}
    .siteLogo {
        margin: 5px 0;
        padding: 0;
        height: auto;
    }
  
    .searchForm .radio label {
        font-size: 10px;
    }
    .row.formTopPanel {
        margin: 0;
    }
    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin: 0;
    }
    .mob-no-gutter {
        padding-left: 0;
        padding-right: 0;
    }
    .ui-datepicker-multi .ui-datepicker-group {}
    #ui-datepicker-div {
        width: 75% !important;
    }
    .tripType_multicity .dateFormat {
        text-align: left;
        padding: 0;
    }
    .tripType_multicity .dateFormat .font12 {
        font-size: 10px;
    }
    
    .multicityBlock .travelFromTo {
        width: 76%;
    }
   
    .multicityBlock .flightCount {
        width: 96%;
    }
    .tripType_multicity > .travelFromTo {
        width: 100%;
    }
    .font36 {
        font-size: 18px;
    }
    .travelFromTo {
        width: 100%!important;
    }
    .datePanel, .timePanel {
    width: 48%;
    margin: 10px 4px 10px 4px;
    padding: 0;
}
    .passNeconomyPanel {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }
    .searchBtn {
        margin-top: 10px;
    }
  /*   .tripType_multicity .passNeconomyPanel {
        width: 70%;
        margin-left: 2%;
    } */
    .searchBtn {
        width: 100%;
        padding-left: 0;
    }
    .searchBtn .btn {
        min-height: 0;
        padding: 10px 0;
    }
    .searchBtn br,
    .searchBtnHt br {
        display: none;
    }
    .searchBtn .fa-search,
    .searchBtnHt .fa-search {
        padding-right: 0;
    }
    .searchBtn svg {
        font-size: 12px;
        margin-bottom: 0;
    }
    
    footer .dispTableCell {
        float: left;
    }
    .footerNav {
        border-right: 0;
    }
    .footerNav ul li a {
        font-size: 12px;
    }
    .footerNav ul {
        margin: 20px 0;
        text-align: center;
    }
    .footerNav ul li {
        display: inline-block;
        float: none;
        margin: 0 10px;
    }
    .helpPanel {
        margin-bottom: 15px;
    }
    .helpPanel h3 {
        font-size: 20px;
    }
    .sectionHead h2 {
        font-size: 18px;
    }
    .sectionHead p {
        font-size: 12px;
    }
    footer {
        margin-top: 15px;
    }
    .loadingPanelInner {
        width: 100%;
    }
    .loadingList {
        padding: 20px 40px 70px;
    }
    .directFlightOption {
        padding-left: 0;
    }
    .paxBody li,
    .paxHead li {
        padding: 4px;
        font-size: 10px;
    }
    /* Hotel Module Max - 767*/
    .mobMb10 {
        margin-bottom: 10px;
    }
    .mobMt0 {
        margin-top: 0px !important;
    }
    .mobMt10 {
        margin-top: 10px;
    }
    .mobMt15 {
        margin-top: 15px;
    }
    .mobPb10 {
        padding-bottom: 10px;
    }
    .mobPt10 {
        padding-top: 10px;
    }
    .RoomAndPassDrop {
        width: 100%;
        left: 0;
        top: 50px;
    }
    .sidebar-toggler {
        display: none;
    }
 
    .hotelResult .dispTableCell {
    float: left;
    width: 50%;
    text-align: center;}
    .hotelResult .panel-body {
        padding: 0;
    }
    .hotelDetalCol p {
       /*  display: none; */
    }
    
    .mapLink {
        display: none
    }
    .knowMoreLink{display:block}
    .hotelDetalCol .fs14 {
        font-size: 12px;
    }
    .mobBookNowBtn {
        display: block;
    }
    .sorters li a {
        font-size: 10px;
        padding: 0 3px;
    }
    .mobBookNowBtn .btnSm {
        width: auto;
        line-height: normal;
    }
    .transTime div {
        font-size: 11px;
    }
    .hotelInfo .modalBtn {
        height: auto;
    }
    .mpad5 {
        padding: 0 5px !important;
    }
    /* hotel details page 767 */
    .photoGalleryLeft {
        padding-right: 0;
    }
    .btnSm {
        width: auto;
    }
    .hotelSummaryTop {
        padding: 15px 10px 10px
    }
    .hotelSummaryTop .dispTableCell {
        float: left;
    }
    .scrollPanelFixBar {
        float: left;
        width: 100%
    }
    .scrollPanelFixBar li {
        margin: 0 10px;
    }
    .scrollPanelFixBar li a {
        font-size: 11px;
    }
    .descDetails {
        max-height: 200px;
        overflow: auto;
    }
    .roomTab li a {
        padding: 7px 10px;
        font-size: 11px;
    }
    .hotelSummaryTop [class^='col'] {
        padding-left: 7px;
        padding-right: 7px;
    }
    .roomCateTh > div,
    .roomCateTd > div {
        float: left;
        padding: 10px 8px;
    }
    .amenitiList {
        border: 1px solid #e5e5e5;
        background: #fff;
        padding: 10px;
    }
    .amenitiList li {
        width: auto;
        border-bottom: 0;
        padding: 0;
        margin: 0;
    }
    .amenitiList li svg {
        font-size: 12px;
    }
    .hotelAmenitiesList {
        padding: 10px 15px;
    }
    .travellerInfo .yy {
        width: 38%;
        margin: 0;
        float: left;
    }
    .container {
        width: 100%;
    }
    #compareBox .modal-lg {
        width: 100%;
    }
    .col3 {
        width: 100%;
    }
    .col9 {
        width: 100%;
    }
    .panel-body {
        padding: 10px 0px;
    }
    .noPad {
        padding-left: 0px;
        padding-right: 0px;
    }
    .dataBox {
        width: 50%;
    }
    .priceBox {
        padding: 0 5px;
    }
    .priceMatix .mainBox {
        float: left;
        width: 67%;
    }
    .AllFaresBoxL {
        float: left;
        width: 33%;
    }
    .pad5 {
        padding: 0 5px;
    }
    .compareBoxHeading {
        float: left;
        width: 45%;
    }
    .compareBoxMain {
        float: left;
        width: 55%;
    }
    .contentBox {
        width: 50%;
    }
    .addOnModal,
    .route {
        width: 100%;
    }
    .updateModal,
    .updatePkgModal {
        width: 95%;
    }
    .mobfs8 {
        font-size: 8px !important;
    }
    .mobfs9 {
        font-size: 9px !important;
    }
    .mobfs10 {
        font-size: 10px !important;
    }
    .mobfs11 {
        font-size: 11px !important;
    }
    .mobfs12 {
        font-size: 12px !important;
    }
    .mobfs14 {
        font-size: 14px !important;
    }
    .mobfs18 {
        font-size: 18px !important;
    }
    .priceBox .dispTable {
        display: table;
        width: 100%;
        float: left;
    }
    .priceBox .dispTableCell {
        display: table-cell;
        vertical-align: middle;
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #ebebeb;
    }
    .btnSm {
        font-size: 10px;
        padding: 6px 4px;
        height: 25px;
      /*   width: 92px; */
         width: 80px;
        text-align: center;
        line-height: 12px;
    }
    .mobBtn {
        font-size: 11px;
        padding: 6px 8px;
        width: auto;
        text-align: center;
        line-height: normal;
        word-break: break-all;
        white-space: pre-line;
        height: auto;
        text-transform: uppercase;
        font-weight: bold;
        /* margin-top: 10px; */
    }
    .backbtnReview{padding-left: 0}
    .borderBT {
        border-bottom: 1px solid #ebebeb;
    }
    .bcakToTopBtn {
        font-size: 12px;
    }
    #top-link-block.affix {
        right: 15px;
    }
    .priceBox .panel-body {
        padding: 0px 0px;
    }
    .mobM0 {
        margin: 0 !important;
    }
    p {
        margin: 0 0 5px;
    }
    .btn-group-sm > .btn,
    .btn-sm {
        font-size: 10px;
    }
    .detailsInfo .nav > li > a {
        padding: 5px;
    }
    .pad10 {
        float: left;
        padding: 5px;
    }
    .route {
        margin: 5px auto;
    }
    .flightTimeline {
        margin: 5px 0px;
        font-size: 10px;
    }
    .routeInfo img {
        width: 32px;
        height: 32px;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .mobMt10 {
        margin-top: 10px;
    }
    .mobMb10 {
        margin-bottom: 10px;
    }
    .grayBorderBT {
        width: 98%;
    }
    .baggageInfo li {
        padding: 5px;
    }
    .paxTble table {
        font-size: 11px !important;
    }
    .paxTble {
        min-height: none;
    }
    .sidebar {
        display: none;
    }
    .sidebar {
        position: fixed;
        background: rgba(23, 72, 130, 0.9);
        width: 80%;
        top: 0;
        left: 0;
        display: none;
        transition: all .3s;
        z-index: 999;
        color: #fff;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar input[type="text" i]:disabled {
        background: none;
        color: #fff;
    }
    .sidebar .closeBtn {
        background: none;
        position: absolute;
        right: 10px;
        top: 0px;
        font-size: 24px;
    }
    .btnMd {
        padding: 6px 5px;
    }
    .mTextLeft {
        text-align: left;
    }
    .leftTitleBox {
        float: left;
        width: 60%;
    }
    .rightTitleBox {
        float: left;
        width: 40%;
    }
    .travelerDetails .panel-heading {
        padding: 10px 5px;
        overflow: hidden;
    }
    .addonBox {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }
    #passInfo .ML10 {
        margin-left: 0;
    }
    .optBox {
        float: left;
        width: 100%;
    }
    .col41 {
        float: left;
        width: 41%;
    }
    .travelerDetails .ML10 {
        margin-left: 0;
    }
    .yy {
        width: 35.5%;
        margin: 0;
        float: left;
    }
    .orderPage .dispTable {
        float: none;
    }
    .orderPage .dispTableCell {
        float: none;
        border-top: none;
        min-width: 114px;
    }
    .ftTable1 {
        padding: 9.5px 4.5px !important;
        font-size: 10px !important;
    }
    .flightDetails .rowPad {
        min-height: 34px;
        padding: 5px;
        font-weight: 600;
    }
    .dobDate,
    .dobMonth {
        float: left;
        width: 30%;
        margin-right: 10px;
    }
    .dobYear {
        float: left;
        width: 32%;
    }
    .dobWidth {
        min-width: 238px;
    }
    .orderFacility {
        float: left !important;
        width: 50%;
    }
    .thankYouTitle {
        font-size: 16px;
    }
    .mpadLR15 {
        padding: 0 15px;
    }
    .txtblk {
        color: #282828;
    }
    .seatMapModal {
        width: 90%;
    }
    .btnMT25 {
        margin-top: 20px;
    }
    .centerDiv {
        margin-left: 0;
    }
    .seat-scroll {
        padding-top: 0;
    }
    .content:after {
        display: none;
    }
    .mobMR0 {
        margin: 0 !important;
    }
    .mobMB0 {
        margin-bottom: 0 !important;
    }
    .filterName a {
        color: #fff !important;
    }
    /* new */
     .filterListing label {
        color: #fff !important;
    }
    
    
    .mTextRed {
        color: #ed1f26 !important;
    }
    .mTextWhite {
        color: #fff !important;
    }
    .mobfs40 {
        font-size: 40px;
    }
    .mobBRT {
        border-right: 1px solid #ebebeb;
    }
   /*  .scrollable {
        top: 20px;
        left: 10px;
    } */
    .invoiceDetailBox {
        width: 94%;
    }
    .flightInfo {
        text-align: center;
    }
    /*    Starts Flight Order Details Page*/
    .mffNo {
        width: 150px;
        float: left;
    }
    .mpad0 {
        padding: 0px;
    }
    .mML15 {
        margin-left: 15px;
    }
    /*    Ends Flight Order Details Page*/
    /*    HOTEL CSS 767 */
    .hotelData .dispTableCell {
        float: left;
    }
    .hotelData .mBorderZero {
        border: none;
    }
    .mclear {
        clear: both;
    }
    .hotelTip {
        width: 100%;
        padding: 10px 5px;
    }
    .travellerInfo,
    .confPreview {
        float: left;
        width: 100%;
    }
    .hotelData .panel-footer,
    .hotelDetails .panel-footer {
        padding: 10px 5px;
    }
    .hotelData .mobNo input[type="text"] {
        width: 100%;
    }
    .travelerDetails .tnc .checkbox {
        padding-left: 20px;
    }
    .travelerDetails .tnc .checkbox label {
        text-align: left;
    }
    .termAgreePanel{
    padding: 20px
    }
    /* .searchPassengerModal {
        width: 100%;
    } */
    .travelerDetails .panel-heading .panel-title {
        font-size: 12px;
    }
    .ui-datepicker-multi .ui-datepicker-group {
        padding: 0;
    }
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }
    .hotelTravellerInfo {
        width: 100%;
    }
    .yearInfo .yy {
        width: 35% !important;
        margin: 0;
        float: left;
    }
    /*   Starts Packages CSS 767*/
    .searchFormPkg:after {
        left: 55%;
    }
    .recommendedPkgs .pkgsInfo {
        float: none;
        width: 100%;
        padding: 10px 0;
        white-space: nowrap;
        overflow-x: scroll;
        display: inline-block;
        /*        margin-right: 20px;*/
    }
    .recommendedPkgs .pkgsInfo > div {
        width: 100%;
        display: inline-block;
        float: none;
        overflow-x: scroll;
        white-space: nowrap;
        border: 1px solid #ebebeb;
    }
    .vacationTheme .pkgType {
        float: none;
        width: 100%;
        padding-top: 45px;
        padding-bottom: 20px;
        display: inline-block;
        white-space: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .vacationTheme li {
        display: inline-block;
        float: none;
        white-space: nowrap;
        width: 34%;
        overflow-x: scroll;
        padding: 0 0px;
    }
    .pkgType h4 {
        margin-top: 25px;
        font-size: 14px;
    }
    .viewAllPkgBtn {
        margin: 10px 0;
    }
    .mobPadZero {
        padding: 0px;
    }
    .pkg16 {
        float: left;
        background: url(../images/whitePalmTree.png)no-repeat;
        display: block;
        width: 16px;
        height: 16px;
        margin: 0 10px 2px auto;
        background-size: 100% 100%;
    }
    /*
    .allPkgs .pkgBox {
        min-height: 320px;
    }
*/
    .allPkgs .pkgsInfo > div {
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .allPkgs .pkgsInfo > div:nth-child(2n+2) {
        margin-right: 0px;
    }
    .allPkgs .pkgImgCaptionBox {
        padding: 10px 10px;
    }
    .allPkgs .pkgThumbImgSmall img {
        width: 100%;
        height: 100%;
        display: block;
        min-height: 220px;
    }
    .allPkgs .pkgThumbImgSmall {
        /*        min-height: 220px;*/
        max-height: 400px;
    }
    .pkgOffers .imgCaptionBox a {
        font-size: 12px;
        padding: 10px 0px;
    }
    .pkgThumbImgSmall {
        min-height: 280px;
        max-height: 280px;
    }
    .modalBtn {
        height: auto;
    }
    li.active a .pkg16 {
        margin: 0 10px 2px auto;
        float: left;
    }
   /*  .quickScrollPkg .scrollPanelFixBar li {
        margin: 0 0 0 10px;
        width: 63px;
    } */
    .quickScrollPkg .scrollPanelFixBar li a {
        padding: 10px 0;
        font-size: 10px;
    }
    .pkgQuoteInner {
        padding: 15px 0 0 0;
    }
    /*    Ends Packages CSS 767 */
    /*    Start Insurance CSS 767 */
    .insPaxDetail .panel-body {
        padding: 0;
    }
    /*    Ends Insurance CSS 767 */
    /* Starts Cars CSS 767   */
    .searchPanelCar .searchBtnCar .btn {
        min-height: auto;
    }
    .carVacationTheme .pkgType {
        float: none;
        width: 100%;
        padding-top: 45px;
        padding-bottom: 20px;
        display: inline-block;
        white-space: nowrap;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .carVacationTheme li {
        display: inline-block;
        float: none;
        white-space: nowrap;
        width: 34%;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0px;
    }
    .carRecommendedPkgs .pkgsInfo > div:nth-child(4n+4) {
        margin-right: 20px;
    }
    .carOffers .imgCaptionBox a {
        font-size: 13px;
    }
    .carRecommendedPkgs .pkgThumbImgSmall {
        min-height: auto;
    }
    .carRecommendedPkgs .pkgsInfo > div:last-child {
        margin-right: 0;
    }
    .mpadLR10 {
        padding: 0 10px;
    }
    .carSeatLayout li,
    .carBaggageInfo li {
        margin: 2px 1px;
    }
    .carSeat {
        width: 12px;
        height: 18px;
    }
    .carBaggage {
        width: 14px;
        height: 12px;
    }
    .mcarInfo {
        text-align: right;
        padding: 5px;
        float: left;
        width: 100%;
    }
    .mcarOption {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ebebeb;
        padding: 5px;
    }
    .carResult .dispTableCell {
        float: left;
    }
    .carTypeInfo li:first-child {
        display: none;
    }
    .mBorderTop {
        border-top: 1px solid #ebebeb;
    }
    .spclEq {
        float: left;
        width: 100%;
        display: inline-block;
        white-space: nowrap;
        overflow: auto;
    }
    .specialEquipment .spclEqBox {
        float: none;
        width: 48.25%;
        height: auto;
        white-space: nowrap;
        display: inline-block;
        margin-right: 5px
    }
    .totalCostBox {
        width: 100%;
    }
    .carTravellerInfo {
        float: left;
        width: 100%;
    }
    .carInfoBody .vline:last-child:before {
        border: none;
    }
    /* Ends Cars CSS 767   */
    
        /*    Starts of Transfer CSS 767*/
    .searchFormTransfer .searchBtnTrans .btn {
        min-height: auto;
    }
    .transferResult .dispTableCell {
        float: left;
    }
    .searchPanelTransfer .mRow [class^='col'] {
        width: 50%;
    }
    .searchPanelTransfer .PadSelect7 .row {
        margin: 0 -5px !important;
    }
    .mfullWidth {
        width: 100% !important;
    }
    .cabSeatLayout li,
    .cabBaggageInfo li {
        margin: 2px 1px;
    }
    .cabSeat {
        width: 12px;
        height: 18px;
    }
    .cabBaggage {
        width: 14px;
        height: 12px;
    }
    .transCapacityCol {
        padding: 0 5px;
    }
    .capacityInfo li {
        font-size: 8px;
    }
    .transInfo > div:after {
        height: 40px;
    }
    .mborderTop {
        border-top: 1px solid #ebebeb;
    }
    .mpad10 {
        float: left;
        padding: 10px 0;
    }
    .transListing .pad15 {
        padding: 10px 5px 5px 5px;
    }
    .transTravellerInfo {
        float: left;
        width: 100%;
    }
    .travellerInfoPanel {
        width: 90%;
        margin: 0 auto;
        float: none;
    }
    .transInfoBody div {
        padding: 0 5px;
    }
    .transInfoBody .vline:before {
        display: none;
    }
    .travelerDetails .spclEq {
        float: left;
        width: 100%;
        display: inline-block;
        white-space: nowrap;
        overflow: auto;
    }
    .travelerDetails .specialEquipment .spclEqBox {
        float: none;
        width: 48.25%;
        height: auto;
        white-space: nowrap;
        display: inline-block;
        margin-right: 5px;
    }
    .iternaryDetailsBox {
        width: 100%;
    }
    .vline {
        border-left: 1px solid #ebebeb !important;
    }
    .travelerDetails .specialEquipment .spclEqContent p {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .transTravellerInfo .yy {
        width: 35%;
    }
    /*    Ends of Transfer CSS 767*/
    /*    Starts of Sight Seeing CSS 767*/
   /*  .sightResult .dispTableCell {
        float: left;
    } */
    .sightDetailCol p {
        display: none;
    }
    .layoverTiming{
        width:60%;
    }
    .travelFromTo .btn-clear {
        right: 0px;
    }
    /*    Ends of Sight Seeing CSS 767*/
    
}
@media only screen and (max-width: 600px) {
 .orderFacility {
    float: left !important;
    width: 100%;
}
	.hotelResult .dispTableCell {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
	.imgBoxHt img {
	    margin: 0;
	}
}

@media only screen and (max-width: 479px) {
	.acceptSeatBtn .btn {
	position: fixed;
    bottom: 105px;
    left: 64px;
    float: left !important;
	}
	.hdt li {
    width: 100%;
    float: left;
}
.hdt li.active {
    position: relative;
}
.hdt li.active::after {
    position: absolute;
    left: 0;
    width: 95%;
    bottom: 0;
    
}
		.searchPassengerModal .passengerTitle,
	.searchPassengerModal .passengerFname, .passengerMname, .passengerLname, .passengerEmail,
	.searchTransPassengerModal .passengerFname, .passengerMname, .passengerLname, .passengerEmail,
	.searchTransPassengerModal .passengerTitle, .loadingPanelTransfer .loadingPanelInner, .loadingPanelPkg .loadingPanelInner {width: 100%}
	.loadingPanelTransfer .loadingList{padding: 15px}
.quickActionTopBar > li {
    padding: 7px 5px;
    font-size: 10px;
}
    .travelFromTo{margin-bottom: 10px;}
    .datePanel, .timePanel {
        width: 100%;
        margin: 0 0 10px 0;
    }
    /* Extra Small Devices, Phones */
    .quickNav ul li a {
        padding: 8px 1.4em;
    }
    .preferedAirlineInput .form-control {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .preferedAirlineInput .form-control + .form-control {
        margin-left: 0;
    }
    .searchForm, .searchPanelSight .searchForm {
        padding: 20px 10px 10px;
    }
   
    .allPkgs .pkgsInfo > div {
        float: left;
        width: 100%;
        margin-right: 0px;
    }
    .carRecommendedPkgs .pkgsInfo > div {
        width: 100%;
    }
      .searchPanelTransfer .PadSelect7 [class^='col'] {
        /* width: 100%; */
    }
    .leftBox,
    .rightBox {
        width: 100%;
    }
    .leftBox:after {
        display: none;
    }
    .layoverHrLine{
        margin: 0;
    }
    .layoverTiming{
        width:75%;
        font-size: 9px;
    }
    .btnGroup .MR10{
        margin-right: 5px !important;
        padding: 3px 12px !important;
    }
    .busSeg {
    padding: 10px 0;
    font-size:10px;
}
.travelFromTo .btn-clear {
    right: 22px;
}
	.transInfo .dispTableCell, .sightResult .dispTableCell {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}
.sightPriceCol a{float:left;}
    
}

@media only screen and (max-width: 407px) {
    .quickNav ul li a {
        padding: 8px 0.94em;
    }
}