@media only screen and (min-width: 1200px) {
	/*.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1250px!important;
    }*/
}

@media only screen and (min-width: 769px) {
	.web-logo{
        display: none;
    }
    .slicknav_menu, .mobile-only-nav {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7px;
        padding-left: 7px;
    }
    .navbar-nav li a {
        text-decoration: none!important;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .5px;
        font-family: 'Poppins';
    }
}

@media only screen and (max-width: 768px) {
    nav.navbar.navbar-expand-lg.navbar-light.fixed-top {
        padding: 15px 0px!important;
        width: 100%!important;
    }
    div#navbarSupportedContent {
        padding-top: 70px;
        border-top: 0px solid grey;
        width: 78%;
        position: absolute;
        top: 0;
        right: 0;
        height: 100vh;
        background-color: #51cbce;
    }
    .cross-toggle{
        display: block;
    }
    .navbar-nav.ml-auto {
        margin-top: 27px;
    }
    span.cross-toggle {
        position: absolute;
        top: 51px;
        right: 20px;
        color: white;
        font-size: 33px;
    }
    li.nav-item {
        padding-bottom: 0px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 27px;
    }
    i.nav-link.fa.fa-twitter.nav-link.text-nowrap,
    i.nav-link.fa.fa-instagram.text-nowrap,
    i.nav-link.fa.fa-snapchat.text-nowrap {
        padding-left: 0px;
    }
    input.mobile.cust-text {
        padding-left: 13px!important;
        margin-left: 27px;
        width: 80%!important;
        background-color: white!important;
        height: 40px;
        border-radius: 4px;
    }
    input.mobile::placeholder {
        color: #151515;
        letter-spacing: 0.2px;
    }
    .cust-text{
        display: block;
    }
    #banner{
        background-attachment: initial;
        height: auto;
        padding: 30px 0px;
    }
    #banner h1 {
        font-size: 25px;
        line-height: 30px;
    }
    #banner label {
        display: inline-block;
        margin-bottom: 0px;
    }
    #banner input.form-control {
        margin-bottom: 9px;
    }
    .search-icon{
        display: none;
    }
    .slider-place h2 {
        padding-bottom: 13px;
        font-size: 25px;
        line-height: 35px;
        font-weight: 600;
    }
    #Subscribe p {
        font-size: 15px;
    }
    .subs {
        padding: 20px 0px;
    }
    .banner-form {
        padding: 11px 15px!important;
    }
    .footer-left, .footer-middle {
        border-right: 0px!important;
    }
    .box {
        flex-direction: column;
    }
    .Destination-slider h5{
        font-size: 15px;
    }
    .Destination-slider p {
        display: none;
    }
    .places-price h3 {
        font-size: 12px;
    }
    .places-price .price {
        font-size: 10px;
        padding: 4px 2px;
    }
    .offer-box {
        margin-bottom: 10px;
    }
    .banner-content a {
        padding: 5px 5px;
    }
    .destination-place-search-field  label {
        color: #095d5e!important;
        display: inline-block;
        margin-bottom: 0px;
        float: left;
        padding-left: 10px;
    }
    .search-control{
        margin-top: 70px;
    }
    .footer-space {
        padding-bottom: 50px;
        text-align: center;
    }
    .footer-btn {
        margin: 10px auto!important;
    }
    .cust-brand {
        text-align: center!important;
    }
    #copywrite p {
        font-size: 12px;
    }
    .cust-brand button {
        padding: 8px 32px;
        font-size: 11px;
        font-weight: normal;
    }
    .rbs-topbar .rbs-logo,
    .rbs-secondary-header .rbs-logo {
        display: none !important;
    }
    .top-header, header {
        text-align: center;
    }
    .top-header .row, header .row {
        flex-direction: column;
        align-items: center;
    }
    .top-header img, header img {
        margin: 0 auto 10px auto;
        display: block;
    }
    .top-header span, .top-header a, header span, header a {
        display: inline-block;
        margin: 5px;
    }
    .rbs-secondary-header .rbs-topbar-inner{
        display: block;
    }
