/*
 * 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 */
    .new-detail-box-flex {
        display: flex;
    }
    .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) {
    .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;
    }
}

@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;
    }
}
/* 3. Styles for devices(>=992px and <=1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .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) {
    .nav-md .right_col {
        margin-left: 0px;
        min-height:auto !important; /*added by imran 21-11-2025*/
    }

    .menu_dropdown li {
        /*display: block;*/
        float: none;
    }

    .page-title {
        height: auto;
    }

    .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

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

    #header {
        padding-top: 0 !important;
        background: none !important;
    }

        #header .logo {
            float: none !important;
            position: static !important;
            padding-top: 19px;
            height: 66px;
            margin: 0 !important;
            display: block;
        }

            #header .logo a:after {
                display: none !important;
            }

            #header .logo a {
                background-size: auto 30px;
            }

            #header .logo img {
                height: 30px;
                width: auto;
                filter: alpha(opacity=0) !important;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
                -moz-opacity: 0 !important;
                -khtml-opacity: 0 !important;
                opacity: 0 !important;
            }

        #header .main-navigation {
            background: #fff;
        }

        #header .mobile-menu-toggle {
            display: block;
        }

        #header #main-menu {
            /*display: none;*/
            height:auto;
        }

        #header .topnav {
            display: none;
        }

    .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: 15px 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) {
    .tab-container.full-width-style ul.tabs {
        width: 20%;
    }
    .cloud_repeat {
    height: 76px !important;
}

    .tab-container.full-width-style .tab-content {
        width: 80%;
    }
    ul#mobile-search-tabs li a{
        padding:0 0px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    /*.hidden-xs { display: block !important; }*/
}
/* 7. Styles for devices(<=767px ) */
@media (max-width: 767px) {
    /* remove chaser in mobile */
    .chaser {
        display: none !important;
    }

    .corporate_sections {
        display: none;
    }

    .custom-form {
        padding: 30px 20px;
        background-position: center center !important;
    }

    h1.dynamiclogo.navbar-brand a {
        margin-top: 10px !important;
        display: block;
        margin-left: 15px;
    }

    .copyright_rights > p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .pull-right.col-lg-3.margin-top-7 {
        text-align: center;
        margin-top: 0px;
    }

    .cloud_repeat {
        height: 15px !important;
    }

    .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;
            }

    section#content1 {
        background: #e3f1fe;
        border-top: #ff6d09 solid 1px;
      /*  min-height: calc(100vh - 30vh);*/
        height:auto !important;
    }

    .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: 15px 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; */
}
}
/* 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%;
    }*/

    .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;
    }

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

    .row {
        padding: 0 3px;
    }

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

/* custom css by shekhar*/
@media (min-width: 991px) and (max-width: 1199px) {
    .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;
    }
}

