html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0 !important;
    text-decoration: none !important;
}

html,
body {
    margin: 0 !important;
    padding: 0;
}

button {
    cursor: pointer;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

caption,
th,
td {
    text-align: left;
    padding: 5px 10px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a img {
    border: none;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
time {
    display: block;
}

li {
    list-style-type: none;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #666666;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

a {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:active,
a:focus {
    color: #666666;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    margin: 0px;
    padding: 0px;
}

figure {
    max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
time {
    display: block;
}

b,
strong {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    margin: 0px;
    padding: 0px;
}

p {
    margin: 0;
}

i {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
    margin: 0;
    padding: 0;
    /*font-family: 'Expro','Roboto', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.5;
    overflow-x: hidden;
    color: #666666 !important;
    font-size: 14px;
}

p {
    font-size: 14px;
    color: #555;
}

body.push {
    left: -280px;
    overflow: hidden;
}

body.fixed {
    overflow: hidden;
}

.fl,
.l {
    float: left;
}

.fr,
.r {
    float: right;
}

h1 {
    font-size: 45px;
    color: #373895;
    margin-top: 0px;
}

h2 {
    font-size: 30px;
}

h2,
h3,
h4,
h5 {
    margin: 0;
}

h3 {
    font-size: 25px;
    line-height: 28px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
    line-height: 24px;
}

img {
    max-width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    ;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.p-0 {
    padding-left: 0;
    padding-right: 0;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    transition: all .3s ease-in-out;
}

ol,
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.mobile {
    display: none !important;
}

.hide {
    display: none !important;
}

table {
    width: 100%;
}

table th,
table td {
    border: 1px solid #d1d1d1;
    border-collapse: collapse;
    line-height: 2 !important;
    padding: 5px 10px !important;
}

table th {
    background: #efefef;
    font-size: 14px;
    vertical-align: middle !important;
    /*min-width: 145px;*/
    color: #4f4f4f;
}

table th.strong {
    font-weight: bold;
}

.white {
    color: #fff;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.r_text {
    text-align: right;
}

.center,
.center_text {
    text-align: center;
    margin: 0 auto;
}

.b,
b {
    font-weight: bold !important;
}

.rq {
    color: red;
}

.white {
    color: #fff !important;
}

.dark-bg {
    background-color: #101a28;
}

.w100 {
    width: 100% !important;
}

.no-pad {
    padding: 0 !important
}

.no-mar {
    margin: 0 !important
}

section {
    display: block;
    position: relative;
}

input[type="text"],
input[type="password"],
input[type="number"],
.select {
    border: solid 1px #ccc;
    padding: 2px 8px;
}

body.modal-open {
    transition: none !important;
}

body.cbp-spmenu,
body.cbp-spmenu-push {
    transition: none !important;
}

.product-list-slider {
    margin: 0 -8px;
}

.wrap-product-item {
    height: 100%;
    background: #fff;
    transition: .3s;
    position: relative;
    box-shadow: 0 0 10px #ccc;
}

.list-pro-search .wrap-product-item:hover {
    box-shadow: 0px -1px 3px 2px #0000ff0f;
}
.list-pro-search .box{
    background: #f2f2fc !important;
    box-shadow: none !important;
}

.wrap-product-item .promotion {
    content: "";
    position: absolute;
    width: 46px;
    height: 61px;
    top: 0;
    left: 0;
    z-index: 99;
    background: linear-gradient(167deg, #222, #222 70%, #ffffff00 72%, #fff8f800);
}

.wrap-product-item .new-product {
    content: "";
    position: absolute;
    width: 46px;
    height: 25px;
    top: 0;
    right: 0;
    z-index: 99;
    background: #222;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
}
.name-product {
    font-size: 16px;
    color: #004500;
    display: block;
}
.name-product:hover {
    text-decoration: underline;
    color: #004500;
}
.cont-pro-item {
    padding: 10px;
    position: relative;
}
.padding-col {
    padding: 0 15px !important;
}
.padding-col-cate {
    padding: 0 8px !important;
    margin-bottom: 16px;
}
.row-product-cate {
    margin: 0 -8px;
}
.pot-random {
    padding-top: 70px;
}
.item-breadcrumb {
    display: flex;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 15px;
}
.item-breadcrumb>li {
    padding-right: 20px;
    position: relative;
}
.item-breadcrumb>li:before {
    position: absolute;
    content: '/';
    top: 0;
    right: 6px;
}
.item-breadcrumb>li:last-child:before {
    position: absolute;
    content: '';
}
.item-breadcrumb>li a:hover {
    text-decoration: underline;
}
/*custom css*/
.wrap-menu-primary {
    background: #010101;
}
.wrap-cont-top .product-item-title {
    color: #333;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}
.normal-price {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-right: 10px;
}
span.small-price {
    text-decoration: line-through;
}
.underline {
    text-decoration: underline;
}
p.view-product {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.row-product {
    margin: 0 -15px;
}
.start-icon {
    cursor: pointer;
}
.padding-col {
    margin-bottom: 30px;
}
/*page category*/
.tit-cate-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tit-cate-page .tit-main {
    font-size: 30px;
    color: #000;
    font-weight: 500;
}
.tit-cate-page .show-all-product {
    font-size: 16px;
}
.tit-cate-page .show-all-product a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    margin-left: 10px;
}
.filter-product {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #bdbdbd;
    justify-content: space-between;
}
.by-sort-pro {
    width: 18%;
}
.by-price-range {
    width: 82%;
}
.item-range-price {
    display: flex;
}
.item-range-price>li {
    margin-right: 30px;
    font-size: 16px;
}
.item-range-price>li a {
    color: #000;
}
.item-range-price>li a:hover {
    text-decoration: underline !important;
}
select#sorter_option {
    padding: 6px 15px;
}
.list-pro-cate {
    margin: 30px 0;
}
.tit-filter-item {
    font-size: 16px;
    font-weight: 600;
    color: #010101;
    margin-bottom: 10px;
}
.list-filter-item>li {
    margin: 10px 0;
    position: relative;
    padding: 0 20px;
}
.list-filter-item>li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #010101;
    left: 0;
    top: 4px;
}
.list-filter-item>li a {
    font-size: 16px;
    color: #010101;
}
.list-filter-item>li a:hover {
    text-decoration: underline;
}
.filter-sidebar .filter-sidebar-item:last-child {
    padding-top: 15px;
    border-top: 1px solid #bdbdbd;
}
.start-view-pro {
    font-size: 13px;
}
.num-promotion,
.text-promotion {
    display: block;
    text-align: center;
    font-weight: bold;
}
.text-promotion {
    color: #fff;
}
.num-promotion {
    color: #fddc00;
}
.box-info-gift {
    background: #f2f2f2;
    padding: 20px 41px;
    position: relative;
    margin: 20px 0 10px 0;
}
.tit-gift {
    position: absolute;
    left: 25px;
    top: -17px;
    font-size: 15px;
    color: #fff;
    padding: 4px 15px;
    background: #010101;
}
ul.cont-gift li {
    position: relative;
    margin-bottom: 10px;
    list-style-type: disc;
}

/*end custom css =====================================*/
.page-site {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: #FFF;
}
#toc_container {
    display: block;
    width: 100%;
    background: #e1edcf;
    padding: 10px;
    border-radius: 3px;
    margin: 0px 0 20px 0;
}
#toc_container .toc_title {
    font-size: 17px;
    font-family: RCB;
    margin: 0px 0px 10px 0;
}
.toc_toggle a {
    color: #F00;
}
#toc_container ul {
    display: block;
    padding-top: 3px;
    padding-left: 0px;
    margin: 0px;
    font-family: Aria;
}
#toc_container ul.toc_list li {
    display: block;
    padding-left: 10px;
}
#toc_container ul.toc_list li ul li {
    display: block;
    padding-left: 15px;
}
#toc_container ul.toc_list li a {
    display: block;
    line-height: 20px;
    color: #676767;
}
#toc_container ul.toc_list li a:hover {
    color: #ff6600;
}
.toc_toggle {
    display: none;
}
.details-sumary {
    display: block;
    font-size: 16px;
    text-align: justify;
    font-family: Arial;
    color: #333;
}
.details-sumary h2,
.details-sumary h3,
.details-sumary h4,
.details-sumary h5,
.details-sumary h6 {
    font-family: Roboto;
    font-size: 16px;
    margin: 10px 0 8px;
    text-align: left;
    font-weight: 700;
    display: block;
}
.details-sumary h2 {
    font-size: 27px;
    line-height: 30px;
}
.details-sumary h3 {
    font-size: 23px;
    line-height: 27px;
}
.details-sumary h4 {
    font-size: 20px;
    line-height: 25px;
}
.details-sumary h5 {
    font-size: 17px;
    line-height: 25px;
}
.details-sumary h6 {
    font-size: 17px;
    line-height: 25px;
}
.details-sumary a {
    color: #1276ac;
}
.details-sumary a:hover {
    color: #56b952;
}
.details-sumary p {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 20px;
    margin-top: 4px;
    color: #222;
}
.details-sumary blockquote {
    background: #f2f2f2 none repeat scroll 0 0;
    border-left: 3px solid #0155eb;
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px;
}
figcaption {
    border-bottom: medium none;
    display: block;
    float: none;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    font-style: italic;
    margin: 0 auto;
    padding: 3px 10px 5px;
    text-align: center;
}
.details-sumary ul,
.details-sumary ol {
    display: block;
    list-style-type: disc;
    margin: 15px 0;
    padding-left: 30px;
}
.details-sumary ol {
    list-style-type: decimal;
}
.details-sumary .more-articles ul {
    list-style-type: none;
    margin: auto -7.5px 10px;
    padding-left: 0;
}
.details-sumary .more-articles ul li {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.details-sumary table{
    display: block;
    margin: 0 auto;
}
.details-sumary img {
    max-width: 100% !important;
    margin: 5px auto !important;
    display: block;
    height: auto !important;
}
.autocomplete-suggestions {
    border: 1px solid #F2F2F2;
    border-radius: 0px 0px 5px 5px;
    background: #FFF;
    overflow: auto;
}
.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}
.autocomplete-selected {
    background: #F0F0F0;
}
.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}
.autocomplete-group {
    padding: 2px 5px;
}
.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #666666;
}
.autocomplete-suggestion:hover {
    background: #f1f1f1;
    color: #72C02C;
    cursor: pointer;
}
#sidr-right-menu,
.menu_mobile_resposive {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wprs_magic {
    left: -9999px;
    position: absolute;
}
.editorrating_average {
    background: #f89406 none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 10px 18px;
}

.review_content_post .row {
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.review_content_post .bor-tt {
    padding: 0px 0;
    color: #060;
    font-weight: bold;
}

.comment-facebook {
    display: block;
    padding: 10px 0;
}

.review_content_post {
    display: block;
    padding: 10px 0;
}

#Nguoi_viet_danh_gia span {
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}

figure.aligncenter img,
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#breadcrumb .breadcrumb>li+li:before {
    content: "\f105";
    padding: 0 5px;
    color: #666666;
    font-family: FontAwesome;
}

#breadcrumb .breadcrumb>.active,
#breadcrumb .breadcrumb>.active a {
    color: #579409;
}

body {
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    /*font-family: Archivo,"Open Sans",Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;*/
    text-decoration: none;
    font-family: Archivo, Roboto, Arial, sans-serif;
}
html {
  scroll-behavior: smooth;
}

.flex {
    display: flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.flex.wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flex.middle {
    align-items: center;
    -webkit-align-items: center;
}

.center_txt {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.fs20 {
    font-size: 20px;
}

.mobile {
    display: none;
}

#the_header {
    padding: 15px 20px;
}

header.header_site {
    display: block;
    position: relative;
    z-index: 10;
}

header.header_site .top_bar {
    display: block;
    position: relative;
}

header.header_site .top_bar img {
    width: 100%;
}

header.header_site .top_menu {
    display: block;
    position: relative;
    background: #56b853;
}

nav.nav_top_bar ul#topbar_menu_top {
    display: block;
    position: relative;
    display: flex;
    height: 28px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

nav.nav_top_bar ul#topbar_menu_top li {
    display: block;
    position: relative;
    float: right;
    margin-left: 20px;
}

nav.nav_top_bar ul#topbar_menu_top li:first-child {
    padding-left: 0px;
}

nav.nav_top_bar ul#topbar_menu_top li a {
    display: block;
    color: #FFF;
    font-size: 12px;
    font-family: Expro;
}

nav.nav_top_bar ul#topbar_menu_top li a:hover {
    color: #fff110;
}

.avatar_user_header {
    border-radius: 50%;
    width: 32px
}

.flex-container {
    display: flex;
    align-items: stretch;
}

.header_head_group .menu-top-left {
    display: flex;
    flex: 1 1 0%;
}

.header_head_group .menu-top-right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.header_head_group .logo-page {
    display: flex;
    align-items: flex-start;
}

.header_head_group .logo-page img {
    display: block;
    max-width: 200px;
}

.header_head_group .box_search_header {
    margin-left: 40px;
    flex: 1 1 0%;
    position: relative;
}

.header_head_group .box_search_header .form-search {
    width: 90%;
    display: flex;
    position: relative;
    border-radius: 5px;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.customer-action-hover {
    display: none;
    background: #FFF;
    border-top: 2px solid #56b853;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.customer-action-hover a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
}

ul.nav_login_resign_group_header li {
    position: relative;
}

ul.nav_login_resign_group_header li:hover .customer-action-hover {
    display: block;
    position: absolute;
    min-width: 140px;
    left: 50%;
    transform: translateX(-50%);
    top: 35px;
    text-align: left;
}

.customer-action-hover:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ea72a7;
}

.form-search input#search,
.form-search input#search_input {
    border: 1px solid #CCC;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    background: #F1F1F1;
    cursor: text;
    margin: 0px;
    font: 400 13.3333px Arial;
    padding: 1px 0px;
    font-size: 13px;
    padding: 0px 8px;
    border-radius: 4px 0px 0px 4px;
    flex: 1 1 0%;
    outline: none;
    line-height: 1.15;
    margin: 0px;
}

button {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: pointer;
    background-color: buttonface;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

.box_search_header button {
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 11px 0px 15px;
    border-radius: 0px 4px 4px 0px;
    outline: none;
    background: #57b952;
    color: #FFF;
    border: none;
    margin: 0px;
}

.nav_login_resign_group_header {
    /*margin-left: 20px;*/
    flex: 1 1 0%;
    position: relative;
}

.nav_login_resign_group_header li.customer-icon {
    position: relative;
    padding: 5px 20px 5px 0;
    font-weight: 500;
}

.nav_login_resign_group_header li.customer-icon a {
    display: flex;
    align-items: center;
}

/* .nav_login_resign_group_header li.customer-icon a img,
.nav_login_resign_group_header li.customer-icon a i {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 3px;
    } */

    .nav_login_resign_group_header li.customer-icon a i {
        font-size: 28px;
    }

    .nav_login_resign_group_header li.customer-icon .user_text {
        position: relative;
        display: block;
        /*  padding-left: 40px;*/
        margin-top: 4px;
        margin-left: 5px;
    }
    .nav_login_resign_group_header{
        display: flex;
        align-items: center;
    }

    .required {
        color: red;
    }

    .nav_login_resign_group_header li.customer-icon .user_text span {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        text-align: left;
        color: #8c8b8b;
    }

    .nav_login_resign_group_header li.customer-icon small {
        font-size: 11px;
        font-weight: 300;
        display: block;
        text-align: left;
        color: #333;
    }

    .nav_login_resign_group_header li.customer-icon a:hover .user_text small {
        color: #57bd57;
    }

    .nav_login_resign_group_header li.customer-icon .user_text br {
        line-height: 1px;
        height: 0px;
    }

    .nav_login_resign_group_header .shopping-cart a {
        display: block;
        position: relative;
    }

    .nav_login_resign_group_header .shopping-cart a.icon_cart_tbn_a img {
        position: relative;
        top: 0px;
    }

    .nav_login_resign_group_header .shopping-cart a.icon_cart_tbn_a .basel-cart-totals {
        position: absolute;
        right: 3px;
        top: -7px;
    }

    .releted {
        position: relative;
    }

    .free_delivery {
        background: #fddc00;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4px;
    }

    .out-stock{
        position: absolute;
        top: 50%;
        text-align: center;
        width: 100%;
        background: #80808063;
        padding: 8px 0px;
        transform: translateY(-50%);
        font-size: 20px;
        font-weight: bold;
        color: #222;
    }

    .free_delivery .wrap-cont-fd {
        display: flex;
        align-items: center;
    }

    .free_delivery p {
        font-size: 14px;
        margin: 0 0 0 5px;
        font-style: italic;
    }
    .free_delivery p a:hover{
        text-decoration: underline;
    }

    .submenu-item {
        position: absolute;
        background: #24272a;
        width: 100%;
        left: 0;
        top: 72px;
        color: #fff;
    }

    .wrap-submenu-item {
        padding: 30px 100px;
    }

    .submenu-item {
        display: none;
    }

    .menu-item:hover {
        border-bottom: 5px solid #fddc00;
        z-index: 100;
    }

    .menu-item:hover .submenu-item {
        display: block;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .flex-center {
        display: flex;
        align-items: center;
    }

    .container_left {
        width: 240px;
        display: block;
        float: left;
    }

    .container_right {
        width: calc(100% - 240px);
        display: block;
        float: left;
    }

    ul.nav_categories_container>li {
        display: block;
        background: #56b952;
        position: relative;
        z-index: 11;
        border-radius: 5px 5px 0px 0px;
    }

    ul.nav_categories_container>li>a {
        display: block;
        padding: 10px 20px 10px 50px;
        text-transform: uppercase;
        color: #FFF;
        font-family: Expro;
        position: relative;
    }

    ul.nav_categories_container>li>a:before {
        position: absolute;
        font-family: iconfont;
        content: "\e120";
        top: 3px;
        left: 15px;
        font-size: 24px;
    }

    ul#primary_menu_top {
        display: inline-block;
        white-space: nowrap;
        max-width: 100%;
        width: 100%;
    }

    ul#primary_menu_top>li {
        display: inline-block;
        /*position: relative;*/
    }

    ul#primary_menu_top>li>a {
        display: block;
        padding: 10px 10px;
        color: #fff;
        text-transform: capitalize;
        font-family: Roboto;
        font-weight: 500;
        /*border-radius: 5px 5px 0px 0px;*/
        position: relative;
    }

    .home-about-hoangphuc {
        position: relative;
        min-height: 349px;
        color: #fff;
        display: flex;
        align-items: center;
        background: url(../images/background_about.jpg);
        background-size: cover;
        background-position: center 80%;
    }

    .home-about-hoangphuc img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        z-index: -1;
    }

    .home-about-hoangphuc .content {
        width: 100%;
        padding: 50px 16px;
        text-align: center;
        max-width: 510px;
        margin: auto;
    }

    .home-about-hoangphuc .title {
        font-weight: 700;
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 16px;
    }

    .home-about-hoangphuc p {
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
        color: #f2f2f2;
        opacity: .8;
        margin-bottom: 20px;
        letter-spacing: .0015em;
    }

    .home-about-hoangphuc .view-detail {
        height: 40px;
        font-weight: 600;
        background: #010101;
        color: #fff;
        font-size: 12px;
        line-height: 40px;
        letter-spacing: .02em;
        max-width: 160px;
        margin: auto;
        display: flex;
        justify-content: center;
    }

    .home-about-hoangphuc .view-detail:after {
    /* .home-about-hoangphuc .view-detail:aftercontent: '\f061';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 20px;
    margin-left: 15px; */
}

