@media only screen and (max-width:770px) {body{background-color:#fff;}
.select2-drop-active{width:100% !important;left:0px !important;top:0px !important;bottom:0px !important;position:fixed !important;padding:0px 5px 0 5px !important}
.home-bg-img{height:475px !important;}
.home-bg-img{min-height:100vh !important;}
.search-section{top:55px;}
.slider_main_home{position:static !important;}
.datepicker.dropdown-menu{position:fixed;left:0px !important;width:100% !important;top:0px !important;height:100vh;}
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td{padding:20px 4px;}
.navbar-nav{margin:0px 0px;}
.datepicker:after{border-bottom:0px;}
.modal-content{height:100vh;}
.modal-dialog{width:100%;margin:0px;}
.modal-content{border:0px solid rgba(0,0,0,.2) !important;border-radius:0px !important;}
.search-section{margin-top:-55px !important;}
.mobfix{padding-right:0px;padding-left:0px;}
.main-background{box-shadow:none !important;}
.nav-tabs.nav-justified{width:100% !important;border-bottom:0;}
.h1, .h2, .h3, h4, h5, h6{margin-top:5px;margin-bottom:10px;}
.mt-16{margin-top:-16px;}
.bb{position:fixed;bottom:0;width:100%;left:0;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px;}
.navbar-form{padding:10px 5px;margin-top:14px;margin-right:-15px;margin-bottom:-13px;}
.dropdown{width:100%;}
.nav>li>a{position:relative;display:block;width:100%;font-size:12px;}
.datepicker.dropdown-menu{position:fixed;left:0px !important;width:100% !important;top:0px !important;height:100vh;}
.datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td{padding:20px 4px;}
.datepicker:after{border-bottom:0px;}
.datepicker table thead tr{height:50px;}
.datepicker table{height:450px;}
.select2-results{height:100% !important;max-height:100% !important;}
.searchground{padding:20px 0 0 0;background:rgba(255, 255, 255, 0.6);}
.searchbg{color:#000;}
.search-box-with{width:100%;}
.select2-drop-active{margin-top:0 !important;background: white;height: 100%;}
.searchground{box-shadow:none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;}
.ellipsisFIX{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;width:100%;float:none !important;display:inline-block !important;}
body{font-size:16px !important;}
.form{font-size:16px !important;}
.mob-mt{margin-top:0px !important;}
.mob-fs10{font-size:10px !important;}
.mob-fs14{font-size:14px !important;}
.mob-fs18{font-size:18px !important;}
.rooms-book-button{margin-top:4px !important;margin-bottom:3px !important;}
.p0{padding:0px !important}
.mob_w100p{width:100%;}
.modal-content{height:100vh;}
.modal-dialog{margin:0px !important;}
.bb{position:fixed;bottom:0;width:100%;left:0;}
.modal-footer{background-color:transparent;padding:15px;text-align:right;border-top:1px solid transparent;}
.img_list img{margin-top:-22px;}
@media (max-width:992px){.mob-hotel-padding{padding:0 5px !important;}
.distance{margin:0;}
.mobile_filter_menu{padding-right:15px !important;position:absolute;background:#fff;z-index:1000;top:0;padding:15px;margin-top:0;left:-100%;transition:all 0.3s;width:100%;padding-bottom:58px;}
.mobile_filter_target{color:#fff !important;text-decoration:none !important;}
#mobile_filter_menu:target{left:0;}
}
.img_list{min-height:110px;}
.img_list img{height:100px;}
.labelright .text-success{padding:10px 0px 0px 0px;}
.pl15pr0{padding-left:0;padding-top:8px;}
.review{margin-top:6px;padding:2px;border-top:none;border-bottom:none;font-size:16px;}
.list_title{font-size:14px;margin-bottom:5px;}
.btn-action{background:#4611a7;color:#ffffff;padding:6px;font-size:13px;border-radius:3px;text-align:center;cursor:pointer;}
.pagination-margin{margin-bottom:0px;}
.fotorama__nav--thumbs{display:none !important}
.mob-row{padding-right:0px !important;padding-left:0px !important;}
.mt-15{margin-top:-15px;}
.avgprice{top:-1px;left:0px;}
.p0{padding:0px;}
.check_dates{color:#dd3467;}
.mt-5{margin-top:-5px;}
.desc-scroll{padding-left:2px;max-height:100%;overflow-y:hidden;padding-right:10px;}
.flight-result-grid .layover{margin:0 20% 0 12%;}
.flight-price-grid strong{font-size:16px;line-height:15px;margin-bottom:10px;}
.flight-price-grid button{width:100%;background:#3b3b3b;font-size:12px;}
.flight-price-grid{padding-top:10px;}
.trip-title small{width:200px;}
.flight-result-grid .layover-bottom{border-top:1px solid #dbdbdb;margin-top:26px;padding-top:5px;position:relative;}
.flight-result-grid .available-seat button{border:1px solid #ccc;color:#194e91;cursor:pointer;margin:51px 0px -1px -20px;}
.flight-result-grid{border-bottom:0px solid #ddd;border-top:0px solid #ddd;}
.dropdown-menu{overflow-y:scroll;max-height:230px;}
.promo-section { height: 500px !important; }
.price_tab {margin-top: 32px;}
.price_tab .fs26 { font-size: 18px; }
.book_button {min-height: 46px;}
.img_list_rooms { min-height: 170px; }

.trip-check { background: rgba(0, 0, 0, 0.36); margin: 0px 0px 0px 0px; }
.class { width: 100%; background: transparent; color: white; padding: 6px; margin-top: 20px; text-transform: uppercase; letter-spacing: 1px; }
.hotel-person { margin-top: 15px; }
.search_padding { padding: 0 0px !important }
.user_menu { padding: 0px 0px; background-color: #ffffff; border: none; border-radius: 22px; box-shadow: none; outline: none; opacity: 1; transition: background-color 300ms ease-in-out; transition: opacity 200ms; height: 38px; margin-top: 10px; }
.navbar-side>li>a { font-size: 12px; text-transform: uppercase; color: #171717 !important; margin-top: 0px; }
}

.bottom-panel {
    height: 70px;
    background-color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0 5px 5px;
    box-shadow: -1px -1px 10px 0 #0031bc66;
}

.bottom-panel .bp-col {
    width: 25%;
    height: 100%;
    text-align: center;
    float: left;
    border-right: 0 solid #ddd;
}

.bottom-panel .bp-col a {
    width: 100%;
    display: block;
    height: 100%;
    color: #0031bc;
}

.bottom-panel .bp-col .bp-icon {
    padding: 8px 0 3px;
    font-size: 24px;
}

@media screen and (max-width: 451px) {
    #body-section {
        padding-bottom: 55px;
        margin-top: 10px;
    }

    #mobile-header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .promo-section {
        height: 100vh !important;
    }

    .mobile-banner {
        margin-bottom: 40px;
        overflow: visible;
    }

    .module-tab li a,
    .module-tab li a i {
        font-size: 36px;
    }

    .hotels .owl-wrapper,
    .flights .owl-wrapper,
    .football-matches .owl-wrapper {
        padding: 15px 5px;
    }

    .hotels .owl-item,
    .flights .owl-item,
    .football-matches .owl-item {
        padding: 0;
        margin-right: 15px;
        border-radius: 7px;
        overflow: hidden;
        box-shadow: 1px 1px 10px 0 #0031bc66;
    }

    .owl-item .flight-box-styling {
        margin: 0;
    }

    .owl-item .imgLodBg {
        min-height: 220px;
        max-height: 220px;
    }

    .owl-item .imgLodBg img {
        width: 100%;
        max-height: 220px !important;
        min-height: 220px !important;
        object-fit: cover;
    }

    .football-matches .owl-item .imgLodBg img {
        object-fit: contain;
    }

    .hotels .owl-item h5,
    .flights .owl-item h5,
    .football-matches .owl-item h5 {
        margin-bottom: 0;
    }

    .hotels .owl-item .additional-info,
    .flights .owl-item .additional-info,
    .football-matches .owl-item .additional-info {
        background: transparent;
        padding: 12px 10px;
        color: #0031bc;
    }

    .featured-back {
        color: #0031bc;
        background: #fff;
    }

    .featured-back .container {
        padding: 0 10px;
    }

    .promo-section > .cell {
        display: flex;
        position: relative;
        justify-content: center;
        min-height: 80vh;
        padding: 0;
    }

    .search_head {
        padding-top: 50px;
        background: url("../../../../assets/mobile/img/slide1.jpg") no-repeat center center;
        background-size: cover;
        transition: all 0.3s ease-in-out;
    }

    .trip-check {
        margin-top: 15px;
        border-radius: 10px;
    }

    .select2-container{
        background: transparent !important;
    }

    .search-button,
    .select2-container .select2-choice,
    .form, .class {
        border-radius: 10px !important;
        background: rgba(0, 0, 0, 0.5);
        color: #fff !important;
    }

    .arrivalTime{
        background: rgba(0, 0, 0, 0.65) !important;
    }

    .loader-form .iconspane-lg{
        color: #fff;
    }

    .search_head .btn-lg {
        border-radius: 5px !important;
    }

    .header-transparent{
        padding-top: 0 !important;
    }

    .header-transparent #mobile-header{
        background: transparent;
        box-shadow: none;
        z-index: 999;
    }

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

    .header-transparent .search_head{
        padding-top: 100px;
    }

    .header-transparent .bottom-panel{
        background-color: #00000088 !important;
    }

    .header-transparent .bp-col a{
        color: #fff;
    }

    .flight-bg{
        background: url("../../../../assets/mobile/img/flight-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .tour-bg{
        background: url("../../../../assets/mobile/img/tour-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .trips-bg{
        background: url("../../../../assets/mobile/img/trips-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .hotel-bg{
        background: url("../../../../assets/mobile/img/hotel-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .football-bg{
        background: url("../../../../assets/mobile/img/football-bg.jpg") no-repeat center center;
        background-size: cover;
    }

    .promotions .probox{
        margin: 10px 0;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 2px 2px 6px 2px rgba(0,0,0, 0.2);
    }

    .post-img{
        height: 150px !important;
    }

    .desc.row{
        padding: 10px 30px;
    }

    .promotions img{
        height: 160px;
    }

    .header-transparent .navbar-default .navbar-toggle{
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
    }

    .header-transparent .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
    }

    .header-mob{
        margin-top: 58px;
    }

    .featured-flight-container img{
        height: 270px;
    }
}

.section-home {
    position: relative;
    width: 100%;
    padding: 0 30px;
    margin-top: 80px
}

.home-icon .s-icon {
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
}

.home-icon .s-icon a{
    background: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    padding: 10px;
    width: 100%;
    color:#fff;
    box-shadow: 1px 1px 10px 0 #0031bc66;
}
.home-icon .s-icon img {
    width: 40px;
    margin-bottom: 10px;
    height: auto;
}
.home-icon .s-icon .s-icon-text {
    font-weight: 600;
    font-size: 14px;
}

.vbs-rating{
    color: #fff;
    position: absolute;
    padding: 5px 8px;
    background-color: #0031bc;
    top: 10px;
    left: 10px;
    width: 50px;
    text-align: center;
    z-index: 2;
    border-radius: 5px;
}

.vbs-rating svg{
    color: #df9403;
    width: 1.125em;
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}

.vbs-price{
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 0;
    text-align: center;
    background: #0031BCA5;
    color: #fff;
    font-weight: bold;
    border-top-left-radius: 7px;
    padding: 5px;
    font-size: 14px;
}

.banner-video {
    width: 100%;
    height: 100vh;
    position: fixed;
    object-fit: cover;
    z-index: 0;
    left: 0;
    top: 0;
}