﻿@media only screen and (max-width: 1023px) {
    .header {
        display: none;
    }

    .side-mobile-header-menu {
        flex: 1 1 0;
        display: flex;
        align-items: center;
    }

    .topLHeader-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .decor-flash-menu-h {
        width: 40%;
        margin-right: 4px;
    }

        .decor-flash-menu-h a img {
            display: block;
            width: 100%;
            height: 100%;
        }

    .name-mobile-com span {
        display: block;
        font-size: 18px;
        color: #fff;
        font-family: 'Montserrat-SemiBold';
    }

    .name-mobile-com {
        margin-right: 10px;
    }

    .header-mobile.stuck {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
        -webkit-animation: stuckMoveDown .9s;
        animation: stuckMoveDown .9s;
        left: 0;
        margin: 0 auto;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 99;
    }

    @-webkit-keyframes stuckMoveDown {
        0% {
            transform: translateY(-100%)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes stuckMoveDown {
        0% {
            transform: translateY(-100%)
        }

        to {
            transform: translateY(0)
        }
    }

    @-webkit-keyframes stuckMoveUp {
        0% {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes stuckMoveUp {
        0% {
            transform: translateY(100%)
        }

        to {
            transform: translateY(0)
        }
    }

    @-webkit-keyframes stuckFadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes stuckFadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .right-header-mobilee {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 37%;
    }

    .c-cart .decorSvgCartHome {
        border: 1px solid #fff;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
    }

        .c-cart .decorSvgCartHome svg path {
            fill: #eb0009;
            stroke: #eb0009;
        }

    .mobile-menu-r {
        padding: 10px 5px;
    }

    .pharmacy-system-h-mobile {
        padding-left: 6px;
        display: flex;
        align-items: center;
    }

    .c-cart {
        margin-left: 5px;
        margin-right: 6px;
    }

    .mobile-menu-icon {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(180deg, #C20116 0%, #80010E 100%);
    }

    .menu-pro-mobile {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 71%;
        margin: auto;
    }

    .bottom-header-mobile {
        background: url(/Design/MyLinhFood/bb.png) no-repeat;
        background-size: cover;
    }

    .relative-head-top-mobile .container {
        padding: 0;
    }

    .cate-main-pro-mobile a {
        display: flex;
        align-items: center;
    }

        .cate-main-pro-mobile a span {
            color: #fff;
            font-size: 12.5px;
            font-family: 'InterSB';
            margin-left: 3px;
        }

    .cate-main-pro-mobile {
        padding: 12px 0px;
    }

    .svg-pro-mobile {
        display: flex;
    }

    .WHeaderContentTop-mobile {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 3px 0;
        position: relative;
        background: #fff;
    }

    .pharmacy-system-h-mobile .logo a {
    }

    .bell-menu-mobile a {
        border-radius: 50%;
        border: 1px solid #fff;
        width: 28px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon-search-menu-r {
        border-radius: 50%;
        border: 1px solid #fff;
        width: 28px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .icon-search-menu-r svg {
            width: 14px;
            height: 100%;
        }

            .icon-search-menu-r svg path {
                fill: #333;
            }

    .decor-icon-search-h {
        padding: 10px 2px;
    }

    .bell-menu-mobile {
        padding: 10px 2px;
        display: none;
    }

    .c-cart .flex-head {
        position: unset;
    }

    .pharmacy-system-h-mobile .logo img {
        width: 100%;
        height: 100%;
        display: block;
        border: unset;
    }

    .name-compa-menu-mm span strong {
        display: block;
    }

    .name-compa-menu-mm span {
        display: block;
        font-size: 15px;
        color: #eb0009;
        font-family: 'InterSB';
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-left: 6px;
    }

    .header-search__form input {
        padding: 8px 20px;
        width: 90%;
        line-height: 1.4em;
        font-size: 1rem;
        box-sizing: border-box;
        margin-right: 10px;
    }

    .searchBox-mobile {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 401;
        opacity: 0;
        visibility: hidden;
        width: 0;
        background: linear-gradient(180deg, #C20116 0%, #80010E 100%);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .searchBox-mobile.show {
            opacity: 1;
            visibility: visible;
            width: 100%;
            padding: 0 5px;
        }

    input[type=search], input[type=email], textarea, select {
        border: 2px solid #f6f7fb;
        border-radius: 32px;
        color: var(--color-text-dark);
        padding: 7px 20px;
    }

    .header-search__form input[type=text] {
        border: 2px solid #f6f7fb;
        border-radius: 32px;
        color: var(--color-text-dark);
        padding: 7px 20px;
        font-size: 14px;
    }

    .close-search-mobile-menu {
        width: 32px;
        height: 32px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }

        .close-search-mobile-menu svg {
            width: 9px;
            height: auto;
        }

    .searchBox-mobile .searchBox-mobile_background {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 10px;
        box-sizing: border-box;
        padding-left: 0;
        flex: 1 1 0;
    }

    .header-search__form {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .mobile-menu-icon svg path {
        stroke: #FEFA0E;
    }

    .icon-search-menu-r svg path {
    }

    .bell-menu-mobile a svg path {
    }

    .header-search.searchBox-mobile_background__main {
        width: 100%;
    }
}

@media only screen and (max-width:739px) {
    .menu-pro-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
    }

    .name-mobile-com span {
        display: block;
        font-size: 12px;
        color: #fff;
        font-family: 'Montserrat-Bold';
    }

    .name-mobile-com {
        margin-right: 4px;
        margin-left: 7px;
    }

    .pharmacy-system-h-mobile .logo a {
        width: 100% !important;
        height: 100% !important;
    }
}