#dropdown-nav-mobile {
            width: 100%;
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
            margin: 12px 2.5px;
        }

        #dropdown-nav-mobile li {
            display: inline-block;
        }

        #dropdown-nav-mobile li a {
            font-size: 14px;
            padding-top: 5px;
            padding-bottom: 5px;
        }


        #dropdown-nav-mobile li a:first-child {
            /*padding-left: 0;*/
        }

        #dropdown-nav-mobile li.active a {
            border-radius: 2px;
            background-color: rgba(255, 255, 255, 0.51);
        }

        @media only screen and (max-width: 500px) {
            .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav>li .hotline {
                text-align: center;
                right: 10%;
                transform: translate(-10%);
            }

            /*#homepage-search-icon {
            position: absolute;
            right: 30px;
            top: 5px;
        }*/
            .main-header.ivivu-main-header .navbar .navbar-custom-menu ul.nav>li.user-login ul.dropdown-menu {
                right: 15px;
            }
        }

        #dropdown-nav-mobile li.active a {
            color: #fff;
            font-weight: bold;
        }

        .navbar-collapse.pull-left+.navbar-custom-menu {
            right: 0;
        }

        .main-header.ivivu-main-header .navbar ul.nav>li>a:hover {
            color: #26bed6 !important;
        }

        .img-wrapper-mb img {
            width: 30px;
            height: 30px;
        }

        .app-banner {
            background-color: #F2F2F2;
            height: 77px;
            display: flex;
            padding: 5px;
            position: sticky;
            top: 0px;
            z-index: 2147483646;
            visibility: visible;
            background-size: cover;
        }

        @media (max-width: 768px) {

            .app-banner {
                background-color: #F2F2F2;
                height: 65px;
                padding: 5px;
                position: sticky;
                z-index: 2147483646;
                width: 100%;
                visibility: visible;
            }

            .app-banner .close-icon {
                margin: 13px 0;
                padding: 5px;
            }
        }


        .app-banner .desktop {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-flow: row wrap;
        }

        .app-banner .desktop {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-flow: row wrap;
        }

        .app-banner .close-icon i {
            color: #333;
        }

        .app-banner .desktop .qr-code-app {
            padding: 0 5px 0 0;
            float: left;
        }

        .app-banner .desktop .qr-code-app img {
            width: 68px;
            height: 68px;
        }

        .app-banner .desktop .link-app {
            padding: 0 5px 0 5px;
        }

        .app-banner .desktop .link-wrap .title-banner strong {
            font-size: 15px;
        }

        .app-banner .desktop .link-wrap .sub-title-banner {
            margin-bottom: 7px;
        }

        .app-banner .desktop .link-wrap .sub-title-banner span {
            margin-top: -3px;
            font-size: 12px;
        }

        .app-banner .desktop .link-app .icon-link-app {
            margin-top: 15px;
        }

        .app-banner .desktop .link-app .icon-link-app img {
            cursor: pointer;
            height: 29px;
            margin-bottom: 10px;
        }

        .app-banner .mobile {
            width: 100%;
            display: flex;
            justify-content: center;
            flex-flow: row wrap;
        }

        .app-banner .mobile .qr-code-app {
            padding: 0 5px 0 0;
            float: left;
        }


        .app-banner .mobile .link-app {
            float: left;
        }

        .app-banner .mobile .title-banner strong {
            font-size: 15px;
        }

        .app-banner .mobile .sub-title-banner span {
            font-size: 12px;
        }

        .app-banner .mobile .link-app .icon-link-app {
            margin-top: 15px;
        }

        .app-banner .mobile .link-app .icon-link-app img {
            cursor: pointer;
            height: 29px;
        }

        .app-banner .mobile .logo-app img {
            cursor: pointer;
            height: 29px;
        }

        .app-banner .mobile .btn-app-link {
            float: right;
            padding: 5px 10px;
            border-radius: 5px;
            border: solid 1px #9e9e9e;
            margin: 10px 0;
        }

        .app-banner .mobile .btn-app-link a {
            color: #000;
        }

        @media (max-width: 320px) {
            .app-banner .mobile .qr-code-app {
                display: none;
            }

            .app-banner {
                height: 55px;
            }

            .app-banner .close-icon {
                margin: 10px 0;
                padding: 5px;
            }
        }

        .app-footer {
            margin-top: 10px;
        }

        .app-footer .qr-code-app {
            padding: 0 5px 0 0;
            float: left;
        }

        .chat-footer .chat-icon {
            padding: 0 5px 0 0;
            float: left;
        }

        .chat-footer .link-app>div.icon-link-app {
            padding: 12px 0px;
            cursor: pointer;
        }

        .app-footer .qr-code-app img {
            width: 68px;
            height: 68px;
        }

        .app-footer .link-app {
            padding: 0 5px 0 5px;
        }

        .app-footer .link-wrap .title-banner {
            margin-bottom: 10px;
        }

        .app-footer .link-wrap .title-banner strong {
            font-size: 15px;
            color: #4E4E4E;
        }

        .app-footer .link-app .icon-link-app img {
            cursor: pointer;
            height: 29px;
            margin-bottom: 10px;
        }

        .vcher-text {
            line-height: 30px;
        }

        .vcher-price {
            text-align: right;
            float: right;
            position: relative;
            top: -23px;
            margin: 0;
        }

        .vcher-orgrin-price {
            display: block;
            color: #818180;
            text-decoration: line-through;
            font-size: 12px;
            height: 20px;
        }

        .vcher-total-price {
            color: #ec971f;
            font-size: 18px;
            font-weight: bold;
        }

        .voucher-text {
            color: #003c71;
            font-size: 12px;
        }

        #numvoucher {
            width: 60px;
            float: left;
            margin-right: 5px;
        }

        .hotline-footer i {
            color: #F79321 !important;
        }

        .hotline-footer .bind-hotline-bt {
            font-size: 26px !important;
            font-weight: bold;
            letter-spacing: -1px;
            text-decoration: none;
            color: #F79321 !important;
        }

        @media (min-width: 1200px) {
            .foot-col-3 {
                width: 18%;
            }

            .foot-col-4 {
                width: 17%;
                text-align: center;
                line-height: 1;
            }

            .foot-col-5 {
                width: 35%;
                text-align: left !important;
                padding-left: 30px;
            }
        }

        @media (min-width: 1024px) {
            .award-block {
                width: 28% !important;
            }
        }

        @media (max-width: 1023px) {
            .award-block {
                width: 30%;
            }
        }

        @media (max-width: 767px) {
            .award-block {
                width: auto;
                padding: 0;
            }
        }


        .main-header.ivivu-main-header .navbar ul.dropdown-menu>li a:hover {
            background: none;
            color: #ffbd00 !important;
        }