.flex-view {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

ul#primary_menu_top>li>a:hover {
    /*background: #56b952;*/
    color: #FFF;
}

ul#primary_menu_top>li.featured {
    z-index: 11;
}

ul#primary_menu_top>li.featured>a {
    background: #f42c2c;
    color: #FFF;
}

.main-container {
    position: relative;
    z-index: 5;
    width: 100%;
    overflow: hidden;
}

.main-body:before {
    /*background: rgba(250,250,250,1);
    background: -moz-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(234,234,234,1)));
    background: -webkit-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(bottom, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    background: linear-gradient(to top, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0 );
    height: 50px;
    content: " ";
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;*/
}

.menu_nav_header {
    position: relative;
    display: block;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
    /* IE6-9 */
}

.menu_nav_header:before {
    display: none;
    box-shadow: 30px 0 30px 0px rgb(222, 219, 219);
    content: " ";
    height: 42px;
    left: 0px;
    position: absolute;
    bottom: -100%;
    width: 100%;
    z-index: 10;
}

ul.category_menu_product_home_read {
    display: block;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    box-shadow: 0px 10px 36px 0px rgba(212, 211, 211, 1);
    position: relative;
    padding-top: 10px;
    border-radius: 0px 0px 5px 5px;
}

ul.category_menu_product_home_read:before {
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(241, 241, 241, 1)));
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0);
    height: 50px;
    content: " ";
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
}

ul.category_menu_product_home_read>li {
    display: block;
    height: 40px;
}

ul.category_menu_product_home_read>li>a {
    display: block;
    position: relative;
    padding: 7.5px 10px 7.5px 0px;
    color: #333;
    text-transform: capitalize;
    z-index: 2;
    border-bottom: 1px solid #f1f1f1;
    transition: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    color: rgb(68, 68, 68);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    height: 100%;
    text-decoration: none;
}

ul.category_menu_product_home_read>li:last-child>a {
    border-bottom: none;
}

ul.category_menu_product_home_read>li>a .icon-wrap {
    width: 39px;
    text-align: center;
}

ul.category_menu_product_home_read>li>a:hover {
    background: #fafafa;
    color: #56b952;
}

ul.category_menu_product_home_read>li>a.sub:after {
    position: absolute;
    right: 6px;
    content: "\e838";
    font-family: "iconfont";
    top: 50%;
    transform: translateY(-50%);
}

ul.category_menu_product_home_read>li>a.sub:hover:after {
    content: "";
}

ul.category_menu_product_home_read>li>a.sub:hover {
    background: #2d7cb3;
    color: #FFF;
}

ul.category_menu_product_home_read>li>a.sub:hover:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    right: -10px;
    border-top: 20px solid transparent;
    border-left: 10px solid #2d7cb3;
    border-bottom: 19px solid transparent;
}

ul.category_menu_product_home_read>li>ul {
    display: none;
    width: 1001px;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 100%;
    margin-left: 0px;
    box-shadow: rgba(0, 0, 0, 0.06) -2px 0px 8px 0px;
    z-index: 1;
    padding: 15px 15px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(225, 225, 225);
    background: rgb(255, 255, 255);
    border-radius: 0px 4px 4px 0px;
    overflow: hidden;
    column-count: 3;
    margin-right: -0px;
    margin-left: -1px;
}

ul.category_menu_product_home_read>li:hover>ul {
    display: block;
    background: #FFF;
}

ul.category_menu_product_home_read>li>ul>li {
    width: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 5px;
}

ul.category_menu_product_home_read>li>ul>li>a {
    font-weight: bold;
    color: #333;
    font-size: 14px;
    font-family: Roboto;
    text-transform: capitalize;
}

ul.category_menu_product_home_read>li>ul>li>ul>li {
    display: block;
}

ul.category_menu_product_home_read>li>ul>li>ul>li>a {
    font-weight: 400;
    color: #666;
    font-size: 13px;
    font-family: Roboto;
    text-transform: capitalize;
}

ul.category_menu_product_home_read>li>ul>li a:hover {
    color: #57b952;
}

#top_home_slider .container_left {
    position: relative;
    z-index: 2;
}

#top_home_slider .container_right {
    position: relative;
    z-index: 1;
}

.content_slider_group_home {
    display: block;
    position: relative;
    padding: 15px 0px 0px 15px;
}

.content_slider_group_home .content_slider_item_home {
    display: block;
    background: transparent;
}

.page_home_top_hor .slider_home {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0px 15px 15px 0;
}

.load_ads_top_ver a {
    display: block;
    margin-bottom: 15px;
}

.load_ads_top_ver a:last-child {
    margin-bottom: 0px;
}

.load_ads_top_ver a img,
.load_ads_top_hor a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#Offer_Home [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.page_home_top_hor .load_ads_top_hor {
    padding-right: 15px;
}

.load_ads_top_hor .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.load_ads_top_hor a {
    display: block;
}

#flash_sale_home h2 {
    text-align: center;
    display: block;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
    padding: 30px 0;
    text-transform: uppercase;
    color: #57b954;
    letter-spacing: 2px;
    font-size: 38px;
    line-height: 40px;
}

#flash_sale_home {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

#flash_sale_home .home_sale_content {
    display: block;
    position: relative;
    border: 2px solid #f42828;
    border-radius: 10px;
    overflow: hidden;
}

.header_sale {
    background: url('../img/nav_flat.png') no-repeat left top;
    background-size: cover;
    width: 100%;
    height: 50px;
    position: relative;
}

.header_sale h4,
.header_sale h3 {
    display: block;
    text-align: left;
    padding-left: 60px;
    position: relative;
    line-height: 50px;
    color: #FFF;
    font-weight: bold;
}

.header_sale h4:before,
.header_sale h3:before {
    display: block;
    content: "";
    background: url('../img/flast.png') no-repeat left top;
    background-size: 30px 30px;
    top: 10px;
    left: 20px;
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.bg_white {
    background: #FFF;
}

.product_item_flash_group {
    display: block;
    padding: 15px;
    overflow: hidden;
    position: relative;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}



@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.product_item_list .item-thumb {
    position: relative;
    display: block;
}

.product-item .product_item_list {
    position: relative;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.product_item_list .item-thumb,
.product_item_list .item-thumb a {
    display: block;
}

.product_item_list .item-thumb a img {
    display: block;
    height: auto;
    margin: 0 auto;
    position: relative;
    border-radius: 5px;
}

.product-item .item-thumb .productlabels_icons {
    display: none;
}

.product-item .pro-info {
    display: block;
    padding: 5px 8px;
}

.product-item .pro-info .product-name {
    display: block;
    margin: 0px;
}

.product-item .pro-info .product-name a {
    color: #616161;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 25px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
}

.product-item .pro-info .product-name a:hover {
    color: #57b952;
}

.price-box .price-label {
    display: none;
}

.item-thumb .circle-sale {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: #f22222;
    color: #FFF;
    padding: 3px 7px;
    border-radius: 5px;
    font-size: 13px;
    font-family: RCB, Arial;
}

#flash_sale_home .price-box {
    display: block;
    position: relative;
    margin-top: 10px;
}

#flash_sale_home .price-box .box_price_item {
    display: block;
    position: relative;
    padding-right: 100px;
}

#flash_sale_home .price-box .tbl_add_cart {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
}

#flash_sale_home .price-box .box_price_item .old-price {
    display: block;
    text-align: left;
}

#flash_sale_home .price-box .box_price_item .special-price {
    display: block;
    text-align: left;
}

#flash_sale_home .price-box .tbl_add_cart {
    border: 1px solid #777;
    border-radius: 5px;
}

#flash_sale_home .price-box .tbl_add_cart a {
    display: block;
    padding: 4px 10px;
    color: #777;
    font-size: 13px;
}

#flash_sale_home .price-box .tbl_add_cart:hover {
    border: 1px solid #57b952;
    background: #57b952;
}

#flash_sale_home .price-box .tbl_add_cart:hover a {
    color: #FFF;
}

.old-price .price {
    font: 300 12px/1.35 Expro, sans-serif !important;
    text-decoration: line-through;
    color: #999999;
}

.special-price .price {
    color: #ff3e41;
    font: 500 15px/1.35 Expro, sans-serif !important;
    font-weight: 500;
}

.content_group_selling_view,
.content_group_offer_view {
    display: block;
    background: #FFF;
    padding: 15px 15px 0px 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 23px -13px rgba(0, 0, 0, 0.72);
}

.content_group_selling_view h2.title {
    display: block;
    text-align: center;
    color: #666;
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
    margin-bottom: 10px;
}

.content_group_selling_view h2.title:before,
.content_group_selling_view h2.title:after {
    display: inline-block;
    content: "";
    border-top: 1px solid #57b952;
    width: 80px;
    margin: 0 5px;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: line-through;
}

.content_group_offer_view h2.title {
    display: block;
    text-align: left;
    color: #666;
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
}

.content_group_offer_view h2.title span {
    z-index: 5;
    position: relative;
    background: #FFF;
    padding-right: 10px;
}

.content_group_offer_view h2.title:before {
    border-bottom: 1px solid #F3F3F3;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
}

#flash_sale_home .product_list_flash_sale .product-item .product_item_list:hover {}

#selling_sale_home,
#offer_sale_home {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

#selling_sale_home .product-item {
    display: block;
    margin-bottom: 15px;
}

#selling_sale_home .item-thumb .circle-sale {
    right: 7.5px;
}

#selling_sale_home .product-item .pro-info .product-name a {
    padding: 0px;
    margin-top: -5.5px;
}

#selling_sale_home .price-box .tbl_add_cart a {
    background: #57b952;
    color: #FFF;
    padding: 3px 10px;
    font-size: 13px;
    border: 1px solid #57b952;
}

#selling_sale_home .price-box .tbl_add_cart a:hover {
    background: transparent;
    color: #666;
    border: 1px solid #666;
}

#selling_sale_home .price-box .box_price_item {
    display: block;
    padding: 5px 0;
}

#offer_sale_home .pro-info .price-box {
    display: block;
    padding: 10px 0 15px;
}

.register_for_email_footer {
    background: url('../img/footer_resgisemail.png') no-repeat left top;
    background-size: cover;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_content_regis_email {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    position: relative;
    padding-right: 287px;
}

.form_content_regis_email:before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/img_regisemail_right.png') no-repeat center center;
    width: 287px;
    height: 150px;
}

.input_form_regis {
    position: relative;
    display: block;
    width: 100%;
}

.form_content_regis_email #email_register {
    width: 100%;
    height: 40px;
    background: #FFF;
    color: #333;
    border-radius: 15px;
    padding-right: 80px;
}

.form_content_regis_email #tbn_register_email {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    border: none;
    background: transparent;
    color: #56bb55;
    font-family: Nunito, Arial;
}

.footer_group_container .middleFooter {
    display: block;
    background: #f2f8f2;
    padding: 40px 0 30px 0;
}

.col_menu_footer h5 {
    display: block;
    text-align: left;
    position: relative;
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Nunito", Arial;
    padding-bottom: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.col_menu_footer h5:before {
    border-bottom: 2px solid #57b952;
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 50px;
    z-index: 1;
}

.content_middle_item>ul.mn-foot {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.content_middle_item>ul>li {
    display: block;
    padding: 0 7.5px;
    width: 50%;
    float: left;
}

.content_middle_item>ul>li a:hover {
    color: #5dbf58;
    text-decoration: underline;
}

.info_company_footer .content_middle_item {
    margin-left: -7.5px;
    margin-right: -7.5px;
    display: block;
    position: relative;
}

.info_company_footer .content_middle_item .info-company {
    display: block;
    padding: 0 7.5px;
    width: 50%;
    float: left;
}

.info_company_footer .content_middle_item .address_end {
    width: 60%;
}

.info_company_footer .content_middle_item .hotline_end {
    width: 40%;
}

.info_company_footer .content_middle_item .info-company li {
    display: block;
    width: 100%;
}

.info_company_footer .content_middle_item .info-company i {
    color: #5dbf58;
}

.info_company_footer h4.title_cpn {
    display: block;
    padding: 30px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #5dbf58;
    font-weight: 500;
    font-family: Nunito, Arial;
    font-size: 21px;
}

.info_company_footer h4.title_cpn:before {
    display: block;
    content: "";
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    height: 2px;
    background: #edf2ec;
    position: absolute;
    z-index: 1;
}

.info_company_footer h4.title_cpn span {
    background: #f2f8f2;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.copyrights_end {
    display: block;
    text-align: center;
    background: #9b9b9b;
    padding: 10px 0;
}

.copyrights_end,
.copyrights_end a {
    color: #FFF;
    font-size: 13spx;
    font-family: Expro;
}

.container_category_top_page {
    display: flex;
    flex-wrap: wrap;
}

.container_category_top_page .container_left {
    flex: 1 0 240px;
}

.container_category_top_page .container_right {
    flex: 1 0 calc(100% - 240px);
}

.container_category_top_page .content_slider_group_home {
    height: 100%;
    overflow: hidden;
}

.container_category_top_page .content_slider_group_home .category_thumbnail_feature {
    height: 100%;
}

.container_category_top_page .thumbnail_cate {
    position: relative;
    display: block;
    height: 100%;
}

.container_category_top_page .thumbnail_cate img {
    position: absolute;
    display: block;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

section.template_category_products {
    display: block;
    margin-bottom: 15px;
}

.box {
    display: block;
    background: #FFF;
    padding: 15px;
   /* border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);*/
}

.row-content-category .listProduct {
    display: block;
}

.container_theme_category {
    position: relative;
    margin-bottom: 15px;
}

.container_theme_category h1 {
    position: relative;
    display: block;
    text-align: left;
    font-size: 25px;
    font-family: Nunito, Arial;
    font-weight: 500;
    color: #333;
    text-transform: uppercase;
}

.container_theme_category h1 span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #56b853;
    color: #FFF;
    padding: 3px 8px;
    border-radius: 4px;
}

.container_theme_category h1:before {
    position: absolute;
    bottom: 7px;
    right: 0px;
    height: 2px;
    background: #f3f3f3;
    content: "";
    width: 100%;
    z-index: 1;
}

.container_theme_category ul.list_child {
    position: absolute;
    right: 0;
    top: 10px;
    display: block;
}

.container_theme_category ul.list_child li {
    display: block;
    float: left;
}

.container_theme_category ul.list_child li a {
    display: block;
    padding: 0px 15px;
    border-left: 1px solid #CCC;
    line-height: 18px;
    font-family: Expro;
    font-size: 14px;
}

.container_theme_category ul.list_child li:first-child a {
    border-left: none;
    padding-left: 0px;
}

.container_theme_category ul.list_child li:last-child a {
    padding-right: 0px;
}

.container_theme_category ul.list_child li a:hover {
    color: #57b952;
}

.item_product_list .product-item {
    display: block;
    margin-bottom: 15px;
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
}

.releated_product_details,
#details-tab-container-single .tab-content {
    box-shadow: none;
    background: #FFF;
}

.item_product_list .product-item .pro_info {
    padding: 5px;
}

.item_product_list h3.titleProduct {
    display: block;
    margin: 0px;
}

.item_product_list h3.titleProduct a {
    color: #616161;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 24px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Expro;
    font-size: 14px;
}

.item_product_list .product_price {
    display: block;
    position: relative;
    margin-top: 10px;
}

section.read_product_home {
    margin-top: 25px;
    display: block;
    background: #FFF;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72);
    box-shadow: 0px 0px 6px -5px rgba(0, 0, 0, 0.72)
}

section.read_product_home .section_home_list {
    overflow: hidden;
}

.container_releated_single h3.title,
.history_container_read_product h3.top_title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: 500;
    margin: 10px 0 15px;
    color: #666666;
    font-weight: bold;
    text-transform: uppercase;
}

.history_container_read_product h3.top_title:before,
.container_releated_single h3.title:before {
    position: absolute;
    bottom: 10px;
    right: 0px;
    height: 2px;
    background: #f3f3f3;
    content: "";
    width: 100%;
    z-index: 1;
}

.history_container_read_product h3.top_title span,
.container_releated_single h3.title span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #FFF;
}

h3.titleProduct a:hover {
    color: #57b952;
    text-decoration: underline;
}

.single_theme_content #details-tab-container-single {
    display: block;
    margin-bottom: 25px;
    position: relative;
}

.detail_product_tab_view {
    display: block;
}

.detail_product_tab_view h5.ingredients_title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 500;
    margin: 20px 0 10px;
    color: #333;
    text-transform: uppercase;
}

.detail_product_tab_view .table_view_details_pr {
    display: block;
    margin-bottom: 15px;
    background: #FFF;
    padding: 15px;
    border-radius: 5px;
}

.home_slider_products .slick-arrow,
.home_read_products_session .slick-arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    margin-top: -25px;
    left: 7.5px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
}

.home_slider_products .slick-arrow span,
.home_read_products_session .slick-arrow span {
    font-size: 0px;
}

.home_slider_products .slick-list,
.home_read_products_session .slick-list {
    position: relative;
    z-index: 1;
}

.home_slider_products .owl-prev,
.home_read_products_session .owl-prev {
    left: 7.5px;
    right: auto;
}

.home_slider_products .owl-prev:before,
.home_read_products_session .owl-prev:before {
    /* content: "\f177";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF; */
}

.home_slider_products .owl-next,
.home_read_products_session .owl-next {
    right: 7.5px;
    left: auto;
}

.home_slider_products .owl-next:before,
.home_read_products_session .owl-next:before {
    /* content: "\f178";
    font-family: FontAwesome;
    font-size: 18px;
    color: #FFF; */
}

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

.brand-block-row meta {
    display: none;
}

.brand-block-row .item-brand {
    margin-bottom: 0;
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    margin-right: 20px;
}

.item-brand {
    margin-bottom: 0;
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    margin-right: 20px;
}

.item-brand h6 {
    margin: 0;
    line-height: 20px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #9b9b9b;
}

.item-brand p {
    line-height: 20px;
    margin-bottom: 0;
    display: inline-block;
    color: #9b9b9b;
    font-weight: 300;
}

