/*
 * Title:   TI Infotech - Responsive CSS file
 * Author:  Shekhar Bajpayee
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1. New Grid System
2. Add clearfix in the grid system
3. Styles for devices(>=992px and <=1199px)
4. Styles for devices(<=1199px)
5. Styles for devices(<=991px )
6. Styles for devices(>=768px and <= 991px)
7. Styles for devices(<=767px )
8. Styles for devices(<=480px )
9. Styles for devices(<=320px )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 1. New Grid System */
.col-sms-1,
.col-sms-2,
.col-sms-3,
.col-sms-4,
.col-sms-5,
.col-sms-6,
.col-sms-7,
.col-sms-8,
.col-sms-9,
.col-sms-10,
.col-sms-11,
.col-sms-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 481px) and (max-width: 767px) {

    .col-sms-1,
    .col-sms-2,
    .col-sms-3,
    .col-sms-4,
    .col-sms-5,
    .col-sms-6,
    .col-sms-7,
    .col-sms-8,
    .col-sms-9,
    .col-sms-10,
    .col-sms-11,
    .col-sms-12 {
        float: left;
    }

    .col-sms-12 {
        width: 100%;
    }

    .col-sms-11 {
        width: 91.66666667%;
    }

    .col-sms-10 {
        width: 83.33333333%;
    }

    .col-sms-9 {
        width: 75%;
    }

    .col-sms-8 {
        width: 66.66666667%;
    }

    .col-sms-7 {
        width: 58.33333333%;
    }

    .col-sms-6 {
        width: 50%;
    }

    .col-sms-5 {
        width: 41.66666667%;
    }

    .col-sms-4 {
        width: 33.33333333%;
    }

    .col-sms-3 {
        width: 25%;
    }

    .col-sms-2 {
        width: 16.66666667%;
    }

    .col-sms-1 {
        width: 8.33333333%;
    }

    .col-sms-pull-12 {
        right: 100%;
    }

    .col-sms-pull-11 {
        right: 91.66666667%;
    }

    .col-sms-pull-10 {
        right: 83.33333333%;
    }

    .col-sms-pull-9 {
        right: 75%;
    }

    .col-sms-pull-8 {
        right: 66.66666667%;
    }

    .col-sms-pull-7 {
        right: 58.33333333%;
    }

    .col-sms-pull-6 {
        right: 50%;
    }

    .col-sms-pull-5 {
        right: 41.66666667%;
    }

    .col-sms-pull-4 {
        right: 33.33333333%;
    }

    .col-sms-pull-3 {
        right: 25%;
    }

    .col-sms-pull-2 {
        right: 16.66666667%;
    }

    .col-sms-pull-1 {
        right: 8.33333333%;
    }

    .col-sms-pull-0 {
        right: 0%;
    }

    .col-sms-push-12 {
        left: 100%;
    }

    .col-sms-push-11 {
        left: 91.66666667%;
    }

    .col-sms-push-10 {
        left: 83.33333333%;
    }

    .col-sms-push-9 {
        left: 75%;
    }

    .col-sms-push-8 {
        left: 66.66666667%;
    }

    .col-sms-push-7 {
        left: 58.33333333%;
    }

    .col-sms-push-6 {
        left: 50%;
    }

    .col-sms-push-5 {
        left: 41.66666667%;
    }

    .col-sms-push-4 {
        left: 33.33333333%;
    }

    .col-sms-push-3 {
        left: 25%;
    }

    .col-sms-push-2 {
        left: 16.66666667%;
    }

    .col-sms-push-1 {
        left: 8.33333333%;
    }

    .col-sms-push-0 {
        left: 0%;
    }

    .col-sms-offset-12 {
        margin-left: 100%;
    }

    .col-sms-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sms-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sms-offset-9 {
        margin-left: 75%;
    }

    .col-sms-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sms-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sms-offset-6 {
        margin-left: 50%;
    }

    .col-sms-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sms-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sms-offset-3 {
        margin-left: 25%;
    }

    .col-sms-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sms-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sms-offset-0 {
        margin-left: 0%;
    }
}

/* 2. Add clearfix in the grid system */
.row.add-clearfix > .col-xs-2:nth-child(6n+1) {
    clear: both;
}

.row.add-clearfix > .col-xs-3:nth-child(4n+1) {
    clear: both;
}

.row.add-clearfix > .col-xs-4:nth-child(3n+1) {
    clear: both;
}

.row.add-clearfix > .col-xs-6:nth-child(2n+1) {
    clear: both;
}