.slicknav_brand{
    padding: 0 !important;
}    .rbs-navbar-wrapper, .rbs-secondary-header {
        background-color: #fff !important;
    }
    .rbs-navbar, .rbs-navbar-inner, .rbs-secondary-nav {
        background-color: #fff !important;
        padding: 0 !important;
        display: block !important;
    }
    .rbs-nav-links, .desktop-only-nav {
        display: none !important;
    }
    .slicknav_menu {
        display: block !important;
        background: #fff !important;
        width: 100%;
        padding: 0;
    }
    .slicknav_brand {
        float: left;
        display: block;
        height: auto;
    }
    .slicknav_brand img {
        height: 40px !important;
    }
    .slicknav_btn {
        background-color: transparent !important;
        float: right !important;
        margin-top: 15px;
        margin-right: 15px;
    }
    .slicknav_btn .slicknav_icon-bar {
        background-color: #00473e !important;
    }
    .slicknav_nav {
        background-color: #00473e !important;
        clear: both;
        display: block;
        width: 100%;
        padding: 10px 0;
    }
    .slicknav_nav a {
        color: #fff;
        padding: 10px 15px !important;
        margin: 0 !important;
    }
    .slicknav_nav a:hover {
        background: #157a6e;
        color: #fff;
    }
    /* END SLICKNAV */
    
    /* Fix search panel for mobile */
    .searchHotel .main-search-row {
        display: flex !important;
        flex-direction: column !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .searchHotel .search-field-col {
        border-right: none !important;
        border-bottom: 1px solid #dde1e7 !important;
        border-radius: 8px !important;
        margin-bottom: 10px !important;
        background: #fff !important;
        border: 1px solid #dde1e7 !important;
        width: 100% !important;
    }
    .searchHotel .search-field-col:last-child {
        border-bottom: 1px solid #dde1e7 !important;
        border-radius: 8px !important;
    }
    .searchHotel .search-btn-custom {
        width: 100%;
        border-radius: 8px;
    }
    
    .search-features-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }
    .search-features-row .feature-item {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 10px !important;
    }
    
    /* Fix tab list on mobile */
    .nav-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .nav-tabs::-webkit-scrollbar {
        height: 4px;
    }
    .nav-tabs::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }
    .nav-tabs::-webkit-scrollbar-thumb {
        background: #f05a22;
        border-radius: 4px;
    }
    .nav-tabs::-webkit-scrollbar-thumb:hover {
        background: #d84b18;
    }
    .nav-tabs li {
        display: inline-block !important;
    }
    .nav-tabs li a {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 576px) {
    .cust-img{
        border-radius: 10px!important;
    }
    .col-sm-6.pr-0.cust-sub {
        margin: 0px 27px;
    }
    #Subscribe .btn {  
        margin: 9px 0px 0px 43px;
    }
    .copywrite-icon.text-center a img {
        width: 13px!important;
        height: 15px!important;
        margin-top: 10px;
        margin-right: 7px;
    }
    .rbs-search-box{
        position: relative !important;
    }
    .rbs-tab{
        padding:  12px 10.5px!important;
        font-size: 10px;
    }
    .newsletter-form{
        flex-direction: column;
    }
    .newsletter-form button{
        margin: 0;
    }
    .newsletter-section{
        padding: 10px;
    }
    .rbs-search-content{
        border-radius: 0 0 12px 12px;
        padding: 10px;
    }
    .rbs-section.popular-destinations{
        margin-top: 20px;
    }
    .rbs-contact-info{
        padding-inline: 10px;
    }
    .rbs-topbar-inner{
        justify-content: center;
        gap: 10px;
    }
    .rbs-search-tabs{
        width: 100%;
    }

    /* Hotel Room Grid Mobile Redesign */
    .room-options-header {
        display: none !important;
    }
    .room-option-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 8px;
        margin-bottom: 15px;
        text-align: center;
    }
    .room-option-row .room-cell {
        border-bottom: 1px dashed #eee;
        padding-bottom: 10px;
        align-items: center;
    }
    .room-option-row .room-cell:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .room-option-row .conditions-cell {
        font-size: 15px;
    }
    .newsletter-section{
        justify-content: center;
    }
    .room-cell .text-success,
    .room-cell .text-danger {
        padding-inline-start: 60px;
    }
    .rbs-topbar {
        display: none !important;
    }
    .mobile-contact-section {
        display: block !important;
    }
    .rbs-mobile-contact {
        padding: 12px 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        margin-top: 10px;
        font-size: 13px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .rbs-mobile-contact div {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #e0f2f1;
    }
    .rbs-mobile-contact i {
        color: #4db6ac;
        font-size: 15px;
    }
}

@media (min-width: 769px) {
    .mobile-contact-section, .rbs-mobile-contact {
        display: none !important;
    }
}