@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosans/v38/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyAaBN9d.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}

@font-face {
    font-family: 'fontello';
    src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype');
    font-display: swap;
}

[class^="c-icon-"]:before,
[class*="c-icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}

.c-icon-phone:before {
    content: '';
}

.c-icon-mail:before {
    content: '';
}

.c-icon-basket:before {
    content: '';
}

*,
::after,
::before {
    box-sizing: border-box;
}

.ho .mb0 {
    margin-bottom: 0!important;
}

.ho .mb5 {
    margin-bottom: 5px!important;
}

.ho .mb10 {
    margin-bottom: 10px!important;
}

.ho .mb20 {
    margin-bottom: 20px!important;
}

.ho .mb30 {
    margin-bottom: 30px!important;
}

.ho .mb40 {
    margin-bottom: 40px!important;
}

.ho .mt0 {
    margin-top: 0!important;
}

.ho .mt5 {
    margin-top: 5px!important;
}

.ho .mt10 {
    margin-top: 10px!important;
}

.ho .mt20 {
    margin-top: 20px!important;
}

.ho .mt30 {
    margin-top: 30px!important;
}

.ho .mt40 {
    margin-top: 40px!important;
}

.ho .ml0 {
    margin-left: 0!important;
}

.ho .ml5 {
    margin-left: 5px!important;
}

.ho .ml10 {
    margin-left: 10px!important;
}

.ho .ml20 {
    margin-left: 20px!important;
}

.ho .ml30 {
    margin-left: 30px!important;
}

.ho .ml40 {
    margin-left: 40px!important;
}

.ho .mr0 {
    margin-right: 0!important;
}

.ho .mr5 {
    margin-right: 5px!important;
}

.ho .mr10 {
    margin-right: 10px!important;
}

.ho .mr20 {
    margin-right: 20px!important;
}

.ho .mr30 {
    margin-right: 30px!important;
}

.ho .mr40 {
    margin-right: 40px!important;
}

.ho .pb0 {
    padding-bottom: 0!important;
}

.ho .pb5 {
    padding-bottom: 5px!important;
}

.ho .pb10 {
    padding-bottom: 10px!important;
}

.ho .pb20 {
    padding-bottom: 20px!important;
}

.ho .pb30 {
    padding-bottom: 30px!important;
}

.ho .pb40 {
    padding-bottom: 40px!important;
}

.ho .pt0 {
    padding-top: 0!important;
}

.ho .pt5 {
    padding-top: 5px!important;
}

.ho .pt10 {
    padding-top: 10px!important;
}

.ho .pt20 {
    padding-top: 20px!important;
}

.ho .pt30 {
    padding-top: 30px!important;
}

.ho .pt40 {
    padding-top: 40px!important;
}

.ho .pl0 {
    padding-left: 0!important;
}

.ho .pl5 {
    padding-left: 5px!important;
}

.ho .pl10 {
    padding-left: 10px!important;
}

.ho .pl20 {
    padding-left: 20px!important;
}

.ho .pl30 {
    padding-left: 30px!important;
}

.ho .pl40 {
    padding-left: 40px!important;
}

.ho .pr0 {
    padding-right: 0!important;
}

.ho .pr10 {
    padding-right: 10px!important;
}

.ho .pr20 {
    padding-right: 20px!important;
}

.ho .pr30 {
    padding-right: 30px!important;
}

.ho .pr40 {
    padding-right: 40px!important;
}

.ho .p10 {
    padding: 10px!important;
}

.ho .p20 {
    padding: 20px!important;
}

.ho .p30 {
    padding: 30px!important;
}

.ho .p40 {
    padding: 40px!important;
}

.ho .d-inline-b {
    display: inline-block;
}

@media(max-width:576.98px) {
    .ho .mb0-sm {
        margin-bottom: 0!important;
    }
    .ho .mb5-sm {
        margin-bottom: 5px!important;
    }
    .ho .mb10-sm {
        margin-bottom: 10px!important;
    }
    .ho .mb20-sm {
        margin-bottom: 20px!important;
    }
    .ho .mb30-sm {
        margin-bottom: 30px!important;
    }
    .ho .mb40-sm {
        margin-bottom: 40px!important;
    }
    .ho .mt0-sm {
        margin-top: 0!important;
    }
    .ho .mt5-sm {
        margin-top: 5px!important;
    }
    .ho .mt10-sm {
        margin-top: 10px!important;
    }
    .ho .mt20-sm {
        margin-top: 20px!important;
    }
    .ho .mt30-sm {
        margin-top: 30px!important;
    }
    .ho .mt40-sm {
        margin-top: 40px!important;
    }
    .ho .ml0-sm {
        margin-right: 0!important;
    }
    .ho .ml5-sm {
        margin-right: 5px!important;
    }
    .ho .ml10-sm {
        margin-right: 10px!important;
    }
    .ho .ml20-sm {
        margin-right: 20px!important;
    }
    .ho .ml30-sm {
        margin-right: 30px!important;
    }
    .ho .ml40-sm {
        margin-right: 40px!important;
    }
    .ho .mr0-sm {
        margin-right: 0!important;
    }
    .ho .mr5-sm {
        margin-right: 5px!important;
    }
    .ho .mr10-sm {
        margin-right: 10px!important;
    }
    .ho .mr20-sm {
        margin-right: 20px!important;
    }
    .ho .mr30-sm {
        margin-right: 30px!important;
    }
    .ho .mr40-sm {
        margin-right: 40px!important;
    }
    .ho .pb0-sm {
        padding-bottom: 0!important;
    }
    .ho .pb5-sm {
        padding-bottom: 5px!important;
    }
    .ho .pb10-sm {
        padding-bottom: 10px!important;
    }
    .ho .pb20-sm {
        padding-bottom: 20px!important;
    }
    .ho .pb30-sm {
        padding-bottom: 30px!important;
    }
    .ho .pb40-sm {
        padding-bottom: 40px!important;
    }
    .ho .pt0-sm {
        padding-top: 0!important;
    }
    .ho .pt5-sm {
        padding-top: 5px!important;
    }
    .ho .pt10-sm {
        padding-top: 10px!important;
    }
    .ho .pt20-sm {
        padding-top: 20px!important;
    }
    .ho .pt30-sm {
        padding-top: 30px!important;
    }
    .ho .pt40-sm {
        padding-top: 40px!important;
    }
    .ho .pl0-sm {
        padding-left: 0!important;
    }
    .ho .pl5-sm {
        padding-left: 5px!important;
    }
    .ho .pl10-sm {
        padding-left: 10px!important;
    }
    .ho .pl20-sm {
        padding-left: 20px!important;
    }
    .ho .pl30-sm {
        padding-left: 30px!important;
    }
    .ho .pl40-sm {
        padding-left: 40px!important;
    }
    .ho .pr0-sm {
        padding-right: 0!important;
    }
    .ho .pr10-sm {
        padding-right: 10px!important;
    }
    .ho .pr20-sm {
        padding-right: 20px!important;
    }
    .ho .pr30-sm {
        padding-right: 30px!important;
    }
    .ho .pr40-sm {
        padding-right: 40px!important;
    }
    .ho .p10-sm {
        padding: 10px!important;
    }
    .ho .p20-sm {
        padding: 20px!important;
    }
    .ho .p30-sm {
        padding: 30px!important;
    }
    .ho .p40-sm {
        padding: 40px!important;
    }
    .ho .d-inline-b-sm {
        display: inline-block;
    }
}

@media(min-width:577px) and (max-width:767.98px) {
    .ho .mb0-md {
        margin-bottom: 0!important;
    }
    .ho .mb5-md {
        margin-bottom: 5px!important;
    }
    .ho .mb10-md {
        margin-bottom: 10px!important;
    }
    .ho .mb20-md {
        margin-bottom: 20px!important;
    }
    .ho .mb30-md {
        margin-bottom: 30px!important;
    }
    .ho .mb40-md {
        margin-bottom: 40px!important;
    }
    .ho .mt0-md {
        margin-top: 0!important;
    }
    .ho .mt5-md {
        margin-top: 5px!important;
    }
    .ho .mt10-md {
        margin-top: 10px!important;
    }
    .ho .mt20-md {
        margin-top: 20px!important;
    }
    .ho .mt30-md {
        margin-top: 30px!important;
    }
    .ho .mt40-md {
        margin-top: 40px!important;
    }
    .ho .ml0-md {
        margin-right: 0!important;
    }
    .ho .ml5-md {
        margin-right: 5px!important;
    }
    .ho .ml10-md {
        margin-right: 10px!important;
    }
    .ho .ml20-md {
        margin-right: 20px!important;
    }
    .ho .ml30-md {
        margin-right: 30px!important;
    }
    .ho .ml40-md {
        margin-right: 40px!important;
    }
    .ho .mr0-md {
        margin-right: 0!important;
    }
    .ho .mr5-md {
        margin-right: 5px!important;
    }
    .ho .mr10-md {
        margin-right: 10px!important;
    }
    .ho .mr20-md {
        margin-right: 20px!important;
    }
    .ho .mr30-md {
        margin-right: 30px!important;
    }
    .ho .mr40-md {
        margin-right: 40px!important;
    }
    .ho .pb0-md {
        padding-bottom: 0!important;
    }
    .ho .pb5-md {
        padding-bottom: 5px!important;
    }
    .ho .pb10-md {
        padding-bottom: 10px!important;
    }
    .ho .pb20-md {
        padding-bottom: 20px!important;
    }
    .ho .pb30-md {
        padding-bottom: 30px!important;
    }
    .ho .pb40-md {
        padding-bottom: 40px!important;
    }
    .ho .pt0-md {
        padding-top: 0!important;
    }
    .ho .pt5-md {
        padding-top: 5px!important;
    }
    .ho .pt10-md {
        padding-top: 10px!important;
    }
    .ho .pt20-md {
        padding-top: 20px!important;
    }
    .ho .pt30-md {
        padding-top: 30px!important;
    }
    .ho .pt40-md {
        padding-top: 40px!important;
    }
    .ho .pl0-md {
        padding-left: 0!important;
    }
    .ho .pl5-md {
        padding-left: 5px!important;
    }
    .ho .pl10-md {
        padding-left: 10px!important;
    }
    .ho .pl20-md {
        padding-left: 20px!important;
    }
    .ho .pl30-md {
        padding-left: 30px!important;
    }
    .ho .pl40-md {
        padding-left: 40px!important;
    }
    .ho .pr0-md {
        padding-right: 0!important;
    }
    .ho .pr10-md {
        padding-right: 10px!important;
    }
    .ho .pr20-md {
        padding-right: 20px!important;
    }
    .ho .pr30-md {
        padding-right: 30px!important;
    }
    .ho .pr40-md {
        padding-right: 40px!important;
    }
    .ho .p10-md {
        padding: 10px!important;
    }
    .ho .p20-md {
        padding: 20px!important;
    }
    .ho .p30-md {
        padding: 30px!important;
    }
    .ho .p40-md {
        padding: 40px!important;
    }
    .ho .d-inline-b-md {
        display: inline-block;
    }
}

@media(min-width:768px) {
    .ho .mb0-lg {
        margin-bottom: 0!important;
    }
    .ho .mb5-lg {
        margin-bottom: 5px!important;
    }
    .ho .mb10-lg {
        margin-bottom: 10px!important;
    }
    .ho .mb20-lg {
        margin-bottom: 20px!important;
    }
    .ho .mb30-lg {
        margin-bottom: 30px!important;
    }
    .ho .mb40-lg {
        margin-bottom: 40px!important;
    }
    .ho .mt0-lg {
        margin-top: 0!important;
    }
    .ho .mt5-lg {
        margin-top: 5px!important;
    }
    .ho .mt10-lg {
        margin-top: 10px!important;
    }
    .ho .mt20-lg {
        margin-top: 20px!important;
    }
    .ho .mt30-lg {
        margin-top: 30px!important;
    }
    .ho .mt40-lg {
        margin-top: 40px!important;
    }
    .ho .ml0-lg {
        margin-right: 0!important;
    }
    .ho .ml5-lg {
        margin-right: 5px!important;
    }
    .ho .ml10-lg {
        margin-right: 10px!important;
    }
    .ho .ml20-lg {
        margin-right: 20px!important;
    }
    .ho .ml30-lg {
        margin-right: 30px!important;
    }
    .ho .ml40-lg {
        margin-right: 40px!important;
    }
    .ho .mr0-lg {
        margin-right: 0!important;
    }
    .ho .mr5-lg {
        margin-right: 5px!important;
    }
    .ho .mr10-lg {
        margin-right: 10px!important;
    }
    .ho .mr20-lg {
        margin-right: 20px!important;
    }
    .ho .mr30-lg {
        margin-right: 30px!important;
    }
    .ho .mr40-lg {
        margin-right: 40px!important;
    }
    .ho .pb0-lg {
        padding-bottom: 0!important;
    }
    .ho .pb5-lg {
        padding-bottom: 5px!important;
    }
    .ho .pb10-lg {
        padding-bottom: 10px!important;
    }
    .ho .pb20-lg {
        padding-bottom: 20px!important;
    }
    .ho .pb30-lg {
        padding-bottom: 30px!important;
    }
    .ho .pb40-lg {
        padding-bottom: 40px!important;
    }
    .ho .pt0-lg {
        padding-top: 0!important;
    }
    .ho .pt5-lg {
        padding-top: 5px!important;
    }
    .ho .pt10-lg {
        padding-top: 10px!important;
    }
    .ho .pt20-lg {
        padding-top: 20px!important;
    }
    .ho .pt30-lg {
        padding-top: 30px!important;
    }
    .ho .pt40-lg {
        padding-top: 40px!important;
    }
    .ho .pl0-lg {
        padding-left: 0!important;
    }
    .ho .pl5-lg {
        padding-left: 5px!important;
    }
    .ho .pl10-lg {
        padding-left: 10px!important;
    }
    .ho .pl20-lg {
        padding-left: 20px!important;
    }
    .ho .pl30-lg {
        padding-left: 30px!important;
    }
    .ho .pl40-lg {
        padding-left: 40px!important;
    }
    .ho .pr0-lg {
        padding-right: 0!important;
    }
    .ho .pr10-lg {
        padding-right: 10px!important;
    }
    .ho .pr20-lg {
        padding-right: 20px!important;
    }
    .ho .pr30-lg {
        padding-right: 30px!important;
    }
    .ho .pr40-lg {
        padding-right: 40px!important;
    }
    .ho .p10-lg {
        padding: 10px!important;
    }
    .ho .p20-lg {
        padding: 20px!important;
    }
    .ho .p30-lg {
        padding: 30px!important;
    }
    .ho .p40-lg {
        padding: 40px!important;
    }
    .ho .d-inline-b-lg {
        display: inline-block;
    }
}

.ho * {
    color: #333;
}

body.ho,
.ho p,
.ho div,
.ho li {
    font: normal 14px 'Roboto', 'Noto Serif', sans-serif;
    line-height: 1.3rem;
}

body.ho {
    background-color: #fff;
}

.ho h1,
.ho h2,
.ho h3,
.ho h4,
.ho h1.title,
.ho h2.title,
.ho .ty-wysiwyg-content h1,
.ho .ty-wysiwyg-content h2,
.ho .ty-wysiwyg-content h3,
.ho .ty-wysiwyg-content h4 {
    font-weight: 700;
    font-family: 'Noto Serif', sans-serif;
}

.ho strong,
.ho b,
.ho .text-bold {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.ho h1,
.ho .ty-wysiwyg-content h1 {
    font-size: 1.6rem;
    line-height: 2rem;
}

.ho h2,
.ho .ty-wysiwyg-content h2 {
    font-size: 1.4rem;
    line-height: 1.6rem;
}

.ho h3,
.ho .ty-wysiwyg-content h3 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.ho h1.title,
.ho h2.title {
    font-size: 1.7em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ho h1.title.center,
.ho h2.title.center {
    text-align: center;
}

.ho a,
.ho .ty-wysiwyg-content a,
.ho a.product-title {
    color: #333;
}

.ho a:hover,
.ho .ty-wysiwyg-content a:hover,
.ho a.product-title:hover {
    color: var(--color-primary) !important;
}

.ho input[type="text"],
.ho input[type="password"],
.ho textarea,
.ho select {
    border-width: 1px;
    border-radius: 0;
    background: #f7f7f7;
}

.ho input[type="text"]:hover,
.ho input[type="password"]:hover,
.ho textarea:hover,
.ho select:hover,
.ho input[type="text"]:focus,
.ho input[type="password"]:focus,
.ho textarea:focus,
.ho select:focus,
.ho input[type="text"]:active,
.ho input[type="password"]:active,
.ho textarea:active,
.ho select:active {
    border-width: 1px;
    border-color: #ccc;
}

.ho img {
    max-width: 100%!important;
    height: auto!important;
    vertical-align: middle;
    font-size: 0;
    border: 0;
}

.ho .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.ho .hoBtn {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    border: 1px solid transparent;
    background-color: #fff;
}

.ho .btn-default {
    color: #fff;
    background-color: #999;
    border-color: #ccc;
}

.ho .btn-default:hover {
    background-color: #6b6b6b;
}

.ho .btn-outline {
    border-color: #ccc;
}

.ho .btn-outline:hover {
    background-color: #eaeaea;
}

.ho .ty-btn {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.woocommerce .button.button,
.ho .ty-btn__primary,
.ho a.ty-btn__primary {
    background-color: var(--color-black);
    color: #fff;
}

.woocommerce .button.button:hover,
.ho .ty-btn__primary:hover,
.ho a.ty-btn__primary:hover,
.ho .ty-btn__primary:active,
.ho a.ty-btn__primary:active {
    background-color: #111;
    color: #fff !important;
}

.ho .ty-btn__secondary,
.ho a.ty-btn__secondary {
    color: #fff;
    background-color: #777;
}

.ho .ty-btn__secondary:hover,
.ho a.ty-btn__secondary:hover {
    color: #fff;
    background-color: #2f2f2f;
}

.ho .ty-btn__text {
    background-color: #fff!important;
    color: var(--color-black);
    border: 1px solid #48a51f;
}

.ho .ty-btn__text:hover,
.ho .ty-btn__text:active {
    color: #fff;
    background-color: #48a51f!important;
}

.ho .showmore {
    display: block;
    text-align: center;
}

.ho .showmore>.hoBtn {
    position: absolute;
    bottom: 10px;
    min-width: 200px;
}

.ho .rss-feed {
    display: block!important;
    height: 0!important;
    opacity: 0!important;
}

.ho .bg-white {
    background-color: #fff;
}

.ho .bg-gray {
    background-color: #f5f5f5;
}

.ho .bg-gray-1 {
    background-color: #f2f2f2;
}

.ho .bg-gray-2 {
    background-color: #ccc;
}

.ho .text-link-b {
    color: var(--color-black);
    font-weight: 500;
}

.ho .text-link-b:hover {
    color: var(--color-black);
}

.ho blockquote {
    display: block;
    margin: 0;
    box-sizing: inherit;
    padding: 10px 5px 10px 10px;
    position: relative;
    background: #f8f9f9;
    border-left: 3px solid var(--color-black);
    font-style: italic;
    font-size: 14px;
}

.ho .template-grid {
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

@media(min-width:768px) {
    .ho blockquote {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 30px;
        margin-right: 30px;
        padding: 20px;
        font-size: 16px;
    }
}

.ho-row {
    display: block;
    width: 100%;
}

.ho-col * {
    float: left;
}

.ho-col-6 {
    width: 100%;
    float: left;
}

.ho-col-4 {
    width: 100%;
    float: left;
}

.ho-col-2 {
    width: 100%;
    float: left;
}

@media screen and (max-width:480px) {
    .ho .ty-column4,
    .ho .ty-column5,
    .ho .ty-column6,
    .ho .ty-column3,
    .ho .ty-column2 {
        width: 50%;
    }
}

@media screen and (max-width:767px) {
    .ho .ty-column4,
    .ho .ty-column5,
    .ho .ty-column6,
    .ho .ty-column3,
    .ho .ty-column2 {
        width: 50%;
        margin-right: 0;
    }
    .ho .ty-btn__text {
        padding: 10px 15px!important;
    }
}

@media screen and (min-width:768px) {
    .ho-col-6 {
        width: 33.33%;
    }
    .ho-col-4 {
        width: 50%;
    }
    .ho-col-2 {
        width: 50%;
    }
    h2.title {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1000px) {
    .ho-col-6 {
        width: 16.66%;
    }
    .ho-col-4 {
        width: 25%;
    }
}

.hoicon {
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color-black);
    line-height: 22px;
    text-align: center;
    margin-right: 5px;
}

.hoicon.ic-facebook {
    background-position-x: 6px;
    background-position-y: 2px;
}

.hoicon.ic-zalo {
    background-position-x: -48px;
    background-position-y: 2px;
}

.hoicon.ic-phone {
    background-position-x: -77px;
    background-position-y: 3px;
}

.hoicon-lg {
    background: #fff;
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin-right: 10px;
}

.hoicon-lg.ic-phone {
    background-position-x: -8px;
    background-position-y: -130px;
}

.hoicon-lg.ic-clock {
    background-position-x: -78px;
    background-position-y: -130px;
}

.hoicon-lg.ic-delivery {
    background-position-x: -228px;
    background-position-y: -130px;
}

.hoicon-lg.ic-warranty {
    background-position-x: -153px;
    background-position-y: -130px;
}

.hoicon-lg.ic-zalo {
    background-position-x: -1px;
    background-position-y: -185px;
}

.hoicon-social {
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.hoicon-social.ic-facebook {
    background-position-x: -158px;
    background-position-y: -184px;
}

.hoicon-social.ic-youtube {
    background-position-x: -202px;
    background-position-y: -184px;
}

.hoicon-social.ic-twitter {
    background-position-x: -247px;
    background-position-y: -184px;
}

.hoicon-social.ic-pinterest {
    background-position-x: -292px;
    background-position-y: -184px;
}

.hoicon-social.ic-instagram {
    background-position-x: -336px;
    background-position-y: -184px;
}

.hoicon-social.ic-tiktok {
    background-position-x: -379px;
    background-position-y: -184px;
}

ul.ho-social-button {
    list-style-type: none;
}

ul.ho-social-button li {
    float: left;
    display: inline-block;
    margin-right: 5px;
}

ul.ho-social-button a {
    display: inline-block;
}

.hoicon-helper {
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.hoicon-helper.ic-phone {
    background-position-x: -1px;
    background-position-y: -224px;
}

.hoicon-helper.ic-email {
    background-position-x: -45px;
    background-position-y: -224px;
}

.hoicon-helper.ic-zalo {
    background-position-x: -90px;
    background-position-y: -224px;
}

.hoicon-helper.ic-facebook {
    background-position-x: -132px;
    background-position-y: -224px;
}

.hoicon-helper.ic-zalo-chat {
    background-position-x: -176px;
    background-position-y: -225px;
}

.hoicon-helper.ic-map-marker {
    background-position-x: -222px;
    background-position-y: -224px;
}

.ho-helper-button {
    display: inline-block;
    white-space: nowrap;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

@media screen and (min-width:768px) {
    .hoicon-lg {
        width: 50px;
        height: 50px;
    }
    .hoicon-lg.ic-phone {
        background-position-x: -16px;
        background-position-y: -43px;
    }
    .hoicon-lg.ic-clock {
        background-position-x: -136px;
        background-position-y: -43px;
    }
    .hoicon-lg.ic-delivery {
        background-position-x: -350px;
        background-position-y: -45px;
    }
    .hoicon-lg.ic-warranty {
        background-position-x: -249px;
        background-position-y: -44px;
    }
}

.ho .top-grid .top-head>.row-fluid,
.ho .tygh-header>.container-fluid {
    max-width: 1480px;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ho .tygh-top-panel {
    background-color: #fff;
    background-image: none;
    padding-bottom: 5px;
}

.ho .tygh-top-panel .hoicon {
    float: left;
}

.ho .tygh-top-panel .hotline {
    display: inline-block;
    float: left;
    line-height: 36px;
    margin-right: 20px;
}

.ho .tygh-top-panel .hotline span {
    color: #333;
    font-size: 14px;
    line-height: 24px;
}

.ho .tygh-top-panel .hotline a {
    font-size: 1.1em;
    color: #ea0000;
    margin: 0 4px;
}

.ho .tygh-top-panel .icon-menu {
    display: block;
    margin-right: 8px;
    font-size: 0;
    line-height: 0;
}

.ho .tygh-top-panel .icon-menu i {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>');
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.ho .tygh-top-panel .ty-dropdown-box {
    margin-left: 10px;
}

.ho .top-my-account .ty-account-info__title-txt,
.ho .top-cart-content .ty-account-info__title-txt,
.ho .top-my-account .ty-icon-down-micro,
.ho .top-cart-content .ty-icon-down-micro {
    display: none;
}

.ho .top-my-account .ty-dropdown-box__title,
.ho .top-cart-content .ty-dropdown-box__title {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    background: #fff;
}

.ho .top-my-account .ty-dropdown-box__title:hover,
.ho .top-cart-content .ty-dropdown-box__title:hover,
.ho .top-my-account .ty-dropdown-box__title.open,
.ho .top-cart-content .ty-dropdown-box__title.open {
    background-color: #f2f2f2;
}

.ho .top-my-account .ty-dropdown-box__title:hover a,
.ho .top-cart-content .ty-dropdown-box__title:hover a {
    color: inherit;
}

.ho .top-my-account .ty-dropdown-box__title.open i,
.ho .top-cart-content .ty-dropdown-box__title.open i {
    color: #666;
}

.ho .top-my-account .ty-dropdown-box__title.open:after,
.ho .top-cart-content .ty-dropdown-box__title.open:after {
    margin-left: -6px;
    border-color: transparent transparent var(--color-black);
    bottom: -8px;
}

.ho .top-my-account .ty-icon-user {
    line-height: 34px;
    font-size: 18px;
    color: #666;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.ho .top-my-account .ty-account-info__name {
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.ho .tygh-top-panel .top-cart-content {
    padding-top: 0;
}

.ho .tygh-top-panel .top-cart-content .ty-minicart__icon {
    display: none;
}

.ho .tygh-top-panel .top-cart-content .ty-minicart-title {
    padding-left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.ho .tygh-top-panel .top-cart-content .number-cart {
    background: #f00;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 12px;
    font-weight: 600;
}

.ho .tygh-top-panel .top-cart-content .ty-dropdown-box__title a {
    width: 100%;
    height: 100%;
    display: block;
}

.ho .tygh-top-panel .top-cart-content .ty-dropdown-box__title.open {
    border-radius: 50%;
}

.ho .tygh-top-panel .top-cart-content .ty-dropdown-box__content {
    border-radius: 0;
    margin-top: 7px;
}

.ho .tygh-top-panel .top-cart-content .ty-cart-items__list-item-desc a:hover {
    color: #006d81;
}

.ho .tygh-top-panel .top-my-account .ty-dropdown-box__content {
    margin-top: 5px;
}

.ho .tygh-top-panel .top-my-account .ty-dropdown-box__title.open:after {
    bottom: -6px;
}

.ho .ty-dropdown-box__content {
    -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .12);
}

.ho .ty-search-block .ty-search-block__input {
    min-width: 240px;
}

.ho .ty-search-block .ty-search-magnifier {
    color: #666;
}

.ho .ty-logo-container {
    margin-top: 0;
}

.ho .ty-logo-container .ty-logo-container__image {
    max-height: 42px;
    width: auto;
    max-width: 100%;
}

.ho .gopy {
    margin-bottom: 8px;
    background-color: #f2f2f2;
}

.ho .gopy p {
    max-width: 1480px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ho .openSearchContainer {
    float: left;
}

.ho #hoBtnOpenSearch {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    background: #fff;
    display: inline-block;
    color: #666;
}

.ho #hoBtnOpenSearch:hover {
    background: #f2f2f2;
}

.ho #hoBtnOpenSearch>i {
    line-height: 32px;
    font-size: 18px;
    margin: 0;
    display: block;
}

@media screen and (max-width:1250px) {
    .ho .ty-search-block .ty-search-block__input {
        min-width: 180px;
    }
    .ho .tygh-top-panel .hotline {
        font-size: 12px;
    }
}

@media screen and (max-width:767.98px) {
    .ho .tygh-top-panel {
        padding-top: 10px;
    }
    .ho .ty-logo-container {
        margin: 0 0 10px;
    }
    .ho .ty-logo-container .ty-logo-container__image {
        max-width: 144px!important;
    }
    .ho .top-cart-content {
        margin: 0;
    }
}

@media screen and (max-width:576.98px) {
    .ho .ty-logo-container {
        margin: 0 0 5px;
    }
    .ho .ty-logo-container .ty-logo-container__image {
        max-height: 36px;
    }
}

@media screen and (max-width:1000px) {
    .hoSearch {
        z-index: -1;
        position: fixed;
        opacity: 0;
        background: #00000094;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0;
        transition: all .2s ease-in-out;
    }
    .hoSearch .ty-search-block {
        background: #fff;
        padding: 20px;
        margin-top: -100%;
        transition: margin-top .3s ease-in-out;
    }
    .hoSearch .ty-search-block .ty-search-magnifier {
        width: 0;
        height: 0;
        top: 0;
        right: 0;
    }
    .hoSearch .ty-search-block .ty-search-magnifier>i {
        color: #909090;
        font-size: 15px;
        position: absolute;
        right: 1px;
        top: 1px;
        bottom: 1px;
        z-index: 1;
        display: block;
        width: 31px;
        height: 31px;
        line-height: 31px;
    }
    .hoSearch .ty-search-block .ty-search-magnifier>i:hover {
        background: #eaeaea;
    }
    .hoSearch .ty-search-block .ty-icon-search {
        color: #909090;
    }
    .hoSearch .ty-search-block .ty-icon-search:before {
        content: "";
    }
    .hoSearch .ty-search-block .ty-search-block__input {
        border: 0;
        background: #fff;
        border-bottom: 1px solid #aaa!important;
        padding-left: 0;
    }
    .hoSearch form {
        position: relative;
    }
    .open-search {
        overflow: hidden;
    }
    .open-search .hoSearch {
        height: auto;
        z-index: 99;
        opacity: 1;
    }
    .open-search .ty-search-block {
        margin-top: 0;
    }
    .ty-search-block .ty-search-block__input {
        width: 100%;
    }
}

@media screen and (min-width:768px) {
    .ho .top-grid .top-head>.row-fluid,
    .ho .tygh-header>.container-fluid {
        padding: 0 10px;
    }
    .ho .tygh-header {
        top: 0;
        z-index: 2;
        background: #fff;
        left: 0;
        right: 0;
        transition: top .25s ease-in;
    }
}

@media screen and (min-width:1001px) {
    .ho .top-grid .top-head>.row-fluid,
    .ho .tygh-header>.container-fluid {
        padding: 0 10px;
    }
}

.ho .ty-menu__item a {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width:767.98px) {
    .ho .top-menu-grid {
        z-index: -1;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        transition: margin .5s ease-in-out;
        overflow: hidden;
        margin-left: -100%!important;
    }
    .ho .tygh-header {
        z-index: -1;
        position: fixed;
        background: #00000094;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        opacity: 0;
        transition: all .25s ease-in-out;
    }
    .ho.menu-show {
        overflow: hidden;
    }
    .ho.menu-show .tygh-header {
        z-index: 99;
        opacity: 1;
    }
    .ho.menu-show .top-menu-grid {
        z-index: 99;
        margin-left: 0!important;
    }
    .ho .ty-menu__item-toggle,
    .ho .ty-menu__item-toggle-active {
        background-color: transparent!important;
        color: #999;
        font-size: 16px;
        border-radius: 0;
        width: 44px;
        height: 44px;
        top: 2px;
    }
    .ho .ty-menu__item-toggle:hover,
    .ho .ty-menu__item-toggle-active:hover {
        background-color: rgba(0, 0, 0, .1)!important;
    }
    .ho .ty-menu__item-toggle .ty-menu__icon-hide,
    .ho .ty-menu__item-toggle .ty-menu__icon-open,
    .ho .ty-menu__item-toggle-active .ty-menu__icon-hide,
    .ho .ty-menu__item-toggle-active .ty-menu__icon-open {
        line-height: 44px;
    }
    .ho .menu-main {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 90%;
        background: #fff;
        max-width: 400px;
        overflow: hidden;
        overflow-y: auto;
        padding-bottom: 40px;
    }
    .ho .menu-main::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
    }
    .ho .menu-main .ty-menu__item.visible-phone {
        margin: 0;
        text-align: right;
    }
    .ho .menu-main .ty-menu__item.visible-phone .ty-menu__item-link {
        background: #fff;
    }
    .ho .menu-main .ty-menu__item.visible-phone .ty-menu__item-link:hover {
        background-color: #f2f2f2;
    }
    .ho .menu-main .ty-menu__item.visible-phone a {
        width: 45px;
        text-align: center;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        display: inline-block;
        height: 45px;
        padding: 0;
        line-height: 45px;
        margin: 4px;
    }
    .ho .menu-main .ty-menu__item.visible-phone span {
        display: none!important;
    }
    .ho .menu-main .ty-menu__item.visible-phone i.ty-icon-short-list {
        padding: 0;
        color: #333;
    }
    .ho .menu-main .ty-menu__item.visible-phone i.ty-icon-short-list:before {
        content: "";
    }
    .ho .ty-menu__items {
        background-color: #fff;
        margin: 0;
        border: 0;
        border-radius: 0;
    }
    .ho .ty-menu__item {
        display: list-item;
        border-color: #ccc;
    }
    .ho .ty-menu__item .ty-menu__submenu {
        margin-bottom: -1px;
    }
    .ho .ty-menu__item .ty-menu__item-link {
        color: #333;
        padding: 14px 10px;
        margin: 0;
        border: 0;
        border-bottom: 1px solid #ccc;
        font-weight: 500;
        text-transform: uppercase;
    }
    .ho .ty-menu__item.ty-menu__item-nodrop {
        border-bottom: 0;
    }
    .ho .ty-menu__submenu-items .ty-menu__submenu-item {
        padding: 0;
        border-top: 0!important;
        border-bottom: 1px solid #ccc!important;
    }
    .ho .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item .ty-menu__submenu-link {
        color: #333;
        padding: 14px 40px 14px 30px;
    }
    .ho .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item:hover .ty-menu__submenu-link {
        color: var(--color-black);
        background: #f2f2f2;
    }
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header {
        border-top: 0;
        border-bottom: 1px solid #ccc;
        min-height: 0;
    }
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header a {
        color: var(--color-black);
        padding: 14px 40px 14px 30px;
        border-radius: 0;
    }
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header a:before {
        content: '>';
        margin-right: 3px;
        font-family: monospace;
        font-size: 11px;
    }
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header a:hover {
        color: var(--color-black);
        background: #f2f2f2;
    }
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item {
        padding-left: 0;
    }
    .ho .no-touch .ty-menu__item:not(.ty-menu__menu-btn):hover .ty-menu__item-link {
        background: #f2f2f2;
        color: var(--color-black);
    }
    .ho .ty-menu__item.ty-menu__item-active .ty-menu__item-link,
    .ho .no-touch .ty-menu__item.ty-menu__item-active:hover .ty-menu__item-link,
    .ho .ty-menu__submenu .ty-top-mine__submenu-col .ty-menu__submenu-item-header-active,
    .ho .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active,
    .ho .ty-menu__submenu .ty-menu__submenu-items .ty-menu__submenu-item-active a {
        background: #f2f2f2;
        color: var(--color-black)!important;
    }
}

@media screen and (min-width:768px) {
    .ho .menu-main .ty-menu__item .ty-menu__item-link {
        padding: 0 14px;
        margin: 0;
        line-height: 42px;
    }
    .ho .menu-main .ty-menu__item .ty-menu__item-link::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--color-primary);
        transition: width .3s;
    }
    .ho .menu-main .ty-menu__item:hover .ty-menu__item-link::after {
        width: 100%;
    }
    .ho .menu-main .menu-column2 .ty-menu__submenu>ul.ty-menu__submenu-list {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
    .ho .menu-main .menu-noithatvanphong>.ty-menu__submenu {
        margin-left: -100px;
    }
    .ho .menu-main .ty-menu__items {
        background-color: #fff;
    }
    .ho .menu-main .ty-menu__items .ty-menu__item {
        border-bottom: 0;
    }
    .ho .menu-main .ty-menu__item {
        margin-right: 0;
    }
    .ho .menu-main .ty-menu__item .ty-menu__item-link {
        border-radius: 0;
        color: #333;
        font-weight: 500;
    }
    .ho .menu-main .ty-menu__item:nth-child(2) .ty-menu__item-link {
        border-radius: 0;
    }
    .ho .menu-main .ty-menu__item>.ty-menu__submenu {
        padding-top: 0;
        margin-bottom: 0;
    }
    .ho .menu-main .ty-menu__item>.ty-menu__submenu>ul {
        border: 0;
        box-shadow: 0 0 8px #00000030;
        -webkit-transition: opacity .4s, transform .6s, height 0s, width 0s;
        transition: opacity .4s, transform .6s, height 0s, width 0s;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        display: unset;
    }
    .ho .ty-menu__submenu-items {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .ho .ty-menu__submenu-items .ty-menu__submenu-item {
        border-bottom: 0;
        margin-bottom: 5px;
    }
    .ho .ty-menu__submenu-item-header .ty-menu__submenu-link {
        color: #48a51f;
        font-weight: 500;
    }
    .ho .no-touch .menu-main .ty-menu__item,
    .ho .touch .menu-main .ty-menu__item {
        height: 42px;
    }
    .ho .no-touch .ty-menu__item,
    .ho .touch .ty-menu__item {
        border-radius: 0;
    }
    .ho .no-touch .ty-menu__item.is-hover-menu .ty-menu__item-link,
    .ho .touch .ty-menu__item.is-hover-menu .ty-menu__item-link,
    .ho .no-touch .ty-menu__item:hover .ty-menu__item-link,
    .ho .touch .ty-menu__item:hover .ty-menu__item-link {
        color: #333;
        background: #fff;
    }
    .ho .no-touch .ty-menu__item.ty-menu__item-nodrop:hover .ty-menu__item-link,
    .ho .touch .ty-menu__item.ty-menu__item-nodrop:hover .ty-menu__item-link {
        border-left-color: transparent;
        border-right-color: transparent;
    }
    .ho .no-touch .ty-menu__submenu-items .ty-menu__submenu-link,
    .ho .touch .ty-menu__submenu-items .ty-menu__submenu-link {
        padding: 0;
        margin: 0;
        display: block;
        border: 0;
        border-radius: 0;
        color: #333;
    }
    .ho .no-touch .ty-menu__submenu-items .ty-menu__submenu-link:hover,
    .ho .touch .ty-menu__submenu-items .ty-menu__submenu-link:hover {
        background-color: transparent;
        text-decoration: underline;
        padding: 0;
        margin: 0;
        color: #333;
    }
    .ho .no-touch .ty-menu__submenu-items .ty-menu__submenu-item-active a,
    .ho .touch .ty-menu__submenu-items .ty-menu__submenu-item-active a {
        color: #006d81;
        background: inherit;
    }
    .ho .no-touch .ty-menu__item:hover .ty-menu__submenu-items,
    .ho .is-hover-menu .ty-menu__submenu-items {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        width: auto;
        height: auto;
        overflow: unset;
        visibility: visible;
    }
    .ho .ty-menu__item-active .ty-menu__item-link {
        background: inherit;
        color: #006d81;
    }
    .ho.menu-fly .tygh-header {
        position: fixed;
        top: 0!important;
    }
}

.ho .ty-menu-vertical .ty-menu__items {
    background-color: #fff;
}

.ho .ty-menu-vertical .ty-menu__items .ty-menu__item {
    border-bottom: 0;
}

.ho .ty-menu-vertical .ty-menu__item .ty-menu__item-link {
    color: #333;
}

.ho .ty-menu-vertical .ty-menu__item-active .ty-menu__item-link {
    background: inherit;
    color: #006d81;
}

.ho .ty-menu-vertical .ty-menu__item .ty-menu__submenu .ty-menu__item-link {
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-1>.ty-menu__submenu-item-header>.ty-menu__item-link {
    padding-left: 20px;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-2>.ty-menu__submenu-item-header>.ty-menu__item-link {
    padding-left: 30px;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-3>.ty-menu__submenu-item-header>.ty-menu__item-link {
    padding-left: 40px;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-4>.ty-menu__submenu-item-header>.ty-menu__item-link {
    padding-left: 50px;
}

.ho .ty-menu-vertical .ty-menu__item-active .ty-menu__item-arrow {
    display: none;
}

.ho .ty-menu-vertical .ty-menu__item-active .ty-menu__submenu,
.ho .ty-menu-vertical .ty-menu__item-active .ty-menu__submenu-items {
    display: block;
    position: unset;
}

.ho .ty-menu-vertical .ty-menu__item-active.ty-menu__item .ty-menu__submenu .ty-menu__item:hover.ty-menu__item-link {
    background: none;
    color: #333;
    text-decoration: underline;
}

.ho .ty-menu-vertical .ty-menu__item .ty-menu__item-link {
    text-transform: none;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level->.ty-menu__submenu-item-header>.ty-menu__item-link {
    text-transform: uppercase;
}

.ho .no-touch .ty-menu-vertical .ty-menu__submenu .ty-menu__item:hover>.ty-menu__submenu-item-header .ty-menu__item-link,
.ho .ty-menu-vertical .ty-menu__submenu .is-hover-menu>.ty-menu__submenu-item-header .ty-menu__item-link {
    background: #fff;
    color: #333;
    text-decoration: underline;
}

.ho .ty-menu-vertical .ty-menu__submenu .menu-level-1.ty-menu__item-active>.ty-menu__submenu-item-header .ty-menu__item-link,
.ho .ty-menu-vertical .ty-menu__submenu .menu-level-2.ty-menu__item-active>.ty-menu__submenu-item-header .ty-menu__item-link {
    background: none;
    color: #006d81;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-.ty-menu__item-active>.ty-menu__submenu-item-header .ty-menu__item-link {
    font-weight: 500;
    color: #006d81;
}

.ho .ty-menu-vertical .ty-menu__item.menu-level-.ty-menu__item-active>.ty-menu__submenu-item-header:hover .ty-menu__item-link {
    color: #333;
}

.ho .ty-menu-vertical .ty-menu__submenu[class*="menu-level-"].ty-menu__item-active>.ty-menu__submenu-item-header .ty-menu__item-link {
    color: #006d81;
}

.ho .tygh-top-panel .ty-dropdown-box__content {
    border-color: var(--color-black);
    margin-top: 2px;
}

.ho .top-cart-content .ty-cart-items__list-item {
    padding-right: 10px;
}

.ho .top-cart-content .ty-cart-items__list-item .ty-icon-cancel-circle {
    color: #888;
}

.ho .ty-dropdown-box__content {
    color: #333;
}

.ho .ty-dropdown-box__content .ty-dropdown-box__item:hover {
    background-color: transparent!important;
}

.ho .ty-dropdown-box__content .ty-dropdown-box__item:hover a {
    color: var(--color-black);
    text-decoration: underline;
}

.hoBannerTop {
    margin-top: -10px;
    margin-bottom: 5px;
}

.hoBannerTop p {
    padding: 0;
}

.tygh-content .span16 .hobox,
.tygh-footer .span16 .hobox,
.hobox>.row-fluid {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.hobox.mb0,
.hobox.mb0>.row-fluid {
    margin-bottom: 0!important;
}

.ho .hoCategory>div:not(:first-child),
.ho .hoProduct>div:not(:first-child),
.ho .hoBlog>div:not(:first-child),
.ho .hoPage>div:not(:first-child),
.ho .hoSearchProduct>div:not(:first-child),
.ho .hoCart>div:not(:first-child),
.ho .ho404>div:not(:first-child),
.ho .hoProfile>div:not(:first-child),
.ho .hoAuth>div:not(:first-child),
.ho .hoLienHe>div:not(:first-child),
.ho .hoStatic>div:not(:first-child) {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

@media(min-width:577px) {
    .ho .tygh-header {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .06);
        margin-bottom: 8px;
    }
    .ho .tygh-content {
        border-top: 0;
    }
}

.ho .tygh-content>div {
    background-color: #fff;
}

@media screen and (min-width:768px) {
    .ho .hoCategory>div:not(:first-child),
    .ho .hoProduct>div:not(:first-child),
    .ho .hoBlog>div:not(:first-child),
    .ho .hoPage>div:not(:first-child),
    .ho .hoSearchProduct>div:not(:first-child),
    .ho .hoCart>div:not(:first-child),
    .ho .ho404>div:not(:first-child),
    .ho .hoProfile>div:not(:first-child),
    .ho .hoAuth>div:not(:first-child),
    .ho .hoLienHe>div:not(:first-child),
    .ho .hoStatic>div:not(:first-child) {
        max-width: 1480px;
        padding: 0 10px;
    }
}

@media screen and (min-width:1000px) {
    .ho .hoCategory>div:not(:first-child),
    .ho .hoProduct>div:not(:first-child),
    .ho .hoBlog>div:not(:first-child),
    .ho .hoPage>div:not(:first-child),
    .ho .hoSearchProduct>div:not(:first-child),
    .ho .hoCart>div:not(:first-child),
    .ho .ho404>div:not(:first-child),
    .ho .hoProfile>div:not(:first-child),
    .ho .hoAuth>div:not(:first-child),
    .ho .hoLienHe>div:not(:first-child),
    .ho .hoStatic>div:not(:first-child) {
        max-width: 1480px;
        padding: 0 10px;
    }
}

.ho .ty-footer-menu__item {
    margin-bottom: 5px;
    line-height: normal;
}

.ho .ty-footer-menu__item a {
    font-size: 13px;
}

.ho .breadcrumbs-grid {
    background-color: #fff;
}

.ho .ty-breadcrumbs {
    max-width: 1480px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    font-size: 14px;
    color: #868383;
    box-sizing: border-box;
}

.ho .ty-breadcrumbs * {
    font-size: inherit;
}

.ho .ty-sidebox-important__title {
    background: transparent;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 4px;
    box-sizing: border-box;
}

.ho .ty-sidebox-important__title-wrapper {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    color: #333;
}

.ho .hoGroup,
.ho .ty-sidebox-important {
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 15px;
    box-shadow: 0 0 8px #ccccccb0;
}

.ho .hoGroup .ty-menu__item .ty-menu__item-link,
.ho .ty-sidebox-important .ty-menu__item .ty-menu__item-link {
    border: 0;
    border-radius: 0;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ho .hoGroup .ty-menu__item .ty-menu__submenu-item-header:hover .ty-menu__item-link,
.ho .ty-sidebox-important .ty-menu__item .ty-menu__submenu-item-header:hover .ty-menu__item-link {
    text-decoration: underline;
}

.ho .hoGroup .ty-product-filters__switch,
.ho .ty-sidebox-important .ty-product-filters__switch {
    border-bottom: 0;
}

.ho .hoGroup .ty-product-filters__group:hover,
.ho .ty-sidebox-important .ty-product-filters__group:hover {
    text-decoration: underline;
}

.ho .hoGroup .ty-menu__item-active .ty-menu__item-link,
.ho .ty-sidebox-important .ty-menu__item-active .ty-menu__item-link {
    background-color: inherit;
    color: #006d81;
}

.ho .ty-template-small__item {
    padding-left: 10px;
    padding-right: 10px;
}

.ho .ty-template-small__item a {
    font-size: 13px;
}

.ho .ty-template-small__item:hover .ty-template-small__item-description a {
    color: #006d81;
}

.ho .ty-template-small__item .ty-stars {
    display: none;
}

.ho .ty-blog-sidebox__item {
    border: 0;
    padding: 3px 5px 3px 15px;
    margin-left: 8px;
    position: relative;
    line-height: 1.3rem;
}

.ho .ty-blog-sidebox__item:before {
    font-family: 'glyphs';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 5px;
}

.ho .ty-blog-sidebox__item a {
    font-size: 13px;
}

.ho .ty-blog-sidebox__item:hover a {
    text-decoration: underline;
    color: #006d81;
}

.ho .ty-grid-list__image {
    padding: 10px 0 10px;
}

.ho .ty-list-price {
    font-size: 12px;
}

.ho .grid-list__rating .ty-stars__icon {
    font-size: 12px;
    color: #000;
}

.ho .ty-stars__icon {
    color: #000;
}

@media(min-width:768px) {
    .ho .breadcrumbs-grid {
        margin-bottom: 15px;
    }
}

.ho .tygh-footer {
    background-color: #111;
}

.ho .tygh-footer h4 {
    text-transform: uppercase;
}

.ho .tygh-footer>div {
    background-image: none;
    background-color: #ccc;
}

.ho .tygh-footer .footer-cong-ty {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.ho .ty-footer-menu {
    background: #111;
}

.ho .ty-footer-menu>div {
    max-width: 1480px;
}

.ho .ty-footer-menu__header,
.ho .ty-footer-general__header>span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.ho .ty-footer-menu__item a {
    color: #fff;
    font-family: 'Noto Serif', sans-serif;
}

.ho .ty-footer-menu__item a:hover {
    color: #fff;
    text-decoration: underline;
}

.ho .footer-cong-ty {
    padding: 0 10px 10px;
    margin-top: 1px;
    background-color: #111;
}

.ho .footer-cong-ty>div {
    max-width: 1480px;
    margin: 0 auto;
    text-align: center;
}

.ho .footer-cong-ty h4 {
    font-size: 14px;
    margin-bottom: 0;
}

.ho .footer-cong-ty p {
    font-size: 12px;
    padding: 0;
}

@media screen and (max-width:767px) {
    .ho .tygh-footer {
        padding-bottom: 44px;
    }
    .ho .ty-footer-menu__item {
        border-bottom: 0;
        padding: 5px 10px;
    }
    .ho .ty-footer-menu__icon-open,
    .ho .ty-footer-menu__icon-hide {
        border: 0;
        border-radius: 0;
        color: #777;
    }
}

@media screen and (min-width:768px) {
    .footer-cong-ty {
        padding: 10px 0 30px;
    }
}

.scroll-h {
    position: relative;
    background-color: #fff;
}

.scroll-h .text-show {
    display: none;
}

.scroll-h .showmore {
    display: none;
}

.scroll-h.is-show .h__items {
    max-height: 714px;
    transition: max-height .25s ease-in;
}

.scroll-h.is-show .text-show {
    display: block;
}

.scroll-h.is-show .text-default {
    display: none;
}

.scroll-h .h__title {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.scroll-h .h__items,
.scroll-h .subcategories {
    list-style-type: none;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

.scroll-h .h__item,
.scroll-h .ty-subcategories__item {
    list-style: none;
    display: inline-block;
    min-width: 124px;
    border: 0;
    border-radius: 0;
    width: 30%;
}

.scroll-h .h__item>div,
.scroll-h .ty-subcategories__item>div,
.scroll-h .h__item>a,
.scroll-h .ty-subcategories__item>a {
    display: block;
    margin: 5px;
    background-color: #f2f2f2;
}

.scroll-h .h__item>div:hover,
.scroll-h .ty-subcategories__item>div:hover,
.scroll-h .h__item>a:hover,
.scroll-h .ty-subcategories__item>a:hover {
    box-shadow: 0 1px 2px 0 #ccc;
}

.scroll-h .h__item>div:hover span,
.scroll-h .ty-subcategories__item>div:hover span,
.scroll-h .h__item>a:hover span,
.scroll-h .ty-subcategories__item>a:hover span {
    color: var(--color-black);
}

.scroll-h .h__item h2,
.scroll-h .ty-subcategories__item h2 {
    margin-bottom: 0;
}

.scroll-h .h__item a,
.scroll-h .ty-subcategories__item a {
    display: block;
    padding: 8px 8px 0;
    text-align: center;
}

.scroll-h .h__item img,
.scroll-h .ty-subcategories__item img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    padding-bottom: 0;
    max-height: 108px;
    overflow: hidden;
}

.scroll-h .h__item span,
.scroll-h .ty-subcategories__item span {
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    display: block;
    overflow: hidden;
    line-height: 17px;
    white-space: normal;
}

.scroll-h .h__item .item__title,
.scroll-h .ty-subcategories__item .item__title {
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.scroll-h .ty-subcategories__item {
    background-color: #f2f2f2;
    width: 40%;
    margin: 5px;
    padding: 0;
}

.ty-mainbox-container.scroll-h {
    padding: 0;
}

@media screen and (max-width:767px) {
    .scroll-h .h__items,
    .scroll-h .subcategories {
        overflow: hidden;
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 0 5px;
        transition: max-height .25s ease-out;
        -webkit-overflow-scrolling: touch;
    }
    .scroll-h .h__items::-webkit-scrollbar,
    .scroll-h .subcategories::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
    }
}

@media screen and (min-width:768px) {
    .scroll-h {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .scroll-h .text-show {
        display: none;
    }
    .scroll-h .showmore {
        display: none;
    }
    .scroll-h .h__items,
    .scroll-h .subcategories {
        max-height: 100%;
        overflow: hidden;
        transition: max-height .25s ease-out;
        margin-bottom: 15px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .scroll-h .h__item,
    .scroll-h .ty-subcategories__item {
        display: block;
        width: 25%;
        min-width: 136px;
        float: left;
        height: auto;
    }
    .scroll-h .h__item>div,
    .scroll-h .ty-subcategories__item>div,
    .scroll-h .h__item>a,
    .scroll-h .ty-subcategories__item>a {
        margin: 16px 8px 0;
        padding: 10px;
    }
    .scroll-h .h__item a,
    .scroll-h .ty-subcategories__item a {
        padding: 15px 20px 0;
    }
    .scroll-h .h__item.md-w25,
    .scroll-h .ty-subcategories__item.md-w25 {
        width: 25%;
    }
    .scroll-h .h__item.md-w25,
    .scroll-h .ty-subcategories__item.md-w25 {
        width: 20%;
    }
    .scroll-h.box-7 .h__item,
    .scroll-h.box-8 .h__item,
    .scroll-h.box-7 .ty-subcategories__item,
    .scroll-h.box-8 .ty-subcategories__item {
        min-width: 0;
    }
}

@media screen and (min-width:1001px) {
    .scroll-h .h__item,
    .scroll-h .ty-subcategories__item {
        width: 20%;
    }
    .scroll-h .h__item>div,
    .scroll-h .ty-subcategories__item>div,
    .scroll-h .h__item>a,
    .scroll-h .ty-subcategories__item>a {
        margin: 5px 15px 0 15px;
        padding: 10px;
    }
    .scroll-h .h__item>a,
    .scroll-h .ty-subcategories__item>a {
        padding: 10px 10px 0;
    }
    .scroll-h .h__item.md-w25,
    .scroll-h .ty-subcategories__item.md-w25 {
        width: 25%;
    }
    .scroll-h .h__item.md-w20,
    .scroll-h .ty-subcategories__item.md-w20 {
        width: 20%;
    }
    .scroll-h.box-8 .h__item>div,
    .scroll-h.box-8 .h__item>a {
        padding: 10px;
        margin: 10px 5px 0;
    }
}

@media screen and (min-width:1200px) {
    .scroll-h .h__item,
    .scroll-h .ty-subcategories__item {
        width: 14.285%;
    }
    .scroll-h .h__item img,
    .scroll-h .ty-subcategories__item img {
        max-width: 108px!important;
    }
    .scroll-h .h__item a,
    .scroll-h .ty-subcategories__item a {
        padding: 0;
    }
    .scroll-h .h__item.lg-w25,
    .scroll-h .ty-subcategories__item.lg-w25 {
        width: 25%;
    }
    .scroll-h .h__item.lg-w20,
    .scroll-h .ty-subcategories__item.lg-w20 {
        width: 20%;
    }
    .scroll-h.box-7 .h__item>div,
    .scroll-h.box-8 .h__item>div,
    .scroll-h.box-7 .h__item>a,
    .scroll-h.box-8 .h__item>a {
        padding: 10px;
        margin: 10px 5px 0;
    }
    .scroll-h.box-7 .h__item a,
    .scroll-h.box-8 .h__item a {
        padding: 0;
    }
    .scroll-h.box-8 .h__item {
        width: 12.5%;
    }
    .scroll-h.box-7 .h__item {
        width: 14.285%;
    }
}

@media screen and (min-width:1420px) {
    .scroll-h .h__item img,
    .scroll-h .ty-subcategories__item img {
        max-width: 108px!important;
    }
    .scroll-h .h__item a,
    .scroll-h .ty-subcategories__item a {
        padding: 15px 20px 0;
    }
}

.hoblock-category {
    position: relative;
    background-color: #fff;
    padding-bottom: 10px;
    max-width: 1480px;
    margin: 0 auto;
}

.hoblock-category .h__title {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.hoblock-category .h__items,
.hoblock-category .subcategories {
    list-style-type: none;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
}

.hoblock-category .h__item,
.hoblock-category .ty-subcategories__item {
    list-style: none;
    display: inline-block;
    min-width: 124px;
    border: 0;
    border-radius: 0;
    width: 30%;
}

.hoblock-category .h__item>div,
.hoblock-category .ty-subcategories__item>div,
.hoblock-category .h__item>a,
.hoblock-category .ty-subcategories__item>a {
    display: block;
    margin: 5px;
}

.hoblock-category .h__item>div:hover span,
.hoblock-category .ty-subcategories__item>div:hover span,
.hoblock-category .h__item>a:hover span,
.hoblock-category .ty-subcategories__item>a:hover span {
    color: var(--color-black);
}

.hoblock-category .h__item h2,
.hoblock-category .ty-subcategories__item h2 {
    margin-bottom: 0;
}

.hoblock-category .h__item a,
.hoblock-category .ty-subcategories__item a {
    display: block;
    padding: 8px 8px 0;
    text-align: center;
}

.hoblock-category .h__item img,
.hoblock-category .ty-subcategories__item img {
    display: block;
    margin: auto;
    margin-bottom: 10px;
    padding-bottom: 0;
    max-height: 108px;
    overflow: hidden;
}

.hoblock-category .h__item span,
.hoblock-category .ty-subcategories__item span {
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    display: block;
    overflow: hidden;
    line-height: 17px;
    white-space: normal;
    text-transform: uppercase;
}

.hoblock-category .h__item .item__title,
.hoblock-category .ty-subcategories__item .item__title {
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

@media screen and (max-width:767.98px) {
    .hoblock-category .h__items,
    .hoblock-category .subcategories {
        overflow: hidden;
        padding: 0 10px;
    }
}

@media screen and (max-width:576.98px) {
    .hoblock-category .h__items,
    .hoblock-category .subcategories {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        padding-left: 5px;
        padding-right: 5px;
    }
    .hoblock-category .h__item,
    .hoblock-category .ty-subcategories__item {
        float: left;
        width: 50%;
        flex-basis: 50%;
    }
    .hoblock-category .h__item>div,
    .hoblock-category .ty-subcategories__item>div {
        background: #f2f2f2;
        padding: 2px 2px 2px 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 3px 0 #dadada;
    }
    .hoblock-category .h__item a,
    .hoblock-category .ty-subcategories__item a {
        display: flex;
        align-items: center;
        padding: 2px 5px 2px 0;
    }
    .hoblock-category .h__item img,
    .hoblock-category .ty-subcategories__item img {
        margin-bottom: 0;
        flex-basis: 40px;
        margin: 0;
        margin-right: 8px;
        width: 108px;
    }
    .hoblock-category .h__item .item__title,
    .hoblock-category .ty-subcategories__item .item__title,
    .hoblock-category .h__item span,
    .hoblock-category .ty-subcategories__item span {
        height: 100%;
    }
    .hoblock-category.items-4 .h__item {
        min-width: 0;
        width: 25%;
        flex-basis: 25%;
    }
    .hoblock-category.items-4 .h__item>div {
        padding: 2px;
        box-shadow: none;
        background: none;
    }
    .hoblock-category.items-4 .h__item a {
        flex-direction: row;
        flex-wrap: wrap;
        text-align: center;
    }
    .hoblock-category.items-4 .h__item img,
    .hoblock-category.items-4 .h__item span {
        margin: 0 auto;
    }
    .hoblock-category.items-4 .h__item img {
        width: 60px;
        flex-basis: 60px;
        margin-bottom: 5px;
    }
    .hoblock-category.items-4 .h__item span {
        flex-basis: 100%;
        text-overflow: unset;
        white-space: normal;
    }
}

@media screen and (min-width:768px) {
    .hoblock-category {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .hoblock-category .h__items,
    .hoblock-category .subcategories {
        max-height: 100%;
        overflow: hidden;
        transition: max-height .25s ease-out;
        margin-bottom: 15px;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 10px;
    }
    .hoblock-category .h__item,
    .hoblock-category .ty-subcategories__item {
        display: block;
        width: 25%;
        min-width: 136px;
        float: left;
        height: auto;
    }
    .hoblock-category .h__item img,
    .hoblock-category .ty-subcategories__item img {
        max-width: 108px!important;
    }
    .hoblock-category .h__item>div,
    .hoblock-category .ty-subcategories__item>div,
    .hoblock-category .h__item>a,
    .hoblock-category .ty-subcategories__item>a {
        margin: 0 8px 16px;
    }
    .hoblock-category .h__item a,
    .hoblock-category .ty-subcategories__item a {
        padding: 10px;
    }
    .hoblock-category.box-7 .h__item,
    .hoblock-category.box-8 .h__item,
    .hoblock-category.box-6 .h__item,
    .hoblock-category.box-5 .h__item,
    .hoblock-category.box-7 .ty-subcategories__item,
    .hoblock-category.box-8 .ty-subcategories__item,
    .hoblock-category.box-6 .ty-subcategories__item,
    .hoblock-category.box-5 .ty-subcategories__item {
        min-width: 0;
    }
    .hoblock-category.box-shadow .h__item>div {
        border-radius: 10px;
        box-shadow: 0 0 4px 0 #ccc;
    }
    .hoblock-category.box-shadow .h__item:hover>div {
        box-shadow: 0 0 4px 2px #ccc;
    }
}

@media screen and (min-width:1001px) {
    .hoblock-category .h__item,
    .hoblock-category .ty-subcategories__item {
        width: 20%;
    }
}

@media screen and (min-width:1200px) {
    .hoblock-category .h__item,
    .hoblock-category .ty-subcategories__item {
        width: 14.285%;
    }
    .hoblock-category.box-8 .h__item {
        width: 12.5%;
    }
    .hoblock-category.box-7 .h__item {
        width: 14.285%;
    }
    .hoblock-category.box-6 .h__item {
        width: 16.666%;
    }
    .hoblock-category.box-5 .h__item {
        width: 20%;
    }
}

.hosubcategories .subcategories .ty-subcategories__item {
    box-sizing: border-box;
}

.hosubcategories .subcategories h2 {
    margin: 0;
    padding: 5px 0;
    font-size: 13px;
}

.hosubcategories .subcategories a {
    display: block;
    text-align: center;
    padding: 2px 2px 2px 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px 0 #dadada;
    margin: 5px;
}

@media(max-width:767.98px) {
    .hosubcategories .subcategories .ty-subcategories__item {
        float: left;
        width: 25%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
    }
    .hosubcategories .subcategories a {
        display: block;
        text-align: center;
        padding: 2px 2px 2px 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 3px 0 #dadada;
        margin: 5px;
    }
    .hosubcategories .subcategories img {
        margin-bottom: 0;
        flex-basis: 48px;
        margin: 0;
        margin-right: 8px;
        width: 108px!important;
        max-height: 108px;
        overflow: hidden;
        padding: 0;
    }
    .hosubcategories .subcategories h2 {
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis;
    }
}

@media(max-width:576.98px) {
    .hosubcategories .subcategories .ty-subcategories__item {
        display: inline-block;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-sizing: border-box;
    }
    .hosubcategories .subcategories .ty-subcategories__item:nth-child(2n+1) {
        clear: left;
    }
    .hosubcategories .subcategories a {
        display: flex;
        align-items: center;
        padding: 2px 2px 2px 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 3px 0 #dadada;
        margin: 5px;
    }
    .hosubcategories .subcategories img {
        margin-bottom: 0;
        flex-basis: 48px;
        margin: 0;
        margin-right: 8px;
        width: 108px!important;
        max-height: 108px;
        overflow: hidden;
        padding: 0;
    }
    .hosubcategories .subcategories h2 {
        white-space: normal;
        text-align: left;
    }
}

.ho .ty-mainbox-container,
.ho .ty-mainbox-simple-container {
    margin-bottom: 0;
}

.ho .ty-mainbox-container .ty-mainbox-title-new,
.ho .ty-mainbox-simple-container .ty-mainbox-title-new,
.ho .ty-mainbox-container .ty-mainbox-title,
.ho .ty-mainbox-simple-container .ty-mainbox-title,
.ho .ty-mainbox-container .ty-mainbox-simple-title,
.ho .ty-mainbox-simple-container .ty-mainbox-simple-title {
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 30px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.ho .center .ty-mainbox-title-new,
.ho .center .ty-mainbox-title,
.ho .center .ty-mainbox-simple-title {
    text-align: center;
}

.ho .ty-grid-list__item {
    border-radius: 0;
    margin: 0 4px 4px;
    padding: 5px 8px;
}

.ho .ty-grid-list__item .ty-grid-list__item-name {
    height: 2.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ho .ty-grid-list__item .ty-grid-list__item-name .product-title:hover {
    color: var(--color-primary);
}

.ho .ty-grid-list__item .ty-grid-list__price span[id^="old_price_"] {
    display: inline-block;
    width: 100%;
    height: 16px;
}

.ho .ty-grid-list__item .ty-grid-list__price .ty-price-num:nth-child(2) {
    font-weight: 500;
    font-size: 1em;
    color: #465363;
}

.ho .simple-page h1.title {
    margin-top: 10px;
}

.ho .simple-page .ty-mainbox-simple-container {
    background-color: #fff;
}

.ho .simple-page .ty-mainbox-simple-container .ty-mainbox-simple-title {
    padding: 0 10px;
    margin: 20px 0 10px;
}

.hoCategory .ty-mainbox-container .ty-mainbox-title-new,
.hoCategory .ty-mainbox-container .ty-mainbox-title,
.hoCategory .ty-mainbox-container .ty-mainbox-simple-title {
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.hoPage .ty-mainbox-container .ty-mainbox-title-new,
.hoBlog .ty-mainbox-container .ty-mainbox-title-new,
.hoSearchProduct .ty-mainbox-container .ty-mainbox-title-new,
.hoStatic .ty-mainbox-container .ty-mainbox-title-new,
.hoPage .ty-mainbox-container .ty-mainbox-title,
.hoBlog .ty-mainbox-container .ty-mainbox-title,
.hoSearchProduct .ty-mainbox-container .ty-mainbox-title,
.hoStatic .ty-mainbox-container .ty-mainbox-title,
.hoPage .ty-mainbox-container .ty-mainbox-simple-title,
.hoBlog .ty-mainbox-container .ty-mainbox-simple-title,
.hoSearchProduct .ty-mainbox-container .ty-mainbox-simple-title,
.hoStatic .ty-mainbox-container .ty-mainbox-simple-title {
    margin-bottom: 1px;
    margin-top: 0;
}

.hoPage .ty-mainbox-title__right,
.hoBlog .ty-mainbox-title__right,
.hoSearchProduct .ty-mainbox-title__right,
.hoStatic .ty-mainbox-title__right {
    margin-top: 0;
}

.hobox_small {
    background-color: #fff;
    margin-bottom: 30px;
}

.hobox_small .ty-mainbox-simple-title {
    font-size: 18px;
    text-align: left;
    padding: 10px 10px 0 10px;
}

@media(max-width:767.98px) {
    .ho .ty-mainbox-container .ty-mainbox-title-new,
    .ho .ty-mainbox-simple-container .ty-mainbox-title-new,
    .ho .ty-mainbox-container .ty-mainbox-title,
    .ho .ty-mainbox-simple-container .ty-mainbox-title,
    .ho .ty-mainbox-container .ty-mainbox-simple-title,
    .ho .ty-mainbox-simple-container .ty-mainbox-simple-title {
        margin-top: 10px;
    }
}

.ho .hoHomepage {
    padding-bottom: 0;
}

.hoHomepage .hoSubCategories,
.hoHomepage .spTheoPhong,
.hoHomepage .hoConcept {
    background-color: #fff;
}

.hoHomepage .hoSubCategories .scroll-h,
.hoHomepage .spTheoPhong .scroll-h,
.hoHomepage .hoConcept .scroll-h {
    max-width: 1480px;
    margin: 0 auto;
}

.hoHomepage .gioi-thieu {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}

.hoHomepage .gioi-thieu__box {
    margin: 10px 0 20px 0;
}

.hoHomepage .gioi-thieu__box .stt {
    font-style: normal;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background-color: #000;
    color: #fff;
    display: block;
    float: left;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    margin-right: 16px;
    font-size: 18px;
}

.hoHomepage .gioi-thieu__box .text {
    display: table-cell;
}

.hoHomepage .gioi-thieu__box h3,
.hoHomepage .gioi-thieu__box .text__title {
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 8px;
}

.hoHomepage .blog {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.hoHomepage .blog__des {
    max-width: 1480px;
    padding: 0 10px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width:767px) {
    .hoHomepage .hoSubCategories .scroll-h,
    .hoHomepage .spTheoPhong .scroll-h,
    .hoHomepage .hoConcept .scroll-h {
        padding: 8px 0;
    }
    .blogList .ty-owl-controls {
        display: none;
    }
    .blog__des {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }
}

@media screen and (min-width:768px) {
    .hoHomepage .gioi-thieu__box {
        margin: 10px 30px 20px 0;
    }
}

.ho .ty-product-switcher {
    top: 8px;
    right: 10px;
}

.hoCategory .ty-mainbox-title,
.hoBlog .ty-mainbox-title,
.hoSearchProduct .ty-mainbox-title,
.hoCategory .ty-wysiwyg-content,
.hoBlog .ty-wysiwyg-content,
.hoSearchProduct .ty-wysiwyg-content,
.hoCategory .subcategories,
.hoBlog .subcategories,
.hoSearchProduct .subcategories,
.hoCategory .ty-sort-container,
.hoBlog .ty-sort-container,
.hoSearchProduct .ty-sort-container {
    background-color: #fff;
}

.hoCategory .ty-mainbox-title,
.hoBlog .ty-mainbox-title,
.hoSearchProduct .ty-mainbox-title,
.hoCategory .ty-wysiwyg-content,
.hoBlog .ty-wysiwyg-content,
.hoSearchProduct .ty-wysiwyg-content,
.hoCategory .subcategories,
.hoBlog .subcategories,
.hoSearchProduct .subcategories {
    padding: 10px;
}

.hoCategory .ty-mainbox-title,
.hoBlog .ty-mainbox-title,
.hoSearchProduct .ty-mainbox-title,
.hoCategory .ty-blog-grid .ty-blog__post-title,
.hoBlog .ty-blog-grid .ty-blog__post-title,
.hoSearchProduct .ty-blog-grid .ty-blog__post-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.hoCategory .subcategories,
.hoBlog .subcategories,
.hoSearchProduct .subcategories {
    padding: 10px 0;
    margin: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.hoCategory .ty-sort-container,
.hoBlog .ty-sort-container,
.hoSearchProduct .ty-sort-container {
    margin: 0;
    padding: 10px 10px;
}

.hoCategory .ty-product-list__control .ty-btn__text {
    padding: 10px 15px!important;
}

.hoCategory .ty-sort-container__views-a {
    width: 36px;
    height: 36px;
    text-align: center;
}

.hoSearchProduct .ty-pagination-container {
    background-color: #fff;
}

@media screen and (min-width:768px) {
    .hoCategory .subcategories,
    .hoBlog .subcategories {
        padding: 10px;
        margin-bottom: 40px;
        border: 0;
    }
    .hoCategory .ty-subcategories__item,
    .hoBlog .ty-subcategories__item {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        background-color: #fff;
        float: left;
        border: 0;
        min-width: 152px;
    }
    .hoCategory .ty-subcategories__item a,
    .hoBlog .ty-subcategories__item a {
        display: block;
        margin: 5px 10px;
        padding: 10px;
    }
    .hoCategory .ty-subcategories__item img,
    .hoBlog .ty-subcategories__item img {
        display: block;
        margin: auto;
        margin-bottom: 10px;
        padding-bottom: 0;
        max-width: 108px!important;
    }
    .hoCategory .ty-subcategories__item span,
    .hoBlog .ty-subcategories__item span {
        font-size: 13px;
        font-weight: 500;
        display: block;
        overflow: hidden;
        line-height: 17px;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis;
    }
    .hoCategory .ty-sort-container,
    .hoBlog .ty-sort-container {
        margin: 0;
        margin-bottom: 10px;
        padding: 15px 10px;
    }
    .hoBlog .ty-pagination-container {
        border-top: 1px solid #ccc;
    }
}

@media screen and (min-width:1200px) {
    .hoCategory .ty-subcategories__item,
    .hoBlog .ty-subcategories__item {
        width: 16.66%;
    }
}

.hoProduct .main-content-grid {
    background: #fff;
    margin-top: 0;
}

.hoProduct .ty-product-detail {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
}

.hoProduct .ty-product-thumbnails {
    max-width: 100%;
}

.hoProduct .ty-product-options__image {
    width: 30px!important;
    height: 30px!important;
    border: 2px solid #ccc;
    margin-right: 4px;
    min-height: 0;
}

.hoProduct .ty-product-block__note {
    padding: 0;
}

.hoProduct .ty-list-price.ty-save-price,
.hoProduct .ty-list-price.ty-save-price span {
    color: #f74552;
}

.hoProduct .ty-control-group__label {
    font-weight: 500;
}

.ho .ty-price-num {
    font-weight: 500;
}

.ho .ty-product-block__price-actual .ty-price-num:nth-child(2) {
    color: #333;
    font-size: 13px;
}

.ho .ty-product-block__img-wrapper {
    border: 0;
    box-shadow: none;
}

.ho .ty-tabs__item {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border-top: 3px solid transparent;
    text-transform: uppercase;
}

.ho .ty-tabs__item:hover .ty-tabs__a {
    color: var(--color-black);
}

.ho .ty-tabs__item h2 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.ho .ty-tabs__item .ty-tabs__a {
    padding: 7px 12px;
    height: auto;
}

.ho .ty-tabs__item.active {
    box-shadow: none;
    border-radius: 0;
    border-top-color: var(--color-black);
    color: var(--color-black);
    border-bottom: 1px solid #fff;
}

.ho .ty-tabs__item.active .ty-tabs__a {
    padding: 7px 12px;
}

@media screen and (max-width:767.98px) {
    .hoProduct .ty-product-detail {
        margin-top: 0;
    }
    .hoProduct .prices-container {
        border-bottom: 1px solid #edf2f5;
    }
    .hoProduct .ty-product-switcher {
        display: none;
    }
    .hoProduct .ty-product-thumbnails {
        overflow: hidden;
        overflow-x: auto;
    }
    .hoProduct .ty-product-thumbnails::-webkit-scrollbar {
        display: none;
        -ms-overflow-style: none;
    }
    .hoProduct .ty-product-thumbnails__item {
        float: none;
        display: inline-block;
    }
    .ho .hoProduct>div:not(:first-child) {
        padding-left: 0;
        padding-right: 0;
    }
}

.hoProduct .box-hotline {
    width: 100%;
    padding: 10px;
    max-width: 100%;
    box-sizing: border-box;
}

.hoProduct .box-hotline ul li {
    overflow: hidden;
    text-overflow: ellipsis;
}

.hoProduct .box-hotline .box-hotline__icon {
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 4px;
}

.hoProduct .box-hotline .box-hotline__icon.ic-phone {
    background-position-x: -1px;
    background-position-y: -224px;
}

.hoProduct .box-hotline .box-hotline__icon.ic-email {
    background-position-x: -45px;
    background-position-y: -224px;
}

.hoProduct .box-hotline .box-hotline__icon.ic-zalo {
    background-position-x: -90px;
    background-position-y: -224px;
}

.hoProduct .box-hotline .box-hotline__icon.ic-facebook {
    background-position-x: -132px;
    background-position-y: -224px;
}

.hoProduct .box-hotline .box-hotline__link {
    display: inline-flex;
}

.hoProduct .box-hotline .box-hotline__name {
    line-height: 40px;
}

.hoProduct .box-hotline .col-first {
    width: 150px!important;
    float: left;
}

.hoProduct .box-hotline .col-second {
    width: calc(100% - 150px)!important;
    float: left;
    margin-left: 0;
}

@media screen and (min-width:768xpx) {
    .hoProduct .box-hotline {
        width: 400px;
    }
}

.label-hotdeal {
    background: #d20a00;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
}

.label-hotdeal p {
    color: #fff;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    padding: 0;
    height: 62px;
    width: 62px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.ty-grid-list__image .free-shipping {
    background: #070;
    position: absolute;
    right: 0;
    bottom: 10px;
    box-sizing: border-box;
    padding: 1px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #fff;
}

.ty-grid-list__image .free-shipping:before {
    content: 'vận chuyển TOÀN QUỐC';
    color: #fff;
    font-size: .7rem;
    line-height: 0;
}

@media screen and (max-width:767px) {
    .ty-grid-list__image .free-shipping {
        bottom: 0;
    }
}

.ty-grid-list__image .label-hotdeal {
    width: 38px;
    height: 38px;
}

.ty-grid-list__image .label-hotdeal p {
    font-size: 11px;
    height: 38px;
    width: 38px;
}

.free-shipping-pr {
    display: flex;
    padding: 10px;
    background: #222;
    box-sizing: border-box;
}

.free-shipping-pr .ic-free-shipping {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAhCAYAAACbffiEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTEyNEUwOUFFNDNBMTFFQTk3NkJDNDZBOUI3NTc0OTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTEyNEUwOUJFNDNBMTFFQTk3NkJDNDZBOUI3NTc0OTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMTI0RTA5OEU0M0ExMUVBOTc2QkM0NkE5Qjc1NzQ5NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMTI0RTA5OUU0M0ExMUVBOTc2QkM0NkE5Qjc1NzQ5NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgSFc+0AAARfSURBVHjavJl9aFdVGMfP/e1nE20rsEJRSXJbKkKQUKhpoKa9jGEm6kokl7GCJuYUqn80QTYbCv6hiNGrrTLU8I3pNDTfKLAXNJytf7bA9A8N0fFz79fv4+972fHu/s7v3Pu72wMfNq/35XzP85znec6Z49YVJZVS+8AEcEPZmwvywAOgA/QCx+I5uX84KAd/+F+om4MLrvZG08tFRAGYxZcXq8Gzx/1CcrEE6CZhTGb/N1ANJoMacCXkO7pN3ghryRD3NoNj4CdwyheGH5GJoBS8BJ7nRFnFqBpgITLoKtBk+b4mUkcRT4B3wfuZQtyNKbSShkn6l4ORRXkY/Boh/EaAQvA3GAUeChDxoKUeGUs76Mr0n0EmszcbLGc2+xr8D34GiwwJRBLGGvALB7+ZEyIh94V2nwxmNl7yD7gGrgSBr+j/voln/uN4QoWWZLM/OXCxueADsAts4TrZBs6CJbzvKTCEa2kDaPVm3rnfG3fAOIZeIoSXHwFTweUwQvyz3kjEyuitrzjwFvA7WAcuZnsRL3VThKzDTWCkwdMpevtL8J7Pu6Gzlm4HyKtgIzOUcSEbilkjPWhj4sX1YA44brNGwtSCtgjPufSk0n7a2Mf85g7bxW5rjukdjoYhdJ2Q31wFxoO3IwtxA7C9N+cS0vcyb31siCzECSAG67FS0ffRFJOKJIcKT18iUnRbuCSE4PEslFOYWkssRlHLCdiKQSRkIIlIqyKES7KEllT/t1S62J0H51hIhbX+TkCzTlApXYGjnHJgFNITR9w4wd2ut5fJNBXilU8o8CBum8NWZpgmrk0r3MY6so4txrkctTzmpLvheb7reZbLrJR0sNfyYqFAF2QSsoDcSs+KqgcN/YIjeCgPs/LL88/F1L3nk8DIsans0r2+QaR32gt+BGcgop0zpeh2GfhCzv7QQdpp9npCwmRR2Z6uJs3ssQoprixEyxNj9k6vvSR/ibKwS7RUOTnCLKaMwWlvHboQ2X9PAtcNmxplUdBtN3NX2c3G4ZVp4FCSjdgLXP2Fvlkbxqauh4LzKaQtx9kcSyFx2IeycRMhz6i+LaffZEe2n2KS3BA9C54ewMV7gkmlgOH3KDd1ppp3T0imULnAxmwlmMlrt3mw8BdYNgAiZOc5GrypXfuBByA1vojpF/tHDAWxmiIqWQ9OU9wlcDJmEd/TC4u5Y5zBnmoR+7Faw7OnHLeuSH55kkWskxVXvPEZWMpYTmkPfQpWMFN1xRTrrdz3yxnAfIazl11edNKFWI6VvmGmdLXEIbXskickU+XdzQ/4a0kLC+S3MXpkD3iNDbs/i7i4flSlRakwx0H6SUrQkY/iTMRpnd6YnOAK2u5kOfTKZOj11csBxc7boTXELKSeA672Xa/iz13GVsEQWkku6mIuRMlU74AxXPw7cx56v78jqM/ZbMpZ2SHwCpPMd+D1KEemXg8j3tjOzY/iqeH0GFr7TFbBDdY2fsc7bNia7cG7AgwA+ZcOryV6O88AAAAASUVORK5CYII=);
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 4px;
    border: 2px solid #fff;
    border-radius: 50%;
    background-position-y: 4px;
    background-origin: content-box;
    padding: 6px;
}

.free-shipping-pr__text {
    flex-basis: calc(100% - 45px);
    flex-wrap: wrap;
}

.free-shipping-pr__text>span {
    text-transform: uppercase;
    line-height: 40px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
}

.free-shipping-pr__link>span {
    font-size: .6rem;
    text-transform: revert;
    margin-left: 4px;
    color: #ff8b24;
}

@media(max-width:767.98px) {
    .free-shipping-pr {
        text-align: left;
    }
    .free-shipping-pr__text>span {
        line-height: normal;
    }
    .free-shipping-pr__link {
        flex: none;
        float: left;
    }
}

.ho .ty-blog__date:before,
.ho .ty-blog__author:before {
    font-family: 'glyphs';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    margin-right: 5px;
}

.ho .ty-blog__date:before {
    content: "";
}

.ho .ty-blog__author:before {
    content: "";
}

.ho .ty-blog .ty-blog__img-block img,
.ho .ty-blog-grid .ty-blog__img-block img {
    width: 100%;
}

.ho .ho-page__des {
    font-size: 15px;
}

.hoPage .ty-mainbox-title,
.hoBlog .ty-mainbox-title {
    margin-bottom: 1px;
}

.hoPage .social-container,
.hoBlog .social-container {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 0 10px;
    background: #fff;
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.hoBlog .ty-mainbox-body>.ty-wysiwyg-content {
    padding: 0;
}

.hoBlog .ty-mainbox-body>.ty-wysiwyg-content .ty-blog__date,
.hoBlog .ty-mainbox-body>.ty-wysiwyg-content .ty-blog__author {
    float: left;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.hoBlog .ty-mainbox-body>.ty-wysiwyg-content .ty-blog__img-block,
.hoBlog .ty-mainbox-body>.ty-wysiwyg-content .ho-page__des {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
}

.hoBlog .ty-mainbox-body>.ty-wysiwyg-content .social-container {
    border-bottom: 0;
}

.hoBlog .ty-blog .ty-blog__img-block,
.hoBlog .ty-blog-grid .ty-blog__img-block {
    margin-top: 0;
    margin-bottom: 10px;
    max-height: 300px;
    overflow: hidden;
}

.hoBlog .ty-blog {
    margin-bottom: 20px;
}

.hoBlog .ty-blog__item {
    background-color: #fff;
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 8px;
}

.hoBlog .ty-blog__item h2.ty-blog__post-title {
    padding-top: 20px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.hoBlog .ty-blog__item h2.ty-blog__post-title:hover {
    color: var(--color-black);
}

.hoBlog .ty-blog__item .ty-blog__date,
.hoBlog .ty-blog__item .ty-blog__author {
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.hoBlog .ty-blog__item .ty-blog__date {
    margin-left: 10px;
}

.hoBlog .ty-blog__item .ty-blog__img-block,
.hoBlog .ty-blog__item .ty-blog__description {
    float: left;
    width: 50%;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}

.woocommerce-result-count {
    display: none;
}

.hoBlog .ty-blog__item .ty-blog__img-block p,
.hoBlog .ty-blog__item .ty-blog__description p,
.hoBlog .ty-blog__item .ty-blog__img-block em,
.hoBlog .ty-blog__item .ty-blog__description em,
.hoBlog .ty-blog__item .ty-blog__img-block i,
.hoBlog .ty-blog__item .ty-blog__description i,
.hoBlog .ty-blog__item .ty-blog__img-block span,
.hoBlog .ty-blog__item .ty-blog__description span {
    font-size: 14px;
}

.hoBlog .ty-blog__item .ty-blog__img-block {
    height: 300px;
}

.hoBlog .ty-blog__item .ty-blog__description {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 10px;
    height: 133px;
}

.hoBlog .ty-blog__item .ty-blog__read-more {
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: 0;
    right: 0;
    background-color: #fff;
    padding-top: 10px;
}

.hoBlog .ty-blog__item .ty-blog__read-more .ty-btn {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    border: 1px solid transparent;
    background-color: #fff;
    font-size: 13px;
    border-radius: 0;
    border: 1px solid #ccc;
}

.hoBlog .ty-blog__item .ty-blog__read-more .ty-btn:hover {
    background-color: #eaeaea;
}

.hoPage .ty-mainbox-container,
.hoStatic .ty-mainbox-container {
    margin-bottom: 0;
    padding-bottom: 40px;
}

.hoPage .ty-mainbox-container .ty-mainbox-title,
.hoStatic .ty-mainbox-container .ty-mainbox-title,
.hoPage .ty-mainbox-container .ty-mainbox-body,
.hoStatic .ty-mainbox-container .ty-mainbox-body {
    background-color: #fff;
    padding: 10px 20px;
}

@media(max-width:767.98px) {
    .hoPage .ty-mainbox-container .ty-mainbox-title,
    .hoStatic .ty-mainbox-container .ty-mainbox-title,
    .hoPage .ty-mainbox-container .ty-mainbox-body,
    .hoStatic .ty-mainbox-container .ty-mainbox-body {
        padding: 10px;
    }
    .hoPage .ty-mainbox-container .ty-mainbox-title,
    .hoStatic .ty-mainbox-container .ty-mainbox-title {
        background: #fff;
        font-size: 1.4rem;
    }
}

.content-grid.hoLienHe {
    background-color: #fff;
}

.hoBlog .ho-page__des *,
.hoPage .ho-page__des *,
.hoProduct .content-description * {
    font-size: inherit;
}

.hoBlog .ho-page__des a,
.hoPage .ho-page__des a,
.hoProduct .content-description a,
.hoBlog .ho-page__des a>span,
.hoPage .ho-page__des a>span,
.hoProduct .content-description a>span,
.hoBlog .ho-page__des a>p,
.hoPage .ho-page__des a>p,
.hoProduct .content-description a>p {
    color: var(--color-black);
}

.hoBlog .ho-page__des a:hover,
.hoPage .ho-page__des a:hover,
.hoProduct .content-description a:hover,
.hoBlog .ho-page__des a>span:hover,
.hoPage .ho-page__des a>span:hover,
.hoProduct .content-description a>span:hover,
.hoBlog .ho-page__des a>p:hover,
.hoPage .ho-page__des a>p:hover,
.hoProduct .content-description a>p:hover {
    color: var(--color-black);
}

@media screen and (max-width:767px) {
    .ho .ho-desk {
        display: none!important;
    }
    .ho .ho-mobile {
        display: block;
    }
    .ho .ty-grid-list__image {
        padding: 0;
        min-height: 135px;
    }
    .ho .grid-list,
    .ty-pagination-container .grid-list {
        margin: 0 -5px;
    }
    .ho .ty-grid-list__price,
    .ty-pagination-container .ty-grid-list__price {
        height: 42px;
    }
    .ho .ty-discount-label__item,
    .ty-pagination-container .ty-discount-label__item {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }
}

@media screen and (min-width:768px) {
    .tygh-content .span16 .hobox,
    .tygh-footer .span16 .hobox,
    .tygh-footer .hobox {
        padding: 0 10px;
    }
    .tygh-content .span16 .hobox .grid-list,
    .tygh-footer .span16 .hobox .grid-list,
    .tygh-footer .hobox .grid-list {
        padding-left: 0;
        padding-right: 0;
    }
    .ho .ty-breadcrumbs {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ho .grid-list .ty-column4,
    .ho .grid-list .ty-column5 {
        margin-right: 0;
    }
    .ho .grid-list {
        margin-left: -8px;
        margin-right: -8px;
        padding: 8px;
    }
    .ho .ty-grid-list__item {
        border-radius: 0;
        margin: 0 8px 16px 8px;
        padding: 10px 10px;
    }
}

@media screen and (min-width:1001px) {
    .tygh-content .span16 .hobox,
    .tygh-footer .span16 .hobox,
    .tygh-footer .hobox {
        padding: 0 10px;
    }
    .ho .grid-list .ty-column4,
    .ho .grid-list .ty-column5 {
        margin-right: 0;
    }
    .ho .grid-list {
        margin-left: -15px;
        margin-right: -15px;
        padding: 10px;
    }
    .ho .ty-grid-list__item {
        border-radius: 0;
        margin: 0 15px 30px 15px;
        padding: 10px 20px;
    }
}

.ho .ty-pagination__bottom {
    text-align: center;
}

.ho .ty-pagination {
    display: inline-block;
    box-sizing: border-box;
}

.ho .ty-pagination__items {
    float: left;
}

.ho .ty-pagination__items .ty-pagination__item {
    padding: 0;
}

.ho .ty-pagination__item,
.ho .ty-pagination__selected {
    padding: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    float: left;
    color: #333;
}

.ho .ty-pagination__item .ty-pagination__text {
    display: none;
}

.ho .ty-pagination__item:hover {
    padding: 0;
    color: #333;
    background-color: #cfcfcf;
}

.ho .ty-pagination__selected {
    background-color: #777;
    color: #fff;
}

.ho .ty-pagination__btn {
    color: #333;
    padding: 0 13px;
    margin: 0;
    border: 1px solid transparent;
}

.ho .ty-pagination__text-arrow {
    font-size: 18px;
    color: #fff;
}

.ho .ty-pagination__range {
    display: none;
}

.ho .ty-pagination__btn:not([data-ca-page]) {
    display: none;
}

.ho .ty-pagination__prev,
.ho .ty-pagination__next {
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
}

.ho .ty-pagination__next {
    background-color: #006d81;
    color: #fff;
    border: 1px solid #006d81;
}

.ho .ty-pagination__next:hover {
    color: #fff;
    background-color: var(--color-black);
}

@media screen and (max-width:480px) {
    .ho .ty-pagination__items {
        margin: 0;
    }
}

.ho div.ui-dialog.ui-dialog-title {
    font-weight: 500;
    text-transform: uppercase;
}

.ho .hzPeekabled {
    position: relative;
    padding-bottom: 36px;
    overflow: hidden;
    max-height: 1000px;
    transition: max-height .2s ease-in-out;
}

.ho .hzPeekabled a.readless {
    display: none;
}

.ho .hzPeekabled.readmore>.btn-readmore a.readmore {
    display: none;
}

.ho .hzPeekabled.readmore>.btn-readmore a.readless {
    display: inline;
}

.ho .hzPeekabled .btn-readmore {
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 36px;
}

.ho .hzPeekabled .btn-readmore a {
    color: #333;
    font-size: 13px;
    font-style: italic;
    border-bottom: 1px solid #333;
}

.ho .hzPeekabled .btn-readmore a:hover {
    color: #006d81;
}

.ho .hzPeekabled .btn-readmore .ty-icon {
    margin-left: 4px;
}

.ho .discussion-block {
    background-color: #fff;
    padding: 10px;
}

.top-grid.hoCart>div,
.top-grid.hoCartHead>div,
.content-grid.hoCart>div,
.top-grid.hoCheckOut>div,
.content-grid.hoCheckOut>div,
.content-grid.hoSearchOrder>div {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1480px;
    padding: 0 10px;
}

.content-grid.hoCart,
.content-grid.hoCheckOut,
.content-grid.hoAuth,
.content-grid.hoProfile,
.content-grid.hoSearchOrder {
    background-color: #fff;
}

.hoCart .ty-btn__secondary {
    background: none;
}

.hoCart .ty-btn__secondary:hover {
    background: #ececec;
}

.hoCart .ty-btn__secondary,
.hoCart .ty-btn__secondary:hover {
    border: 1px solid #006d81;
    color: #006d81;
}

.hoCart .buttons-container {
    margin: 0;
    background: none;
    padding: 0;
    margin-top: 25px;
}

.hoCart .ty-cart-content {
    margin-top: 10px;
    box-shadow: none;
}

.hoCart .ty-cart-total {
    background: #f2f2f2;
    box-shadow: none;
    border-radius: 0;
}

.hoCart .ty-cart-statistic__item {
    color: #333;
}

.hoCart .ty-cart-content__top-buttons {
    display: none;
}

.hoCart .ty-table th,
.hoCart .ty-table th a,
.hoCart .ty-product-options__item-label,
.hoCart a.ty-cart-content__product-title,
.hoCart .ty-cart-statistic__total {
    color: #333;
    font-weight: 500;
}

.hoCart .ty-cart-content .ty-cart-content__title {
    text-transform: uppercase;
    border-color: #eaeaea;
}

.hoCart .ty-btn-go {
    width: auto;
    padding-left: 4px;
    padding-right: 4px;
    background: #fff;
    border-left: 1px solid #eaeaea;
}

@media screen and (min-width:768px) {
    .top-grid.hoCartHead>div {
        padding: 0 10px;
    }
}

.hoCheckOut .ty-step__container,
.hoCheckOut .ty-step__container-active {
    border-radius: 0;
}

.hoCheckOut .ty-step__container {
    background-color: #dcdcdc;
}

.hoCheckOut .ty-step__title-active {
    background-color: #48a51f;
}

.hoCheckOut .ty-sidebox {
    border-bottom-color: #dcdcdc;
    border-radius: 0;
}

.hoCheckOut .ty-sidebox__title {
    background-color: #dcdcdc;
    border-radius: 0;
}

.hoCheckOut .ty-subheader {
    font-size: 14px;
}

.hoCheckOut .ty-step__title-complete .ty-step__title-right .ty-btn {
    color: #333;
}

.hoCheckOut .ty-step__title-complete .ty-step__title-right .ty-btn:hover {
    text-decoration: underline;
}

.hoCheckOut a.ty-step__title-txt:hover {
    color: #006d81;
}

.hoCheckOut .ty-payments-list__item-group,
.hoCheckOut .ty-step__title-icon,
.hoCheckOut .ty-step__title-complete .ty-step__title-txt {
    color: #333;
}

.hoAuth .hoForm,
.hoProfile .hoForm {
    border: 1px solid #dcdcdc;
    box-shadow: 0 1px 3px 0 #ccc;
}

.ho .hoForm .ty-mainbox-title {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    padding-top: 10px;
    color: #333;
}

.ho .hoForm .ty-mainbox-title,
.ho .hoForm .ty-mainbox-body {
    padding-left: 20px;
    padding-right: 20px;
}

.ho .hoForm .ty-account {
    margin-top: 10px;
}

.ho .ty-login-info__txt a {
    color: #006d81;
    text-decoration: underline;
}

#divTuVan {
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    background-color: var(--color-black);
    transition: background-color .25s ease-in;
}

#divTuVan:hover {
    background-color: #48a51f;
    transition: background-color .25s ease-out;
}

#divTuVan a {
    display: inline-block;
    white-space: nowrap;
    line-height: 36px;
    text-align: left;
    padding: 4px 10px 4px 4px;
    color: #fff;
    font-size: 14px;
}

#divTuVan .text {
    margin-right: 4px;
}

#divTuVan i.hoicon-lg {
    float: left;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border-radius: 50%;
    border: 0;
}

#divHelper {
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    transition: background-color .25s ease-in;
    box-sizing: border-box;
}

#divHelper a {
    display: inline-flex;
    white-space: nowrap;
    text-align: center;
    box-shadow: 0 0 4px 2px #ccc;
    border-radius: 50%;
    background: #fff;
}

#divHelper>div {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

#divHelper>div>p {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    right: 100%;
    margin-right: -10px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#divHelper>div>p>span {
    color: #fff;
    background-color: #e25e00;
    white-space: nowrap;
    font-size: 13px;
    padding: 4px;
    border-radius: 4px 0 4px 4px;
    margin-right: 12px;
    position: relative;
}

#divHelper>div>p>span:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 6px solid #e25e00;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    top: 5px;
    right: -6px;
}

#divHelper strong {
    display: none;
}

#divHelper>.hotline1,
#divHelper>.hotline2 {
    display: none;
}

#divHelper.show-hotline1>.hotline1,
#divHelper.show-hotline2>.hotline2 {
    display: flex;
}

@media screen and (max-width:767.98px) {
    #divHelper {
        left: 0;
        column-count: 5;
        background-color: #fff;
        border-top: 1px solid #ccc;
    }
    #divHelper>div {
        padding: 8px 0;
    }
    #divHelper.items2 {
        column-count: 2;
    }
    #divHelper.items3 {
        column-count: 3;
    }
    #divHelper.items4 {
        column-count: 4;
    }
    #divHelper.items5 {
        column-count: 5;
    }
    #divHelper.items6 {
        column-count: 6;
    }
    #divHelper a {
        transform: scale(80%);
    }
    #divHelper strong {
        display: unset;
        position: absolute;
        bottom: 0;
        font-size: 10px;
        line-height: 16px;
        white-space: nowrap;
    }
    #divHelper>div {
        position: relative;
        padding-bottom: 16px;
        padding-top: 2px;
    }
}

@media screen and (min-width:768px) {
    #divHelper {
        top: 50vh;
        bottom: unset;
        right: 20px;
        padding: 10px;
        width: 60px;
        transform: translateY(-50%);
        -webkit-transform-origin-x: -50%;
    }
    #divHelper div:not(:last-child) {
        margin-bottom: 10px;
    }
    #divHelper>div:hover>p {
        visibility: visible;
        opacity: 1;
    }
}

#scrollToTopContainer {
    position: fixed;
    z-index: -1;
    right: 10px;
    bottom: -100px;
    opacity: 0;
    visibility: hidden;
    transition: 1s bottom;
}

#scrollToTopContainer.sticky {
    z-index: 1;
    bottom: 68px;
    opacity: 1;
    visibility: visible;
}

#scrollToTopContainer>button {
    border: 1px solid #ccc;
    background: #eaeaea;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    transition: all .25s ease-in;
    outline: 0;
}

#scrollToTopContainer>button>span {
    color: #777;
    font-size: 18px;
}

#scrollToTopContainer>button:hover {
    background: #999;
}

#scrollToTopContainer>button:hover>span {
    color: #fff;
}

@media screen and (max-width:767px) {
    #divTuVan {
        left: 0;
    }
}