.addmorecart_content .green_addtocart_btn {
    background: #ff3945;
    border-radius: 5px;
    padding: 7px 15px;
}

#fixed_content_detail_parent .addmorecart_content,
#fixed_content_detail_parent .pro_view_name3 {
    margin-top: -2px;
}

.ul_quantity .btn-quantity,
.custom_item_detail .quantityProduct input {
    border-radius: 0px;
}

.excerpt_detail_product {
    font-size: 13px !important;
    display: block;
    padding: 0px 0;
    margin: 10px 0;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

.details-sumary ul li,
.details-sumary ol li {
    list-style-type: disc;
}

.excerpt_detail_product ul,
.excerpt_detail_product ol {
    margin: 10px 0;
}

.discount-input input.form-control {
    display: block;
    width: calc(100% - 80px);
    float: left;
    height: 34px;
    line-height: 34px;
}

.discount-input input[type="button"] {
    width: 80px;
    float: left;
    height: 34px;
    background: #007fff;
    color: #FFF;
    border: none;
    line-height: 34px;
    cursor: pointer;
    text-transform: capitalize;
}

.discount-input input[type="button"]:hover {
    background: #0C7FCC;
}

#fixed_content_detail_parent .social_like_single {
    text-align: left;
}

#fixed_content_detail_parent ul.social_like_single li {
    display: block;
    float: left;
    margin-right: 10px;
}

#fixed_content_detail_parent ul.social_like_single li.linkin {
    top: 0px;
    margin: 0px 10px 0px 0px;
}

.single_theme_content {
    margin-top: 10px;
}

.nav_categories_container>li {
    position: relative;
}

.nav_categories_container>li>ul {
    display: none;
    position: absolute;
    top: 42px;
    left: 0px;
    z-index: 1000;
    width: 100%;
}

.nav_categories_container>li:hover>ul {
    display: block;
}

.hotdeal_category_page h1.title {
    position: relative;
    display: block;
    text-align: left;
    font-size: 27px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    margin: 15px 0 15px;
    color: #56b952;
    font-weight: bold;
    text-transform: uppercase;
}

.hotdeal_category_page h1.title:before {
    position: absolute;
    bottom: 18px;
    right: 0px;
    height: 2px;
    background: #fff212;
    content: "";
    width: 100%;
    z-index: 1;
}

.hotdeal_category_page h1.title span {
    position: relative;
    z-index: 2;
    padding-right: 10px;
    background: #fafafa;
}

.icon-wrap {
    width: 39px;
    text-align: center;
}

.anhduongicon {
    background-image: url(../img/icon/sprite@2x.png?v=100000000);
    background-size: 404px 383px;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
}

.icon_mypham {
    background-position: -333px -85px;
}

.icon_dientu {
    background-position: -229px -181px;
    width: 18px;
    height: 14px;
}

.icon_mebe {
    background-position: -392px -26px;
    width: 10px;
    height: 21px;
}

.icon_dungculamdep {
    background-position: -392px 0px;
    width: 12px;
    height: 21px;
}

.icon_dogiadung {
    background-position: -333px -275px;
    width: 24px;
    height: 14px;
}

.icon_phukiendienthoai {
    background-position: -392px -52px;
    width: 11px;
    height: 18px;
}

.icon_thoitrang {
    background-position: -333px -110px;
    width: 21px;
    height: 18px;
}

.icon_thethao {
    background-position: -287px -317px;
    width: 17px;
    height: 17px;
}

.icon_spkhac {
    background-position: -242px -317px;
    width: 18px;
    height: 18px;
}

.icon_10k {
    background: url("../img/icon/10k.png") no-repeat center center;
    background-size: 23px 23px;
    width: 23px;
    height: 23px;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

.icon_39k {
    background: url("../img/icon/39k.png") no-repeat center center;
    background-size: 23px 23px;
    width: 23px;
    height: 24px;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.news_page_gs .newslist_page_item {
    margin-bottom: 15px;
}

.newslist_title .excerpt-news {
    font-style: italic;
    color: #777;
    display: block;
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    height: 73px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 22px;
    text-align: left;
    text-transform: capitalize;
    font-family: Expro;
    font-size: 14px;
}

p.icon_news {
    overflow: auto;
    line-height: 25px;
    font-size: 12px;
    color: #999;
    font-style: oblique;
}

h1.title_new_post {
    display: block;
    text-align: left;
    color: #666;
    position: relative;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 25px;
    font-family: "Roboto Condensed", Arial;
    font-weight: bold;
}

h1.title_new_post span {
    z-index: 5;
    position: relative;
}

.single_detais_news_view .single_news_releated {
    margin-left: 0px;
}

.single_news_releated h2.other {
    background: #56b952;
    display: block;
    font-family: Expro, "Arial", "Times New Roman", Times, serif;
    font-size: 18px;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 5px 5px 0 0;
    padding: 4px 10px;
}

.list_item_news_releated {
    padding: 8px;
    border: 1px solid #ccc;
}

.newslist_page {
    overflow: hidden;
    display: block;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
}

.newslist_page .newslist_img {
    width: 30%;
    float: left;
    background-color: #f8f8f8;
    text-align: center;
    overflow: hidden;
    display: block;
}

.newslist_page .newslist_title {
    width: 70%;
    float: left;
}

.newslist_page h3 {
    font-size: 15px;
    margin: 0;
    min-height: 35px;
}

.list_item_news_releated .newslist_page h3 a {
    position: relative;
    display: -webkit-box;
    height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-align: left;
    text-transform: inherit;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    font-weight: 400;
}

.list_item_news_releated p.icon_news {
    font-size: 11px;
}

h1.titleView2 {
    font-family: "Roboto Condensed", "Arial", "Times New Roman", Times, serif;
    font-size: 16px;
    padding-bottom: 10px;
    color: #56b952;
    font-weight: bold;
}

.group-top-single-new time {
    display: block;
    font-size: 12px;
    color: #DDD;
}

.group-top-single-new h2 {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}

ul.social_like_single {
    display: block;
    position: relative;
    margin-top: 15px;
}

ul.social_like_single li {
    display: inline-block;
}

ul.social_like_single li.fb-like-tbn {
    width: 80px;
}
ul.social_like_single li.fb_btn:first-child{
    margin-top:1px;
}

ul.social_like_single li.fb_btn {
    position: relative;
    top: 0px;
    vertical-align: top;
    margin-right: 20px;
}

ul.social_like_single li.social_addthis {
    position: relative;
    top: 0px;
}

.breadcrumb {
    padding: 8px 0px;
    list-style: none;
    border-radius: none;
    margin-bottom: 0px;
    background-color: transparent !important;
}

.breadcrumbs-group-container {
    margin-bottom: 20px;
    display: block;
    background: #ececec;
    padding: 0px 0;
}

.nav-main ul.main-menu>li.has_level1 {
    padding-right: 20px;
}

.nav-main ul.main-menu>li.has_level1>a:before {
    content: "\e82e";
    font-family: iconfont;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #333;
    font-size: 13px;
    position: absolute;
    top: 12px;
    right: 14px;
}

.nav-main ul.main-menu>li.has_level1>a:hover:before {
    text-decoration: none;
}

ul#primary_menu_top>li>ul {
    display: none;
    min-width: 500px;
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    display: none;
    background-color: #000;
    webkit-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    -moz-box-shadow: 0px 1px 36px 0px rgba(237, 237, 237, 1);
    box-shadow: 0px 10px 36px 0px rgba(212, 211, 211, 1);
    z-index: 99999;
    border-radius: 0px 0px 3px 3px;
    /* transform: translateY(0px); */
    /* -webkit-transform: translateY(0px); */
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    -webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    /* transform-origin: 0 0 0; */
    /* visibility: visible; */
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    border: 1px solid #fafafa;
}

ul#primary_menu_top>li:hover>ul {
    display: block;
    border-radius: 5px;
}

ul#primary_menu_top>li>ul>li:last-child {
    border-bottom: none;
}

.nav-main ul.main-menu>li.has_level1>ul:after,
.nav-main ul.main-menu>li.has_level1>ul:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 10;
}

.nav-main ul.main-menu>li.has_level1>ul:before {
    border-color: rgba(172, 141, 84, 0);
    border-bottom-color: #FFF;
    border-width: 5px;
    margin-left: -2px;
}

.nav-main ul li ul li {
    /*padding: 6px 0;*/
    /*border-bottom: 1px solid #ccc;*/
    border: unset;
}

.tit-submenu {
    font-size: 16px;
    font-weight: bold;
    color: #fddc00;
    text-transform: uppercase;
}

.submenu-item li a {
    color: #fff !important;
}

.submenu-item li a:hover {
    text-decoration: underline;
}

.nav-main ul.main-menu>li.has_level1>ul>li {
    display: block;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}

.nav-main ul.main-menu>li.has_level1>ul>li:hover {
    background: #fafafa;
}

ul#primary_menu_top>li>ul>li>a {
    padding-right: 15px;
    font-size: 14px;
    font-family: "Roboto Condensed";
    display: block;
}

ul#primary_menu_top>li>ul>li:hover>a {
    color: #56b952;
}

.table_view_details_pr table th {
    width: 80px;
    text-align: center;
}

.variable_txt_prent {
    font-weight: bold;
}

.variable_txt_child {
    font-style: italic;
    color: #f42c2c;
}

.payment-form .cart_totals {
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.cart_totals .discount-input {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
}

.span_td_cart_total {
    font-size: 15px;
    color: #000;
}

#td-cart_total {
    color: #f1592a;
    font-weight: bold;
}

.pagination_views {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#search_autocomplete {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.ui-autocomplete>li>div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.ui-autocomplete>li {
    padding: 3px 5px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
}

.ui-autocomplete>li:last-child {
    border-bottom: 0px;
}

.ui-autocomplete>li:hover {
    color: #57b952;
}

.title_search_box {
    display: block;
}