@media (min-width: 481px) {

    /* add clearfix in the grid system */
    .row.add-clearfix > .col-sms-2:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-2:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-2:nth-child(4n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-2:nth-child(6n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sms-3:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-3:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-3:nth-child(4n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sms-4:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sms-4:nth-child(3n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sms-6:nth-child(2n+1) {
        clear: both;
    }
}

@media (min-width: 768px) {

    /* add clearfix in the grid system */
    .row.add-clearfix > .col-sm-2:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-2:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-2:nth-child(4n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-2:nth-child(6n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sm-3:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-3:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-3:nth-child(4n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sm-4:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-sm-4:nth-child(3n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-sm-6:nth-child(2n+1) {
        clear: both;
    }
}

@media (min-width: 992px) {

    .fti_aboutus .item-md-center {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .mobile-menu {
        display: none !important;
    }

    .visible-mobile {
        display: none !important;
    }

    /* add clearfix in the grid system */
    .row.add-clearfix > .col-md-2:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-2:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-2:nth-child(4n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-2:nth-child(6n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-md-3:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-3:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-3:nth-child(4n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-md-4:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-md-4:nth-child(3n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-md-6:nth-child(2n+1) {
        clear: both;
    }

    .stick .pkg-float-box {
        right: 46px;
    }

    /*.stick {
    right: 0;
}*/

}

@media (min-width: 1200px) {


    .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* add clearfix in the grid system */
    .row.add-clearfix > .col-lg-2:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-2:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-2:nth-child(4n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-2:nth-child(6n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-lg-3:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-3:nth-child(3n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-3:nth-child(4n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-lg-4:nth-child(2n+1) {
        clear: none;
    }

    .row.add-clearfix > .col-lg-4:nth-child(3n+1) {
        clear: both;
    }

    .row.add-clearfix > .col-lg-6:nth-child(2n+1) {
        clear: both;
    }

    .stick .pkg-float-box {
        right: 54px;
    }

    /*.stick {
    right: 73px;
}*/
}

/* 3. Styles for devices(>=992px and <=1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

    #booking .booking-info a.button.btn-small, #booking a.button.btn-small {
        font-size: 13px;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .listing-style3.hotel figure img.hotel-result-img {
        width: 100% !important;
        height: 130px !important;
    }
}

/* 4. Styles for devices(<=1199px) */
@media (max-width: 1199px) {

    [class^="col-lg-"].pull-left,
    [class^="col-lg-"].pull-right {
        float: none !important;
    }

    .image-carousel.style3 .flex-direction-nav li a.flex-prev {
        left: 10px;
    }

    .image-carousel.style3 .flex-direction-nav li a.flex-next {
        right: 10px;
    }

    html.post-404page.style3 #page-wrapper {
        background-size: 170% auto;
    }
}

/* 5. Styles for devices(<=991px ) */
@media (max-width: 991px) {
    .mobile-filter .nav > li > a {
        font-size: 14px;
    }

    .container {
        width: 100%;
        padding-left: 7px;
        padding-right: 7px;
    }

    .packeges-cek-a p > a {
        overflow: hidden;
        width: 100%;
        display: block;
        text-decoration: underline;
    }

    .head-ax {
        font-size: 18px;
        line-height: 20px;
    }

    .activity-name-details h3 {
        font-size: 15px;
        margin: 8px 0px;
        font-weight: 600;
        word-break: break-word;
    }

    .activity-name-details small {
        font-size: 13px;
    }

    .page-title-container.style4 .page-title {
        margin-left: -15px;
        padding-left: 15px;
    }

    .dashboard.style1 #header .logo img,
    .dashboard.style2 #header .logo img {
        filter: alpha(opacity=100) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
        -moz-opacity: 1 !important;
        -khtml-opacity: 1 !important;
        opacity: 1 !important;
    }

    .search-tabs {
        display: none !important;
    }

    .visible-mobile .search-tabs {
        display: block !important;
    }

    .search-box .search-tab-content {
        float: none !important;
        width: auto !important;
    }

    .hidden-mobile {
        display: none !important;
    }

    [class^="col-md-"].pull-left,
    [class^="col-md-"].pull-right,
    [class*=" col-md-"].pull-left,
    [class*=" col-md-"].pull-right {
        float: none !important;
    }

    .block-sm {
        float: none !important;
        margin-bottom: 10px !important;
    }

    .tab-container .tab-pane [class^="col-md-"],
    .tab-container .tab-pane [class*=" col-md-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-container .tab-pane .row [class^="col-md-"],
    .tab-container .tab-pane .row [class*=" col-md-"],
    .tab-container .tab-pane [class^="col-sm-"],
    .tab-container .tab-pane [class*=" col-sm-"],
    .tab-container .tab-pane [class^="col-sms-"],
    .tab-container .tab-pane [class*=" col-sms-"],
    .tab-container .tab-pane [class^="col-xs-"],
    .tab-container .tab-pane [class*=" col-xs-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    dl.term-description dd {
        padding-left: 20px;
    }

    #style-changer {
        display: none;
    }

    .hidden-table-sm.table-wrapper {
        display: block;
    }

        .hidden-table-sm.table-wrapper.intro {
            border: 7px solid #f5f5f5;
        }

        .hidden-table-sm.table-wrapper > .table-cell,
        .hidden-table-sm.table-wrapper > .table-row > .table-cell {
            display: block;
        }

            .hidden-table-sm.table-wrapper > .table-cell.pull-left,
            .hidden-table-sm.table-wrapper > .table-row > .table-cell.pull-left {
                float: left !important;
            }

            .hidden-table-sm.table-wrapper > .table-cell.pull-right,
            .hidden-table-sm.table-wrapper > .table-row > .table-cell.pull-right {
                float: right !important;
            }

    .ti-process .process {
        margin-top: -27px;
        margin-left: -27px;
        margin-right: -27px;
    }

        .ti-process .process .icon-wrapper i {
            font-size: 30px;
        }

    .world-map-section {
        height: 600px;
    }

    .promo-box {
        text-align: center;
    }

        .promo-box .m-title {
            font-size: 1.6667em;
        }

            .promo-box .m-title em i {
                font-size: 0.8462em;
            }

        .promo-box .action-section {
            text-align: center;
            padding-top: 15px;
        }

            .promo-box .action-section button {
                font-size: 0.9167em;
                height: 34px;
                line-height: 34px;
                padding: 0 20px;
            }

        .promo-box input.input-text {
            height: 34px;
        }

    .ti-policies ul.tabs li {
        float: none;
    }

    .ti-policies ul.tabs.full-width {
        display: block;
    }

        .ti-policies ul.tabs.full-width > li {
            display: block;
            width: auto;
        }

            .ti-policies ul.tabs.full-width > li a {
                padding-left: 20px !important;
                text-align: left;
            }

    .coming-soon-page.style2 .clock li span {
        font-size: 10em;
    }

    .coming-soon-page.style2 .clock li.sep {
        font-size: 7em;
    }

    .coming-soon-page.style2 .clock li label {
        font-size: 1.5em;
    }

    .loading-page.style2 .notice-message {
        font-size: 8em;
    }

    .soap-login-page #page-wrapper {
        vertical-align: top;
    }

    /* slider */
    .revolution-slider .tp-caption a.link {
        font-size: 12px !important;
        line-height: 24px !important;
    }
}

/* 6. Styles for devices(>=768px and <= 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    #main {
        padding-top: 20px !important;
    }

    .web-logo {
        max-width: 135px !important;
    }

    .flight-detail-popup-box {
        width: 100% !important;
    }

    .transfer-pax-count.paxpanel .insurance {
        left: 30%;
        position: absolute;
    }

    .add-in-first {
        bottom: -30px !important;
    }

    .modify-panel.fh-modify {
        max-width: 735px;
    }

    .for_mobile_dropdown > li > div.sort-txt {
        float: left;
        width: 60%;
        padding-top: 6px;
    }

    .tablet_m_t_20 {
        margin-top: 0px;
    }

    .trip-summary-img {
        height: 60px !important;
        width: 41% !important;
    }

    .trip-summary-name {
        line-height: 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .hotelreview .hotel-name {
        width: 113px;
    }

    .navbar-nav > li > a {
        font-size: 12px !important;
        color: #000;
    }

    .dropdown a {
        font-size: 13px !important;
    }

    #hotelroom .room-list .table {
        margin-bottom: 0px;
    }

    .hotel-detail-checkin {
        padding: 0px 0px 8px 0px;
    }

    .add-city-container {
        clear: both;
        float: right;
        right: 100px;
        position: absolute;
        bottom: 80px !important;
    }

    .pkg-float-box {
        z-index: 9999;
        width: 100%;
        border: 1px solid #d8d8d8;
        padding: 0px;
        background: #fff;
        position: fixed;
        bottom: 0 !important;
        right: 0px !important;
    }

    .tab-container.full-width-style ul.tabs {
        width: 20%;
    }

    .tab-container.full-width-style .tab-content {
        width: 80%;
    }

    ul#mobile-search-tabs li a {
        padding: 0 0px;
        font-size: 11px;
    }

    .add-room {
        position: absolute;
        border-left: hidden;
        left: 15px;
        bottom: 14px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {

    /*.hidden-xs { display: block !important; }*/
}

/* 7. Styles for devices(<=767px ) */
@media (max-width: 767px) {

    /*imran start 01-02-2022*/
    .col-xs-prifer{
        width:50% !important;
    }
    .col-xs-prifer img{
        width: 90%;
        margin-top: 5px;
    }
    .fixed-header {
        display: none !important;
    }

    .inr_search {
        top: 0px;
    }

    .seo_section {
        display: none;
    }


    /*imran end 01-02-2022*/

    /* remove chaser in mobile */
    .banner-section .carousel-caption {
        left: 10px;
        right: 10px;
        text-align: left;
        text-shadow: none;
        padding-top: 0;
        padding-bottom: 0;
        bottom: 0;
    }


    .seat-pref-cont {
        width: 100%;
        float: left;
    }

    .include-box {
        padding: 3px 3px;
    }

    div#ti-SessionTimeout .btn-small {
        width: 100% !important;
        max-width: 100%;
    }

    .select_hotel {
        border: 0px;
    }

    .modify-panel {
        left: 255px;
        width: 485px !important;
    }

    .flight-pax-count {
        width: 100%;
    }

    #main-menu {
        display: none;
    }

    .details .box-title > .capitalize {
        font-size: 14px;
    }

    .row {
        margin-left: -7px !important;
        margin-right: -7px !important;
    }

    #main-1.roomp.agepadding {
        padding: 0px 7px !important;
    }

    [class^="col-"],
    [class*=" col-"] {
        padding: 0px 7px !important;
    }

    .container {
        padding: 0px 7px !important;
    }

    .flight-btngrp-wrapper .btn {
        padding: 6px 9px;
    }

    .modal-dialog {
        margin: 0;
        margin-top: 20px;
    }

    .search-city > div:first-child > div:first-child {
        padding: 0px;
    }

    .earnpoint-price-res {
        /* border-top: 1px dashed #d3d3d3;*/
        /*  background: rgba(248, 200, 88, .8);
             padding: 3px 3px 3px 0 !important;*/
        padding: 7px 3px 6px 0 !important; /*Added by Imran 21 Sep 2023*/
        background: #0a75af;
        margin-bottom: 0px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #fff;
    }

    .price small,
    .price-responsive small {
        font-size: 11px;
        margin-bottom: 2px;
        /*color: #000;*/
        color: #fff;
        display: inline-block;
    }

    .fltHtl [class^="col-"],
    .fltHtl [class*="col-"],
    .tab-pane #content > .row > [class^="col-"],
    .tab-pane #content > .row > [class*=" col-"],
    .flight-hotel-main > .row > [class^="col-"],
    .flight-hotel-main > .row > [class*=" col-"],
    .fltHtl .flight-hotel,
    .FH-modify [class^="col-"],
    .FH-modify [class*=" col-"],
    .fltHtl [class^="col-"],
    .fltHtl [class*=" col-"],
    .flight-hotel-main #flight-tab [class^="col-"],
    .flight-hotel-main #flight-tab [class*=" col-"],
    #flight-tab .new-detail-box.box,
    [class^="col-"],
    [class*=" col-"] {
        padding: 0px 7px !important;
    }

    .flightreview .line:after {
        width: 40px;
    }

    .legend-cont {
        width: 100%;
    }

    .seatmap-cont {
        width: 100%;
        display: inline-block;
    }

    .onboard-cont {
        width: 100%;
    }

    .header_inner li .sub_menu {
        position: relative;
        display: none;
        opacity: 1;
        visibility: visible;
        top: 0px !important;
        transition: none !important;
        width: 90%;
        margin: auto;
    }

    .header_inner li.dropdown.rotate:after {
        transform: rotate(90deg);
    }

    .chaser {
        display: none !important;
    }

    .logo {
        width: 170px;
        float: left;
    }

    .header_inner .site-header.style2 .nav li a {
        margin: 0;
        padding: 6px 0;
        font-weight: 500;
    }

    .header_inner li.dropdown:hover .sub_menu {
        opacity: 1;
        visibility: visible;
        top: 50px;
    }

    .header_inner .site-header .nav li {
        position: relative;
        margin-right: 28px;
        display: block;
        margin-left: 28px !important;
        border-bottom: 1px solid #000;
        border-bottom: 1px solid #3b6db3;
    }

    .header_inner .icon-bar {
        background: #ffffff;
    }

    header .header_inner {
        padding: 10px 10px 10px 0px;
        background-color: #4076c4;
    }

    .header_inner .navbar-toggle {
        margin-right: 0px;
        background: transparent;
    }

    .tab-container ul.tabs li.pull-right {
        float: none !important;
    }

    .tab-container ul.tabs.full-width {
        display: block;
    }

        .tab-container ul.tabs.full-width > li {
            display: block;
            width: auto;
        }

            .tab-container ul.tabs.full-width > li a {
                padding-left: 20px !important;
                text-align: left;
            }

    .tab-container.style1 ul.tabs li > a:after {
        display: none !important;
    }

    .tab-container.trans-style ul.tabs {
        margin-left: 0;
    }

        .tab-container.trans-style ul.tabs li {
            margin: 0;
        }

    .tab-container.full-width-style ul.tabs {
        width: 25%;
    }

    .tab-container.full-width-style .tab-content {
        width: 75%;
    }

    [class^="col-sm-"].pull-left,
    [class^="col-sm-"].pull-right,
    [class*=" col-sm-"].pull-left,
    [class*=" col-sm-"].pull-right {
        float: none !important;
    }

    .listing-style3.flight .details .box-title {
        float: none !important;
    }

    .listing-style3.flight .details .time > div {
        padding-left: 0 !important;
        border-right: none !important;
    }

    .hidden-table-sms.table-wrapper {
        display: block;
    }

        .hidden-table-sms.table-wrapper.intro {
            border: 0px solid #f5f5f5;
        }

        .hidden-table-sms.table-wrapper > .table-cell,
        .hidden-table-sms.table-wrapper > .table-row > .table-cell {
            display: block;
        }

            .hidden-table-sms.table-wrapper > .table-cell.pull-left,
            .hidden-table-sms.table-wrapper > .table-row > .table-cell.pull-left {
                float: left !important;
            }

            .hidden-table-sms.table-wrapper > .table-cell.pull-right,
            .hidden-table-sms.table-wrapper > .table-row > .table-cell.pull-right {
                float: right !important;
            }

    .tab-container .tab-pane [class^="col-sm-"],
    .tab-container .tab-pane [class*=" col-sm-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-container .tab-pane .row [class^="col-sm-"],
    .tab-container .tab-pane .row [class*=" col-sm-"],
    .tab-container .tab-pane [class^="col-sms-"],
    .tab-container .tab-pane [class*=" col-sms-"],
    .tab-container .tab-pane [class^="col-xs-"],
    .tab-container .tab-pane [class*=" col-xs-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .image-box-style.style2 figure {
        float: none;
    }

    .image-box-style.style2 .details {
        padding: 20px;
    }

    .image-box-style.style2.innerstyle .details {
        padding: 20px 0 0;
    }

    .ti-process .process {
        margin-top: -18px;
        margin-left: -18px;
        margin-right: -18px;
    }

        .ti-process .process .icon-wrapper i {
            font-size: 20px;
        }

    #content.image-bg2 #main {
        padding-top: 100px;
    }

    .world-map-section {
        height: 500px;
    }

    .column-2 > * {
        margin-right: 0;
        float: none;
    }

    .column-3 > *:nth-child(3n+1) {
        clear: none;
    }

    .column-3 > *:nth-child(2n+1) {
        clear: both;
    }

    .column-3 > *:nth-child(3n) {
        margin-right: 3%;
    }

    .column-4 > *:nth-child(4n+1) {
        clear: none;
    }

    .column-4 > *:nth-child(2n+1) {
        clear: both;
    }

    .column-4 > *:nth-child(4n) {
        margin-right: 3%;
    }

    .column-5 > * {
        width: 31.3333%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

        .column-5 > *:nth-child(5n+1) {
            clear: none;
        }

        .column-5 > *:nth-child(3n+1) {
            clear: both;
        }

        .column-5 > *:nth-child(5n) {
            margin-right: 3%;
        }

        .column-5 > *:nth-child(3n) {
            margin-right: 0;
        }

    .column-5-no-margin > * {
        width: 50%;
    }

        .column-5-no-margin > *:nth-child(5n+1) {
            clear: none;
        }

        .column-5-no-margin > *:nth-child(2n+1) {
            clear: both;
        }

    .column-3 > *,
    .column-4 > * {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

        .column-3 > *:nth-child(2n),
        .column-4 > *:nth-child(2n) {
            margin-right: 0;
        }

    .post-404page .error-message {
        font-size: 3em;
    }

    .post-404page .error-message-404 {
        font-size: 15em;
    }

    .post-404page.style2 .error-message {
        font-size: 1.6667em;
    }

    .post-404page.style2 .error-message-404 {
        font-size: 8em;
    }

    .post-404page.style2 .go-back {
        font-size: 1.4em;
        height: 50px;
        -webkit-border-radius: 25px 25px 25px 25px;
        -moz-border-radius: 25px 25px 25px 25px;
        -ms-border-radius: 25px 25px 25px 25px;
        border-radius: 25px 25px 25px 25px;
        line-height: 50px;
    }

    .post-404page.style3 #main {
        padding-top: 100px;
    }

    .post-404page.style3 .error-message {
        font-size: 2.5em;
    }

    .post-404page.style3 .error-message-404 {
        font-size: 1.6667em;
    }

    .coming-soon-page .clock li span {
        font-size: 4em;
    }

    .coming-soon-page .clock li label {
        font-size: 1em;
        letter-spacing: 0.04em;
    }

    .coming-soon-page.style2 .clock li span {
        font-size: 6em;
    }

    .coming-soon-page.style2 .clock li.sep {
        font-size: 4.1667em;
    }

    .coming-soon-page.style2 .clock li label {
        font-size: 1em;
    }

    .coming-soon-page.style2 .email-notify .notified-text {
        font-size: 1.3333em;
    }

    .coming-soon-page.style3 #main {
        padding-top: 30px;
    }

    .loading-page.style2 .notice-message {
        font-size: 6.25em;
    }

    .image-box.style2 figure {
        float: none;
    }

    .image-box.style2 .details {
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .breadcrumbs {
        display: none;
    }

    /* slider */
    .revolution-slider .tp-caption a.link {
        font-size: 9px !important;
        line-height: 18px !important;
    }

    #booking .booking-info > .box-title {
        float: none;
    }

    #booking .booking-info .info {
        border-left: none;
    }

    .banner .big-caption {
        font-size: 3em;
    }

    .banner .med-caption {
        font-size: 1.8333em;
    }

    #tour-details .intro2 {
        padding: 10px 0;
    }

        #tour-details .intro2:after {
            content: "";
            display: table;
            clear: both;
        }

        #tour-details .intro2 .term-description dd {
            width: auto;
            max-width: 120px;
        }

        #tour-details .intro2 .price-section {
            border-left: none;
            width: auto;
            text-align: left;
            float: left !important;
            padding-left: 20px;
        }

    #content.tour .slideshow-bg {
        min-height: 800px;
    }

    .dropdown a {
        color: #fff;
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #fff;
        color: #000;
        /* border-color: #337ab7; */
    }

    .booking-row-flex {
        display: block;
    }

    .chklabel {
        margin: 5px 0;
        font-size: 14px;
    }

    .align-row {
        display: block;
    }
}

/* 8. Styles for devices(<=480px ) */
@media (max-width: 480px) {
    /*.tab-container.full-width-style ul.tabs {
        width: 30%;
    }*/

    /*.tab-container.full-width-style .tab-content {
        width: 70%;
    }*/
    div#ti-SessionTimeout .btn-small {
        width: 100% !important;
        max-width: 100%;
    }

    .image-box-style.style2 figure {
        width: 100%;
        float: none;
    }

    .image-box-style.style2 .details {
        padding: 20px;
    }

    .visible-sms {
        display: block;
    }

    .tab-container .tab-pane [class^="col-sms-"],
    .tab-container .tab-pane [class*=" col-sms-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-container .tab-pane .row [class^="col-sms-"],
    .tab-container .tab-pane .row [class*=" col-sms-"],
    .tab-container .tab-pane [class^="col-xs-"],
    .tab-container .tab-pane [class*=" col-xs-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hidden-table-xs.table-wrapper {
        display: block;
    }

        .hidden-table-xs.table-wrapper.intro {
            border: 15px solid #f5f5f5;
        }

        .hidden-table-xs.table-wrapper > .table-cell,
        .hidden-table-xs.table-wrapper > .table-row > .table-cell {
            display: block;
        }

            .hidden-table-xs.table-wrapper > .table-cell.pull-left,
            .hidden-table-xs.table-wrapper > .table-row > .table-cell.pull-left {
                float: left !important;
            }

            .hidden-table-xs.table-wrapper > .table-cell.pull-right,
            .hidden-table-xs.table-wrapper > .table-row > .table-cell.pull-right {
                float: right !important;
            }

    .image-style.style1 {
        margin-right: 0;
        padding: 15px;
    }

        .image-style.style1:before,
        .image-style.style1:after {
            display: none;
        }

        .image-style.style1 .image-block {
            margin-right: 0;
            float: none !important;
        }

    .column-5 > * {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }

        .column-5 > *:nth-child(5n+1) {
            clear: none;
        }

        .column-5 > *:nth-child(3n+1) {
            clear: none;
        }

        .column-5 > *:nth-child(2n+1) {
            clear: both;
        }

        .column-5 > *:nth-child(5n) {
            margin-right: 3%;
        }

        .column-5 > *:nth-child(3n) {
            margin-right: 3%;
        }

        .column-5 > *:nth-child(2n) {
            margin-right: 0;
        }

    .coming-soon-page .clock li span {
        font-size: 3em;
    }

    .coming-soon-page .clock li label {
        font-size: 1em;
        letter-spacing: 0.04em;
    }

    .coming-soon-page.style2 .clock li span {
        font-size: 4em;
    }

    .coming-soon-page.style2 .clock li.sep {
        font-size: 2.8333em;
    }

    .coming-soon-page.style2 .clock li label {
        font-size: 0.8333em;
    }

    .coming-soon-page.style3 #main {
        padding-top: 10px;
    }

    .coming-soon-page.style3 .clock li span {
        font-size: 3.3333em;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .coming-soon-page.style3 .clock li.sep {
        font-size: 2.8333em;
    }

    .coming-soon-page.style3 .email-notify {
        width: 100%;
    }

    .coming-soon-page.style3 .header-title {
        font-size: 2em;
    }

    .coming-soon-page.style3 .container:before {
        display: none;
    }

    /* Tour page */
    #tour-details .price-section .details {
        float: none !important;
    }

    .background-masker-flight.header-right.price-band-2 {
        width: 30px;
        display: none;
    }

    .background-masker-flight.header-right.price-bandd {
        display: none;
    }

    .background-masker-flight.header-right-3 {
        display: none;
    }

    .background-masker-flight.header-right.price-band {
        display: none;
    }

    .background-masker-flight.header-right.price-band-1 {
        display: none;
    }

    .background-masker-flight.header-right-2 {
        display: none;
    }

    .background-masker-flight.header-right,
    .background-masker-flight.subheader-right {
        display: none;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        top: 11px;
    }

    .progress.flight {
        top: 13px;
    }

    article.box > a.flight-list {
        padding: 10px 0px;
    }

        article.box > a.flight-list:last-child {
            padding-bottom: 0px;
        }

    .margin-top-20 {
        margin-top: 0px;
    }

    .flight-pax-count .padding-top-10 {
        padding-top: 10px;
    }

    .padding-top-8 {
        padding-top: 0px !important;
        padding-bottom: 10px;
    }

    .delete-city-internal,
    .add-city-internal,
    .delete-city-internal:hover,
    .add-city-internal:hover {
        margin-left: 15px;
    }

    .scrollbar_activity {
        overflow: scroll;
        width: 100%;
    }
}

/* 9. Styles for devices(<=320px ) */
@media (max-width: 320px) {
    /*.container {
    width: 314px; }*/

    /*.margin-top-10-xs { margin-top: -1px !important;}*/



    /*.row {padding: 0 3px; }*/

    .column-5-no-margin > * {
        float: none;
        width: auto;
    }
}



/*@media only screen and (min-device-width : 768px) and (max-device-width : 1414px) {

    
    .pkg-float-box {
    z-index: 999;
    width: 100%;
    border: 4px solid #d8d8d8;
    padding: 0px;
    background: #fff;
    position:  fixed;
    right: 0; 
    bottom:0px;
}
}*/





/* custom css by shekhar*/
@media (min-width: 991px) and (max-width: 1199px) {

    .hotelreview .hotel-name {
        width: 188px;
    }

    .searchbox-text {
        font-size: 12px !important;
    }

    .trip-summary-name {
        line-height: 20px;
        font-size: 14px;
    }


    .hotel-detail-checkin {
        padding: 15px 0px 8px 0px;
    }

    .pkg-float-box .price {
        margin-bottom: 10px;
    }

    .add-city-container {
        clear: both;
        float: right;
        right: 230px;
        position: relative;
    }

    .spinnerMainDiv {
        position: relative;
    }

    .progress {
        top: 45px;
        margin-bottom: 0px;
        position: absolute;
        right: 0;
        left: auto;
    }

    #slider .slides img {
        width: 60%;
        display: block;
        margin-left: 242px;
        padding: 5px;
    }

    .affix {
        position: relative;
    }

    .pkg-btn-container {
        padding: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    .fti_aboutus .services-list li {
        width: 50% !important;
    }

    .fti_aboutus .pillars-box {
        min-height: 152px !important;
    }

    .site-header .nav li {
        position: relative;
        margin-right: 18px;
    }

    a.button.yellow.full-width.btn-small.select-rooms {
        font-size: 12px;
    }

    #main-menu ul.menu {
        float: left;
    }

    .dashboard .tab-content {
        width: 74% !important;
    }

    .tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) {
        width: 26%;
    }

    .pkg-float-box .price {
        margin-bottom: 10px;
    }

    #packagerates .tab-content {
        width: 100%;
    }

    #package-details .tab-content {
        width: 100%;
    }

    #Package-Itinerary .tab-content {
        width: 100%;
    }

    #hotel-details .tab-content {
        width: 100%;
    }

    #About_Destination .tab-content {
        width: 100%;
    }

    #package-flight .tab-content {
        width: 100%;
    }

    #fixedTop {
        width: 100%;
    }

    #packagerates .update-search.row {
        margin: 5px;
    }

    #packagerates .sticky-container {
        width: 28%;
        float: right;
    }

    .stick {
        right: -22px;
    }

    ul.search-tabs li a {
        color: #333333;
        display: block;
        padding: 0 30px;
        background: transparent;
    }

    ul#mobile-search-tabs li {
        position: relative !Important;
        width: 110px !Important;
        display: inline-block !Important;
        font-size: 14px;
        background: #01b7f2;
        color: #fff;
    }

    .visible-mobile .search-tabs li a {
        padding: 0;
        color: #fff;
    }

    ul#mobile-search-tabs li.active {
        background: rgba(0, 0, 0, .7);
    }

    .bx-controls {
        display: none;
    }

    .explore-img {
        width: 100%;
        height: 190px !important;
    }

    .search-criteria li {
        margin: 0;
        padding: 0 !important;
    }

    .margin-top-0-xs {
        margin-top: 0;
    }

    .swap-tiles {
        float: left !important;
    }

    li.search-date span br {
        display: none;
    }

    li.search-date span label {
        font-size: 10px;
    }

    li.search-date span {
    }

    h4.sort-by-title {
        font-size: 12px;
        display: inline-block;
        float: left !important;
        margin: 0 !Important;
    }

    ul.sort-bar {
        display: inline-block;
        float: left !important;
        margin-bottom: 0px !important;
    }

        ul.sort-bar li {
        }

    .sort-by-section .sort-by-title {
        line-height: 58px;
    }

    h5.sort-by-title-total {
        font-size: 12px;
        font-weight: bold;
    }

    .sort-by-title-total i {
        display: none;
    }

    .sort-by-section .sort-bar .sort-by-container > span {
        padding: 0 10px;
    }

    .sort-by-section {
        padding: 0 10px;
    }

    .spinnerMainDiv {
        position: relative;
    }

    .progress {
        position: absolute;
        right: 0;
        left: auto;
        top: 45px;
    }

    .listing-style3.hotel figure img.hotel-result-img {
        width: 100% !important;
    }

    /*.details > div:first-child > div:first-child {
        width: 500px;
    }*/



    .listing-style3.hotel .box-title {
        font-size: 15px;
    }


    .listing-style3.hotel .details {
        padding: 10px 0 5px 10px !important;
    }

    .listing-style3 [class^="fa"].circle {
        font-size: 15px;
    }



    .tab-container .tab-content .tab-pane {
        padding: 0px !important;
        line-height: 1.7em;
    }

    .select-rooms {
        width: 107px !important;
    }

    #RoomMenu ul {
        margin: 0 auto !important;
        width: auto !important;
    }

    #slider .slides img {
        margin-left: 137px !important;
    }

    .car-list .resultBox .details > div:first-child > div:first-child {
        width: 75% !important;
    }

    .details .padding-top-40 {
        margin-top: 0px;
        padding-top: 0px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    #booking #flight-details .table-cell .detailed-features.booking-details > div {
        width: 100% !important;
    }

    .fti_aboutus .services-list li {
        width: 100% !important;
    }

    .pillars-list li {
        width: 100% !important;
    }

    .fti_aboutus .aboutright-sets {
        padding: 15px !important;
    }

    .top_modify_room {
        margin-top: 20px;
    }

    .listing-style3.hotel figure img.hotel-result-img {
        padding: 0px;
    }

    span > img {
        margin: 2px;
    }

    .contact-list span img {
        margin: 0px;
    }

    .txticonMM {
        left: 16px;
        top: 31px;
    }

    .txticon-activityM {
        position: absolute;
        left: 16px;
        top: 32px;
        font-size: 16px;
    }

    .waiting-content {
        width: 100%;
    }

    .border-waiting .text-center > img {
        width: 100%;
    }

    .footer .social {
        float: none;
        text-align: center;
        margin: 20px 0px;
    }

    .footer.style2 .footer-nav {
        float: none;
        ;
        /*padding: 20px 0px*/
        ;
        text-align: center;
    }

    .paxpanel {
        width: 100%;
    }

    footer.style2 .social li {
        margin-right: 25px !important;
    }

    .dashboard .tab-content {
        width: 100% !important;
    }

    ul.slicknav_nav i {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 1px 20px;
    }

    .slicknav_btn {
        background: transparent;
        margin: 10px 8px 0 0;
        padding: 0;
    }

    .slicknav_menu .slicknav_icon-bar {
        box-shadow: none;
    }

    .slicknav_nav {
        clear: both;
        color: #fff;
        margin: 0;
        font-size: .875em;
        background: transparent;
    }

        .slicknav_nav li a {
            color: #fff;
            transition: all 0.4s ease;
            background: none;
            text-transform: uppercase;
        }

        .slicknav_nav .slicknav_item a {
            display: inline;
        }

        .slicknav_nav li:hover a {
            background: #013366;
            color: #fff;
            padding-left: 5px;
        }

        .slicknav_nav li .dropdown li a {
            color: #fff;
            background: transparent;
        }

            .slicknav_nav li .dropdown li a:hover {
                color: #FF7550;
            }

        .slicknav_nav li .slicknav_item {
            background: transparent;
        }

        .slicknav_nav .slicknav_row,
        .slicknav_nav a {
            padding: 0;
            margin: 0;
            padding: 6px 0;
            font-weight: 500;
        }

    .slicknav_menu .slicknav_icon-bar {
        background-color: #fff;
        box-shadow: none;
        text-shadow: none;
    }

    .slicknav_nav .slicknav_arrow {
        color: #fff;
    }

    .slicknav_menu .slicknav_icon-bar {
        display: block;
        width: 25px;
        height: 3px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    }

    .explore-img {
        width: 270px;
        height: 161px;
    }

    ul.search-tabs li a {
        color: #333333;
        display: inline-block;
        padding: 0 30px;
        background: transparent;
    }

    ul#mobile-search-tabs li {
        position: relative !Important;
        width: 45px !Important;
        display: inline-block !Important;
        font-size: 28px;
        background: transparent;
    }

        ul#mobile-search-tabs li.active {
            background: #001c3a;
        }

    .visible-mobile .search-tabs li a {
        padding: 0 8px;
    }

    .search-box .bx-wrapper .bx-controls-direction a {
        display: none;
    }

    .bx-controls-direction {
        display: none;
    }

    .search-box-wrapper.style2 .search-tab-content {
        padding: 10px;
    }

    .section {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .modify-panel {
        left: 0 !important;
        width: 100% !important;
        position: absolute !important;
    }

    .panel {
        background: transparent;
    }

    ul.check-square li.active {
        background: none;
    }

    #modifytbl {
        display: none;
    }

    .sort-by-section {
        padding: 0 10px;
    }

    .search-criteria li.search-city {
        margin: 0px;
        padding: 0px;
    }

    .search-criteria li.search-date {
        margin: 0px;
        padding: 0px;
    }

    .sort-by-section {
        padding: 10px;
    }

    #main-1 {
        padding-top: 20px;
    }

    .sort-by-section .sort-by-title-total {
        margin: 0;
        line-height: 18px;
        color: #000;
        width: auto;
        float: left;
    }

    .listing-style3.hotel figure img.hotel-result-img {
        width: 100% !important;
       /* height: auto !important;*/
        /*height: 80px !important;*/
        height: 100px !important;
        object-fit: cover;
    }

    .listing-style3.hotel .details,
    .listing-style3.activity .details {
        display: inline-block;
    }

        .listing-style3.hotel .details > *,
        .listing-style3.activity .details > * {
            display: inline-block;
            vertical-align: middle;
        }

            .listing-style3.hotel .details > * > *,
            .listing-style3.activity .details > * > * {
                display: inline-block;
            }

    .listing-style3.hotel .box-title,
    .listing-style3.activity .box-title {
        font-size: 12px;
        display: grid;
    }

    .padding-responsive {
        padding-right: 5px;
        padding-left: 5px;
    }

    .listing-style3.hotel .details,
    .listing-style3.activity .details {
        padding: 15px 5px 5px 10px !important;
    }

        .listing-style3.hotel .details > *:first-child > *,
        .listing-style3.activity .details > *:first-child > * {
            border-bottom: 0px solid #f5f5f5;
            padding-bottom: 0px;
        }

        .listing-style3.activity .details > * > *:first-child {
            padding-bottom: 5px;
            border-right: 0px solid #f5f5f5;
            padding-left: 0;
            padding-right: 5px;
            text-align: left;
        }

    .listing-style3 .box,
    .listing-style3.box {
        margin-bottom: 10px;
    }

    .hotel-list {
        margin-top: 10px;
    }

    .block {
        margin-bottom: 0px;
    }

    .partners {
        padding: 0;
    }

    ul.pagination li {
        display: none;
    }

        ul.pagination li.ng-scope {
            display: block;
        }

    .box-title div,
    .box-title small {
        word-break: break-all;
        word-wrap: break-word;
    }

    .listing-style3.hotel .box-title i {
        font-size: 12px;
    }

    .tab-container .tab-content .tab-pane {
        padding: 0px !important;
    }

    /*.alertMsg { width: auto !important; }*/
    .tab-container ul.tabs li a {
        padding: 0 12px !important;
    }

    a.button.yellow {
        background: #98ce44;
        /*padding: 0px 4px !important;*/
    }

    .tab-container .tab-content {
        /*padding: 0px 10px 10px 10px !important;*/
    }

    .box-title small {
        font-size: 10px;
    }

    .hidden-table-sms.table-wrapper.intro {
        border: 0px solid #f5f5f5 !important;
    }

    #hotel-description .intro,
    #hotel-reviews .intro,
    #hotel-write-review .intro,
    #car-details .intro,
    #flight-details .intro,
    #cruise-description .intro,
    #cruise-reviews .intro,
    #cruise-write-review .intro,
    #travel-guide .intro,
    #tour-details .intro {
        background: #fff !important;
    }

    .price {
        color: #01b7f2;
        font-size: 16px !important;
    }

    #slider .slides img {
        width: auto !important;
        margin-left: 0px !important;
    }

    .overflow {
        overflow: hidden !important;
    }

    .txt-right {
        text-align: left;
    }

    .page-title-container {
        display: none;
    }

    button.close {
        font-size: 34px;
        font-weight: 200;
        z-index: 9999;
        position: absolute;
        right: 0;
        padding: 0 5px;
    }

    .title {
        display: none;
    }

    .txticonMM {
        top: 30px;
    }

    /* PassengerInfo */
    /*#dvPaxDetail .form-group selector { margin: 10px 0; }
#dvPaxDetail .form-group { margin-top: 10px; }*/
    .sidebar {
        padding-top: 20px;
    }

    .tab-content h2 {
        padding-top: 10px;
        font-size: 14px;
    }

    .select-rooms {
        height: 30px !important;
        line-height: 30px !important;
        font-size: 13px !important;
        width: 100% !important;
    }

    #slider .slides img {
        width: 100% !important;
        display: block !important;
        margin-left: 0px !important;
        padding: 5px;
        float: left !important;
    }

    .flexslider .flex-direction-nav a,
    .flexslider .flex-direction-nav a {
        top: 60% !important;
    }

    .flexslider {
        height: 200px !important;
        overflow: hidden !important;
    }

    #slider .slides img {
        height: 194px !important;
    }

    /* PassengerInfo */

    /* flight */
    .search-criteria li {
        display: block;
        clear: both;
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .box {
        margin-bottom: 10px;
    }

    .affix {
        position: relative;
    }

    .alertMsg {
        float: none;
    }

    .paxpage #main {
        padding-top: 0px !important;
    }

    .sidebar {
        margin-bottom: 0px !important;
    }

    /*form .form-group {   margin-bottom: 5px !important;    }*/
    .text-justify {
        text-align: justify;
    }

    /*.confirmbooking #main {        margin-bottom: -15px !important;    }*/
    .confirmbooking .booking-information > .booking-confirmation .main-message {
        font-size: 15px;
    }

    .confirmbooking .booking-information > .booking-confirmation .print-button {
        width: 100%;
        margin-top: 10px;
    }

    dl.term-description dd {
        word-wrap: break-word;
    }

    .txt-align-center {
        text-align: center;
    }

    .blink_me {
        color: #ff0000;
    }

    .txticonH {
        top: 30px !important;
    }

    .autocomplete-width {
        min-width: 254px;
        width: 100%;
    }

    #main {
        padding-top: 20px;
    }

    .tab-container ul.tabs li {
        float: left;
        padding-right: 5px;
    }

        .tab-container ul.tabs li a {
            font-size: 1.0em;
        }

    .progressbar {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0px;
        left: 0;
        width: 50%;
        text-align: center;
        margin-left: 10px;
    }

    .progress {
        position: absolute;
        right: 0;
        left: 0;
        top: 13px;
    }

    .margin-top-10-xs {
        margin-top: 10px;
    }

    .hotelreview .hotel-name {
        width: 175px;
    }

    .ui-datepicker {
        width: 200px !important;
    }

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        float: none;
    }

    #rating-filterMobile .btn-group > .btn,
    #rating-filterMobile .btn-group-vertical > .btn {
        width: 40px;
    }

    .btn-checkbox.btn:active,
    .btn-checkbox.btn.active {
        color: #fff;
    }

    .checkbox-filters .btn:hover,
    .checkbox-filters .btn:focus,
    .btn.focus {
        color: #fff;
    }

    .search-tab-content .btn-group {
        width: 100%;
        border: 0px solid red;
        text-align: center;
        margin-bottom: 15px;
    }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -4px;
    }

    .tab-container.full-width-style ul.tabs {
        width: 100%;
    }

    .tab-container.full-width-style .tab-content {
        width: 100%;
    }

    .tab-container.full-width-style ul.tabs li a > i {
        display: none;
    }

    .tab-container.full-width-style ul.tabs li a {
        height: 50px;
    }

    .tab-container.full-width-style.arrow-left ul.tabs li {
        margin: 0 5px 0px 0;
        width: 23%;
        float: left;
        display: inline-block;
    }


    .tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li a {
        text-align: center !important;
    }

    tab-container.full-width-style.arrow-left ul.tabs li:last-child {
        margin-right: 0 !important;
    }

    .tab-container.full-width-style.arrow-left ul.tabs li a {
        white-space: normal;
        line-height: normal;
        margin-right: 0;
    }

    .tab-container.full-width-style.arrow-left ul.tabs li a {
        padding: 10px 0;
    }

    .tab-container.dashboard ul.tabs li a {
        padding: 12px 5px !Important;
    }

    .sort-by-section .sort-by-title {
        float: left !important;
    }

    .sort-by-section .sort-bar .sort-by-container > span {
        padding: 0 10px;
    }

    .sort-by-section .sort-by-title {
        margin: 15px 0px 0 0;
        float: left !important;
    }

    .booking-history .sort-by-section .sort-by-title {
        margin: 8px 0px 0 0;
        float: left !important;
    }

    .booking-history .sort-by-section .sort-by-title {
        line-height: 34px;
    }

    h4.sort-by-title.pull-right {
        display: none;
    }

    .block-sm {
        margin-bottom: 0px !important;
    }

    #booking .booking-info div.date {
        height: 117px !important;
    }

    h4.box-title {
        font-size: 13px !important;
        text-overflow: initial !important;
    }

    .ti-signup-box,
    .ti-policy-box {
        width: 100%;
    }

    .session-box {
        width: 100%;
    }

    .sidebar {
        float: none;
    }

    .my-container2 .padding-top-8 {
        padding-top: 0px !important;
    }

    .full-width.sub {
        position: relative;
    }

    .listing-style3.flight .box,
    .listing-style3.flight.box {
        padding: 7px 7px 0px;
        border: 1px solid #d3d3d3;
    }

    .flight-logo span img {
        width: 60px;
        margin: 0;
    }

    .skin-color {
        line-height: 16px;
        padding-bottom: 0px;
    }

    .review-selection .panel {
        background: #fff;
    }

    .padding-xs-top-10 {
        padding-top: 10px;
    }

    .flight-pax-count span.sub {
        margin: 0;
        display: inline-block;
        padding-left: 10px;
    }

    .flight-pax-count div.col-sm-4 {
        margin-top: 10px;
    }

    .nofilterresult {
        padding: 10px;
    }

    /*article.box { box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); }*/
    .view-profile > article.box {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

    #profile {
        margin-top: 20px;
    }

    #changepasswordid {
        padding: 0 15px;
    }

    .btn-responsive {
        margin-top: 10px;
        clear: both;
    }

    .add-city {
        font-size: 14px;
        font-weight: bold;
    }

    #collapseTwo .table-responsive > .table > tbody > tr > td {
        white-space: inherit;
    }

    /*.mobile-modify .drop-alter { margin-top: 10px; }*/
    #filterModalLabel .modal-body {
        margin-top: 20px;
    }

    #filterModalLabel #price-filter .check_div_1 {
        margin-top: 30px;
    }

    .roompagepadding {
        padding: 20px;
    }

    .animated-background {
        position: relative;
    }

    .background-masker {
        background: none;
        position: absolute;
    }

    .animated-hotelSorting {
        display: none;
    }

    .animated-totalHotel {
        display: none;
    }

    .background-masker.header-right.price-band-2 {
        display: none;
    }

    .background-masker.header-right.price-band {
        display: none;
    }

    .background-masker.header-right.price-band-1 {
        display: none;
    }

    .pax-type b {
        font-size: 12px;
    }

    .flightreview .line:before {
        width: 40px;
    }

    #time-filterMobile rzslider {
        margin-top: 0px;
    }

    #time-filterMobile h6 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    #time-filterMobile h5 {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #price-filterMobile rzslider {
        margin-top: 30px;
    }

    /*flight Autocomplete css start*/
    flightautocomplete .autocomplete-options-container {
        min-width: 260px;
        position: absolute;
        direction: ltr;
        border: 0px solid #23e813;
        width: 250px;
    }

    .add-city-container {
        clear: both;
        left: -20px;
        right: 25px;
        position: relative;
        bottom: 28px !important;
    }

    .add-city-container-m {
        clear: both;
        float: right;
        right: 170px;
        position: absolute;
        bottom: 60px;
    }

        .add-city-container-m .add-city {
            color: #8a8a8a !Important;
        }

    .dropdown-menu {
        left: 0px;
    }

    .mrgn-top10-xs {
        margin-top: 10px;
    }

    /*    FAQ    */
    .tab-container.full-width-style ul.tabs {
        width: 100%;
        float: left;
    }

    .tab-container.full-width-style .tab-content {
        float: left;
        width: 100%;
    }

    .print-voucher {
        width: 100%;
    }

        .print-voucher .voucher-header td {
            display: block;
        }

        .print-voucher .voucher-booking-details td {
            display: block;
        }

        .print-voucher .voucher-hotel-details td {
            display: block;
        }

    .tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) {
        width: 100%;
    }

    .details .pkg-rate {
        text-align: right;
        float: right;
        width: 100%;
    }

    .package-list {
        margin-top: 10px;
    }

    .listing-style3.package figure img.package-result-img {
        width: 100% !important;
        height: auto !important;
    }

    .listing-style3.package .details {
        padding: 0 8px;
        display: inline-block;
    }

    .box-title {
        text-align: left;
        font-size: 12px;
        line-height: 18px;
        /*padding-bottom:15px !important;*/
    }

    .activity .box-title {
        padding-bottom: 5px !important;
    }

    .pkg-price {
        width: 100% !important;
        text-align: center;
        margin-top: 5px;
    }

    .listing-style3.hotel.pkg .details {
        padding: 2px 0 8px 10px;
    }

    .pkg-float-box {
        z-index: 9999;
        width: 100% !important;
        border: 1px solid #d8d8d8;
        padding: 0px;
        background: #fff;
        position: fixed;
        bottom: 0 !important;
        right: 0 !important;
        left: 0;
    }

    #mainMenuBar {
        background: #fff;
        z-index: 9999;
    }

    .stick .pkg-float-box {
        right: 0px;
        margin: 0 auto;
    }

    .pkg-btn-container {
        padding: 0px;
        margin: 10px 0;
        float: left;
        width: 100%;
    }

    .price-section {
        padding: 5px 0;
    }

    #gototopfrombottom {
        display: none !important;
    }

    #packagerates .tab-content {
        width: 100%;
        float: left;
    }

    #package-details .tab-content {
        width: 100%;
    }

    #Package-Itinerary .tab-content {
        width: 100%;
    }

    #hotel-details .tab-content {
        width: 100%;
    }

    #About_Destination .tab-content {
        width: 100%;
    }

    #package-flight .tab-content {
        width: 100%;
    }

    #package-details .intro {
        width: 100%;
    }

    .flight-include img {
        height: 25px;
        width: 60px;
    }

    .flight-include .arrow {
        font-size: 16px;
    }

    /*.flight-include .flight-timing{font-size:16px; font-weight:bold;}*/
    .flight-include .dep-city {
        font-size: 12px;
        font-weight: normal;
    }

    /*.add-room{left: 24px; bottom: 16px;}*/
    .add-room {
        position: absolute;
        border-left: hidden;
        left: 15px;
        bottom: 0px;
    }

    .close-btn {
        padding-top: 3px;
    }

    .add-in-first {
        border: red;
        bottom: -30px;
    }

    .payment-form img {
        width: 100%;
        height: auto;
    }

    .total-amount {
        margin-top: 10px;
    }

    .mobile-filter .nav > li > a {
        font-size: 14px;
        color: #ffffff;
        background: none;
    }

    #mobile-search-tabs a.fh {
        padding: 0 2px;
    }

        #mobile-search-tabs a.fh i {
            font-size: 19px;
        }

    .close-btn {
        margin-left: 40px;
    }

    /*.add-room{left:0}*/
    .modal-content .panel-title {
        margin-bottom: 10px;
    }

    .padding-left-21 {
        padding-left: 0px;
    }

    .update-search {
        float: left;
        width: 100%;
        margin: 5px 0;
    }

    .details .padding-top-40 {
        margin-top: 0px;
        padding-top: 10px;
    }

    .paxpanellink {
        position: relative;
    }

    .drop-alter-activity > a {
        line-height: 17px;
    }

    .price {
        display: inline-block;
    }

    .button-select-room {
        width: 80px !important;
        line-height: 25px !important;
        height: 25px !important;
        font-weight: bold !important;
        font-size: 12px !important;
    }

    .image-box.style10 .details a.button {
        margin-top: 0px;
        float: none;
        padding: 0px;
    }

    #main {
        margin-bottom: 0px;
        padding-top: 15px !important;
    }

    .room-box-responsive .service-price {
        width: 53%;
        display: inline-block;
    }
    .price-roomMob {
        width: auto !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .kwd-text-blk{
        color:#000!important;
    }
    .room-box-responsive .select-btn {
        display: inline-block;
        width: 45%;
        text-align: right;
        border: 0px solid red;
    }

        .room-box-responsive .select-btn > a {
            text-align: center !important;
            border-right: 0px solid #f5f5f5 !important;
            margin-top: 0px !important;
        }

    .room-box-responsive .can-policy {
        width: 52%;
        display: inline-block;
        /* text-align: right;
        margin-top: 10px;*/
        float: right;
    }

    .room-box-responsive .service-date-container {
        width: 47%;
        display: inline-block;
       
    }
    .text-strt{
        text-align:start;
    }
    .text-end-rtl{
        text-align:end;
    }
    .text-right-mob{
        text-align:right !important;
    }
    .txt-blk{
        color:#000!important;
    }
    .width-100-mob{
        width:100%;
        display:block;
    }
    .pdt-0{
        padding-top:0px!important;
    }
    .mb-10{
        margin-bottom:10px;
    }
    .flot-right{
        float:right;
    }


    .text-right-mobeng {
        text-align: left !important;
    }
    .width-100-mobeng {
        width: 100%;
        display: block;
    }

    .pdt-0eng {
        padding-top: 0px !important;
    }

    .mb-10eng {
        margin-bottom: 10px;
    }

    .flot-righteng {
        float: left;
    }

    .room-box-responsive .service-date {
        width: 100%;
        display: block;
        text-align: left;
        margin-top: 10px;
        border: 0px solid red;
    }

    .listing-style1.hotel .feedback,
    .listing-style1.cruise .feedback .add {
        padding-top: 0px;
    }

    .booking-details .timing {
        margin: 20px 0 0 0;
    }

    .img-pkg {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    /*<rooms page >*/
    .tab-content.scroll_auto.margin-top-5 {
        padding: 10px 10px 15px 30px !important;
        border: none;
    }

    .scrollToDiv {
        text-align: center !important;
    }

    h2.box-title.travel-title.padding-bottom-10 {
        padding: 0px;
        width: 100%;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {

    .txticon-activity {
        top: 32px;
    }

    .autocomplete-options-dropdown {
        overflow-x: scroll;
    }

    .autocomplete-option {
        font-size: 10px;
    }

    .ui-datepicker-group {
        float: left !important;
        width: 100%;
    }

    .ui-datepicker {
        width: 19.3em !important;
    }

    #ui-datepicker-div {
        left: 44px !important;
    }

    .txt-center {
        text-align: center;
    }

    .margin-zero {
        margin: 0 auto;
    }

    .contact-details {
        text-align: center;
    }

    .copyright {
        float: none !important;
    }

        .copyright p {
            text-align: center;
            clear: both;
            padding-top: 0px;
            margin-bottom: 5px;
            font-size: 12px;
        }

    #flights-tab .btn-group a.btn {
        font-size: 12px;
    }

    .image-box .box > .details,
    .image-box.box > .details {
        padding: 10px 0px;
        font-size: 11px;
    }

    .email-privacy {
        text-align: center;
    }

    .bottom .pull-left {
        text-align: center;
        float: none !important;
    }

    #hotel-details .toggle-container .panel.style1.arrow-right .panel-content {
        padding: 5px 28px;
    }

    #main #package-details .tab-content {
        padding: 10px 0px;
    }

    .hotel-detail-checkin {
        padding: 0px 0px 12px 0px !important;
    }

    #hotelroom .tab-content {
        padding: 0px 10px 10px 10px !important;
    }

    .details .padding-top-40 {
        margin-top: 0px;
        padding-top: 10px;
    }
}