@media screen and (min-width:768px) {
    #divTuVan {
        bottom: 15px;
        right: 40px;
        border-radius: 24px;
    }
    #scrollToTopContainer {
        right: 30px;
    }
    #scrollToTopContainer.sticky {
        bottom: 30px;
    }
}

.hoSocial {
    margin: 10px 0;
}

.hoSocial .share-social {
    display: -webkit-inline-box;
    width: 100%;
}

.hoSocial .button-icon {
    float: left;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.hoSocial .button-icon+.button-label {
    margin-left: 3px;
    font-size: 13px;
}

.ho-baseIcon {
    display: block;
    line-height: 20px;
    margin-right: 8px;
    font-size: 12px;
    color: #333;
}

.ho-baseIcon:hover {
    color: #006d81;
}

.ho-baseIcon .hoFacebook,
.ho-baseIcon .hoTwitter,
.ho-baseIcon .hoPinterest {
    background-image: url('ho-icons.png?v=6');
    background-repeat: no-repeat;
    display: inline-block;
}

.ho-baseIcon .hoFacebook {
    background-position-x: -48px;
    background-position-y: -195px;
}

.ho-baseIcon .hoTwitter {
    background-position-x: -120px;
    background-position-y: -194px;
}

.ho-baseIcon .hoPinterest {
    background-position-x: -96px;
    background-position-y: -195px;
}

.box-banner-sm .ty-banner__image-wrapper {
    width: 100%;
    box-sizing: border-box;
}

@media screen and (max-width:767px) {
    .box-banner-sm .ty-banner__image-wrapper {
        width: 50%;
        float: left;
        margin: 8px 0;
    }
    .box-banner-sm.box-r .ty-banner__image-wrapper:nth-child(2n+1) {
        padding-right: 4px;
    }
    .box-banner-sm.box-r .ty-banner__image-wrapper:nth-child(2n) {
        padding-left: 4px;
    }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

.close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff;
}

@media(max-width:768px) {
    .fb_dialog_content>iframe {
        bottom: 62px!important;
        right: 0!important;
    }
}

#hoFbPage {
    height: 0;
    width: 0;
    overflow: hidden;
}