.title_search_box h1 {
    display: block;
    font-size: 21px;
    font-family: Arial;}
    .list-pro-search .title_search_box h1
    {
        margin: -10px 0 30px -10px;
        border-bottom: 1px solid #bdbdbd;
        padding: 12px 0;
    }

    .title_search_box h1:before {
        display: none !important;
        content: "";
    }

    .load_more_offer {
        text-align: center;
        margin: 10px 0px 15px 0;
    }

    .load_more_offer .tbl_load_more,
    .load_more_offer .tbl_load_more.focus,
    .load_more_offer .tbl_load_more.active:focus,
    .load_more_offer .tbl_load_more:active:focus,
    .load_more_offer .tbl_load_more:active {
        background-color: #56b952;
        border-color: #5fbf5b;
    }

    .load_more_offer .tbl_load_more:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .container_selling_sale .product-item {
        margin-bottom: 15px;
        display: block;
    }


    /******************************************minhnn************************************************/

    footer.footer_site {
        position: relative;
        z-index: 8;
    }
    .note-dadanhgia{
        color: #d64545;
        margin-top: 10px;
        display: none;
    }

    .sidr ul li ul {
        padding-left: 15px;
    }

    .sidr ul li ul.col-sm-3 {
        max-width: 100%;
        float: none;
    }

    .sidr ul li ul.col-sm-3 li span.fr {
        display: none;
    }

    .sidr-open #right-menu span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 10px);
        -ms-transform: rotate(45deg) translate(5px, 10px);
        -webkit-transform: rotate(45deg) translate(5px, 5px);
    }

    .sidr-open #right-menu span:nth-child(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .sidr-open #right-menu span:nth-child(3) {
        transform: rotate(135deg) translate(-5px, 10px);
        -ms-transform: rotate(135deg) translate(-5px, 10px);
        -webkit-transform: rotate(135deg) translate(-5px, 7px);
    }

    .header_top,
    .top_header {
        position: relative;
        display: block;
        z-index: 10;
    }

    .top_header_mobile{
        display: none;
    }
    .top_header .logo-page {
        display: block;
        position: relative;
        padding: 10px 0 10px;
    }

    .top_header .menu-top-right {
        position: relative;
    }

    #right-menu span {
        background: #666666;
        border-radius: 5px;
        display: block;
        height: 4px;
        margin: 4px 0;
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        width: 25px;
    }

    .menu-top-right {
        font-size: 14px;
        display: block;
    }

    .payment-form {
        font-size: 13px;
    }

    .payment-form.confrim-card .control-label {
        padding-top: 0 !important;
    }

    .menu-top-right li {
        display: inline-block;
        /*padding: 0 10px;*/
        text-align: center;
    }

    .hidden {
        display: none;
    }

    #submit.active {
        display: none;
    }

    p.tai {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 15px;
        font-family: Arial;
        margin-top: 20px;
        color: #666;
    }

    .loader,
    #loader {
        zoom: 1;
        /* Increase this for a bigger symbole*/
        display: block;
        width: 16px;
        height: 16px;
        margin: 20px auto;
        animation: wait .80s steps(1, start) infinite;
        background: linear-gradient(0deg, #f4f5fa 1px, transparent 0, transparent 8px, #f4f5fa 8px), /* 6  */
        linear-gradient(90deg, #f4f5fa 1px, #f6f9fb 0, #f6f9fb 3px, #f4f5fa 3px), linear-gradient(0deg, #ececf5 1px, transparent 0, transparent 8px, #ececf5 8px), /* 5  */
        linear-gradient(90deg, #ececf5 1px, #f2f3f9 0, #f2f3f9 3px, #ececf5 3px), linear-gradient(0deg, #e7eaf4 1px, transparent 0, transparent 8px, #e7eaf4 8px), /* 4  */
        linear-gradient(90deg, #e7eaf4 1px, #eef1f8 0, #eef1f8 3px, #e7eaf4 3px), linear-gradient(0deg, #b9bedd 1px, transparent 0, transparent 10px, #b9bedd 10px), /* 3  */
        linear-gradient(90deg, #b9bedd 1px, #d0d5e8 0, #d0d5e8 3px, #b9bedd 3px), linear-gradient(0deg, #9fa6d2 1px, transparent 0, transparent 15px, #9fa6d2 15px), /* 2  */
        linear-gradient(90deg, #9fa6d2 1px, #c0c5e1 0, #c0c5e1 3px, #9fa6d2 3px), linear-gradient(0deg, #8490c6 1px, transparent 0, transparent 15px, #8490c6 15px), /* 1  */
        linear-gradient(90deg, #8490c6 1px, #aeb5da 0, #aeb5da 3px, #8490c6 3px);
        background-repeat: no-repeat;
        background-size: 4px 9px, /* 6 */
        4px 9px, 4px 9px, /* 5 */
        4px 9px, 4px 9px, /* 4 */
        4px 9px, 4px 11px, /* 3 */
        4px 11px, 4px 16px, /* 2 */
        4px 16px, 4px 16px, /* 1 */
        4px 16px;
        background-position: -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 3px, -4px 2px, -4px 2px, -4px 0, -4px 0, -4px 0, -4px 0;
    }

    @keyframes wait {
        12.5% {
            background-position: -4px, /* 6 */
            -4px, -4px, /* 5 */
            -4px, -4px, /* 4 */
            -4px, -4px, /* 3 */
            -4px, -4px, /* 2 */
            -4px, 0, /* 1 */
            0;
        }
        25% {
            background-position: -4px, /* 6 */
            -4px, -4px, /* 5 */
            -4px, -4px, /* 4 */
            -4px, -4px, /* 3 */
            -4px, 0, /* 2 */
            0, 6px, /* 1 */
            6px;
        }
        37.5% {
            background-position: -4px, /* 6 */
            -4px, -4px, /* 5 */
            -4px, -4px, /* 4 */
            -4px, 0, /* 3 */
            0, 6px, /* 2 */
            6px, 12px, /* 1 */
            12px;
        }
        50% {
            background-position: -4px, /* 6 */
            -4px, -4px, /* 5 */
            -4px, 0, /* 4 */
            0, 6px, /* 3 */
            6px, 12px, /* 2 */
            12px, -4px, /* 1 */
            -4px;
        }
        62.5% {
            background-position: -4px, /* 6 */
            -4px, 0, /* 5 */
            0, 6px, /* 4 */
            6px, 12px, /* 3 */
            12px, -4px, /* 2 */
            -4px, -4px, /* 1 */
            -4px;
        }
        75% {
            background-position: 0, /* 6 */
            0, 6px, /* 5 */
            6px, 12px, /* 4 */
            12px, -4px, /* 3 */
            -4px, -4px, /* 2 */
            -4px, -4px, /* 1 */
            -4px;
        }
        87.5% {
            background-position: 6px, /* 6 */
            6px, 12px, /* 5 */
            12px, -4px, /* 4 */
            -4px, -4px, /* 3 */
            -4px, -4px, /* 2 */
            -4px, -4px, /* 1 */
            -4px;
        }
        100% {
            background-position: 12px, /* 6 */
            12px, -4px, /* 5 */
            -4px, -4px, /* 4 */
            -4px, -4px, /* 3 */
            -4px, -4px, /* 2 */
            -4px, -4px, /* 1 */
            -4px;
        }
    }

    .slide-page .slick-dots {
        position: absolute;
        bottom: 0;
        left: 0px;
        right: 0px;
    }

    .slide-page .slick-dots li {
        width: 15px;
        height: 15px;
        color: transparent;
    }

    .slide-page .slick-active {
        opacity: 1 !important;
    }

    .slide-page .slick-dots li button {
        width: 15px;
        height: 15px;
        padding: 4px;
        border: 1px solid #FFF;
        border-radius: 50%;
    }

    .slide-page .slick-dots li button:before {
        color: transparent;
    }

    .slide-page .slick-dots li.slick-active button:before {
        background: #FFF;
        border-radius: 50%;
        opacity: 1;
        color: transparent;
        width: 10px;
        height: 10px;
        color: transparent;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: FontAwesome;
        font-size: 28px;
        line-height: 1;
        color: #333;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        top: 12px;
        right: 14px;
        position: absolute;
    }

    .slick-prev:before {
        content: "\f053";
    }

    [dir="rtl"] .slick-prev:before {
        content: "\f054";
    }

    [dir="rtl"] .slick-next {
        left: -10px;
        top: 70px;
        right: auto;
    }

    .slick-next:before {
        content: "\f054";
    }

    [dir="rtl"] .slick-next:before {
        content: "\f053";
    }

    .slide-page .slick-arrow {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        transform: translateY(-50%);
        top: 50%;
        position: absolute;
        z-index: 9999;
    }

    .slide-page .slick-prev {
        left: 10px;
    }

    .slide-page .slick-next {
        right: 16px;
    }

    .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
    }

    .slick-dots li {
        margin: 0 0.25rem;
    }

    .slick-dots button {
        display: block;
        width: 1rem;
        height: 1rem;
        padding: 0;
        border: none;
        border-radius: 100%;
        background-color: transparent;
        text-indent: -9999px;
        border: 1px solid #FFF;
    }

    .slick-dots li.slick-active button {
        background-color: #ec1c21;
        border: 1px solid #ec1c21;
    }

    .stuck {
        bottom: 15px;
        position: fixed;
        right: 20px;
        z-index: 996;
        border-radius: 50%;
    }

    #back-top a {
        display: block;
        height: 45px;
        width: 45px;
        text-align: center;
        background: #010101;
        border-radius: 50%;
    }

    #back-top a img {
        width: 20px;
        margin: 11px 0px;
    }

    .price_sale {
        color: #000;
        font-weight: bold;
        font-size: 14px;
    }

    .current_price {
        font-size: 14px;
        text-decoration: line-through;
        color: #777575;
        margin-left: 3px;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: #666666 !important;
        cursor: pointer;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #463939 !important;
    }

    .hidden {
        display: none;
    }

    table.price {
        margin-bottom: 5px;
    }

    .price td {
        vertical-align: middle;
    }

    .newPrice {
        padding-right: 10px;
    }

    .newPrice_content {
        font-size: 18px;
        color: #f90204;
        font-weight: bold;
    }

    .oldPrice_content {
        color: #AFA39C;
        font-size: 14px;
        text-align: left;
        margin-left: 30px;
    }

    .price1 {
        text-decoration: line-through;
        color: #000;
    }

    .lb_size_gs {
        text-align: center;
        display: block;
        float: left;
        cursor: pointer;
        position: relative;
        font-size: 13px;
        margin-right: 10px;
        padding: 1px;
    }

    .name_color {
        color: #666666;
        font-weight: initial;
        text-transform: uppercase;
    }

    .choose_color img.imgDetailColor {
        height: 35px;
    }

    .classlist label>input[type='radio'] {
        position: absolute;
        opacity: 0;
    }

    .color_list,
    .variabe_list_choise {
        border: 1px solid #dedede;
        cursor: pointer;
        line-height: 20px;
        display: block;
    }

    .variabe_list_choise {
        padding: 3px;
    }

    .classlist label.lb_size_gs>input[type='radio']:checked+span.color_list,
    .classlist label.lb_size_gs>input[type='radio']:checked+span.variabe_list_choise {
        border: 2px solid #e42127 !important;
    }
    .container_list_products{
   /* background: #fff;
    box-shadow: 0px 0px 6px -5px rgb(242 242 252);
    padding: 10px;
*/}
.choose_color,
.choose_variable {
    padding-bottom: 10px;
}

.form_quantity {
    text-align: left;
}

.btn-quantity {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #666666;
}

.ul_quantity {
    display: block;
    padding-top: 10px;
}

.ul_quantity li {
    display: block;
    float: left;
}

.ul_quantity li:nth-child(3) {
    padding: 0px;
}

.ul_quantity li:first-child {
    margin-right: 10px;
    line-height: 30px;
}

.ul_quantity li:last-child {
    margin-left: 15px;
    line-height: 30px;
    font-style: italic;
    color: #010101;
}

.quantityProduct {
    margin-bottom: 0px;
    padding: 6px 0;
}

.quantityProduct input {
    width: 35px;
    height: 30px;
    font-weight: bold;
    border-radius: 0px;
}

.ul_quantity li:nth-child(3) input {
    border-left: 0px;
    border-right: 0px;
}

.quantityProduct form {
    text-align: left;
}

.quantityProduct form label.sl {
    display: block;
    text-transform: uppercase;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.quantityProduct form ul.ul_quantity {
    padding-top: 0px;
}

.classlist .custom_title_detail {
    margin-bottom: 0px;
}

.add-to-card img {
    width: 35px;
}

.number_quantity {
    text-align: center;
}

.order_product {
    margin-top: 20px;
}

.buy-now,
.add-to-card {
    padding: 5px 0;
}

.btn-order {
    text-align: center;
    padding: 8px 20px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

.btn-buy-now {
    background: #ed1b24;
    color: #FFF;
}

.btn-add-card {
    background: #406618;
    color: #FFF;
}

.img_detail_item_nav img {
    width: 90%;
}

.product_collateral {
    margin-top: 25px;
}

ul.nav.nav-tabs.txtUpper.clearfix.js-productInfoTab {
    white-space: nowrap;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.product_collateral .nav-tabs a {
    border-radius: 0 0;
    line-height: 2;
    margin-right: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 3px solid transparent;
    display: block;
    padding: 10px 15px;
}

.product_collateral .nav-tabs a.active,
.product_collateral .nav-tabs li.active a {
    cursor: pointer;
    background-color: #000;
    border-bottom: 3px solid #208520;
    color: #ffffff;
}

.product_collateral .nav-tabs li {
    display: inline-block;
    text-align: center;
}

.product_collateral .nav-tabs li a {
    border: none;
    border-radius: 0 0;
    line-height: 1.42857143;
    padding: 8px 15px;
    color: #666666;
    text-transform: uppercase;
    font-weight: bold;
    font-family: RCB, Arial;
}

.cbp-spmenu {
    background: #FFF !important;
    border-right: 1px solid #dedede;
    overflow: scroll;
}

.box {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#returnPolicy ol li {
    list-style-type: decimal;
    padding: 5px 0;
}

.tab-content {
    padding: 0 15px;
    background: #f2f2fc;
}

.detailTab {
    padding: 20px 30px;
}

.news-list {
    padding-top: 30px;
}

.news-list>.clear {
    border-bottom: 2px solid red;
}

.news-tit {
    border-bottom: 2px solid red;
    font-weight: bold;
    color: red;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 2px;
}

.news-list .clear a.more-news {
    color: red;
}

.content-blog {
    padding: 0 10px;
}

.content-blog,
.content-img {
    float: left;
}

.list-news-item {
    padding: 15px 0 0 0;
}

.news-list .clear a.more-news:hover {
    text-decoration: underline;
    color: #666666;
}

.tit-type {
    margin-right: 10px;
    font-weight: bold;
}

.color_by_product_id {
    justify-content: inherit;
}

.color_by_product_id .choose_color {
    padding-bottom: 0;
}

.row-listpro {
    justify-content: inherit;
}

.blog-right {
    border-left: 1px solid #666666;
}

.blog_cate_item {
    margin: 10px 0;
}

.content-blog {
    text-align: justify;
}

.content-blog a {
    font-weight: bold;
}

.content-blog a:hover {
    color: #FF6666660;
}

.content-blog .news-tit-item {
    margin: 10px 0;
}

.content-blog .excerpt_news {
    font-size: 14px;
    color: #7d7d7d;
}

a.zoom {
    display: block;
    position: relative;
    overflow: hidden;
}

a.zoom img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .7s ease-in-out;
    -webkit-transition: all .7s ease-in-out;
}

a.zoom:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.title_landing {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333333;
    font-size: 23px;
    line-height: 23px;
}

.title_landing span {
    color: #6cab4d;
}

.variabe_list_choise .name_variable {
    text-indent: -99999px;
    font-size: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
}

.ariable_detail_product_container {
    margin-bottom: 12px;
    padding-bottom: 0px;
    border-bottom: 1px dashed #ededed;
    border-top: 1px dashed #ededed;
    margin-top: 5px;
}

.variable_option .custom_title_detail h6 {
    text-transform: capitalize;
    font-family: "Roboto Condensed";
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.option_trang {
    background-color: white;
    border: 1px dashed #CCC;
}

.option_do {
    background-color: red;
}

.option_den {
    background-color: black;
}

.option_hong {
    background-color: #FF69B4;
}

.option_vang {
    background-color: yellow;
}

.option_cam {
    background-color: orange;
}

.option_tim {
    background-color: purple;
}

.option_nau {
    background-color: brown;
}

.option_xanh-la {
    background-color: #7CFC00;
}

.option_xanh-duong,
.option_xanh {
    background-color: blue;
}

.option_xam {
    background-color: gray;
}

.option_kem {
    background-color: #FFEBCD;
}

.option_xanh-nuoc-bien {
    background-color: #00BFFF;
}

section.new_post {
    padding-top: 10px;
    display: block;
}

figure.photo {
    display: block;
    text-align: center;
}

.col-lag-new_index figure.photo a {
    display: block;
    padding: 0px;
}

figure.photo img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.page_navi {
    display: block;
    text-align: center;
}

.pagination>li>a,
.pagination>li>span {
    border: none;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #FFF;
    border-color: #FFF;
    color: #57b952;
}

.pagination>li>a,
.pagination>li>span {
    color: #666666;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #57b952;
    background-color: #FFF;
    border-color: #FFF;
    text-decoration: underline;
}

#error-form-email,
#error-form-phone {
    color: red;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    font-size: 14px;
}

.sort_name span.title {
    font-weight: bold;
    display: block;
    padding: 10px 0;
    font-size: 17px;
    font-family: RCB;
    color: #B01F24;
    text-transform: uppercase;
}

.view_order {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin: 0px 0 10px 0px;
    padding: 10px;
    position: relative;
}

.lien-he-container {
    display: block;
    padding: 0px 10px 0 10px;
}

.lien-he-container .row {
    margin-left: -5px;
    margin-right: -5px;
}

.lien-he-container .row [class*=' col-'] {
    padding-left: 5px;
    padding-right: 5px;
}

.view_order p {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 15px;
}
.view_order a{
    color: #000;
    text-decoration: none;
}

.view_order a:hover,
#map_canvas a: hover{
    color: #00CCFF !important;
}

.container_contact {
    background-color: #E5E5E5;
    margin-bottom: 15px;
}

#map_canvas {
    width: 100%;
    height: 550px;
}
#map_canvas p,
#map_canvas a
{
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
#map_canvas h3{
    font-size: 20px;
    margin-bottom: 0;
    color: #000;
}
.wrapper-contact-form {
    display: block;
    margin-top: 15px;
}

ul.social_like_single {
    display: block;
    text-align: right;
    position: relative;
}

ul.social_like_single li {
    display: block;
    float: left;
}

ul.social_like_single li.linkhay a {
    display: block;
    text-decoration: none;
}

ul.social_like_single li.linkin {
    margin: 0 5px;
    height: 20px;
    position: relative;
    top: 0px;
}

ul.social_like_single li.twitter_btn {
    margin-left: 5px;
    margin-right: 0px;
}

ul.social_like_single li.fb_btn {
    position: relative;
    top: -1px;
    vertical-align: top;
}

ul.social_like_single li.fb-share-tbn {
    margin-left: 5px;
}

ul.social_like_single li.linkhay a img,
ul.social_like_single li.pinterest a img {
    border: 0px none;
    height: 20px;
    display: block;
}

.likeButton {
    display: block;
    padding: 10px 0;
}

.wishlist_detais_note {
    display: block;
    float: right;
}

.wishlist_detais_note .add-to-links-wishlist a {
    display: inline-block;
    margin-right: 5px;
}

.wishlist_detais_note .add-to-links-wishlist a i {
    color: #ff424f;
    font-size: 20px;
}

.wishlist_detais_note .add-to-links-wishlist .txt {
    font-style: italic;
}

.wishlist_detais_note .add-to-links-wishlist .ft {
    color: #F00;
}

.group-top-single-new {
    display: block;
    margin-bottom: 30px;
}

.group-top-single-new time {
    display: block;
    font-size: 12px;
    color: #DDD;
}

.group-top-single-new h2 {
    display: block;
    font-size: 13px;
    padding-left: 10px;
}

.group-top-single-new h2 a {
    display: block;
    color: #3BA1A2;
    cursor: pointer;
}

h1.titleView2 {
    font-family: Expro, "Arial", "Roboto Condensed", Times, serif;
    font-size: 25px;
    padding-bottom: 10px;
}

.single_news_releated h2.other {
    display: block;
    font-family: "Roboto", Times, serif;
    font-size: 15px;
    font-weight: bold;
}

.single-product-box-content {
    display: block;
    padding: 15px 0px;
}

.single-product-box-content iframe {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

.releated_product_details {
    display: block;
}

.releated_product_details h2 {
    display: block;
    font-family: Expro, "Arial", "Roboto Condensed", Times, serif;
    font-size: 16px;
}

.releated_product_details h2 span {
    color: #3BA1A2;
}

.content_detail-show .ratings {
    margin: 5px 0;
}

.no-rating,
.ratings,
.tags,
.ratings .rating-links {
    color: #646464;
    text-align: left;
}
.ratings .rating-links{
    margin-left: 8px;
}

.ratings .rating-box {
    display: inline-block;
    text-align: right;
    float: none;
    padding-bottom: 3px;
    margin-right: 5px;
}

.rating-box {
    background: url(../img/bkg_rating.png) repeat-x scroll 0 -19px transparent;
    font-size: 0;
    height: 14px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 90px;
}

.rating-box .rating {
    float: left;
    height: 14px;
    background: url(../img/bkg_rating.png) 0 0 repeat-x;
}

.rating-links {
    display: inline-block;
    margin-top: 2px;
    vertical-align: top;
}

.no-rating a,
.ratings a,
.tags a,
.ratings .rating-links a {
    color: #2a7db1;
    font: 300 12px/1.35 Roboto, sans-serif;
    font-style: italic;
    text-decoration: underline;
}

.buy_content_bottom {
    background: #fff;
    border: 1px solid #ccc;
    overflow: auto;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}

.money_bottom {
    display: block;
    font-size: 20px;
    color: #ed1c25;
    font-weight: bold;
}

.addToCart_btn_bottom {
    background: #fddc00;
    color: #FFF !important;
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    width: 80% !important;
    float: left;
    border: 1px solid #fddc00;
}

.green_addtocart_btn_bottom img {
    padding: 9px 0;
    width: 25px;
}

.classlist {
    margin-bottom: 5px;
    padding: 5px 0px 0px 0px;
}

.green_addtocart_btn img {
    float: left;
    padding: 8px;
    background: #fb666666c;
}

.green_addtocart_btn {
    background: #F04F32;
    display: block;
    overflow: auto;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    font: 500 15px/1.35 Roboto, sans-serif;
    cursor: pointer;
}

.green_addtocart_btn:hover {
    background: #dc2a0a;
    color: #FFF;
}

.add-to-links li {
    float: left;
}

.pro_view_name3 {
    margin-left: 15px;
}

.add-to-links li a {
    list-style: none;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #aaaaaa;
    border-radius: 20px;
    color: #aaaaaa;
    background: #ffffff;
    font-size: 18px;
    position: relative;
}

.add-to-links li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.like-enable {
    position: absolute;
    right: -5px;
    bottom: -3px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    line-height: 1;
    text-align: center;
    font-size: 11px;
    padding: 2px;
    font-family: Roboto, sans-serif;
    background-color: rgb(240, 79, 50);
    color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    text-indent: 0 !important;
}

.addmorecart_content {
    text-align: center;
    margin-left: 10px;
}

.addToCart_btn {
    background: #ed1b24;
    color: #FFF !important;
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 22px;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    width: 100% !important;
    border: 1px solid #ed1b24;
    line-height: 18px;
}

.img_singleProduct {
    padding: 0;
}

.img_singleProduct .boxImg img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.xzoom-thumbs {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.img_singleProduct .xzoom-thumbs img {
    width: 100%;
    max-width: 75px;
}

#xzoom-default {
    user-select: auto !important;
    -webkit-user-drag: auto !important;
    touch-action: auto !important;
}

.thumb-nav-xzoom {
    max-width: 560px;
}

.thumb-nav-xzoom li {
    padding: 0 5px;
}

.thumb-nav-xzoom .slick-prev:before {
    display: none;
}

.thumb-nav-xzoom .slick-next:before {
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 40px;
    border-radius: 50%;
    color: #333;
    opacity: 1;
    border: 1px solid #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%;
    transform: translateY(-70%);
    right: 4px;
    background: #FFF;
    width: 40px;
    position: absolute;
    height: 40px;
}

#xzoom-thumbs {
    max-width: 100% !important;
}

#xzoom-thumbs ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5 !important;
}

#xzoom-thumbs::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5 !important;
}

#xzoom-thumbs::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #56b952;
}

.xzoom-thumbs a {
    display: inline-block;
}

.detail_singleProduct {
    margin-top: 20px;
}

#fixed_content_detail {
    position: relative;
    width: 100%;
    top: 0;
}

#public-main {
    display: block;
    position: relative;
    /*margin-bottom: 30px;*/
}

.header_head_group {
    position: relative;
}

.call_support {
    font-weight: bold;
    font-size: 21px;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.help_dt p {
    margin: 0 0 10px;
}

.tel_support a {
    font-weight: bold;
    font-size: 18px;
    color: #666666;
}

.details_product_bg {
    display: block;
    background: transparent;
}

.details_product_bg .container {
    background: transparent;
}

.modal {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
}

.modal-reviews {
    margin: 150px auto 0 auto;
}

table#product-review-table th,
table#product-review-table td {
    min-width: 80px;
    padding: 8px 10px !important;
}

table#product-review-table td input {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.btn_submit_rating {
    padding: 8px;
    background: #F04F32;
    margin: 0;
}

.btn_submit_rating:hover {
    background: #F04F32;
    opacity: 0.8;
}

.submit_rating {
    margin-top: 15px;
    text-align: center;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-backdrop {
    background-color: rgba(19, 16, 20, 0.8);
    background: rgba(19, 16, 20, 0.8);
    color: rgba(19, 16, 20, 0.8);
}

.fade.show {
    opacity: 1;
}

#size-guide-modal .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#size-guide-modal .modal-dialog {
    width: 950px;
    margin: 30px auto;
}

.content_detail-show .status {
    padding: 10px 0;
}

.content_detail-show .km {
    padding: 10px;
    margin: 10px 0;
    background: #fae2ec;
    font-style: italic;
}

.content_detail-show .km i {
    color: #02841e;
}

.content_detail-show .km span {
    color: #F00;
}

.content_detail-show .help_dt {
    display: block;
    padding: 10px;
    margin: 10px 0;
    background: #fdf7fa;
    border: 1px dashed #FF6666660;
}

.content_detail-show .help_dt .call_support {
    margin-top: 10px;
}

.content_detail-show .order_product {
    margin-top: 0px;
}

.content_detail-show .order_product .addToCart_btn {
    margin-top: 0px;
    background: #012d5f;
    border-color: #012d5f;
}

.content_detail-show .order_product .green_addtocart_btn {
    background: #012d5f;
    border-color: #012d5f;
}

.content_detail-show .order_product .addToCart_btn:hover,
.content_detail-show .order_product .green_addtocart_btn:hover {
    color: #FFF;
    background: #013573;
    border: 1px dashed #FF6666660;
}

.variable_option .custom_title_detail {
    text-transform: uppercase;
    display: block;
    padding: 5px 0;
    font-weight: bold;
}

p.color_variable_name {
    color: #666666;
    display: block;
    font-size: 14px;
    padding: 5px 0;
}

.shopping-cart>a>span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 30px;
}

.title_page_thank {
    text-transform: uppercase;
    padding: 15px 0;
    color: #f1592a;
    font-size: 35px;
}

