@media (min-width: 768px) {
    .nav-v6 .navbar-collapse {
        display: flex !important;
        justify-content: end;
    }

    .nav-v6 .navbar-nav,
    .nav-v6 .socialnav.hidden-xs {
        float: none !important;
    }
}


@media (max-width: 767px) {

    .navbar.nav-v6 .container,
    .navbar.nav-v6.nav-scroll .container,
    .drink-menu .navbar.nav-v6 .container,
    .drink-menu .navbar.nav-v6.nav-scroll .container {
        border-bottom: none;
    }

    .navbar.nav-v6 .navbar-header {
        border-bottom: 2px solid transparent;
    }

    .navbar.nav-v6.nav-scroll .navbar-header {
        border-bottom: 2px solid transparent;
    }

    .drink-menu .navbar.nav-v6 .navbar-header {
        border-bottom: 2px solid transparent;
    }

    .drink-menu .navbar.nav-v6.nav-scroll .navbar-header {
        border-bottom: 2px solid transparent;
    }

    li.drop-down-link .sub-menu,
    .drink-menu li.drop-down-link .sub-menu {
        width: 100% !important;
        background-color: transparent;
    }

    .nav-scroll li.drop-down-link .sub-menu,
    .drink-menu .nav-scroll li.drop-down-link .sub-menu {
        background-color: transparent;
    }

    .navbar-regular.nav-v6 .navbar-nav>li>a:hover,
    .navbar-regular.nav-v6 .navbar-nav>.active>a,
    .navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
    .navbar-regular.nav-v6 .navbar-nav>.active>a:hover {
        background-color: #fed615;
        color: #fff;
    }

    .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
    .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
    .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
    .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover {
        background-color: #fed615;
        color: #fff;
    }

    .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover,
    .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a,
    .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus,
    .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover {
        background-color: #fed615;
        color: #fff;
    }

    .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover,
    .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a,
    .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus,
    .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover {
        background-color: #fed615;
        color: #fff;
    }

    .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up {
        color: #fff;
    }

    .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up {
        color: #fff;
    }

    .drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up {
        color: #fff;
    }

    .drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up {
        color: #fff;
    }
}

@media (min-width: 768px) {
    @media (min-width: 1025px) {
        video#coverVideo {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            -ms-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            max-width: none;
            vertical-align: baseline;
        }
    }

    @media (max-width: 1024px) {
        video#coverVideo {
            width: 100%;
        }

        .header {
            max-height: 100vh;
            background-image: none !important;
            width: initial;
            height: initial;
        }

        body.home-page {
            background-color: transparent;
        }
    }
}

@media (max-width: 767px) {
    video#coverVideo {
        width: 100%;
    }

    .header {
        max-height: 100vh;
        background-image: none !important;
        width: initial;
        height: initial;
    }

    body.home-page {
        background-color: transparent;
    }
}
@media (max-width: 767px) {
    .about-us-v8-wrapper {
        padding: 0;
    }

    .about-us-v8-wrapper .container {
        padding: 0;
        width: 100%;
    }

    .about-us-v8-item {
        padding: 0 !important;
    }
}
@media (max-width: 767px) {
    .about-us-v8-wrapper.custom-about-us-v8-wrapper {
        padding: 0;
    }

    .about-us-v8-wrapper.custom-about-us-v8-wrapper .container {
        padding: 0;
        width: 100%;
    }

    .custom-about-us-v8-wrapper .about-us-v8-item {
        padding: 0 !important;
    }
}
@media (max-width: 1024px) {
    #reviews_v2.carousel-wrapper {
        background-attachment: scroll;
    }
}
@media (max-width: 767px) {
    #accessibility-footer .accessibility-link {
        display: block;
    }

    /* additionl css in case that there is a CTA mobile bar (id="bottom-navbar") on the website */
    #accessibility-footer {
        position: relative;
        top: -60px;
        padding-bottom: 70px;
    }
}
@media only screen and (max-width: 1024px) {
    .promotion-pop-up .modal-body.modal-image-and-button {
        margin-bottom: 10px;
    }

    .promotion-pop-up h2 {
        font-size: 1.9em;
    }

    .promotion-pop-up h3 {
        font-size: 1.4em;
    }

    .promotion-pop-up .modal-body.modal-image-and-button img {
        max-height: 65vh;
    }
}