#colorbox {
    max-width: 100%;
    background: #fff;
}

#colorbox #hoFbPage {
    overflow: unset;
}

#cboxWrapper {
    max-width: 100%;
}

#cboxOverlay {
    background: #0000004f;
}

#cboxClose {
    bottom: auto;
    top: 0;
    width: 32px;
    height: 32px;
    background: #f2f2f2;
    text-indent: unset;
}

#cboxContent {
    position: unset;
}

@media screen and (max-width:676px) {
    #cboxTopCenter,
    #cboxTopRight,
    #cboxMiddleLeft,
    #cboxMiddleRight {
        display: none;
    }
}

.pp__modal,
.pp__content,
.pp__modal-wrapper {
    box-sizing: border-box;
}

.pp__btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ccc;
    width: 36px;
    height: 36px;
    cursor: pointer;
    margin: 3px;
}

.pp__clear {
    clear: both;
}

.pp__btn-close:before,
.pp__btn-close:after {
    content: '';
    height: 1px;
    display: block;
    background: #fff;
    width: 26px;
    margin-left: 5px;
}

.pp__btn-close:before {
    margin-top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pp__btn-close:after {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pp__btn-close:hover:after,
.pp__btn-close:hover:before {
    background: #000;
}

.pp__modal-wrapper {
    display: flex;
    z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.pp__modal-wrapper.open {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
}

.pp__modal-overlay {
    background: rgba(25, 18, 12, .3);
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
}

.pp__modal {
    display: inline-block;
    height: auto;
    width: auto;
    max-width: 90%;
    position: relative;
    margin: auto;
    background: #e8e8e8;
    background: -webkit-linear-gradient(bottom, #e8e8e8, #fff);
    background: -o-linear-gradient(bottom, #e8e8e8, #fff);
    background: linear-gradient(to top, #e8e8e8, #fff);
    box-shadow: 0 16px 16px -6px rgba(47, 46, 38, .5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -ms-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

.pp__modal-wrapper.open .pp__modal {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.pp__content {
    text-align: center;
}

@media(min-width:1000px) {
    .pp__modal {
        max-width: 768px;
    }
}

@media(min-width:1200px) {
    .pp__modal {
        max-width: 1000px;
    }
}

@media screen and (max-width:425px) {
    .pp__modal {
        width: 100%;
        padding: 0;
    }
    .pp__btn-close {
        right: 5px;
    }
}

iframe {
    max-width: 100%!important;
}

@media(max-width:767.98px) {
    .hoCategory {
        background-color: #fff!important;
    }
}

@media(min-width:768px) {
    .hoBuyFromCate {
        margin-top: -40px;
    }
}

.prices-container,
.ty-product-block__button {
    border-bottom: 1px solid #edf2f5;
    margin-bottom: 10px;
}

.box-chinh-sach {
    background: #f2f2f2;
    padding: 10px;
    box-sizing: border-box;
    clear: both;
}

.box-chinh-sach>ul {
    list-style: disc;
    padding-left: 20px;
}

.box-chinh-sach>ul>li {
    list-style: disc;
    font-size: 13px;
    font-weight: 500;
}

@media(min-width:768px) {
    .ho .menu-main .ty-menu__submenu-item-header .ty-menu__submenu-link {
        text-transform: uppercase;
        font-size: 15px;
    }
}

.blogList {
    padding: 5px 10px 5px;
}

.blogList .ty-mb-l {
    margin-bottom: 0;
}

.blogList .ty-owl-controls {
    margin-top: -27px;
}

.blogList .owl-carousel.ty-scroller-list {
    border: 0;
    background-color: transparent;
}

.blogList .ty-blog-recent-posts-scroller__item {
    position: relative;
    margin-top: 0;
}

.blogList .ty-blog-recent-posts-scroller__item>a {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.blogList .ty-blog-recent-posts-scroller__item>a:hover {
    color: var(--color-black);
}

.blogList .ty-blog-recent-posts-scroller__item .ty-blog__date {
    display: none;
}

.notshowroom {
    background-color: var(--color-black-2);
    padding-top: 40px;
    padding-bottom: 40px;
}

.notshowroom h2,
.notshowroom p {
    text-align: center;
    color: #fff;
}

.notshowroom h2.title {
    margin-bottom: 0;
}

.notshowroom>div {
    margin: 0 auto;
    max-width: 1480px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

@media(min-width:768px) {
    .notshowroom {
        padding: 40px;
    }
    .notshowroom h2.title {
        font-size: 2em;
    }
    .notshowroom p {
        font-size: 1.1em;
    }
}

.footer-support {
    margin-bottom: 16px;
}

.footer-support .ic-sup {
    margin-right: .4em;
}

.footer-support__title {
    font-weight: 500;
}

@media screen and (min-width:768px) {
    .blogList {
        padding: 10px 10px 10px;
    }
    .blogList .ty-blog-recent-posts-scroller__img-block {
        min-height: 200px;
    }
    .notshowroom>div {
        display: block;
        padding: 0 10px;
    }
}

.ho-tam-ngung {
    background: #d9001b;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

#hoTamNgungGiaoHang {
    max-width: 1480px;
    margin: 0 auto;
}

#hoTamNgungGiaoHang p {
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

#hoTamNgungGiaoHang .col-mot,
#hoTamNgungGiaoHang .col-hai {
    float: left;
    width: 100%;
}

#hoTamNgungGiaoHang .col-mot>div,
#hoTamNgungGiaoHang .col-hai>div {
    padding: 5px 10px;
    text-align: center;
}

#hoTamNgungGiaoHang .col-mot .text-1 {
    font-size: 15px;
    font-weight: 600;
}

#hoTamNgungGiaoHang .col-mot .text-2 {
    color: #ffff01;
}

#hoTamNgungGiaoHang .col-hai>div {
    padding: 0;
}

#hoTamNgungGiaoHang .col-hai p {
    background: #000;
    padding: 2px 10px;
}

#hoTamNgungGiaoHang .col-hai .text-1 {
    font-size: 13px;
    font-weight: 600;
}

#hoTamNgungGiaoHang .col-hai .text-2 {
    color: #ffff01;
}

@media screen and (min-width:768px) {
    #hoTamNgungGiaoHang .col-mot,
    #hoTamNgungGiaoHang .col-hai {
        width: 50%;
    }
    #hoTamNgungGiaoHang .col-mot>div,
    #hoTamNgungGiaoHang .col-hai>div {
        padding: 5px 20px;
        text-align: center;
    }
    #hoTamNgungGiaoHang .col-mot .text-1 {
        font-size: 20px;
    }
    #hoTamNgungGiaoHang .col-hai>div {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    #hoTamNgungGiaoHang .col-hai p {
        padding: 2px 18px;
        border-radius: 10px;
    }
    #hoTamNgungGiaoHang .col-hai .text-1 {
        font-size: 16px;
        font-weight: 600;
    }
    #hoTamNgungGiaoHang .col-hai .text-2 {
        color: #ffff01;
    }
}

