.hide {
    display: none !important;
}

#sidebar {
    width: 295px;
    float: right;
}
#primary {
    width: -o-calc(100% - 295px);
    width: calc(100% - 295px);
    float: left;
}
.page-single {
    padding-top: 40px;
}
.page-single .w_info {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    padding-bottom: 30px;
}
.page-single .w_info .info_left {
    width: 420px;
}
.page-single .w_info .info_middle {
    flex: 1 1 0px;
}
.page-single .w_info .info_right {
    width: 320px;
}
.page-single .title_prod h1 {
    font-size: 22px;
    color: #444;
    text-transform: uppercase;
    line-height: 1.4em;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
.page-single ul.ms-votes {
    display: flex;
    font-size: 14px;
    overflow: hidden;
    align-items: center;
    padding-bottom: 10px;
}
.page-single ul.ms-votes li {
    float: left;
    position: relative;
    line-height: 20px;
}
.page-single ul.ms-votes li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
}
.page-single ul.ms-votes li:not(:last-child)::after {
    top: 50%;
    left: 100%;
    width: 1px;
    content: "";
    height: 12px;
    display: block;
    background: #999;
    position: absolute;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.page-single ul.ms-votes li .star-wrap {
    gap: 4px;
    display: flex;
    color: #ffab19;
    align-items: center;
}
.page-single ul.ms-votes li .numvote {
    color: #333;
    margin-left: 5px;
}
.page-single .wraptxt {
    background: #f1f2f6;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.page-single .wraptxt > ul li {
    font-size: 14px;
    color: #444;
    display: inline-block;
    position: relative;
}
.page-single .wraptxt > ul li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
}
.page-single .wraptxt > ul li:not(:last-child)::after {
    top: 50%;
    left: 100%;
    width: 1px;
    content: "";
    height: 12px;
    display: block;
    background: #999;
    position: absolute;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.page-single .wraptxt > ul li.brand a,
.page-single .wraptxt > ul li:not(.brand) span {
    color: var(--ws-color-primary);
}
.page-single .box-quantity {
    padding: 15px 0;
    margin-top: 20px;
    display: none;
    border-top: 1px dashed #d9d9d9;
}
.page-single .box-quantity > ul {
    display: flex;
    column-gap: 20px;
}
.page-single .box-quantity li {
    display: inline-block;
}
.page-single .box-quantity li:last-child {
    padding-left: 20px;
    border-left: 1px solid silver;
    height: 32px;
}
.page-single .box-quantity li:first-child b {
    font-size: 16px;
    width: 110px;
    float: left;
    line-height: 32px;
}
.page-single .box-quantity .stock {
    padding-right: 0;
    padding-left: 0px;
    font-weight: normal;
    font-size: 18px;
    color: #333;
    font-style: italic;
    line-height: 32px;
}
.page-single .box-quantity .stock span::before {
    color: var(--ws-color-primary);
    margin-right: 5px;
    font-family: "FontAwesome";
    font-size: 18px;
    font-weight: normal;
}
.page-single .box-quantity .numstock {
    font-size: 13px;
    line-height: 1.2em;
    color: #757575;
}
.page-single .box-quantity .numstock p {
    margin: 0;
    margin-bottom: 5px;
    font-family: Helvetica Neue, Helvetica;
}
.page-single .divqty {
    position: relative;
    display: inline-block;
}
.page-single .divqty::after {
    content: "";
    display: block;
    clear: both;
}
.page-single .divqty .input-group {
    display: flex;
    flex-direction: row;
    width: 120px;
    height: 32px;
    background: white;
    border-radius: 0px;
    border: 1px solid #dfe2ed;
    padding: 0px;
    position: relative;
}
.page-single .divqty .input-group .btn-press {
    width: 32px;
    height: 30px;
    border: none;
    outline: none;
    background: #f5f7ff;
    position: relative;
}
.page-single .divqty .input-group .btn-press::before {
    font-family: "FontAwesome";
    position: absolute;
    font-size: 16px;
    color: #666;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page-single .divqty .input-group .btn-press.minus::before {
    content: "";
}
.page-single .divqty .input-group .btn-press.plus::before {
    content: "";
}
.page-single .divqty .input-group .quantity {
    width: 54px;
    height: 30px;
    border: none;
    outline: none;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #dfe2ed;
    border-right: 1px solid #dfe2ed;
}
.page-single .model_pro,
.page-single .guarantee {
    margin-bottom: 10px;
}
.page-single .model_pro label,
.page-single .guarantee label {
    font-weight: normal;
    font-size: 15px;
    color: #222;
    margin: 0;
    /* width: 120px; */
}
.page-single .model_pro span,
.page-single .guarantee span {
    font-size: 14px;
    color: var(--ws-color-primary);
}
.page-single .guarantee span {
    color: #333;
}
.page-single .info_price .item {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
.page-single .info_price .item:not(:first-child) {
    margin-top: 10px;
}
.page-single .info_price label {
    font-weight: normal;
    font-size: 15px;
    color: #222;
    margin: 0;
    width: auto;
    padding-right: 15px;
}
.page-single .info_price span.promotion {
    color: var(--ws-color-primary);
    font-size: 26px;
    line-height: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
.page-single .info_price .regular {
    color: #444;
    text-decoration: line-through;
    display: block;
}
.page-single .info_price .regular small {
    text-decoration: none;
}
.page-single .info_price .info-vat {
    font-size: 13px;
    margin-left: 10px;
}
.page-single .info_price .discount {
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    background: #ee2038;
    margin-left: 20px;
}
.page-single .info_price .discount::before {
    content: '-';
}
.page-single .info_price .discount::after {
    content: '%';
}
.page-single ul.box-options {
    margin-bottom: 15px;
}
.page-single ul.box-options li {
    padding: 6px 0;
    display: flex;
    flex-direction: row;
}
.page-single ul.box-options li .option-name {
    font-weight: bold;
    margin-right: 10px;
}
.page-single ul.box-options li .option-name::before {
    content: "";
    font-family: "FontAwesome";
    color: var(--ws-color-primary);
    margin-right: 6px;
}
.page-single .short {
    line-height: 1.5em;
    text-align: justify;
}
.page-single .info-other {
    margin-top: 15px;
    line-height: 1.5em;
}
.page-single .info-other h3 {
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 18px;
}
.page-single .info-other ul li {
    font-size: 14px;
    color: #666;
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
}
.page-single .info-other ul li::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 6;
    color: #00a2ff;
}
.page-single #mo_ta .title_desc {
    font-size: 25px;
    text-transform: uppercase;
    color: var(--ws-color-primary);
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    display: none;
}
.page-single #mo_ta .the_content {
    padding-bottom: 20px;
}
.btn-cart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.btn-cart a {
    color: white;
    padding: 10px 5px;
    display: block;
    min-height: 50px;
    line-height: 25px;
    text-align: center;
    border-radius: 3px;
}
.btn-cart a .row0 {
    display: inline-block;
    padding-left: 30px;
    font-weight: normal;
    position: relative;
}
.btn-cart a .row0::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
}
.btn-cart a.btn-buy-now {
    background: #ee2038;
    border: 1px solid #ee2038;
}
.btn-cart a.btn-buy-now .row0::before {
    background: url("../images/cart.png");
}
.btn-cart a.add_to_cart {
    border: 1px solid var(--ws-color-primary);
    background: var(--ws-color-primary);
    color: white;
}
.btn-cart a.add_to_cart .row0 {
    font-size: 16px;
}
.btn-cart a.add_to_cart .row0::before {
    content: "";
    font-family: "FontAwesome";
    color: white;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    top: 0;
}
.box-group-support {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.box-group-support .item {
    display: flex;
    padding: 5px 20px;
    border: 1px solid var(--ws-color-primary);
    border-radius: 10px;
    margin-bottom: 10px;
}
.box-group-support .item .img {
    flex-basis: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    background: white;
}
.box-group-support .item .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-width: inherit;
}
.box-group-support .item .txt {
    padding-left: 15px;
    flex: 1;
}
.box-group-support .item .txt div.title {
    margin-bottom: 8px;
    font-size: 14px;
}
.box-group-support .item .txt div.position {
    margin-bottom: 5px;
    color: var(--ws-color-primary);
    font-size: 16px;
}
.box-group-support .item .txt ul {
    font-size: 14px;
}
.box-group-support .item .txt ul li {
    padding-left: 20px;
    margin-bottom: 5px;
    position: relative;
}
.box-group-support .item .txt ul li::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
}
.box-group-support .item .txt ul li.i-call_phone::before {
    content: "";
    color: #3ad9af;
}
.box-group-support .item .txt ul li.i-zalo::before {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMTUsMzZWNi44MjdsLTEuMjExLTAuODExQzguNjQsOC4wODMsNSwxMy4xMTIsNSwxOXYxMGMwLDcuNzMyLDYuMjY4LDE0LDE0LDE0aDEwCWM0LjcyMiwwLDguODgzLTIuMzQ4LDExLjQxNy01LjkzMVYzNkgxNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZWVlIiBkPSJNMjksNUgxOWMtMS44NDUsMC0zLjYwMSwwLjM2Ni01LjIxNCwxLjAxNEMxMC40NTMsOS4yNSw4LDE0LjUyOCw4LDE5CWMwLDYuNzcxLDAuOTM2LDEwLjczNSwzLjcxMiwxNC42MDdjMC4yMTYsMC4zMDEsMC4zNTcsMC42NTMsMC4zNzYsMS4wMjJjMC4wNDMsMC44MzUtMC4xMjksMi4zNjUtMS42MzQsMy43NDIJYy0wLjE2MiwwLjE0OC0wLjA1OSwwLjQxOSwwLjE2LDAuNDI4YzAuOTQyLDAuMDQxLDIuODQzLTAuMDE0LDQuNzk3LTAuODc3YzAuNTU3LTAuMjQ2LDEuMTkxLTAuMjAzLDEuNzI5LDAuMDgzCUMyMC40NTMsMzkuNzY0LDI0LjMzMyw0MCwyOCw0MGM0LjY3NiwwLDkuMzM5LTEuMDQsMTIuNDE3LTIuOTE2QzQyLjAzOCwzNC43OTksNDMsMzIuMDE0LDQzLDI5VjE5QzQzLDExLjI2OCwzNi43MzIsNSwyOSw1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMyOTYyZmYiIGQ9Ik0zNi43NSwyN0MzNC42ODMsMjcsMzMsMjUuMzE3LDMzLDIzLjI1czEuNjgzLTMuNzUsMy43NS0zLjc1czMuNzUsMS42ODMsMy43NSwzLjc1CVMzOC44MTcsMjcsMzYuNzUsMjd6IE0zNi43NSwyMWMtMS4yNCwwLTIuMjUsMS4wMS0yLjI1LDIuMjVzMS4wMSwyLjI1LDIuMjUsMi4yNVMzOSwyNC40OSwzOSwyMy4yNVMzNy45OSwyMSwzNi43NSwyMXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMzEuNSwyN2gtMWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYxOGgxLjVWMjd6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzI5NjJmZiIgZD0iTTI3LDE5Ljc1djAuNTE5Yy0wLjYyOS0wLjQ3Ni0xLjQwMy0wLjc2OS0yLjI1LTAuNzY5Yy0yLjA2NywwLTMuNzUsMS42ODMtMy43NSwzLjc1CVMyMi42ODMsMjcsMjQuNzUsMjdjMC44NDcsMCwxLjYyMS0wLjI5MywyLjI1LTAuNzY5VjI2LjVjMCwwLjI3NiwwLjIyNCwwLjUsMC41LDAuNWgxdi03LjI1SDI3eiBNMjQuNzUsMjUuNQljLTEuMjQsMC0yLjI1LTEuMDEtMi4yNS0yLjI1UzIzLjUxLDIxLDI0Ljc1LDIxUzI3LDIyLjAxLDI3LDIzLjI1UzI1Ljk5LDI1LjUsMjQuNzUsMjUuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMjEuMjUsMThoLTh2MS41aDUuMzIxTDEzLDI2aDAuMDI2Yy0wLjE2MywwLjIxMS0wLjI3NiwwLjQ2My0wLjI3NiwwLjc1VjI3aDcuNQljMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNXYtMWgtNS4zMjFMMjEsMTloLTAuMDI2YzAuMTYzLTAuMjExLDAuMjc2LTAuNDYzLDAuMjc2LTAuNzVWMTh6Ij48L3BhdGg+PC9zdmc+");
    background-size: 100%;
    width: 16px;
    height: 16px;
}
.box-group-support .item .txt ul li.i-Email:before {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjZTBlMGUwIiBkPSJNNS41LDQwLjVoMzdjMS45MzMsMCwzLjUtMS41NjcsMy41LTMuNVYxMWMwLTEuOTMzLTEuNTY3LTMuNS0zLjUtMy41aC0zN0MzLjU2Nyw3LjUsMiw5LjA2NywyLDExdjI2QzIsMzguOTMzLDMuNTY3LDQwLjUsNS41LDQwLjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2Q5ZDlkOSIgZD0iTTI2LDQwLjVoMTYuNWMxLjkzMywwLDMuNS0xLjU2NywzLjUtMy41VjExYzAtMS45MzMtMS41NjctMy41LTMuNS0zLjVoLTM3QzMuNTY3LDcuNSwyLDkuMDY3LDIsMTFMMjYsNDAuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZWVlIiBkPSJNNi43NDUsNDAuNUg0Mi41YzEuOTMzLDAsMy41LTEuNTY3LDMuNS0zLjVWMTEuNUw2Ljc0NSw0MC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNlMGUwZTAiIGQ9Ik0yNS43NDUsNDAuNUg0Mi41YzEuOTMzLDAsMy41LTEuNTY3LDMuNS0zLjVWMTEuNUwxOC43NzEsMzEuNjE2TDI1Ljc0NSw0MC41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNjYTM3MzciIGQ9Ik00Mi41LDkuNWgtMzdDMy41NjcsOS41LDIsOS4wNjcsMiwxMXYyNmMwLDEuOTMzLDEuNTY3LDMuNSwzLjUsMy41SDdWMTJoMzR2MjguNWgxLjVjMS45MzMsMCwzLjUtMS41NjcsMy41LTMuNVYxMUM0Niw5LjA2Nyw0NC40MzMsOS41LDQyLjUsOS41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmNWY1ZjUiIGQ9Ik00Mi41LDcuNUgyNEg1LjVDMy41NjcsNy41LDIsOS4wMzYsMiwxMWMwLDEuMjA2LDEuNTE4LDIuMjU4LDEuNTE4LDIuMjU4TDI0LDI3Ljc1NmwyMC40ODItMTQuNDk3YzAsMCwxLjUxOC0xLjA1MywxLjUxOC0yLjI1OEM0Niw5LjAzNiw0NC40MzMsNy41LDQyLjUsNy41eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNlODRmNGIiIGQ9Ik00My4yNDYsNy41ODJMMjQsMjFMNC43NTQsNy41ODJDMy4xOCw3LjkxOSwyLDkuMjk3LDIsMTFjMCwxLjIwNiwxLjUxOCwyLjI1OCwxLjUxOCwyLjI1OEwyNCwyNy43NTZsMjAuNDgyLTE0LjQ5N2MwLDAsMS41MTgtMS4wNTMsMS41MTgtMi4yNThDNDYsOS4yOTcsNDQuODIsNy45MTksNDMuMjQ2LDcuNTgyeiI+PC9wYXRoPjwvc3ZnPg==");
    background-size: 100%;
    width: 16px;
    height: 16px;
}
.box-group-support .item .txt ul li.i-skype::before {
    content: "";
    color: #00a2ff;
}
.box-group-support .item:hover {
    background: var(--ws-color-primary);
}
.box-group-support .item:hover strong,
.box-group-support .item:hover span,
.box-group-support .item:hover small,
.box-group-support .item:hover a,
.box-group-support .item:hover li {
    color: white;
}
.mobile-phone-pdetail a {
    display: flex;
    height: auto;
    padding: 5px 20px;
    border: 1px solid var(--ws-color-primary);
    border-radius: 10px;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}