.tks_page_cnt p {
    font-size: 18px !important;
    padding: 4px;
}

.thank_container {
    margin: 30px 0;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.categories_list,
.block_size {
    padding-top: 15px;
}

.list_size input[type="checkbox"] {
    display: none;
}

.list_size label {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dedede;
    text-align: center;
}

.group-section-wrap {
    margin-top: 20px;
    padding-bottom: 40px;
}

.list_size li input[type="checkbox"]:checked+label,
.list_size li:hover label {
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
}

.basel-cart-design-2>a .subtotal-divider,
.basel-cart-design-3>a .subtotal-divider {
    display: none;
}

.basel-cart-design-2>a .basel-cart-number,
.basel-cart-design-3>a .basel-cart-number {
    padding: 0;
    margin-left: 0;
    font-size: 10px;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #fd120f;
    position: absolute;
    top: 0px;
    left: -10px;
    font-family: Arial;
}

.basel-cart-design-2>a .basel-cart-subtotal,
.basel-cart-design-3>a .basel-cart-subtotal {
    margin-left: 2px;
    font-size: 12px;
    display: none;
}

.shopping-cart>a .amount {
    font-weight: 700;
}

.shopping-cart {
    cursor: pointer;
    position: relative;
}

.shopping-cart .dropdown-wrap-cat {
    padding-top: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.shopping-cart .dropdown-cat {
    background-color: #fff;
    z-index: 1;
    padding: 20px;
    width: 320px;
    color: #3c3c3c;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

.widget_shopping_cart .product_list_widget {
    position: relative;
    margin-bottom: 0;
    text-align: left;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

.widget_shopping_cart .total {
    border-top: 1px solid rgba(124, 124, 124, .2);
    border-bottom: 1px solid rgba(124, 124, 124, .2);
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    line-height: 24px;
}

.woocommerce-mini-cart__buttons {
    display: table !important;
    margin-top: 15px !important;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.widget_shopping_cart .buttons {
    display: block;
    margin-bottom: 0;
    text-align: center;
}

.widget_shopping_cart .total strong {
    float: left;
    font-size: 14px;
    color: #1B1919;
    text-transform: uppercase;
}

.widget_shopping_cart .total .amount {
    float: right;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #f90204;
    text-transform: uppercase;
}

.woocommerce-mini-cart__buttons a {
    color: #fff !important;
    display: table-cell;
    height: 40px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    background: #F04F32 !important;
    border-color: #F04F32 !important;
}

.woocommerce-mini-cart__buttons a:hover {
    background: #F04F32 !important;
    border-color: #F04F32 !important;
    color: #FFF;
}

.widget_shopping_cart .buttons a {
    width: 100%;
    color: #2D2D2D;
}

.widget_shopping_cart .buttons a:first-child {
    margin-bottom: 10px;
}

.widget_shopping_cart .product_list_widget li {
    position: relative;
    display: block;
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #F2F2F2;
}

.widget_shopping_cart .product_list_widget li:first-child {
    margin-top: 0px;
}

.widget_shopping_cart .product_list_widget li>a {
    padding-right: 25px;
    color: #333;
    text-decoration: none;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}

.widget_shopping_cart .product_list_widget li .remove {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 0;
    line-height: 14px;
    font-size: 23px;
    z-index: 1;
    margin-bottom: 0;
    color: rgba(0, 0, 0, .6);
}

.widget_shopping_cart .product_list_widget li .quantity {
    color: #bbb;
    font-size: 12px;
    display: block;
    margin-top: 0px;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: right;
    margin-left: 4px;
    width: 32px;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.shopping-cart:hover>.dropdown-wrap-cat,
.shopping-cart.cart_show>.dropdown-wrap-cat {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
    top: 100%;
}

.woocommerce table,
.woocommerce th,
.woocommerce td {
    border: 1px solid #e5e5e5 !important;
    color: #555;
    margin: 0;
    padding: 15px 20px !important;
    vertical-align: middle;
    border-collapse: collapse !important;
    text-align: center;

}
.woocommerce td{
    background: #fff;
}
.panel.panel-default {
    background: #fff;
    padding: 15px;
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    text-transform: uppercase;
    color: #666666;
}

.woocommerce table.shop_table thead th {
    border-color: #e5e5e5;
    color: #333;
}

.info-qty {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    max-width: 240px;
    padding: 0 35px;
    position: relative;
    text-align: center;
    width: 100%;
}

.info-qty .qty-down {
    border-right: 1px solid #e8e8e8;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    color: #333;
}

.info-qty .qty-val {
    height: 28px;
    background: #fff;
    border: 0;
    text-align: center;
    display: block;
    padding: 0 15px;
    width: 100%;
}

#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
    margin: 0;
    vertical-align: middle;
    line-height: 1;
}

.info-qty .qty-up {
    border-left: 1px solid #e8e8e8;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
}

.product-price .woocommerce-Price-amount,
.product-subtotal .woocommerce-Price-amount {
    color: #f1592a;
    font-weight: bold;
}

.product-price .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.product-subtotal .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    color: #666;
    margin-left: 3px;
    font-weight: 400;
}

.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: red !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 32px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.container_checkout {
    margin: 15px 0;
}

.woocommerce table.shop_table td.actions {
    text-align: right;
}

.woocommerce table.shop_table button.button,
.woocommerce table.shop_table input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #515151;
    background-color: #ebe9eb;
    border: 0;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce table.shop_table input.button,
.woocommerce table.shop_table a.button,
.woocommerce table.shop_table button.button {
    background: #fe9c00 none repeat scroll 0 0;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    font-size: 14px;
    font-weight: 400;
}

.form_user_cart label {
    font-weight: 700;
    padding: 0;
    text-align: right;
}

.hitsu {
    color: #FF6666660;
}

.cart-collaterals .cart_totals>h2 {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 -0px;
    padding: 8px 15px;
    text-transform: capitalize;
    font-family: "Roboto Condensed";
}

.cart_totals table.shop_table tr th {
    background: transparent;
}

.cart_totals table.shop_table tr td {
    text-align: left;
}

.cart_totals .woocommerce-Price-amount {
    color: #f1592a;
    font-weight: bold;
}

.checkout_submit_form_order {
    display: block;
    margin: 15px 0;
}

.checkout_submit_form_order .wc-proceed-to-checkout {
    display: block;
    text-align: center;
}

.wc-proceed-to-checkout button {
    text-transform: uppercase;
    min-width: 50px;
    font-weight: bold;
    font-family: Expro;
}

td.product-remove a.remove {
    width: inherit;
}

header.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1040 !important;
    width: 100%;
    -webkit-transition: top .8s ease;
    -moz-transition: top .8s ease;
    -o-transition: top .8s ease;
    transition: top .8s ease;
    -webkit-box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 7px 10px -10px rgba(0, 0, 0, 0.9);
    background: #FFF;
}

#back-top {
    animation: 2s ease 0s normal none infinite running float;
    cursor: pointer;
}

@keyframes float {
    0% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

.mh-alo-phone {
    background-color: transparent;
    bottom: 0;
    cursor: pointer;
    height: 110px;
    left: 0;
    position: fixed;
    visibility: visible;
    width: 110px;
    z-index: 266666600 !important;
}

.mh-alo-ph-circle {
    background-color: transparent;
    border: 2px solid #ffdb04;
    border-radius: 100%;
    height: 90px;
    left: 12px;
    opacity: 0.5;
    position: absolute;
    top: 12px;
    width: 90px;
}

.mh-alo-ph-circle-fill {
    background-color: rgb(255 219 4 / 0.5);
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 28px;
    opacity: 0.75 !important;
    position: absolute;
    top: 28px;
    transition: all 0.5s ease 0s;
    width: 60px;
}

.mh-alo-ph-img-circle {
    background: #ffdb04 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat scroll center center / 70% auto;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 43px;
    opacity: 0.7;
    position: absolute;
    top: 43px;
    transform-origin: 50% 50% 0;
    transition: all 0.2s ease-in-out 0s;
    width: 30px;
}

#fixed_content_detail_parent {
    position: relative;
    padding-left: 30px;
}

.header3 {
    width: 100%;
    top: 25px;
    z-index: 50;
}

.details_product_bg section#section {
    padding-top: 0px;
}

.container_bienthe_group_combo {
    height: 200px;
    overflow-y: scroll;
}

ul.price_single {
    display: block;
    padding: 6px 0;
}

ul.price_single li {
    display: inline-block;
}

#fixed_content_detail ul.price_single li {
    display: block;
    position: relative;
    padding-left: 15px;
}

#fixed_content_detail ul.price_single li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
}

#fixed_content_detail ul.price_single li .oldPrice_content {
    margin-left: 0px;
    font-size: 18px;
    color: #9b9b9b;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}

#fixed_content_detail ul.price_single li .money_bottom,
#fixed_content_detail ul.price_single li .newPrice_content {
    line-height: 18px;
    font-size: 18px;
    color: #ed1c25;
    padding-top: 8px;
    font-weight: bold;
    margin: 0;
}

#fixed_content_detail ul.price_single li .price2 {
    font-size: 18px;
    font-weight: bold;
    color: #ee4d2d;
    font-family: Arial;
}

.container_tbl_add_cart_view {
    display: flex;
    justify-content: left;
    margin-top: 15px;
}

#fixed_content_detail .container_tbl_add_cart_view .addmorecart_content {
    margin: 0px 15px 0px 0px;
}

.container_tbl_add_cart_view .cartbtn_bottom {}

.container_tbl_add_cart_view .addmorecart_content .green_addtocart_btn {
    color: #fff;
    background: #57c153;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
    text-transform: inherit;
    border-radius: 2px;
}

.container_tbl_add_cart_view .addmorecart_content .green_addtocart_btn:hover {
    background: #57c153;
    border: 1px solid #6dc369;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .03);
    color: #FFF;
}

.container_tbl_add_cart_view .cartbtn_bottom .addToCart_btn_bottom {
    color: #fff;
    background: #fddc00;
    width: inherit !important;
    font-size: 15px;
    padding: 5px 15px;
    text-transform: inherit;
    border-radius: 2px;
}

.container_tbl_add_cart_view .cartbtn_bottom .addToCart_btn_bottom:hover {
    background: #ffeee8;
    color: #ee4d2d !important;
    border: 1px solid #ee4d2d;
}

.xzoom-source,
.xzoom-preview {
    z-index: 3;
    /*top: 280px !important;*/
}

#fixed_content_detail .order_product {
    margin-top: 0px;
}

#fixed_content_detail h1 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #004500;
    font-weight: bold;
    text-transform: uppercase;
}

#cfacebook {
    position: fixed;
    bottom: 0px;
    right: 50px;
    z-index: 999999999999999;
    width: 250px;
    height: auto;
    box-shadow: 6px 6px 6px 10px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

#cfacebook a.chat_fb {
    font-style: normal;
    float: left;
    padding: 0 15px;
    width: 250px;
    color: #fff;
    text-decoration: none;
    height: 33px;
    line-height: 33px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #3a5795;
    border: 0;
    border-bottom: 1px solid #133783;
    z-index: 9999999;
    margin-right: 12px;
    font-family: RCB;
    font-size: 16px;
}

#cfacebook .fchat {
    float: left;
    width: 100%;
    height: 220px;
    overflow: hidden;
    display: none;
    background-color: #fff;
}

#cfacebook .fchat .fb-page {
    margin-top: -130px;
    float: left;
}

.container {
    display: block;
    width: 100%;
    position: relative;
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.color_by_product_id ul {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.color_by_product_id ul li {
    display: inline-block;
    margin: 0 3px 0 3px;
}

.color_by_product_id ul li:first-child {
    margin-left: 0px;
}

.color_by_product_id ul li:last-child {
    margin-right: 0px;
}

.color_by_product_id .name_color {
    width: 20px;
    height: 20px;
}

.categories_list .filter {
    overflow-y: auto;
    overflow-x: hidden;
}

.custom_item_detail ul.choose_size {
    display: inline-block;
    list-style: none;
}

.custom_item_detail ul.choose_size li {
    display: block;
    float: left;
    margin-right: 0px;
}

.mg-bt-20 {
    margin-bottom: 20px;
}

.seperate-icon,
.block-pding {
    display: block;
    text-align: center;
}

a.effect {
    display: block;
    position: relative;
    overflow: hidden;
}

a.effect:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

a.effect:hover:before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

.img_item img {
    height: auto !important;
    max-width: 100%;
    width: 100%;
    display: block;
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

#chat-facebook {
    z-index: 2147483666666;
    position: fixed;
    bottom: 30px;
    right: 80px;
    width: 60px;
    height: 60px;
}

#chat-facebook .button-chat {
    width: 100%;
    height: 100%;
    background: #0b406f;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .26);
    text-align: center;
}

#chat-facebook .button-chat-icon {
    position: absolute;
    max-width: 36px;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -18px;
}

#chat-facebook .button-chat-icon {
    width: 36px;
    height: 29px;
    color: #666666;
}

#chat-facebook .button-chat-icon img {
    max-width: 36px;
}

.fb-livechat,
.fb-widget {
    display: none;
}

.ctrlq.fb-overlay {
    z-index: 0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    -webkit-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .05);
    display: none;
}

.fb-widget {
    background: #fff;
    z-index: 999999;
    position: fixed;
    width: 320px;
    height: 435px;
    overflow: hidden;
    opacity: 1;
    bottom: 0;
    right: 24px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
}

.ctrlq.fb-close {
    z-index: 4;
    padding: 0 6px;
    background: #365899;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    margin: 8px;
    border-radius: 3px;
}

.ctrlq.fb-button,
.ctrlq.fb-close {
    position: fixed;
    right: 24px;
    cursor: pointer;
}

.ctrlq.fb-button,
.ctrlq.fb-close {
    position: fixed;
    right: 24px;
    cursor: pointer;
}

.ctrlq.fb-close::after {
    content: 'x';
    font-family: sans-serif;
}

.ul-social {
    display: inline-block;
    width: 89%;
    text-align: right;
    font-size: 30px;
    vertical-align: bottom;
}

.ul-social li {
    display: inline-block;
}

.social-share>li {
    position: relative;
    max-width: 120px;
}

.social-share>li>a {
    text-align: center;
    padding: 5px 8px;
    background: #F04F32;
    color: #FFF;
    max-width: 70px;
    font-size: 14px;
}

.social-share li ul.sub_list_share {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 100px;
    text-align: left;
}

.social-share li ul.sub_list_share li {
    padding: 0px 5px 2px 10px;
    text-align: left;
}

.social-share li ul.sub_list_share li a {
    display: block;
}

.social-share li:hover ul.sub_list_share {
    border: 1px solid #ccc;
    background: #FFF;
}

.uppercase {
    text-transform: uppercase;
}

.modal-login {
    width: 385px;
}

.login-form form {
    background: #f7f7f7;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 15px;
}

.login-form h2 {
    margin: 0 0 15px;
}

.form-control,
.login-btn {
    min-height: 34px;
    border-radius: 2px;
}

.input-group-addon .fa {
    font-size: 18px;
}

.login-btn {
    font-size: 15px;
    font-weight: bold;
}

.social-btn .btn {
    border: none;
    margin: 10px 3px 0;
    opacity: 1;
}

.social-btn .btn:hover {
    opacity: 0.9;
}

.social-btn .btn-primary {
    background: #507cc0;
}

.social-btn .btn-info {
    background: #64ccf1;
}

.social-btn .btn-danger {
    background: #df4930;
}

.or-seperator {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}

.register_here {
    margin-top: 15px;
    font-size: 14px;
}

.register_here a {
    color: #337ab7;
    text-decoration: underline;
}

.modal-login .close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-login .title-modal {
    padding: 15px 0;
    text-transform: uppercase;
}

h2.legend {
    text-transform: uppercase;
    font-size: 18px;
    padding: 15px 0;
}

.infor-login {
    border-top: 1px dashed #f2f2f2;
    margin-top: 15px;
}

#customer-register input[type="text"].form-control,
#customer-register input[type="password"].form-control {
    padding: 6px 10px;
}

.modal-backdrop {
    display: none !important;
}

input#birthday_day,
input#birthday_month {
    display: inline-block;
    max-width: 95px;
}

input#birthday_year {
    max-width: 110px;
    display: inline-block;
}

.error {
    display: block;
    color: red;
}
#check_out_frm .error{
    text-align: left !important;
}

.discount-error {
    color: red;
    line-height: 30px;
    margin-top:35px;
}
.discount-success{
    color: #56b853;
    margin-top:40px;
}
.price_discount{
    display: block;
    color: #56b853;
    font-weight: 500;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="number"],
.login-form .select {
    padding: 2px 8px;
}

.avatar-upload .avatar-edit {
    display: none;
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.avatar-upload .avatar-edit.active {
    display: block;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 15px 0;
}

.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.icon_cart_mobi a {
    display: block;
    position: relative;
}

.icon_cart_mobi {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.icon_cart_mobi a.icon_cart_tbn_a img {
    position: relative;
    top: 0px;
}

.icon_cart_mobi a.icon_cart_tbn_a .basel-cart-totals {
    position: absolute;
    right: 3px;
    top: 0px;
}

.icon_cart_mobi>a>span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    line-height: 30px;
}

.icon_cart_mobi>a .basel-cart-number,
.icon_cart_mobi>a .basel-cart-number {
    padding: 0;
    margin-left: 0;
    font-size: 10px;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    background-color: #fd120f;
    position: absolute;
    top: 0px;
    left: -10px;
    font-family: Arial;
}

.icon_cart_mobi>a .subtotal-divider {
    display: none;
}

.icon_cart_mobi>a .basel-cart-subtotal {
    margin-left: 2px;
    font-size: 12px;
    display: none;
}

.flash_sale_home .product-item {
    margin-bottom: 15px;
}

ul.category_menu_product_home_read_moblie>li {
    display: block;
    min-height: 40px;
    position: relative;
}

ul.category_menu_product_home_read_moblie>li>a {
    display: block;
    position: relative;
    padding: 7.5px 10px 7.5px 0px;
    color: #333;
    text-transform: capitalize;
    z-index: 2;
    border-bottom: 1px solid #f1f1f1;
    transition: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2;
    color: rgb(68, 68, 68);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0px;
    height: 100%;
    text-decoration: none;
}

ul.category_menu_product_home_read_moblie>li>a .icon-wrap {
    width: 29px;
    text-align: center;
}

ul.category_menu_product_home_read_moblie>li>ul {
    display: none;
}

ul.category_menu_product_home_read_moblie>li>a.sub:hover:after {
    content: "";
}

ul.category_menu_product_home_read_moblie>li>a.sub:after {
    position: absolute;
    right: 6px;
    content: "\e838";
    font-family: "iconfont";
    top: 50%;
    transform: translateY(-50%);
}

ul.category_menu_product_home_read_moblie>li>ul>li {
    padding-left: 8px;
}

ul.category_menu_product_home_read_moblie li ul li a {
    color: #444444;
    font-size: 14px;
    font-family: Roboto;
    border-bottom: 1px solid #ccc;
    text-transform: capitalize;
}

ul.category_menu_product_home_read_moblie>li.active>ul {
    display: block;
}

.arr-mn-mobi {
    position: absolute;
    right: 3px;
    top: 5px;
    font-size: 12px;
    z-index: 99999;
    width: 30px;
    height: 30px;
    text-align: center;
}

#modal_addtocart .modal-header {
    padding: 10px;
    position: relative;
}