.baohanh {
    background: #6fa914;
    display: inline-block;
}

.baohanh .hobox {
    margin-bottom: 0!important;
}

.baohanh__item {
    padding: 20px 5px 6px 5px;
}

.baohanh__item .text {
    color: #fff;
}

.baohanh__item strong {
    display: block;
    font-size: 14px;
}

.baohanh__item span {
    font-size: 12px;
}

@media screen and (max-width:767px) {
    .baohanh .hobox {
        display: inline-block;
    }
    .baohanh .ho-col-4 {
        width: 50%;
    }
    .baohanh__item {
        text-align: center;
    }
    .baohanh__item .hoicon-lg {
        margin-right: 0;
    }
    .baohanh__item .text {
        margin-top: 5px;
    }
}

@media screen and (min-width:768px) {
    .baohanh__item {
        padding: 16px 20px;
        margin: 0;
    }
    .baohanh__item .hoicon-lg {
        display: block;
        float: left;
    }
    .baohanh__item .text {
        height: 58px;
        display: table-cell;
        vertical-align: middle;
    }
    .baohanh__item strong {
        font-size: 16px;
    }
}

.box-image .box__item {
    width: 100%;
    float: left;
}

.box-image .box__list-item {
    clear: both;
    display: inline-block;
    margin-top: 10px;
}