@media (min-width: 768px) {
    .w-15 {
        width: 15%;
    }

    .w-85 {
        width: 84.7%;
    }


    .booking-history ul.sort-bar.clearfix.block-sm {
        margin-top: 10px;
    }

    .booking-history .sort-by-section {
        margin-bottom: 0px;
    }

    .sort-by-section {
        padding: 3px 9px;
        min-height: 56px;
        margin-bottom: 10px;
        position: relative;
    }

    .main_menu_inners {
        float: right;
    }

    .rowflex {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}

/*mujahid*/
@media (max-width: 1199px) {
    .modify-panel {
        max-width: 970px;
    }

    .pax-type {
        padding-top: 0px !important;
    }

    .sidebar .sidebarFixed {
        max-width: 300px;
    }
}

@media (max-width: 991px) {
    .roomp .agepadding {
        margin-top: 10px !important;
    }

    .fti_aboutus .services-captions {
        font-size: 14px;
    }

    .fti_aboutus .figure-images-02 img {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .flight-wrapper .dropdown-menu > li > a {
        padding: 0px;
        color: #000;
    }

    .dropdown-menu {
        min-width: 280px;
    }

    #main-1 {
        padding-top: 20px;
    }

        #main-1.roomp.agepadding,
        .container {
            padding: 0px 7px !important;
        }

    [class^="col-"],
    [class*=" col-"] {
        padding: 0px 7px !important;
    }

    .row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .travelo-box {
        padding: 7px;
    }

    .sidebar .sidebarFixed {
        max-width: 242px;
    }

    .car-detail-wrapper .car-detail-inner {
        padding: 7px;
    }

    .car-review-selection h4 {
        font-size: 15px;
    }

    .sort-by-section {
        min-height: 40px;
    }

    h5.sort-by-title-total.block-sm-total {
        margin-top: 6px;
        width: auto; /*Added by imran on date :09-Dec-2024*/
        float: left;
    }

    .car-wrapper .newsort-result {
        padding: 3px 7px;
    }

    .FH-modify ul.search-criteria.sort-bar {
        width: 100%;
        padding: 2px 0px;
    }

        .FH-modify ul.search-criteria.sort-bar li + li {
            margin-left: 10px;
        }

    .col-sm-12.listing-style3.flight {
        border-top: 1px dashed #d3d3d3;
    }

    .fh-book-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .fh-book-wrapper .book-btn {
            width: 150px;
        }

    .fh-tabwrapper .search-tabs {
        display: block !important;
    }

    .mobile-filter .nav > li > a,
    .mobile-filter .nav > li > a > i {
        color: #ffffff;
    }

    .mobile-filter .nav .open > a,
    .mobile-filter .nav .open > a:focus,
    .mobile-filter .nav .open > a:hover {
        background: none;
        color: #ffffff;
    }

    .mobile-filter .dropdown-menu {
        left: 0px;
    }

    #modifyModalLabel .modal-dialog {
        width: 100%;
    }

    #modifyModalLabel {
        padding: 0px 15px !important;
    }

    #filterModalLabel {
        padding: 0px 20px;
    }

    carcityautocomplete {
        position: relative;
        width: 100%;
        height: 34px;
        display: block;
    }

    .diffrentdrop-city .txticonT,
    .diffrentdrop-city .txticonS {
        top: 7px !important;
        left: 10px;
    }

    .mobile-modify {
        margin-top: 20px;
    }

    .request_plusmn,
    .splRQPolicyTgle,
    .fare-rule h5 {
        font-size: 13px;
    }

    .flight-fare-detail .row_1.line.mrgn-bottom3 span {
        font-size: 12px;
    }

    .cart-more-info-flight .flight-fare-detail .line:before,
    .cart-more-info-flight .flight-fare-detail .line:after {
        margin: 0 0px 0px 0;
        width: 20px;
    }

    .FH-flighttype span {
        display: inline-block;
        margin-bottom: 10px;
    }

        .FH-flighttype span + span {
            margin-left: 5px;
            border-left: 1px solid #d4d4d4;
            padding-left: 5px;
        }

    .booking-item-departure {
        margin-right: 3%;
        padding-right: 3%;
        border-right: 1px dashed #d4d4d4;
    }

    .cart-more-info-flight .mrgn-bottom3 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .modal-open .fh-tabwrapper .modal {
        background: rgba(0, 0, 0, 0.5);
    }

    .dropdown a > i.fas.fa-sort {
        color: #ffffff;
    }

    label.searchbox-text {
        font-size: 11px;
    }

    .paxpanel {
        left: auto;
        transform: translateX(0);
        right: 0px;
    }

    .col-md-2.col-sm-12.w-15 {
        width: 100% !important;
    }

    .sort-bar.progressbar.responsive-progress {
        position: absolute;
        right: 10px !important;
        top: 50%;
        width: auto;
        left: auto;
    }

        .sort-bar.progressbar.responsive-progress .progress {
            position: static !important;
            margin: 0px;
        }

    .mobile-filter ul.nav > li {
        float: left;
    }
}