#modal_addtocart .modal-header .close {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
}

#modal_addtocart .modal-dialog {
    margin-top: 130px;
}

.cls_birthday {
    max-width: 120px;
    display: inline-block;
}

.errorTxt {
    color: red;
    font-weight: bold;
}

#menu_user_mobile {
    margin-top: 10px;
}

#menu_user_mobile li a {
    color: #FFF;
    text-align: left;
    padding: 8px 6px;
}

.container_checkout .alert-dismissable .close,
.container_checkout .alert-dismissible .close {
    position: relative;
    top: -8px;
    right: 0px;
    color: #000;
}

.data_detail_ingredients {
    margin: 0px 0px 0px 0px;
}

.items {
    margin: 0;
    padding: 0;
    list-style: none none;
}

#shopping-cart-table thead tr th.col {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 1.2rem;
    letter-spacing: 1px;
    vertical-align: baseline;
    border-bottom: 1px solid #f4f5f7;
    padding-top: 21px;
    padding-bottom: 15px;
}

.woocommerce #shopping-cart-table thead tr th.col.cart-item-count-and-messages {
    padding: 10px 8px 10px !important;
}

#shopping-cart-table .cart-item-count {
    color: #56b853;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    letter-spacing: .5600000000000001px;
    text-transform: uppercase;
}

#shopping-cart-table .cart-item-count .cart-item-count-label {
    font-family: 'Roboto';
    font-weight: normal;
}

#shopping-cart-table .mobile-page-messages .page.messages {
    margin: 10px 0 8px;
}

#shopping-cart-table .cart>.item {
    border-bottom: 1px solid #f4f5f7;
    position: relative;
}

#shopping-cart-table .item .col.item {
    padding: 31px 8px 0;
}

#shopping-cart-table .item .col.item .item-inner-wrapper {
    display: table;
    min-height: 75px;
    position: relative;
    width: 100%;
}

#shopping-cart-table .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding-right: 16px;
    position: static;
    vertical-align: top;
    width: 1%;
    font: 0/0 a;
}

#shopping-cart-table .product-item-photo .product-image-container {
    display: inline-block;
    max-width: 100%;
}

#shopping-cart-table .product-image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: auto;
}

#shopping-cart-table .product-item-details {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
    width: 99%;
    text-align: left;
}

#shopping-cart-table .product-item-name {
    padding-right: 32px;
}

#shopping-cart-table .product-item-name {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
    letter-spacing: .7px;
    text-transform: capitalize;
    display: block;
    margin: 0 0 6px;
}

#shopping-cart-table .product-item-name a {
    color: #000;
    text-decoration: none;
}

#shopping-cart-table .product-item-name a:visited {
    color: #000;
    text-decoration: none;
}

#shopping-cart-table .product-item-subtotal {
    margin: 0 0 12px;
}

#shopping-cart-table .price-including-tax,
#shopping-cart-table .price-excluding-tax {
    display: block;
    font-size: 14px;
    line-height: 1;
}

#shopping-cart-table .product-item-subtotal .price-excluding-tax>.price {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
}

#shopping-cart-table .product-item-size-qty {
    max-width: 184px;
}

#shopping-cart-table .actions-toolbar a.action:visited {
    color: #000;
    text-decoration: underline;
}

#shopping-cart-table .actions-toolbar>.action-delete {
    display: inline-block;
    background-size: 28px;
    display: block;
    margin: 0;
}

#shopping-cart-table .action {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    letter-spacing: .5px;
    margin: 20px 10px 0 0;
}

#shopping-cart-table .actions-toolbar>.action-delete:before {
    display: block;
    position: absolute;
    top: -6px;
    right: 1px;
    background-image: url(../img/close-circle.svg);
    background-position-x: center;
    background-position-y: center;
    background-size: 25px;
    line-height: 30px;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    content: '';
}

#shopping-cart-table .actions-toolbar:after {
    clear: both;
    content: '';
    display: table;
}

.woocommerce #shopping-cart-table img {
    width: 120px;
}

.btn_contact_use {
    font-size: 18px;
    padding: 8px 15px;
    display: block;
    background: #56b853;
    text-align: center;
    margin-top: 8px;
    color: #FFF !important;
}

.category_filter {
    margin: 6px 0;
    text-align: right;
}

.customer-pagination>li>a,
.customer-pagination>li>span {
    border: 1px solid #ccc;
    border-radius: 50% !important;
    margin: 0 3px;
    display: block;
    background: #f2f2f2;
    width: 35px;
    height: 35px;
    font-size: 13px;
    line-height: 24px;
    padding: 5px;
}

.customer-pagination>li>a:hover,
.customer-pagination>li>a:focus,
.customer-pagination>li>span:hover,
.customer-pagination>li>span:focus {
    color: #FFF;
    background-color: #ccc !important;
    text-decoration: none;
}

.customer-pagination>li.active>span:hover,
.customer-pagination>li.active>span:focus,
.customer-pagination>li.active>a:hover,
.customer-pagination>li.active>a:focus {
    color: #FFF;
    background-color: #ccc !important;
    text-decoration: none;
}

.customer-pagination>.disabled>a,
.customer-pagination>.disabled>a:focus,
.customer-pagination>.disabled>a:hover,
.customer-pagination>.disabled>span,
.customer-pagination>.disabled>span:focus,
.customer-pagination>.disabled>span:hover {
    background-color: #f2f2f2;
}

.customer-pagination>li.active>span {
    background-color: #010101 !important;
    color: #FFF;
}

.ls-related-product .item_product_list {
    margin: 0 5px;
}

body .page-header {
    z-index: 10;
    /* background:#010101;*/
    border: none;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0px;
    margin: 0px 0 0px;
}

.wrap-header-fix.active-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.wrap-menu-primary.active-menu {
    width: 100%;
    background: #010101;
}

ul#primary_menu_top,
ul#primary_menu_top li,
ul#primary_menu_top li a {
    height: 100%;
}

ul#primary_menu_top>li>a {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
}

.page-header .header.content {
    padding: 0 16px
}

.page-header .logo {
    width: 240px;
    /* margin: 0 auto 0 0 */
}
.page-header .logo img{
    max-width: 180px;
}

.header.content {
    display: flex;
    justify-content: space-between;
    background: #010101;
    padding: 0 15px;
    height: 72px;
    align-items: center;
    position: relative;
    max-width: 1348px;
    min-width: unset;
}

.header.content.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999
}

#search_mini_form {}

.header.content.is-sticky:before {
    content: '';
    display: block;
    background: #010101;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%
}

.header.content.is-sticky>div,
.header.content.is-sticky>nav,
.header.content.is-sticky .customer-welcome {
    position: relative
}

.header.content.is-sticky .magemenu-menu .menu-box {
    display: none !important
}

.top-container {
    position: relative
}

.top-container.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99
}

.top-container.is-sticky .section-promobar.promobar-sticky {
    position: unset
}

.sections.nav-sections {
    display: none !important
}



.minicart-wrapper {
    background: #fff;
    padding: 0;
    /*  margin: 0 0 0 12px;*/
    border-radius: 4px;
    order: 2;
    height: 48px;
    width: 48px
}

.minicart-wrapper .action.showcart {
    line-height: 23px;
    padding: 12px 13px
}

.minicart-wrapper .action.showcart:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px
}

.minicart-wrapper .action.showcart.active:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px !important
}

.minicart-wrapper .action.showcart .counter.qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    min-width: auto;
    margin: 0;
    background: #fddc00;
    font-size: 10px;
    font-weight: 600;
    color: #010101;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -9px
}

.minicart-wrapper .block-minicart {
    width: 486px;
    margin-top: 12px;
    padding: 0 16px 16px;
    right: 0
}

.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
    display: none
}

.minicart-wrapper .block-minicart .minicart-items-wrapper {
    padding: 0;
    margin: 0;
    border: none;
    height: auto !important;
    max-height: 357px
}

.minicart-wrapper .block-minicart .product-item {
    padding: 16px 0
}

.minicart-wrapper .block-minicart .product-item .product {
    display: flex
}

.minicart-wrapper .block-minicart .product-item .product-item-photo {
    flex: 0 0 140px;
    max-width: 140px
}

.minicart-wrapper .block-minicart .product-item .product-item-details {
    flex: 1;
    padding-left: 16px
}

.minicart-wrapper .block-minicart .product-item .product-item-name {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px
}

.minicart-wrapper .block-minicart .product-item .product-item-name a {
    color: #010101
}

.minicart-wrapper .block-minicart .product-item .product.options {
    display: block;
    width: 100%
}

.minicart-wrapper .block-minicart .product-item .product.options .item-option {
    display: block;
    width: 100%
}

.minicart-wrapper .block-minicart .product-item .product.options .item-option .label,
.minicart-wrapper .block-minicart .product-item .product.options .item-option .values {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #010101;
    opacity: .8
}

.minicart-wrapper .block-minicart .product-item .product-item-group {
    display: flex
}

.minicart-wrapper .block-minicart .product-item .product-item-group .actions {
    margin: 0 0 0 auto;
    position: relative;
    top: 3px
}

.minicart-wrapper .block-minicart .block-content>.actions {
    margin-top: 0;
    padding-top: 16px;
    border-top: .5px solid #bdbdbd
}

.minicart-wrapper .block-minicart .block-content>.actions>.primary {
    margin: 0;
    text-align: right
}

.minicart-wrapper .block-minicart .block-content>.actions>.primary .action.primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    min-height: 40px;
    width: auto;
    margin-bottom: 0;
    padding: 7px 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #010101;
    background-color: #fddc00;
    border: none
}

.minicart-wrapper .block-minicart .block-content .content-total-price {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.minicart-wrapper .block-minicart .block-content .content-total-price>div {
    flex: 1;
    line-height: 24px;
    color: #010101
}

.minicart-wrapper .block-minicart .block-content .content-total-price .label {
    text-align: left;
    font-size: 14px
}

.minicart-wrapper .block-minicart .block-content .content-total-price .value {
    text-align: right;
    font-size: 18px
}

.minicart-wrapper .block-minicart .action.edit,
.minicart-wrapper .block-minicart .action.delete {
    color: #828282;
    text-decoration: underline
}

.minicart-wrapper .block-minicart .action.edit:before,
.minicart-wrapper .block-minicart .action.delete:before {
    display: none
}

.minicart-wrapper .block-minicart .action.edit:hover,
.minicart-wrapper .block-minicart .action.delete:hover {
    color: #010101
}

.minicart-wrapper .block-minicart .action.edit>span,
.minicart-wrapper .block-minicart .action.delete>span {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: unset
}

.block-search {
    max-width: 390px;
    width: 390px;
    padding-left: 0;
    /* margin-right: auto;*/
    position: relative;
}

.minicart-wrapper .action.showcart:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07a";
    font-size: 20px;
    opacity: 1;
    color: #010101 !important;
    line-height: 25px;
}

.block-search .nested {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.block-search #ajaxsearch_autocomplete {
    top: 58px !important
}

.block-search .block-content {
    position: relative
}

.block-search .block-content:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    content: "\f002";
    font-size: 16px;
    height: 100%;
    line-height: 44px;
    padding: 0 16px;
    z-index: 1
}

.block-search .control {
    padding: 0;
    border-top: none;
    margin: 0;
    display: flex
}

.block-search .control:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    position: absolute;
    top: 23px;
    right: 108px
}

.block-search .control input {
    height: 43px;
    /*min-width:280px;*/
    padding: 10px 16px 10px 48px;
    margin-right: 90px;
    border: solid 1px #f2f2f2;
    border-radius: 0;
    background: #fff;
    width: 100%;
}

.abs-visually-hidden-desktop,
.modes-label,
.block-search .label,
.dashboard-welcome-toggler,
.block-collapsible-nav .title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.block-search .control input::placeholder {
    color: #bdbdbd
}

@media (min-width:1440px) {
    .block-search .control input {
        /* min-width:390px*/
    }
}

.block-search .actions .action.search {
    padding: 13.5px;
    height: 100%;
    min-width: 92px;
    width: auto;
    right: 0;
    background: #fddc00;
    opacity: 1 !important;
    border-radius: 0;
    border: none;
    -moz-box-sizing: border-box;
}