.box-image .box__img {
    width: 100%;
}

.box-image .box-item {
    border-radius: 10px;
    overflow: hidden;
}

.box-image .box-item p {
    margin: 0;
    padding: 0;
}

.box-image .box-item:hover,
.box-image .box-item:active,
.box-image .box-item:focus {
    box-shadow: 0 0 15px 0 #ccc;
    transition: .4s all;
    transform: translateY(-5px);
}

@media screen and (min-width:577px) {
    .box-image.box-sm-2 .box-item {
        float: left;
        margin-left: 5px!important;
        margin-right: 5px!important;
        margin-bottom: 10px;
    }
    .box-image.box-xs-2 .box-item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:576px) {
    .box-image.box-xs-2 .box-item {
        float: left;
        margin-left: 5px!important;
        margin-right: 5px!important;
        margin-bottom: 10px;
    }
    .box-image.box-xs-2 .box-item {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:767px) {
    .box-image .box__item+.box__item .box__container {
        margin-top: 10px;
    }
}

@media screen and (min-width:768px) {
    .box-image .box__item {
        float: left;
    }
    .box-image .box__container {
        display: block;
    }
    .box-image .box__list-item {
        margin-top: 20px;
    }
    .box-image.box-2 .box__item {
        width: 50%;
    }
    .box-image.box-2 .box__list-item {
        margin-left: -10px;
        margin-right: -10px;
    }
    .box-image.box-2 .box__container {
        padding: 0 10px;
        box-sizing: border-box;
    }
    .box-image.box-3 .box__item {
        width: 33.33%;
    }
    .box-image.box-4 .box__item {
        width: 25%;
    }
    .box-image.box-4 .box-item {
        width: calc(25% - 20px);
        margin-right: 10px!important;
        margin-left: 10px!important;
    }
}

.gopy.thongbao .gopy-text {
    display: none!important;
}

.gopy:not(.thongbao) .container-thongbao {
    display: none;
}

#thongBao3004 {
    background-color: #d40505;
    max-width: 100%;
    margin: 0 auto;
    padding: 4px 10px;
}