.mobile-phone-pdetail a span.i-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white;
    overflow: hidden;
    display: inline-flex;
    align-items: flex-end;
    border: 1px solid #ddd;
}
.mobile-phone-pdetail a span {
    color: var(--ws-color-primary);
    display: inline-block;
    position: relative;
    line-height: 25px;
}
.mobile-phone-pdetail a strong {
    display: block;
    font-size: 16px;
    line-height: 25px;
    color: var(--ws-color-primary);
}
.mobile-phone-pdetail a small {
    display: block;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    line-height: 22px;
    padding-left: 20px;
    position: relative;
}
.mobile-phone-pdetail a small::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
}
.mobile-phone-pdetail a small.i-phone::before {
    content: "";
    font-family: "FontAwesome";
    color: #3ad9af;
}
.mobile-phone-pdetail a small.i-zalo::before {
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMTUsMzZWNi44MjdsLTEuMjExLTAuODExQzguNjQsOC4wODMsNSwxMy4xMTIsNSwxOXYxMGMwLDcuNzMyLDYuMjY4LDE0LDE0LDE0aDEwCWM0LjcyMiwwLDguODgzLTIuMzQ4LDExLjQxNy01LjkzMVYzNkgxNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjZWVlIiBkPSJNMjksNUgxOWMtMS44NDUsMC0zLjYwMSwwLjM2Ni01LjIxNCwxLjAxNEMxMC40NTMsOS4yNSw4LDE0LjUyOCw4LDE5CWMwLDYuNzcxLDAuOTM2LDEwLjczNSwzLjcxMiwxNC42MDdjMC4yMTYsMC4zMDEsMC4zNTcsMC42NTMsMC4zNzYsMS4wMjJjMC4wNDMsMC44MzUtMC4xMjksMi4zNjUtMS42MzQsMy43NDIJYy0wLjE2MiwwLjE0OC0wLjA1OSwwLjQxOSwwLjE2LDAuNDI4YzAuOTQyLDAuMDQxLDIuODQzLTAuMDE0LDQuNzk3LTAuODc3YzAuNTU3LTAuMjQ2LDEuMTkxLTAuMjAzLDEuNzI5LDAuMDgzCUMyMC40NTMsMzkuNzY0LDI0LjMzMyw0MCwyOCw0MGM0LjY3NiwwLDkuMzM5LTEuMDQsMTIuNDE3LTIuOTE2QzQyLjAzOCwzNC43OTksNDMsMzIuMDE0LDQzLDI5VjE5QzQzLDExLjI2OCwzNi43MzIsNSwyOSw1eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMyOTYyZmYiIGQ9Ik0zNi43NSwyN0MzNC42ODMsMjcsMzMsMjUuMzE3LDMzLDIzLjI1czEuNjgzLTMuNzUsMy43NS0zLjc1czMuNzUsMS42ODMsMy43NSwzLjc1CVMzOC44MTcsMjcsMzYuNzUsMjd6IE0zNi43NSwyMWMtMS4yNCwwLTIuMjUsMS4wMS0yLjI1LDIuMjVzMS4wMSwyLjI1LDIuMjUsMi4yNVMzOSwyNC40OSwzOSwyMy4yNVMzNy45OSwyMSwzNi43NSwyMXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMzEuNSwyN2gtMWMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNVYxOGgxLjVWMjd6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzI5NjJmZiIgZD0iTTI3LDE5Ljc1djAuNTE5Yy0wLjYyOS0wLjQ3Ni0xLjQwMy0wLjc2OS0yLjI1LTAuNzY5Yy0yLjA2NywwLTMuNzUsMS42ODMtMy43NSwzLjc1CVMyMi42ODMsMjcsMjQuNzUsMjdjMC44NDcsMCwxLjYyMS0wLjI5MywyLjI1LTAuNzY5VjI2LjVjMCwwLjI3NiwwLjIyNCwwLjUsMC41LDAuNWgxdi03LjI1SDI3eiBNMjQuNzUsMjUuNQljLTEuMjQsMC0yLjI1LTEuMDEtMi4yNS0yLjI1UzIzLjUxLDIxLDI0Ljc1LDIxUzI3LDIyLjAxLDI3LDIzLjI1UzI1Ljk5LDI1LjUsMjQuNzUsMjUuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMjk2MmZmIiBkPSJNMjEuMjUsMThoLTh2MS41aDUuMzIxTDEzLDI2aDAuMDI2Yy0wLjE2MywwLjIxMS0wLjI3NiwwLjQ2My0wLjI3NiwwLjc1VjI3aDcuNQljMC4yNzYsMCwwLjUtMC4yMjQsMC41LTAuNXYtMWgtNS4zMjFMMjEsMTloLTAuMDI2YzAuMTYzLTAuMjExLDAuMjc2LTAuNDYzLDAuMjc2LTAuNzVWMTh6Ij48L3BhdGg+PC9zdmc+");
    background-size: 100%;
    width: 16px;
    height: 16px;
    top: 2px;
}
.mobile-phone-pdetail a:hover {
    background: var(--ws-color-primary);
}
.mobile-phone-pdetail a:hover strong,
.mobile-phone-pdetail a:hover span,
.mobile-phone-pdetail a:hover small {
    color: white;
}
.mobile-phone-pdetail > li:not(:last-child) {
    margin-bottom: 10px;
}
.box_gift {
    margin-bottom: 20px;
    margin-top: 20px;
}
.box_gift_title {
    background: #fae2e5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px 15px;
}
.box_gift_title h3 {
    margin: 0;
    color: var(--ws-color-primary);
    line-height: 30px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
}
.box_gift_title h3::before {
    content: url("../images/ic-gift.png");
    width: 26px;
    height: 25px;
    display: block;
    position: absolute;
    left: 0px;
    top: 2px;
}
.box_gift_content {
    padding: 15px;
    border: 1px solid #fae2e5;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: white;
    line-height: 1.5em;
    color: #444;
}
.box_gift_content ul {
    list-style: none;
}
.box_gift_content ul li {
    padding-left: 15px;
    position: relative;
}
.box_gift_content ul li:not(:last-child) {
    margin-bottom: 10px;
}
.box_gift_content ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fc8322;
    position: absolute;
    left: 0;
    top: 7px;
}
.slider-detail-inner {
    position: relative;
}
#slider-detail {
    position: relative;
    width: 100%;
    background: white;
}
#slider-detail .item a {
    display: block;
    aspect-ratio: 1/1;
    position: relative;
}
#slider-detail .item a img {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    object-fit: contain;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
#slider-thumbnail {
    overflow: hidden;
}
#slider-thumbnail .slick-list {
    padding-top: 8px;
}
#slider-thumbnail .slick-list,
#slider-thumbnail .slick-track {
    height: auto !important;
}
.slider-for {
    margin-bottom: 20px;
}
.slider-for .slick-arrow {
    top: 50%;
    z-index: 1;
    padding: 0;
    width: 40px;
    height: 40px;
    outline: none;
    background: #d9d9d9;
    position: absolute;
    border-radius: 50%;
    border: none;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.slider-for .slick-arrow i::before {
    font-size: 25px;
    font-family: "FontAwesome";
    color: white;
}
.slider-for .slick-arrow:hover {
    color: white;
    background: var(--ws-color-primary);
    border-color: var(--ws-color-primary);
}
.slider-for .btn-prev {
    left: 5px;
}
.slider-for .btn-next {
    right: 5px;
}
.slider-nav .item {
    outline: none;
    background: white;
    position: relative;
    display: block;
    margin: 0 5px;
    padding: 5px;
    border: 1px solid #d5d5d5;
    border-radius: 10px;
}
.slider-nav .item span {
    display: block;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}
.slider-nav .item span img {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.slider-nav .item span::before {
    content: "";
    text-transform: uppercase;
}
.slider-nav .item:hover,
.slider-nav .item.slick-current {
    border-color: var(--ws-color-primary);
}
.slider-nav .item.slick-current::before {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid rgba(0, 0, 0, 0);
    border-bottom-color: var(--ws-color-primary);
    position: absolute;
    left: 50%;
    top: -16px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.slick-vertical .slick-slide {
    border-width: 2px;
}
.box-time-deal {
    padding: 0;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.box-time-deal .number_deal {
    display: inline-block;
    padding-left: 30px;
    padding-right: 20px;
    min-width: 110px;
    height: 22px;
    color: white;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}
.box-time-deal .number_deal::before {
    position: absolute;
    left: 5px;
    top: -3px;
    z-index: 10;
}
.box-time-deal .number_deal span {
    position: relative;
    z-index: 9;
}
.box-time-deal .number_deal span.color_black {
    color: #333;
}
.box-time-deal .time-deal-group > label {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    margin-bottom: 0;
}
.box-time-deal .deal-time {
    float: right;
    line-height: 22px;
}
.progress {
    margin-bottom: 0;
    overflow: visible;
    border-radius: 11px;
    background: #fe9901;
    background: -moz-linear-gradient(left, #fe9901 0%, #ec211e 100%);
    background: -webkit-linear-gradient(left, #fe9901 0%, #ec211e 100%);
    background: linear-gradient(to right, #fe9901 0%, #ec211e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fe9901", endColorstr="#ec211e",GradientType=1 );
}
.progress .progress-bar {
    position: absolute;
    right: -1px;
    -webkit-border-top-right-radius: 11px;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomright: 11px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress .progress-bar.full {
    -webkit-border-top-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-radius-topleft: 11px;
    -moz-border-radius-bottomleft: 11px;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}
ul.deal-time {
    margin-left: 15px;
    font-size: 16px;
}
ul.deal-time li {
    display: inline-block;
}
ul.deal-time li.i-date {
    font-weight: bold;
}
ul.deal-time li:not(.i-date) span.row0 {
    position: relative;
}
ul.deal-time li:not(.i-date) span.row0::after {
    content: ":";
    margin-left: 3px;
}
ul.deal-time li.last span.row0::after {
    display: none;
}
.lightning {
    position: relative;
}
.lightning::before {
    content: url("../images/lightning.png");
}
#main .like_share {
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;
    background: none;
}
.policy_intuitive {
    background: #f6f6f6;
    padding: 15px;
    border-radius: 5px;
}
.policy_intuitive ul {
    padding: 0;
    margin: 10px 0 0;
}
.policy_intuitive ul li {
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.policy_intuitive ul li:not(:last-child) {
    margin-bottom: 10px;
}
.policy_intuitive ul li > span {
    width: 32px;
    height: 32px;
    max-width: 32px;
    margin-right: 10px;
    flex: 1;
}
.policy_intuitive ul li > div.icon {
    width: 32px;
    height: 32px;
    max-width: 32px;
    margin-right: 10px;
    flex: 1;
    background: url("../images/TLDicon.png") left top no-repeat;
}
.policy_intuitive ul li > div.icon.icon {
    background-position: 0px -40px;
}
.policy_intuitive ul li > div.icon.icon-1 {
    background-position: 0px -40px;
}
.policy_intuitive ul li > div.icon.icon-2 {
    background-position: -32px -40px;
}
.policy_intuitive ul li > div.icon.icon-3 {
    background-position: -64px -40px;
}
.policy_intuitive ul li > div.icon.icon-4 {
    background-position: -96px -40px;
}
.policy_intuitive ul li > div.icon.icon-5 {
    background-position: -128px -40px;
}
.policy_intuitive ul li > p {
    flex: 1;
    color: #222;
    font-size: 15px;
    line-height: 1.3em;
    margin: 0;
}
.policy_intuitive ul li i[class^="TLDicon-"] {
    width: 32px;
    height: 32px;
}
.policy_intuitive ul li i.TLDicon--policy-1 {
    background-position: 0px -40px;
}
.policy_intuitive ul li i.TLDicon--policy-2 {
    background-position: -32px -40px;
}
.policy_intuitive ul li i.TLDicon--policy-3 {
    background-position: -64px -40px;
}
.policy_intuitive ul li i.TLDicon--policy-4 {
    background-position: -96px -40px;
}
.policy_intuitive ul li i.TLDicon--policy-5 {
    background-position: -128px -40px;
}
.box-tab {
    position: relative;
}
.box-tab ul.nav-tabs {
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
    text-align: left;
    border-bottom: none;
    background: white;
    padding: 10px 0;
}
.box-tab ul.nav-tabs li {
    list-style: none;
    padding: 0;
    position: relative;
    display: inline-block;
}
.box-tab ul.nav-tabs li:not(:last-child) {
    margin-right: 10px;
}
.box-tab ul.nav-tabs li a {
    height: 48px;
    display: block;
    padding: 10px 20px;
    line-height: 28px;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    background: #e9edf0;
    border: none;
    position: relative;
    border-radius: 8px;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.box-tab ul.nav-tabs li.active a {
    color: white;
    border: none;
    background: var(--ws-color-primary);
}
.box-tab ul.nav-tabs li.active a:focus,
.box-tab ul.nav-tabs li.active a:hover {
    border: none;
}
.box-tab .tab-content > .tab-pane {
    display: block;
}
.box-tab .tab-content .tab-pane {
    color: #333;
    display: block;
}
.box-tab .tab-content .tab-pane .tab-pane-title {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.box-tab .tab-content .entry-tab {
    padding-bottom: 5px;
}
.box-tab .tab-content .entry-tab ul {
    overflow: hidden;
}
.box-tab .tab-content .entry-tab ul li {
    float: left;
}
.box-tab .tab-content .entry-tab ul li a {
    height: 40px;
    display: block;
    padding: 0 15px;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
}
.box-tab .tab-content .entry-tab ul li a.active,
.box-tab .tab-content .entry-tab ul li a:hover {
    color: #84ae05;
}
.box-tab .tab-content .entry-tab ul li:first-child a {
    padding-left: 0;
}
.box-tab .tab-content .entry-tab ul li:last-child a {
    padding-right: 0;
}
#pvtTechnology {
    height: auto !important;
}
.wrap_table_info {
    margin-bottom: 20px;
}
.wrap_table_info table {
    width: 100%;
}
.wrap_table_info table tr.row-title td {
    color: white;
    font-weight: bold;
    background: var(--ws-color-primary);
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
}
.wrap_table_info table tbody tr:nth-child(even) td {
    background: #fafafa;
}
.wrap_table_info table tr td {
    padding: 10px;
    border-bottom: 1px solid #d4d4d4;
}
.wrap_table_info table tr.option-item td.op_name {
    min-width: 150px;
}
.box-group-product {
    padding: 20px 0;
    padding-bottom: 5px;
    border-top: 1px solid #e9edf0;
    margin-top: 20px;
}
.box-group-product > span {
    margin: 5px 5px;
    margin-bottom: 15px;
    display: block;
}
.box-group-product .list-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 12px;
    column-gap: 20px;
}
.box-group-product .list-item li a {
    display: block;
    position: relative;
    background: white;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
}
.box-group-product .list-item li a span {
    display: block;
}
.box-group-product .list-item li a span.item-name {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    line-height: 24px;
    padding-left: 15px;
    position: relative;
}
.box-group-product .list-item li a span.item-name::before {
    content: "";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
    color: #cbcfd4;
}
.box-group-product .list-item li a span.item-price {
    font-size: 13px;
    display: block;
    color: #666;
}
.box-group-product .list-item li a span.item-price-old {
    font-size: 11px;
    display: block;
    color: #666;
    font-weight: normal;
    font-style: italic;
    text-decoration: line-through;
    line-height: 1.2em;
}
.box-group-product .list-item li a span.unit {
    display: inline-block;
}
.box-group-product .list-item li a.active {
    border: 1px solid var(--ws-color-primary);
    background: #fff1f3;
}
.box-group-product .list-item li a.active span {
    color: #222;
    font-weight: bold;
}
.box-group-product .list-item li a.active span.item-name::before {
    content: "";
    color: var(--ws-color-primary);
}
.box-group-product .list-item li a:hover {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22);
}
.box-group-product .list-item li:nth-child(4n + 1) {
    clear: left;
}
.product_related {
    margin: 0 0 20px;
    padding-top: 30px;
}
.product_related .related_title {
    margin-bottom: 20px;
}
.product_related .related_title h4 {
    display: inline-block;
    position: relative;
    font-size: 22px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}
.product_related .grid_product {
    display: grid;
    column-gap: 0;
    row-gap: 20px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
    grid-template-columns: repeat(5, 1fr);
}
.product_related .grid_product .product .i-image img {
    max-width: 100%;
    max-height: 100%;
}
.product_related .grid_product.owl-carousel {
    display: block;
    grid-template-columns: repeat(1, 1fr);
    position: relative;
}
.product_related .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -22px;
}
.product_related .owl-nav .owl-prev,
.product_related .owl-nav .owl-next {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(142, 142, 142, 0.5);
    -moz-box-shadow: 0px 0px 9px 0px rgba(142, 142, 142, 0.5);
    box-shadow: 0px 0px 9px 0px rgba(142, 142, 142, 0.5);
}
.product_related .owl-nav .owl-prev .fa,
.product_related .owl-nav .owl-next .fa {
    font-size: 20px;
    color: #a7a9ac;
    font-weight: bold;
}
.product_related .owl-nav .owl-prev:hover,
.product_related .owl-nav .owl-next:hover {
    background: var(--ws-color-primary);
}
.product_related .owl-nav .owl-prev:hover .fa,
.product_related .owl-nav .owl-next:hover .fa {
    color: white;
}
.product_related .owl-nav .owl-prev {
    position: absolute;
    left: -55px;
}
.product_related .owl-nav .owl-next {
    position: absolute;
    right: -55px;
}
#thong_so .wrap_box {
    display: flex;
    column-gap: 50px;
}
#thong_so .wrap_box .box-tab {
    flex: 1 1 0px;
}
#thong_so .wrap_box .box-sidebar {
    width: 330px;
}
#thong_so .wrap_box #div-scroll {
    top: 40px;
    z-index: 998;
    position: sticky;
}
.sidebar-info {
    padding: 20px;
    border-radius: 5px;
    background: #f6f7f8;
}
.sidebar-info .title_prod .title {
    font-size: 20px;
    color: #444;
    text-transform: uppercase;
    line-height: 1.4em;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
.sidebar-info .info_price .item {
    align-items: center;
    flex-wrap: wrap;
}
.sidebar-info .info_price .item label {
    width: auto;
    padding-right: 15px;
}
.sidebar-info .info_price span.promotion {
    font-size: 22px;
}
.sidebar-info .btn-cart {
    grid-template-columns: 1fr;
    row-gap: 0px;
    margin-top: 10px;
}
.sidebar-info .btn-cart a {
    margin-bottom: 10px;
}
.ws-tag {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ws-tag label {
    float: left;
    margin: 0;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #555;
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
}
.ws-tag label::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #666;
    position: absolute;
    left: 0;
}
.ws-tag ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ws-tag ul::after {
    content: "";
    display: block;
    clear: both;
}
.ws-tag ul li {
    float: left;
    position: relative;
}
.ws-tag ul li a {
    color: #888;
    font-size: 13px;
    display: block;
    padding: 5px 8px;
    line-height: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    background: none;
}
.ws-tag ul li a:hover {
    color: var(--ws-color-primary);
}
.ws-tag ul li + li::before {
    content: ",";
    font-size: 17px;
    position: absolute;
    left: -2px;
    top: 3px;
}
#ws-box-desc .the_content {
    overflow: hidden;
}
.btn_readmore {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}
.btn_readmore a {
    min-width: 30%;
    display: inline-block;
    margin: 0 auto;
    border: 1px solid var(--ws-color-primary);
    border-radius: 6px;
    font-size: 14px;
    color: var(--ws-color-primary);
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: 500;
}
.btn_readmore a:hover {
    background: var(--ws-color-primary);
    color: white;
}
.btn_readmore::before {
    content: "";
    width: 100%;
    height: 150px;
    z-index: 999;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 33%, rgb(255, 255, 255) 61%, rgb(255, 255, 255) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 33%, rgb(255, 255, 255) 61%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 33%, rgb(255, 255, 255) 61%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
    position: absolute;
    left: 0;
    top: -150px;
}
#similar-product {
    z-index: 999;
    background: white;
    position: relative;
    overflow: hidden;
}
.similar-product table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #eaeaea;
    background: white;
}
.similar-product table thead tr:nth-child(even) {
    background: #fafafa;
}
.similar-product table thead tr th {
    padding: 10px;
    word-break: break-word;
    border: 1px solid #eaeaea;
}
.similar-product table thead tr th h2 {
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}
.similar-product table thead tr th.col1 {
    width: 15%;
    white-space: nowrap;
}
.similar-product table thead tr th.col-price {
    font-weight: bold;
    color: var(--ws-color-primary);
    font-size: 16px;
}
.similar-product table thead tr.row1 th a {
    display: block;
    padding-top: 100%;
    position: relative;
}
.similar-product table thead tr.row1 th a img {
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.similar-product table tbody tr:nth-child(odd) {
    background: #fafafa;
}
.similar-product table tbody tr td {
    padding: 10px;
    line-height: 20px;
    border: 1px solid #eaeaea;
}
.similar-product table tbody tr td.col1 {
    font-weight: 700;
}
.similar-product table tbody tr.row-option-head td {
    color: white;
    font-weight: 700;
    background: var(--ws-color-primary);
    border-color: var(--ws-color-primary);
    text-transform: uppercase;
}
.similar-product .star-wrap {
    margin: 0;
    height: auto;
    text-align: left;
    display: inline-block;
    line-height: 18px;
}
.similar-product .star-wrap span {
    font-size: 12px;
    color: #333;
}
.similar-product .star-wrap i {
    margin-right: 4px;
    font-size: 13px;
    line-height: 12px;
}
.similar-product .star-wrap i.star {
    color: #ffc120;
}
.similar-product .star-wrap i.star-o {
    color: #ccc;
}
.box-combo-product--title {
    margin-bottom: 20px;
}
.box-combo-product--title h3 {
    font-size: 22px;
    color: #222;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    position: relative;
    padding-left: 30px;
}
.box-combo-product--title h3::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 20px;
    color: red;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
}
.box-combo-product--content {
    margin-bottom: 50px;
}
.box-combo-product--content .grid_prod {
    border-color: var(--ws-color-primary);
}
.box-combo-product--content .product {
    border-right: none;
}
.box-combo-product--content .product > .inner {
    display: flex;
    flex-direction: column;
}
.box-combo-product--content .product .i-button {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.box_top_selling .widget-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.box_top_selling .widget-content {
    border-color: #d5d5d5;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.box_top_selling .grid_prod {
    grid-template-columns: 1fr;
    border: none;
}
.box_top_selling .product > .inner > a {
    flex-direction: row;
    padding: 15px 0;
}
.box_top_selling .product .i-image {
    width: 125px;
    height: 125px;
    padding-top: inherit;
}
.box_top_selling .product .i-image img {
    max-width: 100%;
    max-height: 100%;
}
.box_top_selling .product .i-desc {
    flex: 1 1 0px;
    padding-left: 20px;
    height: auto;
    justify-content: flex-start;
}
.box_top_selling .product:not(:last-child) {
    border-bottom: 1px solid #d5d5d5;
}
#box_product_proviewed {
    margin-top: 10px;
}
#box_product_proviewed .grid_prod {
    display: flex;
    flex-direction: column;
    column-gap: 10px;
}
#box_product_proviewed .product {
    background: white;
}
#box_product_proviewed .product > .inner > a {
    flex-direction: row;
}
#box_product_proviewed .product:not(:last-child) .inner {
    border-bottom: 1px solid rgba(213, 213, 213, 0.8352941176);
}
#box_product_proviewed .product .i-image {
    flex-basis: 80px;
    width: 80px;
    padding-top: 0;
}
#box_product_proviewed .product .i-desc {
    flex: 1;
}
#box_product_proviewed .product .logo_status img {
    max-width: 25px;
}
.ws-tag {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ws-tag label {
    float: left;
    margin: 0;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    color: #555;
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
}
.ws-tag label::before {
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #666;
    position: absolute;
    left: 0;
}
.ws-tag ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ws-tag ul::after {
    content: "";
    display: block;
    clear: both;
}
.ws-tag ul li {
    float: left;
    position: relative;
}
.ws-tag ul li a {
    color: #888;
    font-size: 13px;
    display: block;
    padding: 5px 8px;
    line-height: 20px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    background: none;
}
.ws-tag ul li a:hover {
    color: var(--ws-color-primary);
}
.ws-tag ul li + li::before {
    content: ",";
    font-size: 17px;
    position: absolute;
    left: -2px;
    top: 3px;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.hvr-float-shadow::before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:active::before,
.hvr-float-shadow:focus::before,
.hvr-float-shadow:hover::before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}
.grid_prod {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    column-gap: 0px;
    row-gap: 0px;
    border: 1px solid #e4e6e9;
    border-radius: 6px;
}
.grid_prod.noitem {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
    border: none;
}
.product {
    border-right: 1px solid #e4e6e9;
}
.product > .inner > a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.product:nth-child(4n) {
    border-right: 1px solid #e4e6e9;
}
.product:nth-child(5n) {
    border-right: none;
}
.product:hover .i-image > img {
    top: 50%;
}
.product:hover .i-title h3 {
    color: var(--ws-color-primary);
}
.product .i-image {
    aspect-ratio: 1/1;
}
.product .i-image > img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.product .i-desc {
    text-align: left;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.product .i-title h3 {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
    color: #222;
    font-weight: normal;
    line-height: 1.5em;
    overflow: hidden;
    line-height: 1.5;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    word-break: break-word;
    -webkit-box-orient: vertical;
}
.product .i-price {
    margin-top: 10px;
}
.product .i-price .promotion {
    font-size: 20px;
    font-weight: bold;
    color: var(--ws-color-primary);
}
.product .i-price .flex {
    margin-top: 6px;
}
.product .i-price .regular {
    font-size: 15px;
    color: #888;
    display: block;
    text-decoration: line-through;
    float: right;
    line-height: 24px;
}
.product .i-price .discount {
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    background: #ee2038;
    margin-left: 20px;
}
.product .i-price::after {
    content: "";
    display: block;
    clear: both;
}
.product .i-button {
    text-align: center;
    padding-top: 20px;
    margin-top: 10px;
}
.product .i-button a {
    display: inline-block;
    line-height: 30px;
    padding: 5px 30px;
    background: var(--ws-color-primary);
    border-radius: 5px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
}
.product .i-button a:hover {
    -webkit-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
}
.effect1 {
    position: relative;
}
.effect1::before {
    left: 0px;
    top: 50%;
    width: 1px;
    z-index: 1;
    height: 0;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.effect1::after {
    right: 0px;
    top: 50%;
    width: 1px;
    z-index: 1;
    height: 0;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.effect1::before,
.effect1::after,
.effect1 .inner::before,
.effect1 .inner::after {
    content: "";
    display: block;
    position: absolute;
    background: var(--ws-color-primary);
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.effect1 > .inner::before {
    top: 0px;
    left: 50%;
    width: 0;
    z-index: 1;
    height: 1px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.effect1 > .inner::after {
    bottom: -1px;
    left: 50%;
    width: 0;
    z-index: 1;
    height: 1px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.effect1 > .inner:hover::before,
.effect1 > .inner:hover::after {
    width: 100%;
}
.effect1:hover::before,
.effect1:hover::after {
    height: 100%;
}

.ws-comment .comment-title {
    display: none;
}
.ws-comment .comment-hide {
    overflow: hidden;
    display: block !important;
    border-radius: 0 0 10px 10px;
}
#box-comment textarea.form-control {
    border-radius: 10px 10px 0 0;
}

.info_note {
    font-size: 14px;
    margin-top: 10px;
}

.item-video {
    aspect-ratio: 1/1;
}
.item-video iframe {
    top: 50%;
    left: 50%;
    aspect-ratio: 16/9;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
}

.thumb-video:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    background: url(../images/icon-play.svg) no-repeat center center / 24px;
}

@media screen and (max-width: 1024px) {
    .box_list_category .item-cat .i-image::before {
        width: 700px;
    }
    body.isIpad #list_box_power .box-search-node-important {
        grid-template-columns: repeat(2, 1fr);
    }
    body.isIpad #list_box_power .box-search-node-important li:nth-child(5) {
        grid-column: 1 / span 2;
    }
    #list_box_power .item .i-short {
        font-size: 12px;
    }
    .item-box-search-node .div_checkbox ul li a {
        font-size: 14px;
    }
    .page-single .w_info {
        flex-wrap: nowrap;
        column-gap: 20px;
    }
    .page-single .w_info .info_left {
        width: 330px;
    }
    .page-single .w_info .info_right {
        width: 270px;
    }
    .page-single .btn-cart a span {
        font-size: 16px;
    }
    .page-single a.btn-addcart {
        padding: 10px;
    }
    .page-single a.btn-addcart span {
        font-size: 13px;
    }
    .slider-nav .item {
        margin-right: 5px;
        width: 55px !important;
        height: 55px;
    }
    .box-tab ul.nav-tabs li a {
        font-size: 14px;
        padding: 5px 10px;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    body.isIpad #box-filter-product {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 15px;
        row-gap: 15px;
    }
    body.isIpad #box-filter-product .widget {
        margin-bottom: 0;
        position: relative;
    }
    body.isIpad #box-filter-product .widget .widget-title {
        display: block;
        height: 36px;
        padding: 3px 10px;
        padding-right: 15px;
        overflow: hidden;
        background: white;
        border-radius: 5px;
        font-size: 13px;
        color: #888;
        font-weight: normal;
        position: relative;
    }
    body.isIpad #box-filter-product .widget .widget-title::after {
        content: "";
        font-family: "FontAwesome";
        position: absolute;
        right: 7px;
        top: 3px;
    }
    body.isIpad #box-filter-product .widget .widget-content {
        position: absolute;
        background: white;
        border-bottom: 5px;
        left: 0px;
        top: 38px;
        padding: 15px;
        width: 100%;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        padding: 0;
    }
    body.isIpad #box-filter-product .widget .div_checkbox.active {
        visibility: visible;
        opacity: 1;
    }
    body.isIpad #box-filter-product .widget.focus .widget-title {
        box-shadow: var(--ws-color-primary) 0px 0px 0px 1px;
        border-color: var(--ws-color-primary);
    }
    body.isIpad #box-filter-product .widget.focus .widget-title::after {
        content: "";
    }
    body.isIpad #box-filter-product .widget.focus .widget-content {
        visibility: visible;
        opacity: 1;
    }
    body.isIpad #primary {
        margin-top: 20px;
    }
    .box_list_category {
        padding: 30px 0;
    }
    .box_list_category .item-cat .i-image {
        height: auto;
    }
    .box_list_category .item-cat .i-desc {
        justify-content: start;
        padding: 15px 0;
    }
    .grid_prod {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 10px;
    }
    .page-single .w_info {
        flex-wrap: wrap;
    }
    .page-single .w_info .info_left {
        max-width: 50%;
        margin-bottom: 30px;
    }
    .page-single .w_info .info_right {
        padding-left: 0;
        width: 100%;
    }
    .page-single .btn-cart {
        display: flex;
        flex-direction: row;
        column-gap: 20px;
    }
    .page-single .btn-cart a {
        display: block;
    }
    .page-single .btn-cart a.btn-addcart {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .page-single .btn-cart a.btn-addcart span {
        font-size: 18px;
    }
    #thong_so .wrap_box .box-sidebar {
        width: 0;
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #thong_so .wrap_box {
        display: block;
    }
    .slick-track {
        display: flex;
        justify-content: center;
    }
    .product_related .grid_product {
        gap: 0;
        overflow: hidden;
        grid-template-columns: repeat(2, 1fr);
    }
    .product_related .grid_product .product:nth-child(even) {
        border-right: 0;
    }
    .product_related .grid_product .product:nth-child(5):last-child {
        display: none;
    }
    #box-filter-product {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 15px;
        row-gap: 15px;
    }
    #box-filter-product .widget {
        margin-bottom: 0;
        position: relative;
    }
    #box-filter-product .widget .widget-title {
        display: block;
        height: 36px;
        padding: 3px 10px;
        padding-right: 15px;
        overflow: hidden;
        background: white;
        border-radius: 5px;
        font-size: 13px;
        color: #888;
        font-weight: normal;
        position: relative;
    }
    #box-filter-product .widget .widget-title::after {
        content: "";
        font-family: "FontAwesome";
        position: absolute;
        right: 7px;
        top: 3px;
    }
    #box-filter-product .widget .widget-content {
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 110%;
        z-index: 99;
        background: white;
        border-radius: 5px;
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
        width: 150%;
    }
    #box-filter-product .widget:nth-child(3n + 1) .widget-content {
        left: 0;
    }
    #box-filter-product .widget:nth-child(3n) .widget-content {
        right: 0;
    }
    #box-filter-product .widget:nth-child(3n + 2) .widget-content {
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    #box-filter-product .widget.focus .widget-content {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    #box-filter-product #list_sort .div_radiobox ul {
        display: block;
        padding: 10px;
    }
    #box-filter-product #list_sort .div_radiobox ul li {
        white-space: nowrap;
        margin: 0;
    }
    #box-filter-product #list_sort .div_radiobox ul li:not(:last-child) {
        margin-bottom: 10px;
    }
    #box-filter-product #list_sort .div_radiobox ul li .i-title {
        white-space: nowrap;
    }
    #box-filter-product #list_box_power .box-search-node-important {
        padding: 10px;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 5px;
        row-gap: 5px;
    }
    #box-filter-product #list_box_power .box-search-node-important li:nth-child(5) {
        grid-column: 1 / span 2;
    }
    #box-filter-product #list_box_power .widget-content {
        width: 180%;
    }
    #box-filter-product #list_box_power .item {
        padding: 5px 5px;
    }
    #box-filter-product .item-box-search-node .div_checkbox {
        padding: 10px;
    }
    .box_tags_search {
        padding: 20px 0;
    }
    .box_list_category .item-cat {
        display: block;
    }
    .box_list_category .item-cat .i-image {
        width: 100%;
        height: auto;
    }
    .box_list_category .item-cat .i-image::before {
        display: none;
    }
    .box_list_category .item-cat .i-desc {
        width: 100%;
        max-width: 100%;
        padding: 15px 0;
        position: relative;
    }
    .box_list_category .item-cat .i-desc .description {
        display: none;
    }
    .box_list_category .item-cat .i-desc .view_product {
        margin-top: 10px;
    }
    .grid_prod {
        grid-template-columns: repeat(3, 1fr);
    }
    .page-single .w_info {
        display: block;
    }
    .page-single .w_info .info_left,
    .page-single .w_info .info_middle {
        width: 100%;
        max-width: inherit;
        padding: 0;
    }
    .page-single .w_info .info_right {
        width: 100%;
        padding-left: 0;
    }
    .page-single .info-other {
        margin-top: 20px;
    }
    .page-single .btn-cart {
        flex-direction: column;
    }
    #slider-detail {
        width: 100%;
        margin-right: 0;
    }
    #slider-thumbnail {
        position: relative;
        width: 100%;
    }
    .slider-nav .item {
        margin-right: 14px;
    }
    .slider-nav .item span img {
        border-radius: 10px;
    }
    .product .i-button a {
        font-size: 13px;
        padding: 5px 15px;
    }
    .box-group-product .list-item li a span.item-name {
        font-size: 12px;
    }
    .box-tab ul.nav-tabs li {
        margin-bottom: 5px;
    }
    .box-tab ul.nav-tabs li a {
        border-radius: 5px;
        font-weight: bold;
    }
    .product_related {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 480px) {
    .grid_prod {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 0px;
    }
    .slider-nav .item {
        width: 65px !important;
        height: 65px;
        padding: 0;
    }
    .slider-nav .item img {
        max-height: 90%;
        max-width: 90%;
    }
    .box_list_category {
        padding: 20px 0;
    }
    .box_list_category .item-cat .i-desc .i-title h3 {
        font-size: 24px;
    }
    .box_list_category .item-cat .i-desc .other_name {
        font-size: 16px;
    }
    .product .i-title h3 a {
        padding: 5px;
        font-size: 15px;
        min-height: 52px;
    }
    .product .i-model {
        font-size: 14px;
    }
    .product .i-option li {
        font-size: 12px;
        margin-bottom: 5px;
        margin-right: 0x;
        margin-bottom: jiu;
    }
    .product .i-price .promotion {
        font-size: 16px;
    }
    .product .i-price .regular {
        font-size: 12px;
    }
    .box-group-product .list-item {
        column-gap: 10px;
    }
    .wrap_table_info table {
        border: 1px solid #d4d4d4;
        font-size: 14px;
    }
    .wrap_table_info table tr td:not(:last-child) {
        border-right: 1px solid #d4d4d4;
    }
    .wrap_table_info table .option-item .op_name {
        min-width: 100px;
    }
    .box-tab ul.nav-tabs li a {
        font-size: 12px;
    }
    .product_related .owl-nav .owl-prev {
        left: -25px;
    }
    .product_related .owl-nav .owl-next {
        right: -25px;
    }
    #box-filter-product {
        column-gap: 10px;
        row-gap: 10px;
    }
}