/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .modal-body .room-price {
        width: 30%;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 780px) {
    /* Standard Rooms Amenities */
    .room .room-details .tab-only-pr {
        padding-right: 5px;
    }
    .room .room-details .tab-only-pl {
        padding-left: 5px;
    }
    /* Standard Rooms Amenities */
}

@media (min-width: 768px) {
    /* Hero Text */
    .home-text h3 {
        font-size: 2.5rem;
    }
    .home-text h1 {
        font-size: 3.5rem !important;
    }
    /* Hero Text */
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    nav {
        top: 40px;
        background: none;
        box-shadow: none;
    }
    nav .container-fluid {
        padding: 0 80px !important;
    }
    .navbar .nav-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        background: var(--gold);
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
    }
    nav .navbar-brand {
        display: none !important;
    }
    .nav-list {
        padding-bottom: 0;
        width: 100% !important;
        height: initial !important;
        flex-direction: row;
        background: none !important;
        position: relative;
        left: initial;
        bottom: initial;
    }
    .nav-link {
        font-size: 1.5rem !important;
        color: var(--maroon) !important;
        text-transform: uppercase;
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
    }
    .nav-link.active {
        border-bottom: 2px solid var(--maroon) !important;
    }
    nav .logo a {
        position: relative;
        background-color: var(--maroon);
        padding: 0px 15px 0px 0px;
        width: 100%;
        display: block !important;
        z-index: 1;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }
    nav .logo a::before {
        content: "";
        position: absolute;
        display: block;
        width: 30px;
        height: 100%;
        background-color: var(--maroon);
        left: -18px;
        top: 0;
        z-index: -1;
        transform: skew(-15deg);
        -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        -o-transform: skew(-15deg);
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }
    nav .logo a>img {
        width: 120px;
    }
    .fixed-menu {
        top: 0;
        background: var(--gold);
        box-shadow: 0px 0px 10px 0px rgba(29, 30, 34, 0.8) !important;
    }
    .fixed-menu .nav-wrapper {
        background: none !important;
    }
    .fixed-menu .logo a {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    /* -- Navbar -- */
    /* Hero Text */
    .home-text h3 {
        font-size: 3rem;
    }
    .home-text h1 {
        font-size: 4rem !important;
    }
    /* -- Hero Text -- */
    /* Testimonials */
    .testimonials {
        padding: 10px 30px;
    }
    /* -- Testimonials -- */
    /* Floating Action Button */
    .floating-button {
        width: 60px;
        height: 60px;
        /*bottom: 30px;
        right: 30px;*/
    }
    .floating-button i {
        font-size: 4rem;
    }
    .whatsapp,
    .scroll-top {
        right: 30px;
    }
    /* -- Floating Action Button -- */
}

@media (min-width: 1300px) {
    /* Nav */
    nav .container-fluid {
        padding: 0 150px !important;
    }
    /* -- Nav -- */
    /* Our Rooms */
    .promotion-price {
        bottom: 3vh;
    }
}