@media (max-width: 767px) {
    .activity-main-wrapper article.resultBox.box img {
        padding: 0px;
        width: 100%;
        margin: 7px 0;
    }

    .sort-by-section .sort-by-title-total {
        padding: 0px 12px; /*added by imran 18-09-2023*/
    }

    .partners_tabs li {
        padding: 0px;
    }

    .car-wrapper article.resultBox.box > .row {
        display: block;
    }

    .FH-modify .search-criteria li > span span,
    .FH-modify .search-criteria li > span + span {
        font-size: 12px;
    }

    .FH-modify ul.search-criteria.sort-bar {
        padding: 0px;
    }

    .FH-modify .search-criteria li + li {
        margin-left: 10px;
    }

    .col-md-2.flight article.box {
        position: static;
        transform: translateY(0);
    }

    .fltHtl .col-md-5 {
        border-right: none;
    }

    .FH-modify .toggle-container .panel .panel-title a {
        line-height: normal;
        padding: 7px;
        margin-bottom: 10px;
    }

    .fh-tabwrapper .mobile-filter {
        padding: 0px;
    }

    #main-1.flight-hotel-main {
        padding-top: 0px;
    }

        #main-1.flight-hotel-main figure {
            max-height: 200px;
            overflow: hidden;
        }

            #main-1.flight-hotel-main figure img {
                width: 100% !important;
                height: auto !important;
            }

    .responsive-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .full-width.btn-small {
        min-width: 115px;
        max-width: 130px;
    }

    .fh-hoteladd h3 {
        font-size: 14px;
    }

    #main-1.flight-hotel-main .border-rdashed {
        border-right: none;
    }

    #main-1.flight-hotel-main .new-result-box figure {
        max-height: 80px;
    }

    .fh-price-wrapper {
        transform: translateY(0%);
        flex: 1;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        justify-content: space-between;
    }

    .mobile-text-right {
        text-align: right;
    }

    .mbr-dashed {
        border-right: 1px dashed #d3d3d3;
    }

    .new-detail-box .col-sm-9 {
        border-right: none;
    }

    #flight-tab .flight-list.dashed-border-top {
        border-top: none;
        border-bottom: 1px dashed #d3d3d3;
    }

    .flight-img-dtls {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5px;
    }

        .flight-img-dtls .flight-name-number, .flight-img-dtls .flight-number {
            flex: 1;
            text-align: right;
        }

    .stops-nonstop {
        float: left;
    }

    .timing.flight-timing {
        float: right;
    }

    .fh-modify.fh-noresult {
        margin-top: 15px;
    }

    .diffrent-date {
        margin-top: 10px;
    }

    .transfer-main-wrapper article.resultBox.box img {
        border: 1px solid #d3d3d3;
        padding: 15px;
        margin-top: 7px !important;
        width: 100%;
    }

    #main .tab-content {
        padding: 10px 10px !important;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -7px;
        margin-left: -7px;
    }

    .drop-alter > a {
        padding-top: 0px;
    }

    form .form-group {
        margin-bottom: 10px;
    }

    .request-support .request-txt {
        font-size: 16px;
    }

    .request-support .pull-right.red {
        float: none !important;
    }

    .request-support {
        margin-top: 0px;
        max-height: 400px;
    }

    .responsive_close-btn {
        margin-left: 0px;
    }

    .pickup-detail ul li {
        display: block;
        margin-right: 0;
        border-right: 0;
        padding-right: 0;
    }

    .print-modal-popup .table-responsive {
        margin-top: 15px;
        padding: 5px;
        border: 0;
    }

    .message.margin-top-20 {
        margin-top: 10px;
    }

    .sidebar .sidebarFixed {
        max-width: 100%;
        position: static;
    }

    .table-responsive.modal-popup-inner table {
        margin-top: 20px;
    }

    hotelautocomplete .autocomplete-options-dropdown {
        min-width: 100%;
    }

    .overflow-xs {
        height: 600px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .package_list .row {
        display: block;
    }

    .row.image-box {
        margin-top: 10px;
    }

    .package-list-collapse {
        border: none;
    }

    .mobile-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .promo_pkg_name {
        padding: 10px !important;
    }

    .numberofresultshowing {
        position: static !important;
    }

    .promo_pkg_waiting_timline {
        height: 15px !important;
    }

    .flight-btngrp-wrapper > div + div {
        margin-left: 0px;
        position: static;
    }

    .search-box-wrapper.flight-noresult {
        padding: 15px 0px;
    }

    .modify-pane.fh-modify .panel-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ui-datepicker {
        max-width: 230px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .navbar-nav.top-menu .open .dropdown-menu,
    .navbar-nav.top-menu ul.dropdown-menu.main-navigation {
        position: absolute;
        z-index: 99999;
        left: auto;
        right: 0px;
        min-width: 160px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .navbar-nav.top-menu .dropdown i.fa-chevron-down {
        float: none;
        color: #000000;
    }

    .navbar-nav.top-menu ul.dropdown-menu.main-navigation:before {
        border-bottom: 12px solid #CCC;
        margin-left: 0px;
        right: 9px;
        left: auto;
    }

    .navbar-nav.top-menu ul.dropdown-menu.main-navigation:after {
        margin-left: 1px;
        right: 10px;
        left: auto;
    }

    .navbar-nav.top-menu .drop-down-menu-login {
        padding: 0px;
        font-size: 12px;
        height: 35px;
        width: 35px;
        margin-top: -19px;
        line-height: 35px;
    }

    .navbar-nav.top-menu .dropdown-menu > li > a {
        padding: 5px 10px !important;
    }

    .sort-bar.progressbar.responsive-progress {
        margin-top: -6px;
    }

    #booking .booking-info {
        padding: 10px 0px;
    }

        #booking .booking-info h5.box-title, #booking .booking-info .info {
            border-top: 1px solid #d4d4d4;
            margin-top: 10px;
            padding-top: 10px;
        }

    .login-detailspage .full-width {
        width: 100%;
        max-width: 100%;
    }

    #flight-details .flights .table-cell {
        min-width: 150px;
    }

    .fltHtl .flight-hotel article.box {
        border: none;
    }

    .fltHtl .hotel-list.hotel,
    .col-md-2.listing-style3.flight {
        border-top: 1px dashed #d3d3d3;
    }

    .fh-book-wrapper .book-btn {
        width: auto;
    }

    #btnContactus {
        margin-top: 15px;
    }

    .swap-wrapper {
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(0px);
        top: 100%;
    }

    .modal-popup-inner {
        max-height: 400px;
    }

    .transfer_car_details tr td {
        min-width: 130px;
    }

    .contact-social {
        float: right;
        width: 100% !important;
    }

    .contact-us-box.displ-blk-w-100 {
        width: 100% !important;
        display: block !important;
    }
    .width-12{
        width:auto !important;
    }
    .width-21{
        width:45% !important;
        margin-bottom:10px;
    }
    .travelo-box > div {
        width: 100%;
        display: block !important;
    }
        .travelo-box > div>div {
            width: 100% !important;
            justify-content: left !important;
        }

}

