/*===== RESPOSIVE STYLE==*/

@media only screen and (min-width: 320px) {}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */

@media only screen and (min-width: 769px) {
    .room_list .room_details {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
 /* Medium Devices, Desktops */
 @media only screen and (min-width: 992px) {
    .container {width: 992px;}
    #main_menu .navbar-nav .dropdown .dropdown-toggle:after {
        content: "\f107";
        display: inline-block;
        font-family: FontAwesome;
        padding: 0;
        margin-left: 5px;
        line-height: 24px;
        font-size: 14px;
        font-weight: 400;
    }
    .navbar-nav .dropdown:hover .dropdown-menu,
    .top_menu .top_menu_right .dropdown:hover .dropdown-menu {
        display: block;
    }
    #main_menu {position: relative;}

 }

 /* Large Devices, Wide Screens */
 @media only screen and (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .check-form{float:left;}
    /*.item-list{min-height: 60rem;}*/
    .items-list .owl-dots{display:none;}
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .top_menu .container{margin-left:auto !important}
    .nav-push-left{padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;}
    section.tour-page .section-btn a{position: relative;
        display: inline-block;}
    .section-btn a{margin-right: 0;padding: .7rem 1rem;}
    .grid-item.col{width:100%;padding:1rem}
    .header-img{}
    .topContent{position: relative;z-index: 999;top: 5%;width: 100%;left: 0;padding:0}
    .topContent h2{font-size:23px;max-width: max-content;}
    .horizontal-booking-form{position: relative;}
    .horizontal-booking-form.booking-form-over-slider{bottom: 0;}
    section.tour-page{padding: 10rem 0 5rem;}
    .package-quote figcaption{padding:2rem 3rem}
    .modal-dialog{width:auto}
    
.package-details .price{float:left !important;}
.item-icon-fav{right: 50px;top: 40%;}
.navbar-nav > li {
    float: none !important;
}
}

 /* Extra Small Devices, Phones */
 @media only screen and (max-width: 480px) {}


/* Large Devices, Wide Screens */ 
@media only screen and (max-width: 1200px) {

}
 /* Medium Devices, Desktops */
 @media only screen and (max-width: 991px) {
    .top_menu .top_menu_right li {
        float: none;
    }
    
    header .navbar-header {
        margin: 0 !important;
    }
    header .navbar-header .navbar-brand {
        padding: 10px 0;
    }
    header .navbar-header .navbar-brand img {
        max-height: 24px;
    }
    header .navbar-header .mobile-menu-btn {
        padding-top: 18px !important;
    }
    .mfp-zoom-out-cur header {
        padding-right: 0;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        margin-top: 18px;
    }
    header.scroll  .navbar-toggle {
        margin-top: 10px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /*==========  MOBILE  MENU ==========*/
    .navbar-fixed-top,
    .navbar-fixed-top .navbar-collapse
    {
        width: 100%;
        max-height: none;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height: none;
    }
    header.scroll .navbar-header .navbar-brand,
    header.scroll.transparent .navbar-header .navbar-brand {
        padding: 18px 0;
    }
    .mobile_menu .navbar-nav { 
        margin: 0;
    }
    .mobile-menu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }
    .mobile-menu-push-toright,
    .mobile-menu-push-toright .navbar-fixed-top {
        left: 260px;
    }
    .mobile-menu-push-toleft,
    .mobile-menu-push-toleft .navbar-fixed-top {
        left: -260px;
    }
    .mobile_menu.mobile_menu_open .dropdown-menu {
        width: 100%;
        position: relative;
        box-shadow: none !important;
        border: none !important;
    }
    .mobile_menu.mobile_menu_open,
    .push_mobile .navbar-fixed-top .mobile_menu.mobile-menu_open {
        right: 0px;
    }
    .push_mobile,
    .push_mobile .navbar-fixed-top {
        left: -260px !important;
    }
    /* Transitions */
    .mobile_menu,
    body,
    header {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile_menu {
        background: #fff;
        border-left: 1px solid #E6EFF2;
        width: 260px;
        height: 100%;
        top: 0;
        right: -260px;
        z-index: 1000;
        position: fixed;
        padding: 0;
        margin: 0 !important;
        overflow-x: hidden;
        overflow-y: visible;
        display: block;
        visibility: visible;
    }
    /* Mobile Menu */
    #main_menu.mobile_menu .navbar-nav li {
        background: #fff;
        border-bottom: 1px solid #e6eff2;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        clear: both;
    }
    #main_menu.mobile_menu .navbar-nav li:last-child {
        border-bottom: none;
    }
    #main_menu.mobile_menu .navbar-nav li:hover,
    #main_menu.mobile_menu .navbar-nav .open .dropdown-toggle {
        background: #f5f5f5;
    }
    #main_menu.mobile_menu .navbar-nav li a {
        padding: 12px 30px;
        color: #a1b1be;
    }
    #main_menu.mobile_menu .navbar-nav li a:hover {
        color: #1dc1f8;
    }
    #main_menu.mobile_menu .navbar-nav li.mobile_menu_title {
        color: #a1b1be;
        font-family: 'Raleway', sans-serif;
        display: block !important;
        text-align: center;
        padding: 14px 0;
        font-size: 1.2em;
        font-weight: 500;
        text-transform: capitalize;
    }
    #main_menu.mobile_menu .navbar-nav li.mobile_menu_title:hover {
        background: none;
    }
    #main_menu.mobile_menu li.menu_button {
        padding: 10px;
        border-top: none !important;
        border-bottom: none !important;
        background: transparent !important;
    }
    #main_menu.mobile_menu .navbar-nav li.menu_button .button {
        margin: 22px 0;
    }

     /* Mobile Drop Down Menu */
     #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li {
        background: #f5f5f5;
    }
    #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li:hover {
        background: #fbfbfb;
    }
    #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li a {
        padding: 8px 50px;
        font-size: 0.9em;
    }
    #main_menu.mobile_menu .navbar-nav .mega_menu .mega_menu_inner {
        padding: 0;
    }
    #main_menu.mobile_menu .navbar-nav .mega_menu .mega_menu_inner ul .list_title {
        padding: 10px 10px 10px 50px !important;
    }
    #main_menu.mobile_menu .navbar-nav .dropdown.mega_menu .dropdown-menu li a {
        padding: 8px 50px;
        font-size: .8em;
    }
    #main_menu.mobile_menu .navbar-nav .dropdown .dropdown-menu li a:hover {
        color: #79868f;
    }
    #main_menu.mobile_menu .navbar-nav .dropdown.mega_menu .dropdown-menu li {
        padding: 9px 0;
        background: #f5f5f5;
        border-bottom: 1px solid #EEF2F5;
    }
    #main_menu.mobile_menu .dropdown .caret-up {
        width: 0;
        height: 0;
        border-left: 4px solid rgba(0, 0, 0, 0);
        border-right: 4px solid rgba(0, 0, 0, 0);
        border-bottom: 4px solid;
        display: inline-block;
        margin-left: 2px;
        vertical-align: middle;
    }
    #main_menu .navbar-nav .dropdown b.caret,
    #main_menu .navbar-nav .dropdown b.caret-up {
        display: inline;
        float: right;
        margin-top: 10px;
    }
    .check-container{margin-top: 0rem;}
    .horizontal-booking-form .inner .form-group{margin:0;}
    .header-img {
    background-size: cover;
    height: auto;
    padding: 30px 0;
    /*background:none !important;*/
}
}
@media (min-width: 576px) {
    .form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }
    .form-inline .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-plaintext {
        display: inline-block;
    }
    .form-inline .input-group {
        width: auto;
    }
    .form-inline .form-check {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }
    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}