#thongBao3004.bg-img {
    background-image: url('/images/companies/1/css/bg-top-thongbao.jpg');
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
}

#thongBao3004>div {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    column-count: 1;
    align-items: center;
    padding: 6px 0;
}

#thongBao3004 .thongbao__title {
    color: #ffff6f;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

#thongBao3004 .thongbao__content {
    text-align: center;
}

#thongBao3004 .thongbao__content p {
    color: #ffd6d6;
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 0;
}

#thongBao3004 .thongbao__content span {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

#thongbao-1row {
    background-color: #d40505;
}

#thongbao-1row>p {
    color: #ffd6d6;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space: nowrap;
}

#thongbao-1row.bg-info {
    background-color: #01706b;
    display: flex;
    -ms-flex-item-align: center;
    align-items: center;
}

#thongbao-1row.bg-info>p {
    color: #fff;
}

#thongbao-1row.bg-info a.readinfo {
    color: #fff;
    padding-left: 6px;
    padding-right: 6px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
}

@media screen and (min-width:768px) {
    #thongBao3004>div {
        flex-direction: row;
        column-count: 2;
    }
    #thongBao3004 .thongbao__title,
    #thongBao3004 .thongbao__content {
        float: left;
        width: 50%;
    }
    #thongBao3004 .thongbao__title {
        font-size: 1.5em;
        text-align: right;
        padding-right: 20px;
        box-sizing: border-box;
    }
    #thongBao3004 .thongbao__content {
        text-align: left;
    }
    #thongBao3004 .thongbao__content p {
        font-size: 13px;
    }
    #thongBao3004 .thongbao__content span {
        font-size: 14px;
    }
}

