/*
 * 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*/
           .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;
        padding: 3px 3px 3px 0 !important;
        background: rgba(75, 170, 214, .15);
        margin-bottom: 0px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        font-size: 14px;
    }

    .price small,
    .price-responsive small {
        font-size: 11px;
        margin-bottom: 2px;
    }

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

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

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

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

    .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: 8px 0 8px 10px;
    }

    .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: 46%;
        display: inline-block;
    }

    .room-box-responsive .select-btn {
        display: inline-block;
        width: 52%;
        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;
    }

    .room-box-responsive .service-date-container {
        width: 47%;
        display: inline-block;
    }

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

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

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

@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: #dc0c14; color:#fff !important;}
.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li.active a {
    color: #000 !important;
}
.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li:hover > a{ background: #dc0c14!important; color:#fff !important;} 
.tab-container.full-width-style ul.tabs:not(#myaccountLeftMenu) li.active:hover > a {background:#fff !important;color:#000 !important;}
.newsroom-cek-a  p{ text-align:justify;}