@media (max-width: 360px) {

    button.navbar-toggle,
    button.navbar-toggle:hover {
        padding: 10px 10px 10px 3px;
    }

    .navbar-nav.top-menu .drop-down-menu-login {
        font-size: 11px;
        height: 30px;
        width: 30px;
        line-height: 32px;
    }

    button.btn-small, input[type="button"].button.btn-small, a.button.btn-small {
        height: 34px;
        line-height: 34px;
    }

    section#content {
        margin-top: 10px;
    }

    .forgot-btn-wrapper button {
        max-width: 115px;
    }
}

.add-city-container {
    bottom: 50px
}

.add-city-containerNR {
    bottom: 83px
}

img.logostyle {
    width: 100%;
}

#booking .booking-info a.button.btn-small, #booking a.button.btn-small {
    padding: 0 10px;
    font-size: 12px;
}

.login-detailspage #main .tab-content {
    padding: 15px !important;
}

.txticonMM {
    color: #ffd500;
}

.list-a1 li:before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #e32129;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.list-a1 li {
    list-style-type: none !important;
}

.list-a1 li, .panel-ovex .text-a > ul > li {
    font-size: 13px;
    line-height: 25px;
    color: #5a5a5a;
    padding-bottom: 7px;
    margin-bottom: 7px;
    position: relative;
    padding-left: 20px !important;
}