@media screen and (max-width:767.98px) {
    #thongBao3004,
    #thongbao-1row {
        margin-top: -5px;
    }
    #thongbao-1row p {
        font-size: 13px;
    }
}

@media screen and (max-width:576.98px) {
    #thongbao-1row.bg-info p {
        height: 0;
        overflow: hidden;
    }
}

.scroll-h .h__item>div,
.scroll-h .ty-subcategories__item>div,
.scroll-h .h__item>a,
.scroll-h .ty-subcategories__item>a {
    background-color: #fff;
}

.scroll-h .h__item>div:hover,
.scroll-h .ty-subcategories__item>div:hover,
.scroll-h .h__item>a:hover,
.scroll-h .ty-subcategories__item>a:hover {
    box-shadow: none;
}

.shop-landing {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.shop-landing a {
    text-decoration: none;
}

.shop-landing a:hover {
    text-decoration: underline;
}

.shop-landing a:hover span {
    text-decoration: underline;
}

.shop-landing .department-link {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 8px;
    margin-bottom: 1.25rem;
}

.shop-landing .department-card {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
}

.shop-landing .department-card picture {
    transform: translate(18%, 15%);
    display: block;
}

.shop-landing .department-card__img {
    width: 100%;
}

.shop-landing h2.department-card__name {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 12px 10px;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.shop-landing h2.department-card__name span {
    color: #444;
}

.shop-landing .department-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000008;
}

.shop-landing .topic-text-list {
    list-style-type: none;
    padding: 0;
    margin: 10px;
}

.shop-landing .topic-text-list__item {
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
}

.shop-landing .topic-text-list__item h3 {
    margin: 0;
    line-height: normal;
}

.shop-landing .topic-text-list__item-link {
    font-size: 15px;
}

.shop-landing .topic-text-list__item-link .ty-icon-right-open {
    font-size: 13px;
    margin-left: 4px;
}

.shop-landing .topic-text-list__item-link.all {
    font-style: italic;
}

.shop-landing .promotion .topic-text-list__item-link {
    text-transform: uppercase;
}

.shop-landing .promotion .department-card__name {
    background-color: #38761d;
    left: -32px;
    right: unset;
    top: 28px;
    padding-left: 30px;
    padding-right: 30px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

@media screen and (min-width:768px) {
    .shop-landing .department-link {
        width: 20%;
    }
    .shop-landing .department-link:nth-child(5n+1) {
        clear: left;
    }
    .shop-landing .department-link:nth-child(5n) {
        clear: right;
    }
}

.ho-top-category {
    margin-bottom: 20px;
    position: relative;
}

.ho-top-category .categor-card__wrapper {
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 196px;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .12);
    border-radius: 3px;
    background: #fff;
}

.ho-top-category .categor-card__wrapper:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
}

.ho-top-category .categor-card__wrapper:nth-child(6n) {
    margin-right: 0;
}

.ho-top-category .category-card {
    margin-bottom: 4px;
}

.ho-top-category .category-card__link {
    display: block;
    width: 100%;
    height: 129px;
    overflow: hidden;
    text-align: center;
}

.ho-top-category .category-card__img {
    max-width: 100%;
    max-height: 100%;
}

.ho-top-category .category-card__name {
    font-size: 15px!important;
    padding: 8px;
    font-weight: 700;
    text-align: center;
    height: 1.5rem;
    line-height: 1.25rem!important;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500!important;
    font-family: 'Roboto', sans-serif!important;
    margin: 0;
}

@media screen and (max-width:767px) {
    .ho-top-category {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
        webkit-overflow-scrolling: touch;
        padding-left: 5px;
        padding-right: 5px;
    }
    .ho-top-category .categor-card__wrapper {
        width: 169px;
    }
}

@media screen and (min-width:768px) {
    .ho-top-category .categor-card__wrapper {
        width: calc(16.66667% - 16px);
    }
}

.hoProduct .box-hotline {
    width: 100%;
}

.hoProduct .box-hotline ul {
    display: flex;
    flex-direction: column;
}

.hoProduct .box-hotline ul li {
    line-height: 1;
    padding: 0;
}

.hoProduct .box-hotline .box-hotline__icon {
    height: 36px;
}

.hoProduct .box-hotline .box-hotline__name {
    line-height: 36px;
    font-size: 13px;
}

.hoProduct .box-hotline li.hotline1,
.hoProduct .box-hotline li.hotline2 {
    display: none;
}

.hoProduct.show-hotline1 .box-hotline li.hotline1 {
    display: block;
}

.hoProduct.show-hotline2 .box-hotline li.hotline2 {
    display: block;
}

.hoProduct .hoSocial {
    clear: both;
}

.hoProduct .ty-product-detail .ty-product-block__left {
    padding-right: 0;
}

.hoProduct .product-details-section {
    box-sizing: border-box;
    margin-bottom: 20px;
}

.hoProduct .product-specs-group {
    box-sizing: border-box;
    margin-bottom: 20px;
}

.hoProduct .product-specs-group .product-spec-item {
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.hoProduct .product-spec-item .product-spec-item__label,
.hoProduct .product-spec-item .product-spec-item__value {
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    padding: 9px 8px 7px;
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    word-break: break-word;
    font-family: 'Roboto', sans-serif;
}

.hoProduct .product-spec-item:last-of-type .product-spec-item__label,
.hoProduct .product-spec-item:last-of-type .product-spec-item__value {
    border-bottom: 1px solid #e6e6e6;
}

.hoProduct .product-spec-item .product-spec-item__label {
    background-color: #f4f4f4;
    border-right: 0;
    font-weight: 500;
    max-width: 143px;
}

.hoProduct .ty-product-block__button {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 10px;
}

.hoProduct .ty-product-block__button .ty-btn__text {
    background-color: #ff802c!important;
    color: #fff!important;
    border: 0;
}

.hoProduct .ty-product-block__button .ty-btn__text:hover,
.hoProduct .ty-product-block__button .ty-btn__text:active,
.hoProduct .ty-product-block__button .ty-btn__text:focus {
    background-color: #111!important;
}

.hoProduct .ty-product-block__note {
    position: unset;
    width: auto;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #edf2f5;
}

.hoProduct .ty-product-thumbnails {
    width: 100%!important;
}

.hoProduct .ty-product-block-title {
    border-bottom: 0;
    margin-bottom: 0;
    color: #333;
}

.hoProduct .ty-product-block__price-actual .ty-price-num {
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    color: #d4646a;
    font-weight: 500;
}

.hoProduct .ty-discussion__rating-wrapper .ty-stars .ty-stars__icon {
    font-size: 14px;
}

.hoProduct .ty-stars,
.hoProduct .ty-discussion__review-a,
.hoProduct .ty-discussion__review-write {
    margin-right: 10px;
}

.hoProduct .ty-product-options__item-label,
.hoProduct .ty-qty-in-stock,
.hoProduct .ty-qty-out-of-stock {
    font-weight: 500;
}

.hoProduct .ty-product-options__image {
    width: 80px!important;
    height: 48px!important;
    border: 0 solid #ccc;
    margin-right: 4px;
    min-height: 0;
}

.hoProduct .ty-product-options__image {
    padding: 2px;
    border: 2px solid #ccc;
    transition: .2s all;
}

.hoProduct .ty-product-options__image:hover {
    border-color: #93bd0c;
}

.hoProduct .product-variant-image-selected {
    border-color: #93bd0c;
}

.hoProduct .ty-control-group select[id^=option_] {
    min-width: 240px;
}

.hoProduct .ty-product-block__option {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hoProduct .ty-product-block__caption>span {
    text-transform: uppercase;
    border-bottom: 1px solid #465363;
    color: #333;
    font-weight: 500;
}

.hoProduct .product-relative {
    margin-bottom: 0;
}

.hoProduct .product-relative .ty-tabs {
    margin-top: 0;
}

.hoProduct .product-relative .product-tabs .tab-list-title {
    background: #f2f2f2;
    padding: 10px 10px 5px;
    margin: 0;
    box-shadow: 0 0 4px 0 #ccc;
}

.hoProduct .product-relative .product-tabs #content_description,
.hoProduct .product-relative .product-tabs div[id^=content_product_tab_],
.hoProduct .product-relative .product-tabs #content_product_reviews {
    background: #fff;
    padding: 15px 10px 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px 0 #ccc;
}

.hoProduct a.hoBtn-readmore,
.hoProduct a.hoBtn-readless {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 18px;
    background: #fff;
    border: 1px solid #ccc;
    color: #333!important;
}

.hoProduct a.hoBtn-readmore:hover,
.hoProduct a.hoBtn-readless:hover {
    background-color: #f2f2f2;
}

.hoProduct .hoBtn-readless {
    display: none;
}

.hoProduct .hide-readmore .hoBtn-readless {
    display: block;
}

.hoProduct .hide-readmore .hoBtn-readmore {
    display: none;
}

.hoProduct #content_description.ho-peek,
.hoProduct div[id^=content_product_tab_].ho-peek {
    position: relative;
    overflow: hidden;
    border-bottom: 20px solid #fff;
    transition: .4s all;
    padding-bottom: 100px!important;
    max-height: 400px;
}

.hoProduct #content_description.ho-peek:after,
.hoProduct div[id^=content_product_tab_].ho-peek:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-image: linear-gradient(to bottom, #ffffffb8, #fff);
}

@media screen and (max-width:767.98px) {
    .hoProduct .product-relative .relative-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .hoProduct.button-fly .prices-container {
        position: fixed;
        z-index: 999;
        visibility: visible;
        overflow: visible;
        -webkit-overflow-scrolling: auto!important;
        bottom: 6px;
        margin: 0;
        left: 0;
        width: 50%;
        border: 0;
    }
    .hoProduct.button-fly .ty-product-prices {
        background-color: #005966;
        padding: 0 10px;
        margin: 0 0 0 10px;
        height: 56px;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        border-right: 1px solid #f2f2f2;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .hoProduct.button-fly .ty-product-prices>span[id^="line_discount_update_"] {
        display: none;
    }
    .hoProduct.button-fly .list-price-label {
        display: none;
    }
    .hoProduct.button-fly .ty-strike>span {
        font-size: 12px;
    }
    .hoProduct.button-fly .ty-product-block__price-actual {
        margin: 2px 0;
    }
    .hoProduct.button-fly .ty-product-block__price-actual .ty-price-num {
        font-size: 1.2rem;
        color: #fff;
    }
    .hoProduct.button-fly .ty-product-block__button {
        position: fixed;
        visibility: visible;
        overflow: visible;
        -webkit-overflow-scrolling: auto!important;
        z-index: 999;
        bottom: 6px;
        margin: 0;
        right: 0;
        width: 50%;
    }
    .hoProduct.button-fly .ty-product-block__button>div {
        display: flex;
        margin-right: 10px;
    }
    .hoProduct.button-fly .ty-product-block__button .ty-btn {
        height: 56px;
        width: 50%;
        border-radius: 0;
        white-space: nowrap;
        font-size: .7rem;
        padding: 0!important;
        line-height: 56px;
        border: 0;
        margin: 0;
    }
    .hoProduct.button-fly .ty-product-block__button .ty-btn.ty-btn__add-to-cart {
        border-right: 1px solid #f2f2f2;
    }
    .hoProduct.button-fly .ty-product-block__button .ty-btn.ty-btn__text {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
    }
}

@media(max-width:767.98px) {
    .hoProduct .ty-list-price {
        color: #d3d3d3;
    }
}

@media(min-width:767.98px) {
    .hoProduct .ty-list-price {
        font-size: 14px;
    }
}

@media(min-width:768px) {
    .hoProduct .ty-product-detail .ty-product-block__left {
        display: block;
        width: 100%;
        float: right;
        padding-left: 10px;
    }
    .hoProduct .ty-product-options__image {
        width: 120px!important;
        height: 72px!important;
    }
    .hoProduct .product-relative .product-tabs .tab-list-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hoProduct .product-relative .product-tabs #content_description,
    .hoProduct .product-relative .product-tabs div[id^=content_product_tab_] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hoProduct .ty-product-block__button .ty-btn {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
    }
    .hoProduct .ty-product-block__button .ty-btn+.ty-btn {
        margin-left: 1%;
    }
}

@media screen and (min-width:1000px) {
    .hoProduct .ty-product-block__img-wrapper {
        width: 55%;
        margin-right: 0;
        padding: 0;
    }
    .hoProduct .ty-product-detail .ty-product-block__left {
        width: 45%;
    }
    .hoProduct .ty-product-detail .content-product-form {
        padding: 15px;
        margin-bottom: 10px;
        border: 1px solid #eaeaea;
    }
    .hoProduct .ty-product-block__option {
        max-height: 450px;
        overflow-y: auto;
    }
    .hoProduct .ty-product-block__option::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: #ccc;
    }
    .hoProduct .ty-product-block__option::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
        background-color: #ccc;
    }
    .hoProduct .ty-product-block__option::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
        border-radius: 5px;
        background-color: #f5f6f8;
    }
    .hoProduct .product-relative .product-tabs {
        width: calc(100% - 400px);
        float: left;
    }
    .hoProduct .product-relative .relative-box {
        width: 400px;
        float: left;
    }
    .hoProduct .product-relative .ty-mainbox-simple-title {
        text-align: center;
        margin-top: 11px;
        margin-bottom: 5px;
    }
}

@media screen and (min-width:1200px) {
    .hoProduct .ty-product-block__left:not(.no-promotion) form[name^="product_form_"] {
        min-width: 365px;
        float: left;
        width: 50%;
    }
    .hoProduct .product-details-section {
        float: right;
        width: 270px;
    }
    .hoProduct .product-details-section .col-first,
    .hoProduct .product-details-section .col-second {
        float: none!important;
        width: auto!important;
    }
    .hoProduct .product-details-section .col-second {
        padding-top: 10px;
    }
    .hoProduct .box-contact {
        background: none;
    }
    .hoProduct .box-contact * {
        color: #333;
    }
}

.ho-promotion-note {
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
}

.ho-promotion-note .ho-promotion-note__code {
    font-weight: 500;
    color: #ff3131;
}

.ho-promotion-note .ho-promotion-note__link {
    text-decoration: underline;
    font-size: 13px;
}

.ty-add-to-compare {
    display: none!important;
    visibility: hidden!important;
    opacity: 0!important;
}

.ho .tygh-top-panel {
    padding-top: 0;
}

@media(max-width:576.98px) {
    .ho .tygh-top-panel {
        padding-bottom: 0;
    }
    .ho #tygh_main_container {
        transition: .4s padding-top;
    }
    .ho #tygh_main_container {
        padding-top: 52px;
        transition: .4s padding-top;
    }
    .ho .top-grid {
        position: fixed;
        top: 0;
        z-index: 2;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 0;
        padding-top: 5px;
        background: #fff;
        border-bottom: 1px solid var(--color-black);
        transition: .4s all;
    }
    .ho .tygh-content {
        border-top: 0;
    }
    .menu-fly #tygh_main_container {
        padding-top: 0;
    }
    .menu-fly .container-fluid.top-grid {
        transform: translateY(0);
    }
    .hoProduct .ty-product-block__button {
        width: 100%;
    }
    .hoProduct .ty-product-block__button .ty-btn {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
    }
}

.ty-grid-list__image .free-shipping,
.free-shipping-pr {
    display: none!important;
    opacity: 0;
    visibility: hidden;
}

.hoCheckOut .ty-input-append .ty-input-text {
    padding-right: 60px;
}

.hoCheckOut .ty-btn-go {
    width: 60px;
    font-size: 12px;
    background: #eaeaea;
}

#scrollToTopContainer.sticky {
    bottom: 63px;
}

#divHelper2 {
    position: fixed;
    z-index: 1;
    transition: background-color .25s ease-in;
    box-sizing: border-box;
}

#divHelper2 .overlay {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    position: absolute;
    height: 0;
    width: 0;
    background: #00000082;
    transition: all .4s;
    display: none;
}

#divHelper2 a {
    display: inline-flex;
    white-space: nowrap;
    text-align: center;
    box-shadow: 0 0 4px 2px #ccc;
    border-radius: 50%;
    background: #fff;
}