@media (min-width: 768px) and (max-width: 990px) {

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

    ul#mobile-search-tabs li {
        position: relative !Important;
        width: 135px !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: #ffffff;
    }

    .bx-controls {
        display: none;
    }

    .explore-img {
        width: 100%;
        height: 190px !important;
    }
    /*.block-sm {
        float: left !important;
        margin-bottom: 10px !important;
    }*/
    .search-criteria li {
        margin: 0 15px;
        padding: 0;
    }

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

    .search-criteria {
        margin-bottom: 0px !important;
        float: right !important;
        width: 80%;
        margin-top: 14px;
    }

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

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

    li.search-date span {
        /*margin:0 0 0 10px;*/
    }

    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 {
            /*padding: 5px;*/
        }

    .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;
        height: auto !important;
    }

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

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

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

    .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;
    }
}

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

    /*imran new responsive css start 20-11-2025*/
    #myModal .modal-lg {
        width: auto !important;
    }
    .creditLMT-row {
        display: block;
        justify-content: end;
        margin-right: 10px;
    }
    .mrgn-right-20 {
        margin-right: auto;
    }
    .flt-L {
        float: none;
        display: block
    }

    .flt-R {
        float: none;
        display:block;
        margin-top:5px;
    }
    .grid-tbl .table .table-bordered th{
        white-space:nowrap;
    }
    .grid-tbl .table .table-bordered tr {
        white-space: nowrap;
    }
    .grid-tbl .table.table-bordered .form-group{
        margin-top:0px !important;
    }
    .pkg-add-room-btn {
        font-size: 14px !important;
    }
    .pg-bar {
        right: 5px !important;
        top: 3px !important;
        left: auto !important;
    }
    .topLogos {
       /* display: block !important;*/
        align-items: center;
        justify-content: space-between;
    }
    .topLogoWithNum {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .topLogoWithNum h1.navbar-brand {
            padding: inherit;
            margin: 5px 0px;
        }

    .navbar {
        min-height: auto;
        margin-bottom: 0px;
    }

    .navbar-default {
        background-color: #171717 !important;
    }

        .navbar-default .navbar-toggle {
            border-color: #ddd;
            margin: 0;
            margin-top: 3px;
            padding: 0px 8px;
        }

    .navbar-header {
        background: #171717;
    }

    .navbar-left {
        margin-left: auto;
    }

    .nav > li {
        display: block;
        float: none;
    }

    .navbar-right {
        margin-right: auto;
    }

    .navbar-collapse {
        padding: 0px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 5px 5px;
    }

    .call-no {
        line-height: 15px;
        font-size: 14px;
        padding-top: 2px;
    }

    .conatainer-back {
        min-height: auto !important;
    }

    .swap-wrapper {
        left: 45%;
        right: 0;
        transform: none;
        top: auto;
    }

    .search-box-wrapper {
        margin-top: 12px;
        margin-bottom: 12px;
    }

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

    .visible-mobile ul#mobile-search-tabs li.active {
        background: #000;
        border-radius: 8px;
    }

    .visible-mobile ul#mobile-search-tabs li {
        position: relative !Important;
        width: 108px !Important;
        display: inline-block !Important;
        /* font-size: 28px; */
        background: #c5c5c5;
        text-align: center;
        border-radius: 8px;
        margin-bottom: 8px;
    }

    .visible-mobile .search-tabs li a {
        color: #000;
    }

    .visible-mobile .search-tabs li a {
        font-size: 14px;
    }

    .visible-mobile ul.search-tabs li.active a {
        color: #fff;
    }

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

    .custom-form {
        padding: 20px 20px !important;
       /* border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;*/
        /* min-height: 290px !important;*/
        min-height: auto !important;
    }

        .custom-form .btn-primary {
            margin-bottom: 0px !important;
        }

        .custom-form .xs-mt-0 {
            margin-top: 0px !important;
        }

    .login_headings {
        display: none;
    }

    .responsive_hamburge button.navbar-toggle {
        margin-right: 0px;
    }

    .responsive_hamburge .dynamiclogo img {
        width: 70%;
    }

    .loginTopHeader {
        padding-right: 0;
    }

    .xs-mrgin-left-15 {
        margin-left: 15px;
    }

    section#content {
        height: auto;
    }

    .birthBoxHeight {
        height: auto !important;
    }

    .pdr-5 {
        padding-right: 15px !important;
    }

    .pdl-0 {
        padding-left: 15px !important;
    }

    .btnforgotLogin {
        display: flex;
        padding-top: 8px;
    }

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

    .select2-container {
        margin-bottom: 5px !important;
    }

    .xs-mt-0 {
        margin-top: 0px !important;
    }

    .roleRightTable table tr th {
        white-space: nowrap;
        padding: 3px
    }

    .roleRightTable table tr td {
        white-space: nowrap;
        padding: 3px
    }
    .form-group .btn {
        margin-bottom: 5px !important;
    }
   /* #btnaddnew {
        margin-bottom: 10px;
    }*/
    /*#btnExportToExcel {
        margin-bottom: 10px;
    }*/
    .padding-xs-0 {
        padding: 0px !important
    }

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

    .pdb-xs-0 {
        padding-bottom: 0px !important
    }

    .pdt-xs-0 {
        padding-top: 0px;
    }

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

    .custmwidth {
        width: 100% !important;
    }

    .custmtxtwidth {
        width: 100% !important;
    }

    #AddeditEmployee .mandatory {
        margin-top: 5px;
        display: inline-block;
    }

    #Other1 span {
        margin-top: 5px;
        display: inline-block;
    }

    .price-wrapper-new-hotel {
        transform: none !important;
    }

    .logowidth-Rw {
        width: 65px;
    }

    .rwfont-9 {
        font-size: 9px !important;
    }

    .location {
        font-size: 9px;
    }

    .search-city-normal {
        font-weight: 500 !important;
        font-size: 13px;
    }

    .timingspn-rw {
        margin-top: 10px;
        display: block;
    }

    .hrbdr-rw {
        width: 35px;
    }

    .containerradio-RW {
        text-align: left !important;
    }

    .padding-0-15 {
        padding: 0px 10px !important;
    }

    [class^="col-"],
    [class*=" col-"] {
        padding: 0px 7px !important;
    }
    .new-detail-box-trip .row {
        margin-left: -7px !important;
        margin-right: -7px !important;
    }
    .new-detail-box-flex.row {
        margin-left: -7px !important;
        margin-right: -7px !important;
    }
    .roomToggle {
        z-index: 9999;
        position: relative;
    }
    .row {
        margin-left: -7px;
        margin-right: -7px;
    }

    .time-start {
        padding-left: 0px;
    }

    .timiin-sec li {
        margin-left: 0px;
    }

    .timiin-sec.text-right-align {
        text-align: right;
        margin-top: 8px;
        padding-right: 7px;
    }

    .containerradio {
        /* text-align: left; */
        text-align: right;
        font-size: 12px;
        margin-bottom: 5px;
    }

    #btngoHome {
        margin-bottom: 10px;
    }

    .refundNon {
        display: inline-block;
        padding: 0px 4px;
        border-radius: 24px;
        border: 1px solid #d3d3d3;
        margin-top: 0px;
    }

    .sidebar-flight-detail .pull-left {
        float: left !important;
    }

    .booking-details {
        margin-top: 10px;
    }

    a.show-hide-text {
        color: transparent;
    }

    #openTripdetails button.close {
        font-size: 34px;
        font-weight: bold;
        z-index: 9999;
        position: absolute;
        right: 14px;
        padding: 0 5px;
        margin-top: 5px;
    }

    .hotel-detail-popup-box .tab-content {
        height: 312px !important;
    }

    #hotel-main-content .tabs {
        padding: 0px;
    }

    #hotel-main-content ul.tabs li {
        margin-bottom: 8px;
    }

    .other-details .feature.pull-left {
        float: left !important;
    }

    .other-details .value.pull-left {
        float: left !important;
    }

    .dblk-xs {
        display: block !important;
    }

    .tab-flight .nav-tabs {
        float: left;
        margin-top: auto;
    }

    #flight-detail-popup .nav-tabs {
        float: none;
    }

    #flight-detail-popup .nav > li {
        display: inline-block;
        float: left;
    }
    .mobile-filter .nav > li{
        display:inline-block;
    }
    .mobile-filter .dropdown-menu > li > div.sort-txt {
        padding-left: 6px;
        color:#000;
    }
    .mobile-filter .dropdown-menu > li {
        padding: 5px 3px;
    }
    .bg_fix {
        bottom: 8.2% !important;
    }
    .loaderlogin{
        margin:auto;
    }
    #room-loader {
        margin-left: auto !important;
    }
    /*imran new responsive css end 20-11-2025*/
    .navbar-inverse .navbar-toggle {
        border-color: #ff6a00;
        background: #ff6a00;
    }

    .dialog-holder {
        position: absolute;
        top: 40%;
        left: 0% !important;
        width: 96% !important;
    }

    .search-booking-chkbox-sec {
        margin-left: 0px;
    }

    .input_wrapar_search input, .input_wrapar_search select {
        width: 100%;
        margin-bottom:5px; /*Added by imran 26-11-2025*/
    }

        .input_wrapar_search input[type="radio"] {
            width: auto;
        }

        .input_wrapar_search input[type="checkbox"] {
            width: auto;
        }

    .nav_menu .toggle {
        float: left;
        margin: 0;
        padding-top: 5px;
        width: 70px;
    }

    .responsive_hamburg .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:focus {
        background-color: #ff6d08;
        border: none;
    }

    .responsive_hamburge button.navbar-toggle.collapsed {
        background: #ff6d08;
        border: none
    }

    .responsive_hamburg .navbar-inverse .navbar-toggle {
        background: #ff6d08;
        border: none;
    }

    .top_header_responive {
        background: #fff;
        border: none;
    }

    .header-top {
        margin-left: -10px;
    }
    .number_site .header-top{
        width:100% !important;
    }

    #main-menu {
        height: auto;
    }

    .conatainer-back {
        padding: 15px;
    }

    .page-title .title_left h1 {
        font-size: 16px;
        font-weight: bold;
        color: #5a5a5a;
        margin-bottom:0px;
    }

    h1.dynami.clogo.navbar-brand > a > img {
        width: 70%;
    }

    .menu_dropdown li a {
        line-height: 20px;
        padding-top: 0px;
        font-size: 13px;
    }

    .number_site {
        padding: 0px 8px !important;
    }

    .menu_dropdown li {
        display: block;
        float: none;
    }

    h1.dynamiclogo a {
        margin-left: 10px;
    }

    .menu_dropdown {
        height: auto !important;
        margin-right: 0px;
    }

    .custom-form {
        width: 100% !important;
    }

    .corporate_sections {
        display: none;
    }

    .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: #ffffff;
        }

    .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;
    }

    .social-icons li {
        display: none;
    }

    #footer .footer-wrapper {
        padding: 0;
    }

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

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

    #footer .bottom .copyright {
        font-size: 1.0833em;
        /*width: 100%;
        margin: 0;*/
    }

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

    .panel {
        background: transparent;
    }

    .pax-count-hotel {
        width: 280px;
    }

    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;
    }



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

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

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

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

    .listing-style3.hotel .box-title {
        font-size: 14px;
        display: grid;
        margin-top:5px;
    }

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

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

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

    .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 {
        /*overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;*/
        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: 2px 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: bold;
        z-index: 9999;
        position: absolute;
        right: 14px;
        padding: 0 5px;
        top:-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;
        font-weight: bold !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 3px 0px 0;
        width: 32%;
        float: left;
        display: inline-block;
    }

    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-bar {
        float:left !important;
    }*/
    .sort-by-section .sort-by-title {
        margin: 15px 0px 0 0;
        float: left !important;
    }

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

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

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

    h4.box-title {
        width: 153px !important;
        font-size: 11px !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: 5px;
    }

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

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

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

    .flight-pax-count {
        width: 260px;
    }

    .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;
    }
    /*.search-box-wrapper.style2 .search-tab-content {
    background: rgba(255,255,255,1);
}*/

    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;
    }
    /*.dropdown-menu{ padding: 5px; }*/
    .mobile-modify {
        /* margin-top: 20px;*/
        margin-top: 0px;
        padding-bottom:0px;
    }
        .mobile-modify .btn-group{
            margin-bottom:0px !important;
        }

        .mobile-modify .drop-alter {
            margin-top: 10px;
        }

    #filterModalLabel .modal-body {
        margin-top: 20px;
    }

    #filterModalLabel #price-filter .check_div_1 {
        margin-top: 30px;
    }
    /*rzslider{margin-top:40px !important;}*/
    .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;
    }

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

    #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;
        float: right;
        right: 0px;
        left: 50px;
        position: absolute;
        bottom: 64px;
    }

    .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%;
    }
    .navbar-header.responsive_hamburge {
        margin: 0px !important;
    }
    .btm-strip {
        position: fixed;
        background: #fff;
        box-shadow: -3px 2px 2px 2px #b3b3b3;
        width: 100%;
        bottom: 0;
        padding: 8px 0;
        z-index: 999;
        display:flex;
    }
        .btm-strip .container{
            width:100%;
        }
        .btm-strip-icon {
            padding: 0;
            list-style: none;
            display: flex;
            justify-content: space-around;
            text-align: center;
            margin-bottom: 0;
        }
        .btm-strip-icon li {
            display: inline-block;
        }
            .btm-strip-icon li a.active {
                display: inline-block;
                color: #171717;
            }
            .btm-strip-icon li a span {
                font-size: 14px;
                font-weight: 400;
            }
            .btm-strip-icon li a i {
                font-size: 16px;
            }
    .nav-sm span.fa{
        display:block;
    }
    .landing-page-buttons {
        border: 1px solid #171717;
        padding: 8px 6px;
        border-radius: 12px;
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        display: flex;
        align-items: center;
        white-space: nowrap;
        justify-content: space-between;
    }
        .landing-page-buttons img {
            float: right;
            padding: 0px 0px 0px 5px;
            width: 30px;
        }
}

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

@media (max-width: 320px) {
    .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: 20px;
            margin-bottom: 0px;
            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;
    }
}

.top_header_responive {
    background: #fff;
    border: none;
}

.navbar-header.responsive_hamburge {
    background: transparent;
}

@media(min-width:768px) {

    .w-85 {
        width: 84.7%;
    }

    .w-15 {
        width: 15%;
    }
}