.block-search .actions .action.search:before {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.block-search .actions .action.search span {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    font-weight: 700;
    line-height: 1;
    font-size: 14px;
    color: #010101
}

.block-search .actions .action.search:hover {
    opacity: .8
}

.header .nav-magemenu-menu.horizontal {
    height: 100%;
    width: fit-content;
    max-width: 555px;
    overflow: visible;
    background: #010101 !important;
    margin-left: 0;
    position: unset;
    /*overflow-x:hidden*/
}

.header .nav-magemenu-menu.horizontal .magemenu-menu.horizontal-menu {
    height: 100%;
    position: unset !important
}

.header .nav-magemenu-menu.horizontal .megamenu-label.label-position-top-left {
    position: absolute;
    bottom: 41px;
    left: -10px
}

.header .nav-magemenu-menu.horizontal .explodedmenu {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    position: unset !important;
    overflow: hidden
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu {
    padding: 0 10px;
    margin-right: 0;
    height: 100%
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu>a {
    padding: 0;
    margin: 0;
    height: 100%;
    line-height: 72px
}

ul#primary_menu_top>li:hover>ul {
    width: 100% !important;
    max-width: unset !important;
    background: #24272a !important;
    border: none !important;
    min-height: 380px;
    padding: 32px 0;
    top: 100%;
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu>a span {
    font-weight: 700 !important;
    font-size: 13.5px;
    width: max-content;
    text-transform: capitalize;
    color: #fff;
    height: 100%;
    vertical-align: text-bottom
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu>a span:after {
    display: none
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu:hover {
    border-bottom: 2px solid #fddc00
}

.header .nav-magemenu-menu.horizontal .explodedmenu li.menu:hover a {
    background: 0 0 !important;
    opacity: .8
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box {
    position: absolute !important;
    width: 100% !important;
    max-width: unset !important;
    background: #24272a !important;
    border: none !important;
    min-height: 380px;
    padding: 32px 0;
    top: 100%
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box:before {
    content: "";
    background: 0 0;
    width: 80px;
    height: 15px;
    position: absolute;
    top: -15px;
    left: calc(50% - 65px)
}

.header .nav-magemenu-menu.horizontal .menu.parentMenu.has-content .menu-box .block-main {
    max-width: 1248px;
    margin: auto;
    float: unset
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent {
    background: 0 0 !important;
    border: none
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent:hover a {
    background: 0 0 !important
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent span {
    color: #fddc00;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container {
    display: inline-block !important;
    position: relative;
    left: 0
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container .itemsubmenu {
    box-shadow: none;
    background: 0 0
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container a:hover span {
    text-decoration: underline
}

.header .nav-magemenu-menu.horizontal .itemsubmenu .itemMenu.subparent .submenu-container span {
    text-transform: initial;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.authorization-link {
    display: flex;
    width: 100%;
    padding: 16px 24px 0
}

.authorization-link a {
    font-size: 16px;
    line-height: 1.5;
    color: #010101;
    opacity: .4
}

.authorization-link a:hover,
.authorization-link a:focus {
    color: #010101;
    opacity: 1
}

.hp-header-top {
    background: #fafafa;
    height: 32px;
    line-height: 32px;
}

.hp-header-top .content {
    max-width: 1430px;
    /*min-width:1248px;*/
    min-width: unset;
    margin: auto;
    padding: 0 16px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010101
}

.hp-header-top .store-list {
    display: inline-block;
    margin: 0;
    opacity: .8;
    color: #010101;
    margin-right: 32px
}

.hp-header-top .store-list:hover {
    text-decoration: underline
}

.hp-header-top .brand-list {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: auto;
    align-items: center;
    height: 32px
}
.brand-list {
    top: -40px;
    position: absolute;
    left: 50%;
    width: 257px;
    transform: translateX(-50%);
}
.brand-list a{
    border-right: 1px solid;
    padding-right: 5px;;
}
.brand-list a:last-child{
    border: none;
}

.hp-header-top .brand-list a {
    margin-right: 24px
}

.hp-header-top .brand-list img {
    width: auto;
    max-height: 32px
}

.hp-header-top .brand-list p {
    margin: 0
}

.hp-header-top .header-hotline {
    text-align: center;
    margin: 0;
    opacity: .8;
    display: inline-block
}

.customer-welcome a {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    letter-spacing: .4px
}

.customer-welcome a:focus,
.customer-welcome a:hover {
    color: #fddc00
}

.mgn-footer {
    overflow: hidden
}

.mgn-footer * {
    /*font-size: 14px;*/
    color: rgba(255, 255, 255, .8)
}

.mgn-footer input {
    color: #010101
}

.mgn-footer .title {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 0;
    margin-bottom: 15px
}

.mgn-footer .btn {
    height: 40px;
    width: 40px;
    margin-right: 8px;
    position: relative;
    border-radius: 50%;
    padding: 8px;
    border: 1px solid #fff;
}

.mgn-footer .btn:before {
    top: 15px;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-size: 16px;
    color: #fff
}

.mgn-footer .btn a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mgn-footer .phone-icon:before {
    content: "\f095";
    color: #010101;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    line-height: 23px;
    margin-left: 4px
}

.mgn-footer .visa:before {
    content: "\f1f0"
}

.mgn-footer .master-card:before {
    content: "\f1f1"
}

.mgn-footer .jcb:before {
    content: "\f24b"
}

.mgn-footer .paypal:before {
    content: "\f1f4"
}

.mgn-footer .facebook:before {
    content: "\f39e"
}

.mgn-footer .instagram:before {
    content: "\f16d"
}

.mgn-footer .youtube:before {
    content: "\f167"
}

.mgn-footer .twtter:before{
    content: "\f099";
}
.mgn-footer .linkedin:before{
    content: "\f0e1";
}

.footer-top {
    background: #191b1d;
    padding: 20px 0;
    line-height: 28px
}

.footer-top .row .container {
    display: flex;
    padding: 16px
}

.footer-top .row .container .col-6 {
    padding: 0
}

.footer-top .row .container:first-child .col-6 {
    position: relative
}

.footer-top .title,
.footer-top .time,
.footer-top .phone a {
    display: inline-block;
    color: #fff
}

.footer-top .title {
    margin: 0;
    line-height: 28px;
    font-weight: 700
}

.footer-top .time {
    font-size: 14px;
    margin: 0;
    line-height: 24px;
    opacity: .8
}

.footer-top .phone {
    float: left;
    line-height: 32px;
    font-size: 24px;
    margin-top: 0;
    margin-left: 10px;
    display: flex;
    align-items: center;
    height: 100%
}

.footer-top .phone a {
    font-size: 24px
}

.footer-top .phone .btn {
    background: #fff
}

.footer-mid {
    padding: 60px 0 20px;
    background: #24272a
}

.footer-mid .content.links {
    margin-bottom: 20px
}

.footer-mid .content.links a {
    display: block;
    line-height: 38px;
    padding: 0;
    vertical-align: top;
    color: #f2f2f2;
    opacity: .8
}

.footer-mid .content.links a:hover {
    text-decoration: underline
}

.footer-mid .content.icons {
    margin-bottom: 32px
}

.footer-mid .second-column .drop-menu,
.footer-mid .third-column .drop-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px
}

.footer-mid .second-column .title,
.footer-mid .third-column .title {
    padding: 0 0 10px;
    margin-bottom: 0;
    position: relative;
    width: 100%
}

.footer-mid .second-column .content,
.footer-mid .third-column .content {
    padding-top: 0;
    padding-bottom: 20px;
    margin-bottom: 0;
    width: 100%
}

.footer-mid .payment-method {
    margin-top: 6px
}

.footer-mid .payment-method .title {
    margin-bottom: 5px
}

.footer-mid .first-column {
    padding-right: 20px
}

.footer-mid .first-column .nav-toggle {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.footer-mid .first-column .logo {
    width: 100%;
    max-width: unset;
    margin-bottom: 15px;
    padding: 0
}

.footer-mid .first-column .logo img {
    max-height: unset;
    max-width: unset
}

.footer-mid .first-column p {
    line-height: 24px;
    margin-bottom: 12px
}

.footer-mid .first-column p b {
    color: #fff;
    font-weight: 500
}

.footer-mid .first-column .bo-cong-thuong {
    max-width: 135px;
    margin-top: 37px;
    margin-bottom: 10px
}

.footer-mid .fourth-column {
    display: flex;
    flex-direction: column
}

.footer-mid .fourth-column .newsletters {
    position: relative;
    border: 1px solid #f2f2f2;
    padding: 10px;
    margin-bottom: 40px;
}

#newsletter-validate-detail {
    position: relative;
}

.footer-mid .fourth-column .newsletters p,
.footer-mid .fourth-column .newsletters span {
    font-size: 14px;
    line-height: 24px;
    color: #f2f2f2;
    opacity: .8
}

.footer-mid .fourth-column .newsletters span {
    font-size: 13px;
    font-weight: 600;
    color: #f2f2f2;
    width: 100%;
}

.footer-mid .fourth-column .newsletters input+span {
    font-size: 12px;
    font-weight: 400
}

.footer-mid .fourth-column .newsletters .title:first-child {
    margin-bottom: 7px
}

.footer-mid .fourth-column .block.newsletter {
    width: 100%;
    max-width: unset;
    margin: 6px 0 0
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .control:before {
    content: ""
}

.footer-mid .fourth-column .block.newsletter .form.subscribe label {
    display: block
}

.footer-mid .fourth-column .block.newsletter .form.subscribe input {
    padding: 10px;
    height: 40px;
    border-radius: 0;
    border: solid 1px #f2f2f2;
    background-color: #fff;
    max-width: unset;
    width: 100%
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .action.subscribe {
    box-shadow: none;
    background: #fddc00;
    height: 40px;
    position: absolute;
    margin: 0;
    padding: 0 12px;
    border: none;
    bottom: 0px;
    right: 0px;
    border-radius: 0 !important
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .action.subscribe span {
    color: #161616;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: normal
}

.footer-mid .fourth-column .block.newsletter .form.subscribe .mage-error[generated] {
    color: #5a0009
}

.footer-bottom {
    border: none;
    background: #161616;
    padding: 0
}

.footer-bottom .col-lg-12 {
    padding: 0
}

.footer-bottom #back-to-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    background: #ececec;
    font-weight: 700;
    color: #010101;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 17%;
    right: 20px;
    z-index: 999;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out 0s;
    cursor: pointer
}

.footer-bottom #back-to-top:before {
    font-weight: 900;
    font-family: 'Line Awesome Free';
    content: "\f062";
    color: #010101;
    font-size: 23px
}

.footer-bottom #back-to-top.active {
    bottom: 18%;
    opacity: 1;
    visibility: visible
}

.footer-bottom .block-copyright {
    min-height: 48px;
    padding: 10px 0;
    line-height: 30px
}

.footer-bottom .copyright,
.footer-bottom span {
    color: #f2f2f2;
    font-weight: 600;
    line-height: 24px;
}
.single_description{
    padding: 8px;
}
.listCategoryNew li.item-cate-new{
    padding-bottom: 5px;
}
.listCategoryNew li.item-cate-new a{
    font-weight: 500;
    font-size: 18px;
}
#search_mini_form {
    position: relative;
}

#search_mini_form .actions {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: 100%;
}

.autocomplete-center .block.block-title {
    display: none
}

.nav_login_resign_group_header li.customer-icon .user_text span {
    text-transform: capitalize;
    color: #fff;
    position: relative;
    top: -3px;
}
.message {
    position: fixed;
    bottom: 75px;
    right: 15px;
    z-index: 999;
}
.message a {
    display: flex;
    margin-right: 12px;
}
.message i {
    font-style: normal;
    background: 0 0;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    border: 2px solid #339bef;
    position: relative;
    flex: 0 0 48px;
}
.message i img {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;
    display: block;
    margin-top: 8px;
    margin-left: 8px;
}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
@keyframes spread {
  0% { box-shadow: 0 0 0 0 rgba(255,255,255,1); }
  1% { box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
  3% { box-shadow: 0 0 0 4px rgba(255,255,255,.8); }
  5% { box-shadow: 0 0 0 6px rgba(255,255,255,.7); }
  7% { box-shadow: 0 0 0 8px rgba(255,255,255,.6); }
  9% { box-shadow: 0 0 0 10px rgba(255,255,255,.5), 0 0 0 0 rgba(255,255,255,0); }
  11% { box-shadow: 0 0 0 12px rgba(255,255,255,.4), 0 0 0 4px rgba(255,255,255,.2); }
  13% { box-shadow: 0 0 0 14px rgba(255,255,255,.3), 0 0 0 6px rgba(255,255,255,.2);}
  15% { box-shadow: 0 0 0 16px rgba(255,255,255,.2), 0 0 0 8px rgba(255,255,255,.2);; }
  17% { box-shadow: 0 0 0 18px rgba(255,255,255,.1), 0 0 0 10px rgba(255,255,255,.2);; }
  19% { box-shadow: 0 0 0 20px rgba(255,255,255,0), 0 0 0 18px rgba(255,255,255,0);; }

  21% { box-shadow: 0 0 0 0 rgba(255,255,255,1); }
  23% { box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
  25% { box-shadow: 0 0 0 4px rgba(255,255,255,.8); }
  27% { box-shadow: 0 0 0 6px rgba(255,255,255,.7); }
  29% { box-shadow: 0 0 0 8px rgba(255,255,255,.6); }
  31% { box-shadow: 0 0 0 10px rgba(255,255,255,.5), 0 0 0 0 rgba(255,255,255,0); }
  33% { box-shadow: 0 0 0 12px rgba(255,255,255,.4), 0 0 0 4px rgba(255,255,255,.2); }
  35% { box-shadow: 0 0 0 14px rgba(255,255,255,.3), 0 0 0 6px rgba(255,255,255,.2);}
  37% { box-shadow: 0 0 0 16px rgba(255,255,255,.2), 0 0 0 8px rgba(255,255,255,.2);; }
  39% { box-shadow: 0 0 0 18px rgba(255,255,255,.1), 0 0 0 10px rgba(255,255,255,.2);; }
  41% { box-shadow: 0 0 0 20px rgba(255,255,255,0), 0 0 0 18px rgba(255,255,255,0);; }

  43% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}
@keyframes float {
    0% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    50% {
        transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }
    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
}

/*@font-face{
    font-family:'Line Awesome Free';
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url(fonts/la-regular-400.eot);
    src:url(fonts/la-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/la-regular-400.woff2) format("woff2"),url(fonts/la-regular-400.woff) format("woff"),url(fonts/la-regular-400.ttf) format("truetype"),url(fonts/la-regular-400.svg#lineawesome) format("svg")
    }*/

    .lar {
        font-family: 'Line Awesome Free';
        font-weight: 400
    }


/*@font-face{
    font-family:'Line Awesome Free';
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url(fonts/la-solid-900.eot);
    src:url(fonts/la-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/la-solid-900.woff2) format("woff2"),url(fonts/la-solid-900.woff) format("woff"),url(fonts/la-solid-900.ttf) format("truetype"),url(fonts/la-solid-900.svg#lineawesome) format("svg")
    }*/

    .la,
    .las {
        font-family: 'Line Awesome Free';
        font-weight: 900
    }

    .page-bottom {
        margin-bottom: -30px;
    }


/*@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-Regular.ttf") format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-Medium.ttf") format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-MediumItalic.ttf") format('truetype');
    font-weight:500;
    font-style:italic
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-SemiBold.ttf") format('truetype');
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-SemiBoldItalic.ttf") format('truetype');
    font-weight:600;
    font-style:italic
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-Bold.ttf") format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Archivo;
    font-display:swap;
    src:url("fonts/Archivo-BoldItalic.ttf") format('truetype');
    font-weight:700;
    font-style:italic
    }*/

    #home-slider-sync1 {
        margin-bottom: 24px;
    }

    .banner-top {
        margin-bottom: 24px;
    }

    .home-category-boxes .box-item {
        width: calc(33.3% - 0px);
        box-sizing: border-box;
        padding: 0 12px;
    }

    .home-category-boxes {
        margin: 0 -12px;
    }

    .home-category-boxes .box-item img {
        width: 100%;
    }

    .product-tabs .list-title {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 20px
    }

    .product-tabs .list-title li {
        float: none;
        display: inline-block;
        text-transform: uppercase;
        vertical-align: middle;
        position: relative;
        margin: 0 12px 0 0;
        font-weight: 400;
        font-size: 14px
    }

    .product-tabs .list-title li:last-child {
        margin: 0 28px 0 0
    }

    .product-tabs .list-title li.is-active button,
    .product-tabs .list-title li.is-active .cart.table-wrapper .actions-toolbar>.action,
    .product-tabs .list-title li.is-active .action-gift {
        background: #e2e2e2;
        border-color: #e2e2e2
    }

    .product-tabs .list-title li button,
    .product-tabs .list-title li .cart.table-wrapper .actions-toolbar>.action,
    .product-tabs .list-title li .action-gift {
        border: 1px solid #e0e0e0;
        padding: 8px 10px
    }

    .product-tabs .list-title li .switch {
        color: #010101;
        font-weight: 400
    }

    .product-tabs .list-title li .switch,
    .product-tabs .list-title li .switch:visited {
        border: none;
        background: 0 0
    }

    .product-tabs .list-title li[aria-selected=true] button,
    .product-tabs .list-title li[aria-selected=true] .cart.table-wrapper .actions-toolbar>.action,
    .product-tabs .list-title li[aria-selected=true] .action-gift {
        background: #e2e2e2
    }

    .product-tabs .list-title li:hover:before {
        left: 0;
        width: 100%
    }

    .product-tabs .list-title li:hover .switch {
        color: #000
    }

    .product-tabs .list-title li.active .switch {
        color: #000
    }

    .cms-index-index .view-other-products a {
        font-weight: 600;
        font-size: 12px;
        line-height: 24px;
        color: #010101;
        position: relative;
        text-transform: initial;
        letter-spacing: .02em;
    }

    .list-item-home-link a {
        padding: 0 15px;
        border-right: 1px solid;
        color: #222;
        font-size: 13px;
    }

    .list-item-home-link a:hover {
        text-decoration: underline;
    }

    .view-other-products {
        position: relative;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        opacity: 1;
    }

    .view-other-products .view-all-item {
        color: #666666;
    }

    .view-other-products .view-all-item:after {
        content: "";
        width: 21px;
        height: 12px;
        background: url("https://hoang-phuc.com/static/version1602878525/frontend/Magenest/hp-desktop/vi_VN/images/icons/vector-small.png") no-repeat;
        position: absolute;
        right: -33px;
        top: 4px
    }

    .product-item * {
        transition: .3s all ease
    }

    .product-item .product-item-photo {
        display: block;
        width: 100%;
        padding: 0;
        position: relative
    }

    .product-item .product-item-info {
        width: 100%;
        position: relative;
        margin-right: 0
    }

    .product-item .product-item-info .product-image-photo {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    .product-item .product-item-info .price-box {
        display: flex;
        margin: 5px 0 10px;
        align-items: flex-end;
        flex-wrap: wrap
    }

    .product-item .product-item-info .price {
        font-size: 18px;
        line-height: 1.33
    }

    .product-item .product-item-info .special-price,
    .product-item .product-item-info .normal-price {
        margin-right: 10px
    }

    .product-item .product-item-info .old-price .price {
        color: #828282;
        font-size: 14px;
        line-height: 1.43;
        text-decoration: line-through
    }

    .product-item .product-item-info .price-label {
        display: none
    }

    .product-item .product-item-info .product-item-link {
        color: #000;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 5px
    }

    .product-item .product-item-info .product-item-details>.product-reviews-summary,
    .product-item .product-item-info .product-item-details .product-item-inner {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .product-item .product-item-info .product-item-details .swatch-option {
        width: 32px;
        height: 24px
    }

    .products-grid .product-item {
        margin-bottom: 20px
    }

    .products-grid .product-item .product-item-details {
        position: relative !important
    }

    .products-grid .product-item .product-image-container {
        width: 100% !important
    }

    .products-grid .product-item .product-item-link {
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2
    }

    .products-grid .product-item .product-item-actions {
        margin: 0;
        display: flex;
        justify-content: space-between;
        transform: translateY(37px);
        background: #000;
        opacity: 0
    }

    .products-grid .product-item .product-item-actions .actions-primary,
    .products-grid .product-item .product-item-actions .action.tocart.primary {
        width: 100%
    }

    .products-grid .product-item .product-item-actions .actions-secondary .action {
        height: 100%
    }

    .products-grid .product-item .product-item-actions .actions-secondary .action.towishlist:before {
        content: '\e601'
    }

    .products-grid .product-item .product-item-actions .actions-secondary .action:before {
        font-size: 38px;
        color: #fff
    }

    .products-grid .product-item .product-item-actions .actions-secondary .action:hover:before {
        color: #ff4850
    }

    .products-grid .product-item:hover .product-item-inner .product-item-actions {
        transform: translateY(0);
        opacity: 1
    }

    .product-tabs .list-content .product-list-slider .view-other-products {
        visibility: hidden;
        position: absolute;
        right: 0;
        top: -54px
    }

    .product-tabs .list-content .product-list-slider[aria-hidden=false] {
        visibility: visible
    }

    .product-tabs .list-content .product-list-slider[aria-hidden=false] .view-other-products {
        visibility: visible
    }

    .product-tabs .list-content .product-list-slider .product-item {
        width: 282px !important
    }

    .product-tabs .list-content .product-list-slider .product-item:not(:first-child) {
        margin-left: 24px !important
    }

    .home-slider-box .col-slider {
        position: relative;
    }

    .home-slider-box .col-banner {
        padding-left: 24px;
        width: 34%;
    }

    .home-slider-box .home-banner-right .banner-top,
    .home-slider-box .home-banner-right .banner-bottom,
    .home-slider-box .home-banner-right .banner-bottoms {
        position: relative;
    }

    .label-product-detail .sticker-preview-top-left {
        position: absolute;
        top: 0;
        max-width: 56px;
        width: 56px;
        left: 0;
    }

    .product-item-info .text-block.image-text {
        font-size: 13px;
        color: rgb(255, 255, 255);
        top: 42%;
        left: 52%;
        transform: translate(-52%, -42%);
        position: absolute;
    }

    .product-category.product-tabs .tab-content {
        padding: 0 0px;
    }

    .product-category-top .nav-item .nav-link {
        border-radius: 0px;
        position: relative;
        border: unset;
        margin-right: 10px;
        font-weight: bold;
        color: #222;
    }

    .product-category-top {
        align-items: center;
        -webkit-align-items: center;
        margin-top: 50px;
        border-top: 2px solid #fddc00;
        border-bottom: 1px solid #8080802e;
        border-right: 1px solid #8080802e;
        padding: 0 40px 0 0;
    }

    .product-category-top .nav-tabs {
        border-bottom: 0px;
    }

    .widget-title {
        font-size: 20px;
        font-weight: unset;
        width: 288px;
        background: #010101;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 16px;
    }
    .widget-title a{
        color: #fddc00;
    }
    .widget-title a:hover{
        color: #fddc00;
        opacity: 0.8;
    }
    .nav-item .nav-item {
        position: relative;
    }
    .product-category-top .nav-item .nav-link.active {
        background: #e2e2e2;
    }

    .product-category-top .nav-item .nav-link.active:hover {
        background: #e2e2e2;
    }
    .product-category-top .nav-item .nav-link.active:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 10px;
        height: 6px;
        background: #000000;
        border-radius: 0px 0px 10px 10px;
    }

    .product-category.product-tabs .tab-content {
        margin-top: 20px;
    }

    .hp-uu-dai {
        position: relative;
        padding: 32px 0 10px;
        margin: 34px 0 16px;
        background: #f2f2f2;
    }

    .hp-uu-dai .title {
        position: absolute;
        top: -16px;
        left: 16px;
        padding: 4px 12px;
        border: 1px solid #010101;
        background: #010101;
        color: #fff;
    }

    .widget.block.block-static-block {
        margin-top: 20px;
    }

    .hp-uu-dai .content {
        margin: 0 16px;
    }

    .hp-uu-dai .content li {
        color: #010101;
        font-size: 14px;
        padding-left: 16px;
        margin-bottom: 12px;
        position: relative;
    }

    .box-tocart {
        margin: 20px 0;
    }

    .ul_quantity li:nth-child(2) .btn-quantity .fa,
    .ul_quantity li:nth-child(4) .btn-quantity .fa {
        color: #fff;
    }

    .ul_quantity li:nth-child(2) .btn-quantity,
    .ul_quantity li:nth-child(4) .btn-quantity {
        background: #000;
    }

    .breadcrumbs .items {
        font-size: 14px;
        color: #a3a3a3;
        margin: 0;
        display: flex;
        padding: 0;
        list-style: none none;
        align-items: center;
    }

    .breadcrumbs .items li.item.product {
        color: #000;
    }

    .product_detail.entry-single-content {
        box-shadow: none;
    }

    .catalog-product-view .breadcrumbs .items .item {
        display: unset;
    }

    .breadcrumbs.container {
        border-bottom: 1px solid;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

    .breadcrumbs .item:not(:last-child):after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: 18px;
        content: '\e608';
        font-family: 'icons-blank-theme';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: 400;
        overflow: hidden;
        speak: none;
        text-align: center;
    }

    .hp-uu-dai .title .fas {
        margin-right: 10px;
    }

    .breadcrumbs .item:not(:last-child):after {
        margin: 0 5px;
        font-size: 14px;
        content: '/';
        font-family: inherit;
    }
    .nav_menu_mobile{
        display: none;
    }
    #primary_menu-mobile-id li{
        display: block;
        width: 100%;
        position: relative;
    }
    #primary_menu-mobile-id li .touch-button {
        position: absolute;
        top: 10px;
        right: 5px;
        width: 20px;
        height: 20px;
    }
    #primary_menu-mobile-id li .touch-button .navicon{
        font-size: 0;
        position: relative;
        width: 20px;
        height: 20px;
    }
    #primary_menu-mobile-id li .touch-button .navicon:before {
        content: "\f078";
        position: absolute;
        width: 20px;
        height: 20px;
        font-size: 17px;
        font-family: 'Font Awesome 5 Free';
        line-height: 20px;
        font-weight: bold;
        color: #000;
        text-align: center;
        font-style: normal;
    }
    #primary_menu-mobile-id li a{
        padding: 10px 25px 10px 8px;
    }
    #primary_menu-mobile-id li .sub-menu li a{
        padding-left: 15px
    }
    #primary_menu-mobile-id li .sub-menu li .sub-menu li a{
        padding-left: 20px
    }
    #primary_menu-mobile-id li .sub-menu{
        background: #f2f2f2;
    }
    #primary_menu-mobile-id li .sub-menu li .sub-menu{
        background: #bebebe;
    }
    .rate{
      position: relative;
  }
  .rate-start i.fas.fa-star{
      color: #f7b003 !important;
      font-size: 20px;
  }
  .rate-progress-bar{
      background: #71747159;
      display: block;
      height: 10px;
      width: 258px;
      position:absolute;
      left: 33px;
      top: 4px;
      border-radius: 4px;
  }

  .rate-progress-bar .full{
      background: #00000070 !important;
      width: 50%;
      height:10px;
      border-radius: 4px;
  }

  .rate-num{
      /* float: left; */
      position: absolute;
      left: 300px;
      top: -4px;
  }

  .avg-num{
      font-size: 71px;
      height: 91px;
      color: #00000070;
  }

  .avt-user-danhgia{
      width:30px;
      height: 30px;
      border-radius: 50%;
      object-fit: cover;
      float: left;
  }

  .name-user-danhgia{
      margin-left: 38px;
  }

  .row-formnhanxet-hienra{
      display: block !important;
  }

  .start02-hienra{
      color: #f7b003;
  }
  .wrap-rating-pro {
    background: #fff;
    margin-top: 50px;
    padding: 15px;
}
.wrap-rate-form{
    padding: 50px 0;
}
.start02{
    cursor: pointer;
}
.row-form-rate{
    padding: 50px 0;
}
.row-form-rate{
    display: none;
}
.row-form-rate-show{
    display: block;
}
.icon-show-rating{
    font-size: 20px;
    margin-right: 5px;
}
.cont-show-rating{
    padding-left: 20px;
}
.show-rating{
    margin-top:50px;
}
.item-cont-rating {
    margin-bottom: 20px;
}
.page_maplist{
    padding: 50px 0;
}
.maplist_address{
    text-align: center;
    padding-bottom: 12px;
    font-size: 16px;
}
.maplist_iframe iframe{
    display: block;
    width: 100%;
}
h1.title_product{
    font-size: 34px;
}

/*new style =====================================*/
.menu_mobile_header{
    display: none;
}
/*end new style*/
/*===============================================*/
@media (min-width: 1500px) {
    .p-container {
        max-width: 1400px;
    }
}

@media (min-width: 1400px) {
    .p-container {
        max-width: 1300px;
    }
}

@media (min-width: 1300px) {
    .p-container {
        max-width: 1200px;
    }
}

@media screen and (max-width:1199px) {
    .flash_sale_home .product-item {
        width: 20%;
        float: left;
    }
    #Offer_Home .product-item {
        width: 20%;
        float: left;
    }
    .list_theme_category .col-lg-5ths {
        width: 20%;
        float: left;
    }
    .block-search {
        max-width: 250px;
        margin: 0 15px;
    }
    .page-header .logo{
        width: 156px;
        margin: 0;
    }
    .page-header .logo img {
        max-width: 150px;
    }

    .nav_login_resign_group_header li.customer-icon .user_text{
        padding: 0;
    }
    .nav_login_resign_group_header{
        margin-left: 0;
    }
    .block-search .block-content:before{
        padding: 0 10px;
    }
    .block-search .actions .action.search {
        padding: 13.5px 8px;
        min-width: 80px;
    }
    .block-search .control input{
        margin-right: 80px;
        padding: 10px 10px 10px 35px;
    }
    .nav_login_resign_group_header li.customer-icon{
        position: relative;
        padding: 5px 0px 5px 0;
        font-weight: 500;
    }
}

@media screen and (max-width:1100px) {
    .nav-main ul.main-menu>li.has_level1 {
        padding-right: 8px;
    }
    .nav-main ul.main-menu>li.has_level1>a:before {
        right: 0;
    }
}

@media screen and (max-width:991px) {
    .top_header_mobile{
        display: block;
        width: 100%;
    }
    header.header_site{
        /*position: fixed;
        width: 100%;*/
        /*height: 113px;*/
    }
    .block-search {
        max-width: 100%;
        margin: 0;
        display: block;
        width: 100%;
        padding: 0px 15px 6px;
        background: #000;
    }
    .block-search .control input {
        padding: 5px 10px 5px 35px;
        height: 35px;
    }
    .block-search .block-content:before{
        line-height: 35px;
    }
    .block-search .actions .action.search {
        padding: 0 8px;
        height: 35px;
    }
    .free_delivery{
        padding: 3px 15px;
    }
    .free_delivery p {
        font-size: 13px;
    }
    .free_delivery .icon img{
        max-width: 18px;
    }
    .header3 .top_header {
        height: 45px;
        background: #000;
    }
    .header3 .top_header>.container,
    .header3 .top_header>.container>.header_head_group {
        height: 100%;
    }
    .header3 .header_bottom.page-header {
        display: none
    }
    .header_head_group .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .menu_mobile_header {
        margin: 0px !important;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 15px;
        display: block;
        z-index: 10;
        padding: 0;
        background: #31312e;
        border: none;
    }
    .top_header .logo-page {
        z-index: 8;
        margin: 0 auto;
        padding: 5px 0;
    }
    .bar1,
    .bar2,
    .bar3 {
        background-color: #fff;
        display: block;
        height: 3px;
        margin: 4px 0;
        transition: all 0.4s ease 0s;
        width: 23px;
    }
    .menu-active .bar2 {
        opacity: 0;
    }
    .menu-active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3px, 3px);
        transform: rotate(-45deg) translate(-3px, 3px);
    }
    .menu-active .bar3 {
        -webkit-transform: rotate(45deg) translate(-7px, -7px);
        transform: rotate(45deg) translate(-7px, -7px);
    }
    .nav_menu_mobile{
        display: block;
    }
    .logo_menu_mobile a {
        padding: 8px !important;
    }
    .mobile_menu .block-title {
        padding: 8px;
        background: #000 !important;
        text-align: center;
    }
    .mobile_menu .block-title span {
        color: #FFFFFF;
        font: 300 13px/1.35 Roboto, sans-serif;
    }
    .mobile_menu .block-title .nb_account {
        padding: 12px 0px 0px 0px;
        text-align: center;
    }
    .mobile_menu .block-title .nb_account a {
        padding: 3px 10px 3px 10px;
        border: 1px solid #ffffff;
        color: #ffffff;
    }
    .mobile_menu .block-title .nb_account .nb_account_space {
        padding: 0px 8px 0px 8px;
    }
    .logo_menu_mobile img {
        display: block;
        margin: 0 auto;
    }
    .flash_sale_home .product-item {
        width: 50%;
        float: left;
    }
    ul#primary_menu_top>li>a {
        padding: 10px 12px;
    }
    #Selling_Home .product-item .pro-info {
        padding: 8px 15px;
    }
    .footer-top .tong-dai-ho-tro{
        padding-bottom: 25px;
    }
    .footer-mid{
        padding: 30px 0 20px;
    }
    .home-slider-box .home-banner-right .banner-top, .home-slider-box .home-banner-right .banner-bottoms{
        width: calc(50% - 5px);
        float: left;
        padding: 0 5px;
    }
}