#divHelper2 .ho-helper-item {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
}

#divHelper2 .ho-helper-item>p {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    right: 100%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#divHelper2 .ho-helper-item>p>span {
    color: #fff;
    background-color: #e25e00;
    white-space: nowrap;
    font-size: 13px;
    padding: 4px;
    border-radius: 4px 0 4px 4px;
    margin-right: 12px;
    position: relative;
}

#divHelper2 .ho-helper-item>p>span:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 6px solid #e25e00;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    top: 5px;
    right: -6px;
}

#divHelper2 .ho-helper-item:not(:last-child) {
    margin-bottom: 10px;
}

#divHelper2 .ho-helper-item.hotline2 {
    display: none;
}

#divHelper2 .ic-question,
#divHelper2 .ic-close {
    transition: 1s all;
}

#divHelper2 .ic-close {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

#divHelper2 .ho-helper-button2.more {
    padding: 3px;
    background-color: #fff;
}

#divHelper2.show-close .ic-question {
    opacity: 0;
    visibility: hidden;
    width: 0;
}

#divHelper2.show-close .ic-close {
    opacity: 1;
    visibility: visible;
    width: unset;
}

#divHelper2 strong {
    display: none;
}

#divHelper2.show-hotline2 .ho-helper-item.hotline1 {
    display: none;
}

#divHelper2.show-hotline2 .ho-helper-item.hotline2 {
    display: flex;
}

@media screen and (min-width:768px) {
    #divHelper2 {
        padding: 10px;
        width: 60px;
        height: auto;
        top: 50vh;
        bottom: unset;
        right: 20px;
        transform: translateY(-50%);
        -webkit-transform-origin-x: -50%;
    }
    #divHelper2 div.ho-helper-item:hover>p {
        visibility: visible;
        opacity: 1;
    }
    #divHelper2 .ho-helper-more {
        display: none;
    }
}

@media screen and (max-width:767.98px) {
    #divHelper2 {
        right: 0;
        bottom: 0;
    }
    #divHelper2 .overlay {
        display: block;
        width: 100%;
        height: 100%;
    }
    #divHelper2 .ho-helper-container {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        position: absolute;
        bottom: 170px;
        right: 10px;
        height: 0;
        overflow: hidden;
        transition: .4s all;
    }
    #divHelper2 .ho-helper-more {
        position: absolute;
        z-index: 1;
        width: 40px;
        right: 10px;
        bottom: 117px;
    }
    #divHelper2.show-close {
        height: 100vh;
        width: 100%;
    }
    #divHelper2.show-close .overlay {
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
    #divHelper2.show-close .ho-helper-container {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        height: auto;
        overflow: unset;
    }
    #divHelper2 .ho-helper-item>p {
        visibility: visible;
        opacity: 1;
    }
}

@media(max-width:767px) {
    .hoCart .ty-cart-content thead {
        display: none;
    }
    .hoCart .ty-cart-content tbody,
    .hoCart .ty-cart-content tr {
        display: inline-block;
        width: 100%;
    }
    .hoCart .ty-cart-content td {
        padding: 7px;
    }
    .hoCart .ty-cart-content .ty-cart-content__product-elem,
    .hoCart .ty-cart-content .ty-cart-content__title {
        border: 0;
    }
    .hoCart .ty-table__responsive-header {
        font-weight: 500;
        color: #333;
    }
    .hoCart .ty-cart-content__image-block .ty-table__responsive-header,
    .hoCart .ty-cart-content__description .ty-table__responsive-header {
        display: none;
    }
    .hoCart .ty-cart-content__image-block {
        float: left;
        width: 100px!important;
    }
    .hoCart .ty-cart-content__description,
    .hoCart .ty-cart-content__price,
    .hoCart .ty-cart-content__qty {
        float: right;
        width: calc(100% - 114px)!important;
    }
    .hoCart .ty-cart-content__price .ty-sub-price {
        color: #333;
    }
    .hoCart .ty-cart-content__price .price {
        font-weight: 500;
    }
}

.ty-grid-list__item {
    position: relative;
}

.ty-grid-list__item .ty-grid-list__image {
    position: unset;
}

.ty-grid-list__item .ty-grid-list__image .ty-discount-label {
    height: 22px;
    width: 38px;
    text-align: center;
    line-height: 22px;
}

.ty-grid-list__item .ty-grid-list__image .ty-discount-label .ty-discount-label__item {
    padding: 0;
    line-height: inherit;
    float: none;
}

.ty-grid-list__item .ty-grid-list__image .ty-discount-label .ty-discount-label__value {
    font-size: 12px;
    color: #fff;
    white-space: normal;
    text-align: center;
}

.ty-btn__big {
    min-width: 100px;
}

@media(max-width:767.98px) {
    div[aria-describedby^=content_call_request_] {
        bottom: 0!important;
        overflow-y: auto!important;
    }
}

.ty-banner__image-item .ty-pict,
.ty-banner__image-wrapper .ty-pict {
    border-radius: 10px;
}

.pre-line {
    white-space: pre-line;
}

.about-ho .section {
    max-width: 1520px;
    margin: 0 auto;
    padding-bottom: 30px;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0 !important;
}

.about-ho .text-normal {
    font-size: 1.1rem;
    line-height: 1.7rem;
    margin: 0;
}

.about-ho h2.about-short-title,
.about-ho h2.themanh-title,
.about-ho .tamnhin-body h2,
.about-ho h2.vanhoa-title,
.about-ho h2.vatchat-title {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    line-height: 1.2;
}

.about-ho .vanhoa-content .item-box--title h3,
.about-ho h2.footer-title {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

@media(min-width:768px) {
    .about-ho h2.about-short-title,
    .about-ho h2.themanh-title,
    .about-ho .tamnhin-body h2,
    .about-ho h2.vanhoa-title,
    .about-ho h2.vatchat-title,
    .about-ho h2.footer-title {
        font-size: 2.6rem;
    }
}

.about-ho #about-top {
    display: flex;
}

.about-ho #about-top .company-name {
    padding-right: 10px;
}

.about-ho #about-top h1 {
    margin: 0;
}

.about-ho #about-top .company-name--n,
.about-ho #about-top .company-name--h {
    display: block;
    font-size: 2rem;
    line-height: 1.5;
    white-space: nowrap;
}

.about-ho #about-top .company-name--n {
    color: #14591f;
}

.about-ho #about-top .company-name--h {
    color: #111;
}

.about-ho #about-top .company-name--slogan {
    color: #97c00f;
    font-size: 14px;
    font-style: italic;
    text-align: right;
}

.about-ho #about-top .company-name--slogan>strong:after {
    content: '-';
    margin-left: 5px;
}

.about-ho #about-top .company-name--slogan>strong:before {
    content: '-';
    margin-right: 5px;
}

.about-ho #about-short {
    display: flex;
    flex-flow: row-reverse;
    align-items: start;
    justify-content: start;
    overflow: hidden;
}

.about-ho .short-left {
    flex-basis: 100% !important;
    width: 100% !important;
}

.about-ho .short-left--des {
    background-color: #e4e4e4;
    padding: 20px;
    width: 100% !important;
}

.about-ho .short-left--des-text {
    font-size: 1.1rem;
    line-height: 1.7rem;
}

.about-ho .clearbox {
    margin-left: -20px;
    margin-top: 20px;
    width: 50%;
}

.about-ho .clearbox-bottom {
    background-color: #fff;
    margin: 0;
    height: 10px;
}

.about-ho h2.about-short-title {
    color: #14591f;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.about-ho .short-right {
    flex: 1;
    display: none;
}

.about-ho h2.themanh-title,
.about-ho h2.vanhoa-title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.about-ho .themanh-container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
}

.about-ho .themanh-container .item-box {
    flex: 1;
    display: flex;
    align-items: stretch;
    padding-top: 68px;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.about-ho .themanh-container h3 {
    color: #14591f;
    font-size: 1.5rem;
    text-align: center;
    text-transform: capitalize;
}

.about-ho .themanh-container p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.about-ho .themanh-container .item-box--body {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border: 1px solid #0a67e94d;
}

.about-ho .themanh-container .item-box--body-top {
    width: 136px;
    height: 136px;
    margin: 0 auto;
    margin-top: -68px;
    padding-top: 68px;
    box-shadow: 0 0 13px #00000030;
    -webkit-box-shadow: 0 0 13px #00000030;
    background-color: #fff;
    border-radius: 50%;
}

.about-ho .themanh-container .ladi-shape {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-top: -25px;
}

.about-ho #about-tamnhin {
    width: 100%;
    max-width: 100%;
    background-color: #d9ebff33;
    padding-bottom: 20px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.about-ho .tamnhin-container {
    max-width: 1520px;
    margin: 0 auto;
    display: flex;
    align-items: start;
    justify-items: start;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.about-ho .tamnhin-triangle {
    position: absolute;
    left: -40px;
    width: 20px;
    height: 23px;
}

.about-ho .tamnhin-body {
    flex-basis: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-wrap: wrap;
}

.about-ho .tamnhin-body>div {
    padding-right: 40px;
}

.about-ho .tamnhin-body h2 {
    margin-top: 2rem;
    margin-bottom: 10px;
}

.about-ho .tamnhin-right {
    flex: 1;
    padding: 40px;
    height: 100%;
    position: relative;
    display: none;
}

.about-ho .tamnhin-cirle-top {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.about-ho .tamnhin-cirle-top0,
.about-ho .tamnhin-cirle-top1,
.about-ho .tamnhin-cirle-top2 {
    position: absolute;
}

.about-ho .tamnhin-cirle-top1 {
    width: 342px;
    height: 154px;
    top: 0;
    left: -100px;
    background-color: #97c00f;
    border-bottom-left-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

.about-ho .tamnhin-cirle-top2 {
    width: 662px;
    height: 461px;
    top: 1px;
    right: -200px;
    background-color: #14591f;
    border-bottom-left-radius: 1000px;
}

.about-ho .tamnhin-box-img {
    border-radius: 50%;
    position: relative;
    padding: 30px;
}

.about-ho .tamnhin-box-img--cirle0,
.about-ho .tamnhin-box-img--cirle1,
.about-ho .tamnhin-box-img--cirle2,
.about-ho .tamnhin-box-img--cirle3 {
    position: absolute;
    z-index: 2;
}

.about-ho .tamnhin-box-img--cirle0 {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    border: 1px solid #0d62f21a;
    left: 0;
    z-index: 1;
}

.about-ho .tamnhin-box-img--cirle1 {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background: #97c00f;
    top: 10px;
    left: 10px;
}

.about-ho .tamnhin-box-img--cirle2 {
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: #97c00f;
    bottom: 56px;
    right: 36px;
}

.about-ho .tamnhin-box-img--cirle3 {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #14591f;
    bottom: 100px;
    left: 33px;
}

.about-ho .tamnhin-right-img {
    border-radius: 50%;
    overflow: hidden;
    top: 0;
}

.about-ho .vanhoa-content {
    display: flex;
    flex-wrap: wrap;
}

.about-ho .vanhoa-content .item-box {
    flex: 1;
    flex-basis: 100%;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.about-ho .vanhoa-content .item-box--title {
    display: flex;
    align-items: baseline;
}

.about-ho .vanhoa-content .item-box--title>span {
    color: #14591f;
    font-size: 3rem;
}

.about-ho .vanhoa-content .item-box--title .chamtron {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #14591f;
    margin-left: 4px;
}

.about-ho .vanhoa-content .item-box--title h3 {
    color: #14591f;
    margin: 0;
    flex: 1;
    margin-left: 10px;
}

.about-ho .vanhoa-content .item-box--body>p {
    text-align: justify;
}

.about-ho #about-hinhanh {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.about-ho .hinhanh-container {
    display: flex;
    flex-wrap: wrap;
}

.about-ho .hinhanh-container>div {
    flex-basis: 50%;
    width: 50%;
    max-height: 45vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-items: center;
}

.about-ho #about-vatchat {
    max-width: 100%;
}

.about-ho .vatchat-container {
    display: flex;
    align-items: stretch;
    justify-items: stretch;
    flex-wrap: wrap;
}

.about-ho .vatchat-item1 {
    width: 100%;
    flex-basis: 100%;
    padding-right: 20px;
    position: relative;
    align-items: center;
    justify-items: center;
    display: flex;
}

.about-ho .vatchat-item1--ovuong {
    position: absolute;
    bottom: 10vh;
    background: #e4e4e4;
    height: 50%;
    width: 80%;
    flex: none;
}

.about-ho .vatchat-item1--img {
    margin-bottom: 20vh;
    margin-left: 40px;
    width: 100%;
    height: 65vh;
    z-index: 1;
}

.about-ho .vatchat-item2 {
    flex-basis: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.about-ho .vatchat-item2--img {
    width: 100%;
    height: 40vh;
    margin-top: 5vh;
}

.about-ho h2.vatchat-title {
    margin-top: 0;
}

.about-ho .vatchat-item2--ovuong {
    position: absolute;
    top: 0;
    right: -10vh;
    background: #e4e4e4;
    height: 40vh;
    width: 50%;
    z-index: -1;
    flex: none;
}

.about-ho .vatchat-item2--body {
    padding: 20px;
    border-left: 2px solid #97c00f;
    margin-top: 20px;
    padding: 20px 20px 20px 10px;
}

.about-ho .vatchat-item3 {
    flex: 1;
    padding-right: 20px;
}

.about-ho .vatchat-item3-img {
    width: 100%;
    height: 45vh;
    margin-top: 5vh;
}

.about-ho #about-footer {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.about-ho #about-footer h2.footer-title {
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
}

.about-ho .footer-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.about-ho .footer-left,
.about-ho .footer-right {
    height: 50vh;
    display: flex;
    align-items: stretch;
    justify-items: center;
}

.about-ho .footer-right {
    height: auto;
    align-items: center;
    margin-top: 30px;
}

.about-ho .footer-img {
    width: 100%;
}

.about-ho .footer-box {
    padding: 0 20px;
}

.about-ho .footer-box-item .ladi-shape {
    width: 22px;
    height: 22px;
}

.about-ho ul.footer-box-item {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-ho ul.footer-box-item>li {
    padding: 0;
    display: flex;
    align-items: center;
    justify-items: start;
}

.about-ho ul.footer-box-item>li>p {
    flex: 1;
    margin: 0;
    padding-left: 10px;
    font-size: 1rem;
}

@media(min-width:577px) {
    .about-ho .short-right {
        display: unset;
    }
    .about-ho .short-left {
        flex-basis: 50%;
        width: 50%;
        padding-top: 10vh;
    }
    .about-ho .short-left--des {
        margin-right: -100%;
    }
    .about-ho .themanh-container .item-box {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media(min-width:768px) {
    .about-ho .section {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 60px;
    }
    .about-ho #about-top .company-name {
        padding-right: 80px;
    }
    .about-ho #about-top .company-name--slogan {
        margin-right: -80px;
    }
    .about-ho .tamnhin-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .about-ho .tamnhin-body {
        margin-top: 43px;
    }
    .about-ho .short-left {
        flex-basis: 70%;
        width: 70%;
        padding-top: 0;
    }
    .about-ho .short-left--des {
        margin-right: -10%;
    }
    .about-ho .vanhoa-content .item-box {
        flex-basis: 50%;
        width: 50%;
        padding: 10px;
    }
    .about-ho .hinhanh-container>div {
        flex-basis: 33.33%;
        width: 33.33%;
    }
    .about-ho .footer-box {
        padding-left: 60px;
    }
}

@media(min-width:1000px) {
    .about-ho #about-short {
        min-height: 50vh;
    }
    .about-ho .short-left {
        padding-top: 10vh;
    }
    .about-ho .themanh-container {
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .about-ho .tamnhin-container {
        min-height: 70vh;
    }
    .about-ho .tamnhin-right {
        display: unset;
    }
    .about-ho .tamnhin-body {
        flex-basis: 60%;
        width: 60%;
    }
    .about-ho .vanhoa-content .item-box {
        flex-basis: 33.33%;
        width: 33.33%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-ho .vatchat-container {
        height: 85vh;
        overflow: hidden;
    }
    .about-ho .vatchat-item1 {
        width: 48%;
        flex-basis: 48%;
        margin-top: 15vh;
    }
    .about-ho .vatchat-item3-img {
        margin-top: 35vh;
    }
    .about-ho .vatchat-item2 {
        flex-basis: 32%;
        width: 32%;
    }
    .about-ho .footer-container {
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .about-ho .footer-left,
    .about-ho .footer-right {
        flex: 1;
        height: 100vh;
    }
    .about-ho .footer-right {
        margin-top: 0;
    }
}

@media(min-width:1200px) {
    .about-ho .section {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 80px;
    }
    .about-ho .tamnhin-container {
        padding-left: 40px;
        padding-right: 40px;
    }
    .about-ho #about-top .company-name {
        min-width: 430px;
    }
    .about-ho #about-top .company-name--n,
    .about-ho #about-top .company-name--h {
        font-size: 3rem;
    }
    .about-ho .themanh-container .item-box {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.hoFullWidth .social-container {
    max-width: 1520px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

@media(min-width:768px) {
    .hoFullWidth .social-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media(min-width:1200px) {
    .hoFullWidth .social-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.ho .tygh-footer * {
    color: #fff;
}

.ho .ty-footer-menu__header,
.ho .ty-footer-general__header {
    border-bottom: 0;
}

.ho .menu-main .ty-menu__item.visible-phone {
    padding: 14px 10px;
    border-bottom: 1px solid #ccc;
}

.ho .menu-main .ty-menu__item.visible-phone a {
    margin: 0;
}

.ho .menu-main .ty-menu__logo {
    width: 180px;
    float: left;
}

.ho .menu-main .ty-menu__footer {
    padding: 14px 10px;
}

.ho .menu-main .ty-menu__footer p.hotro {
    font-weight: 500;
    text-transform: uppercase;
}

.ho .menu-main .ty-menu__footer .ho-helper-container {
    column-count: 2;
}

.ho .menu-main .ty-menu__footer .ho-helper-item {
    margin-bottom: 8px;
}

.ho .menu-main .ty-menu__footer a {
    display: flex;
    gap: 7px;
    align-items: center;
}

.ho .keyword-list a {
    display: inline-block;
    border: 1px solid #333;
    border-radius: 16px;
    padding: 3px 8px;
    margin-bottom: 4px;
    font-size: 13px;
    margin-right: 4px;
}

.ho .keyword-list a:hover,
.ho .keyword-list a:active,
.ho .keyword-list a:focus {
    background-color: #00000014;
    color: inherit;
    box-shadow: 0 0 3px 1px #0000003b;
}