.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li a {
    background: #fff !important;
    color: #000 !important;
}

.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li.active a {
    color: #fff !important;
    background: #0a75af !important;
    /*color: #000 !important;*/
}

.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li:hover > a {
    color: #fff !important;
    background: #0a75af !important;
}

.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li.active:hover > a {
    color: #fff !important;
    background: #0a75af !important;
}

.newsroom-cek-a p {
    text-align: justify;
}



@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
    .transfer-pax-count.paxpanel.insurance {
        left: 30%;
        position: absolute;
    }

    .web-logo {
        width: 120px;
    }

    .popular-image img {
        height: 180px;
    }

    header .navbar-nav.navbar-right > li, header .navbar-nav.navbar-right {
        display: block;
        align-items: center;
    }

        header .navbar-nav.navbar-right > li > a span.hidden-sm {
            display: block !important;
           /* margin-left: 5px;*/
           margin-right:7px;
        }

        header .navbar-nav.navbar-right > li > a {
            font-size: 12px;
            display: flex;
            align-items: center;
            direction: ltr;
            margin:0px 4px!important
        }

            header .navbar-nav.navbar-right > li > a .fa-phone {
                rotate: 90deg;
            }

        header .navbar-nav.navbar-right > li > a {
            padding: 7px 10px;
        }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .date-picker-wrapper {
        margin: auto !important;
        left: 0 !important;
        right: 0px !important;
        width: 650px !important;
    }
    .menu.mini {
        width: 260px;
    }
}