@media screen and (max-width:768px) {
    .name-product{
        font-size: 15px;
    }
    .normal-price{
        font-size: 16px;
    }
    h1.title_product{
        font-size: 18pt;
        font-weight: 500;
        margin: 0 15px;
    }
    .details-sumary table {
        width: 100% !important;
    }
    .col-maplist{
        margin-bottom: 15px;
    }
    .footer-mid .content.links a{
        line-height: 26px;
    }
    .home-slider-box .col-slider{
        width: 100%;
    }
    .home-slider-box .col-banner {
        width: 100%;
        display: block;
        padding-left: 0;
    }
    .product-category-top {
        margin-top: 30px;
    }
    .home-slider-box {
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .view-other-products {
        display: none;
    }
    .product-tabs .list-content .product-list-slider .product-item:not(:first-child) {
        margin-left: 0px !important;
    }
    .product-tabs .list-content .product-list-slider .product-item {
        width: calc(50% - 10px) !important;
    }
    .widget-title {
        font-size: 15px;
        width: 150px;
        padding: 3px 15px;
        margin-right: 5px;
    }
    .product-category-top .nav-item .nav-link {
        margin-right: 0;
        padding: 5px 5px;
        font-size: 13px;
    }
    .product-category-top{
        padding: 0;
    }
    .box {
        padding: 5px;
    }
    header.header_site .top_bar {
        display: none;
    }
    .container_theme_category ul.list_child {
        display: none;
    }
    .container_theme_category h1 {
        font-size: 20px;
    }
    body.cbp-spmenu,
    body.cbp-spmenu-push {
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
    }
    .form_content_regis_email {
        width: 100%;
    }
    .data_detail_ingredients {
        height: auto;
    }
    .container_releated_single h3.title,
    .history_container_read_product h3.top_title {
        font-size: 18px;
    }
    #product-attribute-specs-table tbody {
        display: block;
    }
    .detail_product_tab_view .table_view_details_pr {
        padding: 0;
    }
    #flash_sale_home .price-box .box_price_item .old-price,
    #flash_sale_home .price-box .box_price_item .special-price {
        display: inline-block;
        text-align: left;
    }
    .product_item_flash_group {
        padding: 15px 7.5px;
    }
    .ctrlq.fb-button {
        width: 47px !important;
        height: 47px !important;
    }
    .list_theme_category .col-lg-5ths {
        width: 50%;
        float: left;
    }
    .content_group_offer_view h2.title {
        font-size: 20px;
        padding-left: 15px;
    }
    .content_group_selling_view,
    .content_group_offer_view {
        padding: 15px 5px;
    }
    #Offer_Home .product-item {
        width: 50%;
    }
    .info_company_footer .content_middle_item .address_end,
    .info_company_footer .content_middle_item .hotline_end {
        width: 100%;
    }
    .info_company_footer .content_middle_item .hotline_end {
        padding-top: 15px;
    }
    .icon_search_mobi {
        position: absolute;
        top: 50%;
        right: 45px;
        transform: translateY(-50%);
    }
    .btn-search-mobi {
        padding: 6px;
        background: #FFF;
        color: #000;
        font-size: 24px;
        cursor: pointer;
    }
    .header_head_group {
        margin: 0 -16px;
    }
    .header_head_group .box_search_header {
        display: block;
        margin-left: 0;
        position: absolute;
        width: 100%;
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 999;
        height: 50px;
        background: #FFF;
        padding: 0 10px;
        border-radius: 0px 0px 5px 5px;
    }
    .header_head_group .box_search_header .form-search {
        width: 100%;
        padding: 10px 0;
        position: inherit;
        top: inherit;
        transform: none;
    }
    .form-search input#search,
    .form-search input#search_input {
        height: 35px;
    }
    .box_search_header button {
        height: 35px;
        bottom: 0;
    }
    #top_home_slider .container {
        padding-left: 0;
        padding-right: 0;
    }
    .page_home_top_hor .slider_home {
        padding: 0 0 15px;
    }
    .page_home_top_hor .load_ads_top_hor {
        padding-right: 0;
    }
    .content_slider_group_home {
        padding: 0;
    }
    #flash_sale_home h2 {
        font-size: 26px;
        padding: 20px 0;
    }
    .product_list_flash_sale .product-item {
        width: 50%;
        margin-bottom: 20px;
    }
    #flash_sale_home .price-box .box_price_item {
        padding-right: 0;
    }
    #flash_sale_home .price-box .tbl_add_cart {
        position: relative;
        max-width: 100px;
        top: inherit;
        transform: none;
        right: inherit;
    }
    .container_selling_sale .product-item {
        display: inline-block;
        width: 50%;
    }
    #top_home_slider .container_left {
        display: none;
    }
    #top_home_slider .container_right {
        width: 100%;
    }
    .header_head_group .logo-page img {
        max-width: 130px;
    }
    .nav_login_resign_group_header li.customer-icon {
        display: none;
    }
    .top_header .menu-top-right {
        display: none;
    }
    .nav_top_bar {
        display: none;
    }
    .nav_login_resign_group_header li.customer-icon .user_text {
        display: none;
    }
    .nav_login_resign_group_header li.customer-icon a img,
    .nav_login_resign_group_header li.customer-icon a i {
        position: relative;
        left: inherit;
        top: inherit;
        transform: none;
    }
    .nav_login_resign_group_header li.customer-icon a img {
        width: 28px;
    }
    .menu_primary {
        display: none;
    }
    .search_on_mobi .input-group {
        width: 100%;
    }
    .search_on_mobi .form-search input#search_input {
        width: calc(100% - 105px);
        display: inline-block;
        padding: 12px;
    }
    .search_on_mobi {
        padding: 5px 0 10px;
    }
    .box_search_header button {
        display: inline-block;
        position: relative;
    }
    .choose_color,
    .choose_variable {
        display: flex;
        flex-wrap: wrap;
    }
    .slide-page .slick-dots {
        display: flex !important;
        bottom: -10px;
    }
    .form_customer {
        padding-top: 25px;
    }

    /* .home_slider_products .slick-arrow, .home_read_products_session .slick-arrow,  */
    #xzoom-img {
        float: inherit !important;
        padding: 0 10px !important;
    }
    #xzoom-thumbs{
        padding: 0 10px !important;
    }
    .col-lag-new_index .asolus_title {
        position: relative;
        left: inherit;
        right: inherit;
        bottom: inherit;
        margin: 5px 0;
    }
    .col-lag-new_index .asolus_title h2 {
        display: none;
    }
    .col-lag-new_index .asolus_title h3 a {
        color: #333;
    }
    .page-site {
        overflow: hidden;
        width: 100%;
    }
    .info-qty .qty-val {
        padding: 0px;
    }
    .info-qty .qty-down,
    .info-qty .qty-up {
        width: 30px;
    }
    .xzoom-thumbs {
        display: flex;
        display: -ms-flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .xzoom-thumbs a {
        padding: 0 3px;
    }
    .details-sumary ul,
    .details-sumary ol {
        padding-left: 10px;
    }
    #my-cart-table {
        font-size: 12px;
    }
    .modal-body {
        overflow-x: scroll;
    }
    table th {
        font-size: 12px;
    }
    table th,
    table td {
        padding: 5px 5px !important;
    }
    .table_view_details_pr table th,
    .table_view_details_pr table td {
        padding: 5px 5px !important;
        display: block;
        width: 100%;
        text-align: left;
    }
    .menu-top-right li.my-card {
        width: 100%;
        display: block;
        text-align: left;
        padding: 0px;
    }


    .product_detail_header #fixed_content_detail_parent {
        padding-top: 15px;
    }
    #fixed_content_detail_parent {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    #fixed_content_detail .title_product_detail {
        margin-top: 0px;
        font-size: 16px;
    }
    #fixed_content_detail ul.price_single li .price2 {
        font-size: 15px;
    }
    .detail_product_tab_view h5.ingredients_title {
        font-size: 16px;
    }
    #fixed_content_detail {
        position: inherit !important;
        width: 100% !important;
        top: inherit !important;
        padding: 0 10px 15px;
    }
    .pc {
        display: none;
    }
    .mobile {
        display: block !important;
    }
    .details-sumary {
        font-size: 14px;
        padding: 5px 12px;
    }
    .details-sumary h3 {
        font-size: 18px;
    }
}

@media screen and (max-width:575px) {
    .form_user_cart label {
        text-align: left;
        padding-left: 15px;
    }

}

@media screen and (max-width:550px) {
    .home-slider-box .home-banner-right .banner-top, .home-slider-box .home-banner-right .banner-bottoms{
        width: 100%;
        float: inherit;
        padding: 6px 0 0 0;
    }
    .home-slider-box .home-banner-right .banner-top img, .home-slider-box .home-banner-right .banner-bottoms img{
        width: 100%;
        display: block;
    }
    .home-category-boxes .box-item {
        width: 100%;
        padding: 6px 0 0 0;
    }
    .home-category-boxes.flex-view{
        flex-wrap: wrap;
        margin: 0;
    }
    .content_group_selling_view h2.title {
        font-size: 20px;
    }
    .content_group_selling_view h2.title:before,
    .content_group_selling_view h2.title:after {
        width: 50px;
    }
}

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

@media screen and (max-width:380px) {
    .price_sale {
        font-size: 12px;
    }
    .current_price {
        font-size: 12px;
    }
    .ul_quantity>li:last-child {
        display: block;
        padding-top: 10px
    }
    .nav-tabs {
        border-bottom: none;
    }
    .tab-content {
        padding: 10px 15px 0 15px;
    }
    .container_selling_sale .special-price .price {
        font: 500 13px/1.35 Expro, sans-serif !important;
    }
}

@media screen and (max-width:360px) {
    .modal-popup-page {
        width: 18.75rem;
    }
}


/* Clearfix
-----------------------------------------*/


/*
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);


.container .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.container [class*="col-"] {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
*/

.clearfix,
.clear {
    zoom: 1;
}

.clearfix:after,
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.nav_menu_mobile_bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    transition: all 0.3s ease-in-out;   
}

.nav_menu_mobile_bg  .close-menu{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}