@media only screen and (max-width: 767px) {
    .promotion-pop-up .modal-dialog {
        margin: 0 10px;
    }

    .promotion-pop-up .modal-body {
        margin-top: 18px;
    }

    .promotion-pop-up .modal-body.modal-image-and-button img {
        max-height: 55vh;
    }

    .promotion-pop-up h2 {
        font-size: 1.8em;
    }

    .promotion-pop-up h3 {
        font-size: 1.3em;
    }

    .promotion-pop-up .modal-body.modal-image-and-button p {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 500px) {
    .promotion-pop-up .modal-footer {
        padding-top: 10px;
        padding-bottom: 35px;
    }

    .promotion-pop-up .modal-body {
        margin: 17px 15px 5px 15px;
    }

    .promotion-pop-up .btn {
        padding: 9px 40px;
        font-size: 1.1em;
    }

    .promotion-pop-up .modal-body.modal-image-and-button img {
        max-height: 50vh;
    }
}

@media only screen and (max-width: 400px) {
    .promotion-pop-up h2 {
        font-size: 1.7em;
    }

    .promotion-pop-up h3 {
        font-size: 1.2em;
    }

    .promotion-pop-up .btn {
        padding: 8px 35px;
        font-size: 1.1em;
    }
}
@media (max-width: 767px) {

    /* DO NOT change mobile nav height on page scroll */
    .navbar.nav-v6 .navbar-header,
    .navbar.nav-v6.nav-scroll .navbar-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar.nav-v6 .socialnav,
    .navbar.nav-v6.nav-scroll .socialnav {
        margin-top: 10px;
    }

    .navbar.nav-v6 .container,
    .navbar.nav-v6.nav-scroll .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar.nav-v6 .header-logo,
    .navbar.nav-v6.nav-scroll .header-logo {
        height: 70px;
    }

    .navbar.nav-v6 .header-logo img {
        max-height: 100%;
    }

    .navbar.nav-v6.nav-scroll .header-logo img {
        max-width: 100%;
    }

    /* HOME page CHANGE mobile nav height on page scroll */
    /* Remove body.home-page from below code if there should be mobile nav height change on ALL pages */
    body.home-page .navbar.nav-v6 .navbar-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.home-page .navbar.nav-v6.nav-scroll .navbar-header {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    body.home-page .navbar.nav-v6 .socialnav {
        margin-top: 10px;
    }

    body.home-page .navbar.nav-v6.nav-scroll .socialnav {
        margin-top: 0px;
    }

    body.home-page .navbar.nav-v6 .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    body.home-page .navbar.nav-v6.nav-scroll .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    body.home-page .navbar.nav-v6 .header-logo {
        height: 70px;
    }

    body.home-page .navbar.nav-v6.nav-scroll .header-logo {
        height: 50px;
    }

    body.home-page .navbar.nav-v6 .header-logo img {
        max-height: 100%;
        max-width: 100%;
    }

    body.home-page .navbar.nav-v6.nav-scroll .header-logo img {
        max-width: 80%;
    }
}


@media (max-width: 1023px) {
    .food-menu-grid .food-item-holder {
        text-align: right;
    }

    .food-menu-grid .food-item-title {
        display: block;
        text-align: left;
    }

    .food-menu-grid .food-price {
        float: none;
    }

    .food-menu-grid .food-item-description {
        text-align: left;
    }

    .drink-menu-grid .food-item-holder {
        text-align: right;
    }

    .drink-menu-grid .food-item-title {
        display: block;
        text-align: left;
    }

    .drink-menu-grid .food-price {
        float: none;
    }

    .drink-menu-grid .food-item-description {
        text-align: left;
    }
}