@media screen and (max-width: 620px) {

    html .mq-vwmobile-show {
        display: block!important;
    }

    html .mq-vwmobile-hide {
        display: none!important;
    }

    header.p-3.text-bg-dark.sticky-top .container-xxl .d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start > ul.nav {
        width: auto;
    }

    .d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start {
        justify-content: space-between!important;
    }

    .d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start a > img {
        position: absolute;
        left: 10px;
        top: 6px;
    }
    
    button.toggle-menu-header.btn.mq-vwmobile-show {
        color: #ffffff;
        font-size: 30px;
        padding: 0 10px;
    }

    div.section-slider.d-flex {
        display: grid!important;
        height: 94%!important;
        left: 3%!important;
        right: 3%!important;
    }
    
    div.section-slider.d-flex .d-block > button {
        width: 100%!important;
    }
    
    div.section-slider.d-flex .d-block > button:not(.mt-5) {
        margin-bottom: 16px!important;
    }
    
    div.section-slider.d-flex .d-block > button.mt-5 {
        margin-top: 6px!important;
    }
    
    div#SliderHomePage {
        height: calc(100vh - 120px);
    }
    
    #SliderHomePage > .carousel-inner, #SliderHomePage > .carousel-inner > .carousel-item {
        min-height: 100%!important;
        height: 100%!important;
        max-height: 100%!important;
        overflow: hidden;
    }
    
    .section-slider.d-flex > .d-block {
        width: 100%!important;
        padding: 0px!important;
    }
    
    .carousel-item > img.d-block.w-100 {
        min-width: max-content;
        height: -webkit-fill-available!important;
    }
    
    .section-slider .d-block > h1.title-slider {
        font-size: 26px;
    }
    
    .section-slider .d-block > p.text-slider {
        font-size: 15px;
    }

    /************************  ACCOUNT PAGE ************************/
    .card.login-form.m-auto {
        border: 0;
    }

    /************************ MOBILE MENU FOOTER FIXED *****************************/
    div#MobileFixedFooter {
        bottom: 0;
        width: 100%;
        width: -webkit-fill-available;
        height: 52px;
        background: #232323a3;
        box-shadow: inset 0px 4px 3px rgb(123 123 123 / 75%);
        z-index: 999;
    }

    div#MobileFixedFooter > .d-flex.menu-mobile {
        justify-content: space-between;
        height: 100%;
        height: -webkit-fill-available;
        overflow: hidden;
    }

    div#MobileFixedFooter .d-flex.menu-mobile > .choose-menu {
        align-content: center;
        display: grid;
        transition: transform .2s;
        width: 50px;
        height: 100%;
        text-align: center;
    }

    div#MobileFixedFooter .d-flex.menu-mobile > .choose-menu:hover {
        cursor: pointer;
        transform: scale(1.25);
    }

    div#MobileFixedFooter .d-flex.menu-mobile > .choose-menu > i {
        color: #ffffff;
        font-size: 20px;
    }
    div#MobileFixedFooter .d-flex.menu-mobile > .choose-menu > span {
        color: #ffffff;
        font-size: 13.2px;
    }

    footer.bg-dark.text-white {
        padding: 25px 25px 80px 25px!important;
    }

    div#offcanvasToggleCart, div#offcanvasToggleChat {
        width: -webkit-fill-available;
        width: 100%;
        border: 0;
    }

    /********* CHECKOUT **********/
    .col-md-5.col-lg-4.checkout-md-last {
        padding: 0;
    }

    /********* ACCOUNT *********/

    .rounded-circle.user-photo.d-block {
        width: 150px;
        height: 150px;
    }

}

@media screen and (min-width: 621px) {
    
    html .mq-vwmobile-show {
        display: none!important;
    }
    
}


@media screen and (min-width: 768px) {

    .col-md-5.col-lg-4.order-md-last.checkout-md-last > * {
        transition: all .2s;
    }

    .col-md-5.col-lg-4.order-md-last.checkout-md-last > ul.list-group.mb-3 {
        position: sticky;
        top: 170px;
    }

    .col-md-5.col-lg-4.order-md-last.checkout-md-last > form.card.p-2.coupon {
        position: sticky;
        top: 100px;
    }

}