.mm-menu {
    z-index: 9999
}

.background-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.showText h1 {
    font-size: 24px;
    line-height: 35px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.showText h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.showText h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 10px;
}

.showText h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.showText p {
    /*    display: inline-block;*/
    display: block;
}

.width_custom {
    width: calc(100% * 2);
}

.width_custom .desc a {
    color: #f00
}

.showText h2 a {
    text-transform: capitalize;
    font-weight: 700;
    color: #2e2e2e
}

.tag-socical {
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.tag-socical .tag {
    float: left;
    margin: 0;
}

.tag-socical .tag .text {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.tag-socical .tag .text i {
    font-size: 20px;
    color: #818285;
}

.tag-socical .tag ul li a {
    font-size: 13px;
    padding: 7px 15px;
    color: #5f5f5f;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-weight: 500;
    background: #efefef;
    border-radius: 50px;
}

.tag-socical .tag ul li a:hover {
    color: #ffffff;
    background: var(--color-secondary);
}


/*-------- Custom --------*/
input.class_do:focus,
textarea.class_do:focus,
select.class_do:focus {
    border: 1px solid red !important;
    box-shadow: 0 0 2px red !important;
    -moz-box-shadow: 0 0 2px red !important;
    -webkit-box-shadow: 0 0 2px red !important;
    outline-color: red !important
}

.hidden {
    display: none !important;
}

.show {
    display: block !important;
}

.grid {
    display: grid !important;
    width: 100%
}

.inline {
    display: inline !important;
}

.inline_block {
    display: inline-block !important;
}

.cur,
.cursor {
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clr,
.clear {
    clear: both;
}

/*.dmd-phone {left: initial !important;bottom: 218px !important;right: 7px;height: auto !important;}*/
.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w140 {
    width: 140px;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.wfull {
    width: 100% !important
}

.fsize10 {
    font-size: 10px !important;
}

.fsize12 {
    font-size: 12px !important;
}

.fsize14 {
    font-size: 14px !important;
}

.fsize16 {
    font-size: 16px !important;
}

.fsize18 {
    font-size: 18px !important;
}

.fsize20 {
    font-size: 20px !important;
}

.fsize25 {
    font-size: 25px !important;
}

.fsize30 {
    font-size: 30px !important;
}

.fsize40 {
    font-size: 40px !important;
}

.fsize50 {
    font-size: 50px !important;
}

.fsize60 {
    font-size: 60px !important;
}

.padding0 {
    padding: 0px !important;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.paddingleft0 {
    padding-left: 0px !important;
}

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

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

.paddingleft15 {
    padding-left: 15px !important;
}

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

.paddingright0 {
    padding-right: 0px !important;
}

.paddingright5 {
    padding-right: 5px !important;
}

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

.paddingright15 {
    padding-right: 15px !important;
}

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

.paddingright25 {
    padding-right: 25px !important;
}

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

.paddingbottom0 {
    padding-bottom: 0px !important;
}

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

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

.paddingbottom15 {
    padding-bottom: 15px !important;
}

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

.paddingtop0 {
    padding-top: 0px !important;
}

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

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

.paddingtop15 {
    padding-top: 15px !important;
}

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

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

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

.paddingtop50 {
    padding-top: 50px !important;
}

.margin0 {
    margin: 0px !important;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin15 {
    margin: 15px;
}

.margin20 {
    margin: 20px;
}

.margin25 {
    margin: 25px;
}

.margin30 {
    margin: 30px;
}

.margintop0 {
    margin-top: 0px !important;
}

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

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

.margintop15 {
    margin-top: 15px !important;
}

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

.margintop25 {
    margin-top: 25px !important;
}

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

.marginleft0 {
    margin-left: 0px !important;
}

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

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

.marginleft15 {
    margin-left: 15px !important;
}

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

.marginleft25 {
    margin-left: 25px !important;
}

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

.marginright0 {
    margin-right: 0px !important;
}

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

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

.marginright15 {
    margin-right: 15px !important;
}

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

.marginright25 {
    margin-right: 25px !important;
}

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

.marginbottom0 {
    margin-bottom: 0px !important;
}

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

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

.marginbottom15 {
    margin-bottom: 15px !important;
}

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

.marginbottom25 {
    margin-bottom: 25px !important;
}

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

.marginauto {
    margin: 0 auto !important
}

.text_center {
    text-align: center !important;
}

.rong10 {
    width: 10px !important;
}

.rong12 {
    width: 12px !important;
}

.rong14 {
    width: 14px !important;
}

.rong16 {
    width: 16px !important;
}

.rong18 {
    width: 18px !important;
}

.rong20 {
    width: 20px !important;
}

.rong25 {
    width: 25px !important;
}

.rong30 {
    width: 30px !important;
}

.rong35 {
    width: 35px !important;
}

.rong40 {
    width: 40px !important;
}

.rong45 {
    width: 45px !important;
}

.rong50 {
    width: 50px !important;
}

.border_none {
    border: none !important;
}

.border_red {
    border: solid 1px #f73409 !important
}

.no_margin {
    margin: 0 !important;
}

.text_linethrough {
    text-decoration: line-through;
}

.blue {
    color: blue !important;
}

.red {
    color: red !important;
}

.cam {
    color: #000 !important;
}

.hong {
    color: #E71D66 !important
}

.trang {
    color: #fff !important
}

.den {
    color: #333 !important
}

.green {
    color: green !important
}

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

.color1 {
    color: var(--color-primary) !important;
}

.color2 {
    color: var(--color-secondary) !important;
}

.color3 {
    color: var(--color-thirdary) !important;
}

.bgcolor1 {
    background: var(--color-primary) !important;
}

.bgcolor2 {
    background: var(--color-secondary) !important;
}

.bgcolor3 {
    background: var(--color-thirdary) !important;
}

.bgtrang {
    background: #fff !important;
}

.bgcam {
    background: #000 !important
}

.bgxam {
    background: #eee !important;
}

.flex,
.flex_wrap,
.flex-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    display: -webkit-flex !important;
    -webkit-flex-wrap: wrap !important;
}

.menu_mb,
.cart_mb {
    display: none;
}

.search-empty {
    text-align: center;
    font-size: 20px;
    margin: 30px 0;
}

.dis_per {
    text-decoration: none !important;
    color: #f00 !important;
}

#sort {
    margin: 0 !important;
    background: none;
    padding: 10px 0;
    padding-top: 0
}

#sortby {
    height: 30px;
    background: #fff;
    color: #444;
    font-weight: 500;
    font-style: italic;
    padding: 0 5px;
}

#sort .left p {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px
}

.code {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.code span {
    position: absolute;
    right: 0;
    bottom: 8px;
    line-height: 42px;
    padding: 0 10px;
    font-weight: 700;
    z-index: 2;
    letter-spacing: 1px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    line-height: 0;
    padding-right: 10px;
    padding-top: 6px;
    line-height: 0;
    padding-right: 10px;
    padding-top: 6px !important;
    z-index: 1 !important;
}

.code span img {
    width: 100%;
    height: auto;
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

img#kytu_mail {
    display: inline;
}

.showText p a {
    font-weight: inherit;
    color: var(--color-primary);
    display: inline-block;
}

.showText p a:hover,
.showText p u {
    text-decoration: underline;
}

#back-top a svg {
    display: block;
    padding: 0;
    font-size: 30px;
    color: #fff;
}

.text_trans_ini {
    text-transform: initial;
}

.overflow_x {
    overflow-x: hidden
}

.font_weight_400 {
    font-weight: 400 !important
}

.font_weight_500 {
    font-weight: 500 !important
}

.font_weight_600 {
    font-weight: 600 !important
}

@keyframes nhapnhay {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.2
    }

    100% {
        opacity: 1
    }
}

#bridal_images .mousetrap {
    cursor: zoom-in !important;
}

input#ip_sentmail {
    text-transform: initial;
}

.showText img {
    max-width: 100%;
    width: revert-layer !important;
    margin: 0 auto;
    height: auto;
}

.showText iframe {
    max-width: 100%;
    width: revert-layer !important;
    margin: 0 auto;
    height: revert-layer !important;
}

.showText iframe#tiktok {
    min-height: 600px;
}

.showText ul {
    list-style: initial;
    padding-left: 20px;
}

.showText table,
.showText td,
.showText tr,
.showText th {
    border: 1px solid #999;
    max-width: 100%;
}

.showText th,
.showText td {
    text-align: left;
    padding: 15px;
    color: #1c1c1c;
}

.showText table caption {
    font-weight: 700;
    line-height: 32px;
    padding: 10px 0;
    text-transform: capitalize;
}

.showText table thead th {
    font-weight: 700;
    text-align: center;
    line-height: 25px;
}

.showText ul,
.showText ol {
    margin-bottom: 20px
}

/*banner img*/
.bannerInside,
.bannerMain,
.banner li {
    height: auto;
}

.banner img {
    width: 100%;
    height: auto;
    float: left;
}

/*End banner img*/
/*Nút Call mặc định - widget.css*/
.dmd-phone .hotline {
    font-family: 'Open Sans Condensed', Arial, Helvetica, Tahoma, sans-serif;
    color: #fff;
    font-size: 21px;
    position: fixed;
    background: #c70808;
    left: 80px;
    bottom: -4px;
    width: max-content;
    text-align: center;
    padding-left: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    line-height: 45px;
    padding-right: 20px;
    font-weight: normal;
}

.dmd-phone .hotline a {
    color: #fff;
}

.dmd-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    width: 120px;
    height: 120px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -40px;
    bottom: 42px
}

.dmd-phone.dmd-show {
    visibility: visible
}

.dmd-phone:hover {
    opacity: 1
}

.dmd-ph-circle {
    width: 120px;
    height: 120px;
    top: 40px;
    left: 40px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: dmd-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: dmd-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: dmd-circle-anim 1.2s infinite ease-in-out;
    -o-animation: dmd-circle-anim 1.2s infinite ease-in-out;
    animation: dmd-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dmd-phone:hover .dmd-ph-circle {
    border-color: #bf202f;
    opacity: .5
}

.dmd-phone.dmd-green:hover .dmd-ph-circle {
    border-color: #000;
    opacity: .5
}

.dmd-phone.dmd-green .dmd-ph-circle {
    border-color: red;
    opacity: .5
}

.dmd-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: 60px;
    left: 60px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: dmd-circle-fill-anim 2.3s infinite ease-in-out;
    animation: dmd-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dmd-phone:hover .dmd-ph-circle-fill {
    background-color: rgba(240, 95, 160, .5);
    background-color: #bf202f 9;
    opacity: .75 !important
}

.dmd-phone.dmd-green:hover .dmd-ph-circle-fill {
    background-color: #000;
    opacity: .75 !important
}

.dmd-phone.dmd-green .dmd-ph-circle-fill {
    background-color: red;
    opacity: 0 !important
}

.dmd-ph-img-circle {
    width: 40px;
    height: 40px;
    top: 80px;
    left: 80px;
    position: absolute;
    background: rgba(30, 30, 30, .1) 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 center center;
    -webkit-background-size: 80%;
    background-size: 80%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .9;
    -webkit-animation: dmd-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: dmd-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: dmd-circle-img-anim 1s infinite ease-in-out;
    -o-animation: dmd-circle-img-anim 1s infinite ease-in-out;
    animation: dmd-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.dmd-phone:hover .dmd-ph-img-circle {
    background-color: #bf202f
}

.dmd-phone.dmd-green:hover .dmd-ph-img-circle {
    background-color: #000
}

.dmd-phone.dmd-green .dmd-ph-img-circle {
    background-color: red
}

@-moz-keyframes dmd-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes dmd-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes dmd-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes dmd-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes dmd-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes dmd-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes dmd-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes dmd-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes dmd-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes dmd-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes dmd-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes dmd-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

/*Nút Call mặc định - widget.css*/
/*#rightNav*/
#rightNav {
    position: fixed;
    bottom: 158px;
    right: 5px;
    ;
    z-index: 9999
}

#rightNav a {
    display: block;
}

#rightNav img {
    float: left;
    margin-bottom: 10px;
    transition: all 0.5s;
}

#rightNav img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s;
}

/*End #rightNav*/
/*.rightNav*/
.rightNav {
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 100;
    padding: 0
}

.rightNav .button {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    padding-top: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #2e2e2e;
    text-decoration: none !important;
    font-size: 20px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.rightNav .button:hover>span {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    transform-origin: 0;
    opacity: 1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}

.rightNav .button>span {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    padding: 0 20px;
    background: #000;
    color: #fff;
    line-height: inherit;
    text-align: center;
    font-size: 13px;
    line-height: 50px;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    border-right: solid 1px #fff;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
}

.rightNav .button+.button {
    margin-top: 1px
}

.rightNav .button.color_linkedin {
    background: #0073b0
}

.rightNav .button.color_youtube {
    background: #f15a4b
}

.rightNav .button.color_facebook {
    background: #3a559f
}

.rightNav .button.color_instaram {
    background: #0078d7
}

.rightNav .button.color_messenger,
.rightNav .button.color_zalo {
    background: #007fff
}

.rightNav .button img {
    margin-top: 7px;
}

/*End .rightNav*/
/*Search Popup*/
#popup_search .search {
    position: relative;
    margin: 10px;
}

#popup_search .search a,
#popup_search .search .button {
    width: 40px;
    text-indent: -10000px;
    background: url(../images/search_white.png) no-repeat center 11px;
    float: right;
    border-left: 0px;
    height: 40px;
    background-size: 50%;
    background-color: var(--color-primary);
}

#popup_search .input_search {
    display: block;
    padding: 0px 15px;
    height: 40px;
    float: left;
    background: transparent;
    color: #666;
    border: none;
    font-size: 15px;
    line-height: 28px;
    /*    font-family: 'Playfair Display', serif;*/
    font-weight: 400;
    width: 92%;
    box-sizing: border-box;
}

#popup_search .input_search:focus {
    color: #000;
}

/*END Search Popup*/
/*Nút Button More*/
.button_more a {
    color: #fff;
    background-color: var(--color-primary);
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, .15);
    border-radius: 5px;
    margin-top: 15px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 25px 10px 25px;
    transition: .3s ease-out;
    text-transform: capitalize;
    display: inline-block;
}

.button_more a:hover {
    background: var(--color-secondary);
    color: #fff;
}

/*End Nút Button More*/
/*Ảnh-Video Content*/
.showText figure {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin: 20px 0;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease;
}

.showText figcaption {
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0;
    max-width: 800px;
    color: #555;
    background: #efefef;
}

.showText figure#video {
    position: relative;
}

.showText figure#video:before {
    content: "";
    position: absolute;
    background: url("../library/images/icon/youtube-circle.png");
    background-position: 50% 42%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.showText figure#video img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0d0d3c24;
    transition: .3s all ease;
    z-index: 0;
}

/*End -Video Content*/
/*Video Youtube*/
.showText #video_youtube {
    margin: 10px 0;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15);
    -webkit-transition: all .3s ease
}

/*End Video Youtube*/
/*Menu C2*/
.menu>li>ul ul {
    left: 103%;
    /*    top: 20%;*/
}

.menu>li>ul>li:hover {
    z-index: 3;
}

.menu>li>ul>li:hover>a {
    padding: 0 5px 0 25px;
    background: initial;
    border-color: initial;
}

.menu>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

.menu ul ul {
    position: absolute;
    top: 15px;
    left: 104%;
    width: auto;
    min-width: 140px;
    margin: 0;
    padding: 0;
    padding-top: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    display: block;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.4)
}

.menu ul li:hover ul {
    visibility: visible;
    opacity: 1
}

.menu ul li:hover ul li:hover {
    z-index: 3;
}

.menu ul li:hover ul li:hover>a {
    padding: 0 15px !important;
    /*background: rgba(255, 255, 255, 0.2);
    border-color: transparent;*/
}

/*.menu ul li ul:before {content: "";border: solid 7px transparent;border-right-color: #000;width: 0;height: 0;position: absolute;top: 12px;left: -14px;z-index: 2;}*/
.menu ul ul li {
    position: relative;
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 0 15px;
    background: #000;
}

.menu ul ul li:first-child {
    padding-top: 5px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
}

.menu ul ul li:last-child {
    padding-bottom: 5px;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
}

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

.menu ul ul li a {
    display: block;
    white-space: nowrap;
    color: inherit;
    line-height: 32px;
    background: rgba(255, 255, 255, 0);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    padding: 0 10px !important;
    text-decoration: none !important;
    text-transform: capitalize;
    font-size: 13px;
    text-align: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.menu>li ul>li>a .fa {
    position: initial;
    padding-left: 10px;
}

/*Menu C2*/
/*Menu Mobile*/
.menu_mb {
    right: 10px
}

.menu_mb .dl-trigger {
    text-align: center;
    font-size: 25px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    border: 1px solid rgba(253, 253, 253, .45);
    padding: 4px 10px 5px 10px;
    display: inline-block;
    position: absolute;
    top: 5px;
}

.menu_widget {
    display: none;
    width: 300px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    overflow-y: auto;
    max-height: 100%;
    height: 100%;
    padding: 10px;
    background: #000;
}

.menu_widget .closewindows {
    display: block !important;
    top: 0;
    right: 0;
    line-height: 20px;
    height: 24px;
    width: 24px;
    font-size: 18px
}

#menu_widget ul {
    margin-left: 10px;
    list-style: none
}

#menu_widget>ul {
    margin-left: 0
}

#menu_widget ul ul {
    display: none
}

#menu_widget ul li {
    font-size: 18px;
    line-height: 24px;
    margin: 18px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #666
}

#menu_widget ul li:last-child {
    margin-bottom: 0
}

#menu_widget>ul ul {
    margin-top: 15px;
    margin-bottom: -5px
}

#menu_widget>ul ul li {
    font-size: 17px;
    margin: 6px 0;
}

#menu_widget ul li a {
    color: #fff;
    font-weight: 600;
}

#menu_widget .icon_menu {
    color: #fff;
    float: right;
    width: 35px;
    text-align: right
}

/*End Menu Mobile*/
/*Phân trang*/
.phantrang {
    text-align: center;
    padding: 0px;
    margin: 20px 0
}

.phantrang a {
    font-size: 16px;
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 3px;
    line-height: 23px;
    height: 30px;
    width: 30px;
    table-layout: inherit;
    text-align: center;
    color: #000;
    background: transparent;
    text-decoration: none;
    font-weight: 400;
    background: #fff;
    border-radius: 3px;
    border: 1px solid;
}

.phantrang a.stay {
    /* background: #f68735; */
    /* color: #fff; */
    font-size: 13px;
    line-height: 24px;
}

.phantrang a.vuong2 {
    background: var(--color-primary);
    color: #fff
}

.phantrang a:hover {
    /*opacity: .8;*/
    background: var(--color-primary);
    color: #fff
}

.total_item_page {
    position: absolute;
    top: 4%;
    right: 0px;
    color: #999;
    font-size: 15px;
}

#search .total_item_page {
    top: 110px;
}

p.require {
    display: inline-block;
    color: red;
}

/*End Phân trang*/

/*Wishlist Chi tiết Sản Phẩm*/
.wishlist_link {
    text-align: center;
    border-top: 4px double #e0e0e0;
    padding-top: 5px
}

.wishlist_link ul {
    text-align: left
}

.wishlist_link ul li {
    display: inline-table;
    list-style: none;
    color: #323232;
    font-size: 17px;
    margin: 0 5px
}

.wishlist_link ul li a {
    color: #323232
}

.wishlist_link ul li a:hover {
    color: #363738
}

.wishlist_link ul li i {
    padding-right: 5px
}

/*End Wishlist Chi tiết Sản Phẩm*/
/*Ưu đãi Widget Chi tiết Sản Phẩm*/
.uudai_widget {
    margin: 5px 0;
    border: 1px dashed #ff4c3b
}

.uudai_widget .title {
    border-bottom: 1px dashed #ff4c3b;
    padding: 8px 10px;
    background: #ff4c3b;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 16px
}

.uudai_widget .content {
    padding: 10px 10px 5px 10px;
    background: #f5f5f5;
    font-size: 15px;
    color: #333
}

.uudai_widget .content li {
    list-style: none;
    line-height: 18px;
    margin-bottom: 5px
}

.uudai_widget .content a {
    color: #0e57b7
}

.uudai_widget .content a:hover {
    text-decoration: underline
}

/*End Ưu đãi Widget Chi tiết Sản Phẩm*/
/*Menu Account Show*/
.icon_user {
    height: 30px;
    list-style: none;
    position: relative;
    padding-right: 0px !important;
}

.icon_user .alert_num {
    position: absolute;
    left: 7px;
    top: 0px;
    padding: 0;
    text-align: center;
}

.icon_user .alert_num span {
    background: red;
    color: #fff !important;
    line-height: 12px;
    font-size: 11px !important;
    padding: 1px 2px;
    border-radius: 3px;
    height: 12px;
    display: block;
}

.icon_user p {
    line-height: 30px;
    display: inline;
    text-transform: capitalize;
}

.icon_user img {
    float: left;
    width: 25px !important;
    height: auto !important;
    border: solid #999 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px !important;
    background: #fff;
    padding: 1px;
    margin-top: 0 !important;
}

.login_popup {
    position: absolute;
    z-index: 99999;
    right: 0;
    top: 30px;
    font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif
}

.muitenlen {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ed3235
}

.question_in {
    border: 1px solid #ed3235;
    background: #FFF;
    width: 200px;
    border-radius: 7px 0 7px 7px
}

a.question_a,
a.question_a:link,
a.question_a:visited {
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px dotted #999;
    background: #FFF;
    outline: none !important;
    color: #ed3235 !important;
    text-decoration: none;
    box-sizing: border-box;
    padding: 10px;
    float: left;
    text-align: left;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 20px
}

a.question_a:hover {
    color: #fff !important;
    background: #ed3235;
    text-decoration: none !important
}

a.question_a svg {
    color: #ed3235;
}

a.question_a:hover svg {
    color: #fff;
}

/*End Menu Account Show*/
/*Cart*/
#full_content {
    width: 100%;
    border: solid #CCC 1px;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    box-sizing: border-box;
}

#cart_page {
    margin-bottom: 20px
}

.conten_page_sp {
    padding-top: 30px;
    padding-bottom: 30px;
}

.cart-sec {
    padding: 15px;
}

.cart-item {
    width: 9%;
    float: left;
    margin-right: 10px;
}

.cart-item img {
    width: 100%;
    float: left;
}

.cart-item-info {
    width: 100%;
    float: none;
    font-size: 15px;
}

.check {
    margin-top: 0;
    padding: 0;
}

.cart-item-info h3 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 5px;
}

.cart-item-info h3 a {
    font-weight: normal;
    color: #000;
    font-size: 18px;
}

.cart-item-info h3 a:hover {
    color: #363738;
}

.cart-item-info h3 span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin: 3px 0;
}

.size_3 {
    width: 100%;
}

span.tb_tong,
span.discount,
span.ship_cost {
    text-align: right;
}

.last_price span.tb_tongtien {
    float: right;
}

.delivery {
    margin-top: 5px;
}

.delivery p {
    color: #666;
    font-size: 15px;
    font-weight: 400;
}

.delivery span {
    color: #666;
    font-size: 1em;
    font-weight: bold;
    color: #f00;
}

.cart-item-info h4 span {
    font-size: 0.65em;
    font-weight: 400;
}

.close1,
.close2,
.close3,
.close4 {
    text-align: center;
    cursor: pointer;
    width: 20px;
    height: 22px;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.cart-header {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.cart-header path {
    color: red
}

a.order {
    background: #2e2e2e;
    padding: 8px 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
    text-transform: capitalize;
    border-radius: 5px;
}

a.order:hover {
    opacity: 0.8;
}

.total-item,
.cart-items {
    margin-top: 0em;
    padding-bottom: 2em;
}

.total-item h3 {
    color: #333;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.total-item h4 {
    font-size: 0.8em;
    font-weight: 600;
    color: #9C9C9C;
    display: inline-block;
    margin-right: 6em;
}

a.cpns {
    background: #EF5F21;
    color: #fff;
    font-family: 'Lato', sans-serif;
    padding: 10px;
    font-size: 0.8em;
    font-weight: 600;
}

a.cpns:hover {
    background: #000;
}

.total-item p {
    font-size: 0.9em;
    font-weight: 400;
    margin-top: 1em;
}

.total-item p a {
    color: #727272;
}

.total-item p a:hover {
    color: #000;
    text-decoration: underline;
}

a.continue {
    background: #000;
    padding: 8px 10px;
    /*font-family: 'Lato', sans-serif;*/
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    display: block;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
}

a.continue:hover {
    color: #fff;
    background: #ed1b24;
}

ul.total_price {
    padding: 0;
    margin: 10px 0 0 0;
    list-style: none;
}

ul.total_price li.last_price {
    width: 50%;
    float: left;
    font-size: 17px;
    color: #333;
}

ul.total_price li.last_price span {
    padding: 0;
    color: #f00;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.price-details {
    border-bottom: 1px solid #DDD9D9;
    padding-bottom: 10px;
}

.price-details h3 {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
}

.price-details span {
    width: 50%;
    float: left;
    color: #000;
    line-height: 30px;
    font-size: 17px;
}

.check h1 {
    font-size: 1.5em;
    margin-bottom: 2em;
    font-family: 'Lato', sans-serif;
}

.title_cart {
    text-transform: capitalize;
    color: #333;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 10px;
    font-weight: normal;
    margin-bottom: 10px;
    border-bottom: 4px double #ccc;
}

.refresh_form {
    line-height: 18px;
    text-align: right;
    font-size: 15px;
    color: blue;
    cursor: pointer;
}

a.item_add1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px 15px;
    background: url(0) #f54d56;
}

a.item_add1:hover {
    background: rgb(3, 193, 167);
    text-decoration: none;
    color: #fff;
}

.btn_5 {
    padding: 25px 40px;
    font-size: 1.1em;
}

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

ul.qty li {
    display: inline-block;
    margin-right: 2%;
}

ul.qty li:nth-child(3) {
    margin-right: 0;
}

ul.qty li p {
    font-size: 16px;
    color: #333;
    line-height: 25px;
}

ul.qty li p span {
    margin-right: 5px;
}

.col-md-9.cart-items {
    position: relative;
    min-height: 1px;
    float: left;
    width: 70%;
}

.col-md-4.cart-total {
    box-sizing: border-box;
    width: 28%;
    padding: 16px;
    float: right;
    position: relative;
    min-height: 1px;
    background: #fff;
    padding-top: 15px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

ul.qty input {
    width: 45px;
    text-align: center;
    padding: 5px;
}

.delivery p.left {
    float: left;
}

.delivery p.right {
    float: right;
}

.continue-shopping {
    padding-bottom: 30px;
}

#payment_method {
    float: left;
    width: 56%;
    margin-bottom: 30px;
}

#payment_method h3 {
    font-size: 16px;
    color: #00549d;
    font-weight: bold;
    padding-bottom: 0px;
}

#payment_method .payment_method_input {
    list-style: none;
    float: left;
    width: 100%;
    height: 25px;
    margin-bottom: 0px;
    cursor: pointer;
}

#payment_method .payment_method_input .radio_check {
    float: left;
    width: 20px;
}

.formBox #payment_method ul li input {
    border: solid 1px #E1E1E1;
    height: 38px;
    color: #999;
    padding: 0 10px 0 45px;
}

#cart_list td .pro_del {
    background: #1b1851;
    font-size: 13px;
    padding: 8px 14px;
    font-weight: normal;
    color: #fff;
}

#cart_list td .pro_del:hover,
.button a:hover,
.continue-shopping a:hover {
    background: #6f6d6d;
}

.button.cart {
    margin: 15px 0;
    text-align: center;
    margin-bottom: 50px;
}

.button a {
    line-height: 35px;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: lighter;
    background: #ffb700;
}

.cart-empty {
    text-align: center;
    font-size: 20px;
    color: red;
    padding-top: 30px;
}

.continue-shopping {
    text-align: center;
    margin-top: 25px;
}

.continue-shopping a {
    background: #363738;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.col-md-4.cart-total .sc_button {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 16px 30px;
    font-size: 14px;
    line-height: 20px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 3px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #2e2e2e;
    font-weight: 600;
    transition: color .33s cubic-bezier(.33, 0, .2, 1), fill .33s cubic-bezier(.33, 0, .2, 1), background .33s cubic-bezier(.33, 0, .2, 1);
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1), fill .33s cubic-bezier(.33, 0, .2, 1), background .33s cubic-bezier(.33, 0, .2, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px
}

.col-md-4.cart-total .sc_button:hover {
    opacity: 0.8;
}

.popup_giohang {
    text-align: left;
    max-height: 90vh;
    overflow: auto;
}

.cart_summary tr:first-child th,
.popup_giohang td:last-child,
.popup_giohang th:last-child {
    text-align: center !important;
}

.c-th-gia p {
    line-height: 20px;
    margin: 0
}

.c-th-gia .price_old b {
    color: #c1c1c1 !important;
    text-decoration: line-through;
    font-weight: 500
}

.cart_summary tr td {
    text-align: center;
}

.c-th-sp {
    text-align: left !important;
}

table .c-th-sp a:hover {
    color: #000
}

table .c-th-gia span {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 13px;
    text-decoration: line-through;
    display: block;
}

table .c-th-ttien b,
table .c-th-gia b {
    color: #ff0000;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
}

table .c-th-sp .ddsp,
.cart-item-info .ddsp {
    display: inline-block;
}

table .c-th-sp .ddsp p,
.cart-item-info .ddsp p {
    color: #333;
    line-height: 15px
}

table .c-th-gia,
table .c-th-ttien {
    width: 15%;
}

table .c-th-sluong {
    width: 10%;
}

.link_page.cart_page {
    border-bottom: none;
    background: #ececec;
}

.link_page.cart_page ul li {
    color: #333;
}

.link_page.cart_page ul li a {
    color: #333;
}

.link_page.cart_page ul li a:hover {
    color: #000;
}

/*End Cart*/
/*Checkout*/
.content_checkout h3.title {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    color: #363738;
    padding-bottom: 20px;
}

.content_checkout {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.content_checkout_two {
    display: table-header-group;
}

.content_checkout_firth .cart-header {
    float: left;
    width: 49.5%;
    margin-left: 0
}

.content_checkout_firth .cart-header:nth-child(2n+1) {
    margin-right: 10px;
}

.content_checkout_firth .cart-sec {
    padding: 10px;
}

.content_checkout_firth ul.qty li p {
    font-size: 16px;
}

.content_checkout_firth .cart-item.cyc {
    width: 14%;
    margin-right: 10px;
}

.content_checkout_firth .cart-item-info {
    width: 100%;
    float: none;
}

.content_checkout_firth #color {
    float: left;
    margin-right: 10px;
}

.content_checkout_firth #size {
    float: right;
}

/*.content_checkout_firth .cart-item-info h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}*/
.content_checkout_firth a.continue {
    width: 162px;
}

span.tb_tong,
span.discount,
span.ship_cost {
    float: right;
    text-align: right;
}

.last_price span.tb_tongtien {
    float: right;
}

.right_contact .cart-total {
    width: 100%;
    box-sizing: border-box;
}

.right_contact ul.total_price {
    box-shadow: none;
    border: none;
}

#payment_method {
    float: none;
    width: 100%;
    margin-bottom: 0;
}

#payment_method .payment_method_input span {
    position: initial;
    width: initial;
    float: left;
    margin: 0;
    width: 90%;
    background: none;
    font-weight: normal;
    color: #333;
}

#payment_method .content_payment {
    display: none;
    margin-top: 15px;
    width: 100%;
}

#payment_method .content_payment.show {
    display: inline-block;
}

#checkout .formBox .button {
    display: inline-block;
    float: none;
    margin-left: 0;
    margin-right: 10px;
}

#checkout .formBox li.code {
    display: none;
}

#payment_method li .showText {
    padding: 10px;
    border: 1px solid #1b1851;
    margin-left: 30px;
}

#payment_method li .showText p {
    line-height: 20px;
    padding-bottom: 5px;
    text-align: left;
}

#payment_method li .showText span {
    position: initial;
    line-height: initial;
    letter-spacing: initial;
    font-weight: initial;
    padding: 0;
}

#payment_method li .showText img {
    display: inline-block;
}

.submit_err {
    background-color: #acc9d147;
    border-color: #acc9d147;
    color: #1616d4;
    text-align: center;
}

.border_red {
    border: solid 1px #f73409 !important;
}

.btn--disabled {
    background: #e7eceb;
    color: #3c3a3a;
}

.btn--disabled:hover {
    background: #445e59;
    color: #fff;
}

/*End Checkout*/
/*Mã giảm giá*/
.coupon {
    margin-top: 10px;
}

.coupon a {
    line-height: 32px;
    text-transform: initial;
    font-size: 15px;
    padding: 5px 15px;
    ;
    margin-left: 0px;
    color: #FFF;
    background: #245dd5;
    white-space: nowrap;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.coupon a:hover {
    background: #234388;
}

#coupon,
#diemtl {
    width: 60%;
    display: inline-block;
    margin: 0 5px 10px 0;
}

.coupon-error,
.diemtl-error {
    color: red;
    display: inline-block;
    line-height: 22px;
    padding-top: 5px;
}

.coupon-success,
.diemtl-success {
    color: #004394;
    font-weight: bold;
    display: inline-block;
    line-height: 22px;
    padding-top: 5px;
}

.coupon span {
    display: inline-block;
    font-size: 14px;
    line-height: 22px
}

#diemtl_html ul.total_price {
    margin-top: 0
}

#diemtl_html ul.total_price li.last_price {
    margin-bottom: 0
}

#diemtl_html .tb_khautru {
    color: blue;
    font-size: 15px;
    letter-spacing: -1px
}

#diemtl_html .tb_khautru,
#diemtl_html .tb_thanhtien {
    text-align: right;
    display: block;
}

.title_tl {
    color: blue;
    line-height: 18px;
    border-top: 1px solid #DDD9D9;
    padding-top: 10px;
}

.coupon .form-control {
    display: block;
    width: 92%;
    height: 40px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*End Mã giảm giá*/
/*Phí vận chuyển*/
.select_local select {
    height: 46px;
    width: 48%;
    box-shadow: 0 0 0 1px #d9d9d9;
    transition: all 0.2s ease-out;
    background-color: white;
    color: #333333;
    border-radius: 4px;
    display: block;
    box-sizing: border-box;
    padding: 0.94em 2.8em 0.94em 0.8em;
    word-break: normal;
}

.select_local select:nth-child(1) {
    float: left;
}

.select_local select:nth-child(2) {
    float: right;
}

/*End Phí vận chuyển*/
#checkout .left_contact {
    float: left;
    width: 748px;
}

#checkout .right_contact {
    float: right;
    width: 450px;
}

#checkout .contact .left,
#checkout .contact .right {
    width: auto;
    float: none;
}

#checkout .contact .left input,
#checkout .contact .right input,
#checkout .contact .right textarea {
    width: 100%;
    box-sizing: border-box;
}

.note_cart {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
}

/*End Checkout*/
/*Order Info*/
#order_info {
    margin: 10px 0 0 0;
}

.order_info {
    margin-bottom: 30px;
}

.order_info h1,
.order_info h3,
.hoidap_title {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.order_info .left {
    width: 48%;
    float: left;
}

.order_info .right {
    width: 47%;
    float: right;
    padding-left: 30px;
    border-left: #ccc 2px solid;
    text-align: left;
}

.order_info p svg {
    color: #363738;
}

#ddsp p {
    font-size: 14px !important;
    width: 100px !important
}

/*Hỏi đáp đơn hàng*/
.hoidap_dh .items {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.hoidap_dh .left_content {
    display: table-cell;
    width: 36px;
    vertical-align: top;
}

.hoidap_dh .left_content img {
    background: #fff;
    border: solid #999 1px;
    border-radius: 50%;
    padding: 2px;
    width: 30px;
    height: 30px;
}

.hoidap_dh .right_content {
    display: table-cell;
    padding-left: 15px;
    color: #808080;
    font-size: 15px;
    line-height: 15px;
}

.hoidap_dh .content_item {
    line-height: 17px;
    font-size: 16px;
    color: #202020;
    margin-bottom: 10px;
}

.hoidap_dh .content_item a {
    color: #202020;
}

.hoidap_dh .question {
    overflow: hidden;
    background: #f5f5f5;
    padding: 10px;
    margin-bottom: 20px;
}

.question .title {
    font-size: 16px;
    color: #505050;
    line-height: 30px;
    font-weight: bold;
}

.question textarea {
    width: 100%;
    padding: 5px;
    height: 52px;
    resize: none;
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.2s liner;
    box-sizing: border-box;
}

.question button {
    width: 70px;
    height: 30px;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    line-height: 30px;
    cursor: pointer;
}

.question textarea:focus,
.question button:hover {
    -webkit-box-shadow: 0 0 4px #0164ff;
    box-shadow: 0 0 4px #0164ff;
}

/*End Order Info*/
/*Order Check*/
.check_order {
    border: 4px double #aeaeae;
    border-radius: 5px;
    padding: 15px;
    width: 360px;
    box-sizing: border-box;
}

.check_order .col-md-3 {
    width: 100%;
    margin: 0;
}

/*End Order Check*/
/*Form Login*/
#form_login .center_column {
    display: flex;
    flex-wrap: unset
}

#form_login .sign_col2 {
    background: #efefef;
    margin-bottom: 20px;
    padding: 30px 40px;
    color: #fff212;
    width: 60%;
    position: relative;
    box-sizing: border-box
}

#form_login .sign_col2 h3 {
    color: #000;
    font-size: 23px;
    line-height: 25px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500
}

#form_login .sign_input {
    width: 100%;
    border-width: 0 0 2px;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    font-family: tahoma, sans-serif;
    background: #fff;
    border: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin: 6px 0;
    box-sizing: border-box
}

#form_login .link_login {
    margin-bottom: 5px
}

#form_login .button_sign {
    background: var(--color-primary);
    color: #fff;
    border-width: 0;
    font-size: 17px;
    line-height: 15px;
    text-transform: capitalize;
    padding: 12px 25px 14px;
    margin: 20px 0;
    cursor: pointer;
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, .15);
    border-radius: 5px
}

#form_login .button_sign:hover {
    background: var(--color-secondary);
    color: #fff
}

#form_login .link_login a {
    color: #000;
    text-decoration: underline
}

.agree-term a {
    color: #000
}

/*End Form Login*/
/*Account*/
#account {
    margin: 0
}

.account_info {
    margin-bottom: 20px
}

.account_info h2 {
    text-align: center;
    font-size: 18px;
    text-transform: capitalize;
    color: #004394;
    line-height: 32px;
    margin-bottom: 10px
}

.account_info .content {
    width: 420px;
    margin: auto;
    padding: 10px;
    border: 4px double #aeaeae;
    border-radius: 5px;
    box-sizing: border-box
}

.account_info select {
    width: 28%;
    margin-right: 5px;
    background: padding-box #fff;
    border: 1px solid #e8e8e8;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    color: #414141;
    padding: 7px 10px;
    height: 38px !important;
    box-sizing: border-box;
    font-size: 14px
}

.account_info .bt-save {
    list-style-type: none;
    text-align: center;
    padding: 10px 0
}

.account_info .bt-save a {
    color: #fff;
    width: 120px;
    padding: 8px 14px;
    background: #ed3235;
    border-radius: 2px;
    text-transform: uppercase
}

.account_info .bt-save a:hover {
    background: #7d7a7a
}

.account_info label {
    color: #333
}

.account_info .other_color {
    color: red;
    margin-left: 5px
}

.account_info table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px
}

.account_info table,
.account_info td,
.account_info th {
    border: none;
    padding: 0;
    height: initial
}

.account_info tr:hover,
.account_info tr:nth-child(2n) {
    background: 0 0
}

.account_info table tr td.left {
    width: 120px
}

.account_info table tr td {
    line-height: 22px;
    vertical-align: baseline
}

.account_info .form-control {
    width: 100%;
    margin-right: 5px;
    border: 1px solid #e8e8e8;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    color: #414141;
    padding: 7px 10px;
    height: 38px !important;
    box-sizing: border-box;
    font-size: 14px;
}

.account_info .field_sex {
    margin-right: 10px
}

.account_info .err span {
    color: red
}

.account_info .copy_link {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 22px
}

#account #left_conten {
    float: left;
    width: 200px
}

#account #left_conten #box_id_left {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

#account #left_conten #title_left_conten h4 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
    background: #ed3235
}

#account #left_conten #title_left_conten h4 p {
    padding: 10px;
    line-height: 18px;
    text-transform: capitalize
}

#account #left_conten #menu_left {
    padding: 5px;
    background: #fff
}

#account #left_conten #menu_left>ul {
    padding: 5px;
    border-bottom: 1px solid #ccc
}

#account #left_conten #menu_left>ul.active {
    background: #ccc
}

#account #left_conten #menu_left ul .cata_name {
    position: relative;
    line-height: 18px;
    padding: 4px 0;
    color: #333;
    list-style: none;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#account #left_conten #menu_left ul .cata_name a {
    color: #222;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400
}

#account #left_conten #menu_left ul .cata_name a:hover,
#account #left_conten #menu_left ul .cata_name.active a {
    color: #ed3235
}

#account #right_conten {
    float: right;
    width: 915px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    position: relative
}

#account #right_conten .title {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px
}

#account #left_conten .title_page {
    position: relative;
    z-index: 1;
    line-height: 40px;
    background: #0b8342;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}

#account #left_conten .title_page p {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 0 10px;
    text-align: center
}

#account #left_conten .boder_right {
    border: 1px solid #004394;
    padding: 10px;
    border-top: none;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px
}

#account #left_conten .timkiem_id p a {
    color: #004394;
    line-height: 25px
}

#account #left_conten .timkiem_id p a:hover {
    text-decoration: underline
}

#account .account_name {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    display: inline-flex;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
}

#account .account_name img {
    border-radius: 50%;
    width: 40px;
    margin: 0 10px 0 0;
}

/*End Account*/
/*--Quản Lý Đơn Hàng, Mã giảm giá, thông báo--*/
#cart_list #pro_tabs {
    margin: 10px 0;
}

#cart_list .listtabs {
    display: block;
    overflow: hidden;
    border-bottom: solid #ed3235 4px;
}

#cart_list .listtabs li {
    float: left;
    list-style: none;
    border-top: 2px solid #fff;
}

#cart_list .listtabs li a {
    color: #fff;
    text-decoration: none;
    margin-right: 2px;
    display: block;
    padding: 0 10px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    text-transform: initial;
    background: #555;
    border: solid #555 1px;
}

#cart_list .listtabs li a:hover,
#cart_list .listtabs li a.selected,
#cart_list .listtabs li a.selected:hover {
    color: #FFF;
    background: #ed3235;
    border: solid #ed3235 1px;
}

.danhsachdoonhang {
    text-align: center;
    /*max-height: 555px;overflow-x: hidden;*/
}

.danhsachdoonhang ul {
    border-bottom: solid #CCC 1px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #666;
}

.danhsachdoonhang ul .desc {
    padding: 10px;
    border: 3px double #aeaeae;
    line-height: 20px;
}

.danhsachdoonhang .stt {
    min-height: 44px;
    width: 8%;
    float: left;
    display: table;
}

.danhsachdoonhang .ngaythanhtoan,
.danhsachdoonhang .hoadon,
.danhsachdoonhang .chietkhau,
.danhsachdoonhang .thanhtien {
    float: left;
    min-height: 44px;
    display: table;
    width: 23%;
}

.danhsachdoonhang .stt p,
.danhsachdoonhang .ngaythanhtoan p,
.danhsachdoonhang .hoadon p,
.danhsachdoonhang .chietkhau p,
.danhsachdoonhang .thanhtien p {
    display: table-cell;
    vertical-align: middle;
    line-height: 15px;
    font-size: 14px;
}

.alert_chuaxem {
    background: #edf2fa
}

.ngaythanhtoan.tieude {
    width: 68%;
}

.hoadon.ngaygui,
.thanhtien.thaotac {
    width: 12%;
}

#menu_left ul .cata_name {
    position: relative;
}

span.thongbao {
    position: absolute;
    background: red;
    color: #fff !important;
    top: -4px;
    right: -5px;
    margin: 0 !important;
    padding: 0px 3px;
    float: none !important;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
}

#title_home2 li a span.thongbao {
    right: -15px;
}

/*--End Quản Lý Đơn Hàng, Mã giảm giá, thông báo--*/
/*--Sản phẩm yêu thích--*/
#account .page_pro_id {
    margin-top: 30px;
}

#account .total_item_page {
    top: 0;
    right: 10px;
}

/*--End Sản phẩm yêu thích--*/
/*--Nạp tiền tài khoản--*/
#method {
    margin-top: 15px;
    border-bottom: 1px solid #aaa;
}

#method .tieude {
    color: blue;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

#nganluong .menhgia {
    text-align: center;
    margin-bottom: 20px
}

#nganluong .menhgia a {
    border: 1px solid #aaa;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 5px;
    font-weight: bold;
    color: #f00;
    display: inline-block;
}

#nganluong .menhgia a:hover {
    background: #eee;
    border: 1px solid red;
}

/*--End Nạp tiền tài khoản--*/
/*End Account*/
/*Table Responsive*/
#table_responsive {
    background: #fff;
}

#table_responsive table,
#table_responsive th,
#table_responsive td {
    border: 1px solid #ccc
}

#table_responsive tr {
    background: #ffffff;
}

#table_responsive th {
    background: #00A3F0;
    color: #fff;
    font-weight: normal;
    padding: 5px;
    font-size: 17px;
    text-align: center;
    text-transform: capitalize;
}

#table_responsive tr:nth-child(even) {
    background-color: #f9f9f9;
}

#table_responsive td {
    padding: 5px;
    text-align: center;
    color: #444;
    font-size: 16px;
    line-height: 26px;
}

#table_responsive tr:hover {
    background-color: #f8f8f8;
}

#table_responsive td a {
    color: #444;
    text-transform: capitalize;
}

#table_responsive td a:hover {
    color: #ffb700
}

#table_responsive td a.pro_del {
    background: #363738;
    font-size: 15px;
    padding: 4px 10px 5px 10px;
    font-weight: normal;
    color: #fff;
    border-radius: 5px;
    text-transform: capitalize;
}

#table_responsive td a.pro_del:hover {
    background: #ffb700
}

#table_responsive .col_2,
#table_responsive .col_3 {
    width: 120px
}

#table_responsive .col_4 {
    width: 300px
}

#table_responsive .col_5,
#table_responsive .col_6 {
    width: 90px
}

#table_responsive .price_old {
    color: #444;
    font-weight: normal;
    text-decoration: line-through;
    font-size: 15px;
    display: block;
    line-height: 18px;
}

#table_responsive .mobile {
    display: none;
}

#table_responsive .mobile td:nth-child(1) {
    width: 120px;
    background: #00A3F0;
    color: #fff;
}

#table_responsive .mobile td {
    text-align: left;
}

#table_responsive .mobile.border_none td {
    background: #ffffff;
    height: 20px;
}

/*End Table Responsive*/
/*Mục lục nội dung*/
.showText .muc_luc_noi_dung {
    color: #333;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #eeeeee;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    -webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 15%);
    -webkit-transition: all .3s ease;
    width: auto;
    max-width: 100%;
    min-width: 500px;
    display: inline-block;
    box-sizing: border-box;
}

.showText .muc_luc_noi_dung>div,
.showText .muc_luc_noi_dung>p {
    line-height: 32px;
    padding: 0 20px 0 25px !important;
    margin: 5px 0;
    text-transform: uppercase;
    border-bottom: 3px double #ccc;
    cursor: pointer;
    background: url(../library/images/icon/up-down-arrow_64.png) right center no-repeat;
    background-size: 18px;
    position: relative;

}

.showText .muc_luc_noi_dung>div:after,
.showText .muc_luc_noi_dung>p:after {
    content: "";
    display: -webkit-inline-box;
    clear: both;
    width: 30px;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    background: url(../library/images/icon/list-menu.png) left center no-repeat;
    background-size: inherit;
}

.showText .muc_luc_noi_dung ol {
    margin: 5px 0 10px 5px;
    padding-left: 20px;
}

.showText .muc_luc_noi_dung ol ol {
    list-style: none;
}

.showText .muc_luc_noi_dung ul {
    margin-left: 20px;
    padding: 0;
}

.showText .muc_luc_noi_dung>ul {
    margin-left: 5px;
    padding: 0;
    list-style: none;
}

.showText .muc_luc_noi_dung li {
    line-height: 30px;
    margin: 0;
    font-size: 15px;
    list-style: auto;
    margin-left: 20px;
}

.showText .muc_luc_noi_dung li a,
.showText .muc_luc_noi_dung p a {
    color: #333;
    font-weight: 400;
}

.showText .muc_luc_noi_dung li a:hover,
.showText .muc_luc_noi_dung p a:hover {
    text-decoration: underline;
}

/*End Mục lục nội dung*/
/*link_tuy_chinh*/
.link_tuy_chinh,
.showText blockquote {
    width: fit-content !important;
    min-width: 50%;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    padding: 20px 20px 10px 60px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 15%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    box-sizing: border-box;
    border: 1px solid #eee
}

.link_tuy_chinh:before,
.showText blockquote:before {
    content: '';
    font-weight: 700;
    font-family: Font Awesome;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 100%;
    background-color: #eee;
    background-image: url(../library/images/icon/idea.png);
    background-repeat: no-repeat;
    background-position: center
}

.link_tuy_chinh ul,
.showText blockquote ul {
    list-style: circle;
    padding-bottom: 5px
}

.link_tuy_chinh p,
.showText blockquote p {
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 0;
}

/*End link_tuy_chinh*/
/*Sao đánh giá*/
.ratings {
    padding: 5px 10px 0 10px
}

.rating-box {
    background: url(../library/images/rating_2.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    height: 15px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 75px
}

.ratings .rating-box {
    width: 90px !important;
    float: left;
    margin-right: 8px
}

.rating-box .rating {
    background: url(../library/images/rating_2.png) repeat-x scroll 0 100% rgba(0, 0, 0, 0);
    float: left;
    height: 14px
}

.rating.sao10 {
    width: 10%
}

.rating.sao20 {
    width: 20%
}

.rating.sao30 {
    width: 30%
}

.rating.sao40 {
    width: 40%
}

.rating.sao50 {
    width: 50%
}

.rating.sao60 {
    width: 60%
}

.rating.sao70 {
    width: 70%
}

.rating.sao80 {
    width: 80%
}

.rating.sao90 {
    width: 90%
}

.rating.sao100 {
    width: 100%
}

/*End Sao đánh giá*/
/*Thuộc Tính Sản Phẩm*/
#more_sp_mau ul {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 5px 0 !important
}

#more_sp_mau ul {
    border-bottom: dotted 1px #ddd;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 10px
}

#more_sp_mau ul p {
    float: left;
    font-size: 15px;
    font-weight: 400;
    min-width: 80px;
    line-height: 30px;
    text-align: left;
    color: #333;
    padding: 5px 0 0 0;
}

#more_sp_mau #color,
#more_sp_mau #size {
    margin-bottom: 10px
}

#color li,
#size li {
    float: left;
    margin-right: 5px;
    height: 24px;
    min-width: 42px;
    list-style: none;
    border: 2px solid #ccc;
    color: #222;
    text-align: center;
    background: #fff;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    border-radius: 3px
}

#size li {
    padding: 0 5px;
    line-height: 26px;
    font-weight: 700;
    min-width: 32px;
    font-size: 14px
}

#more_sp_mau ul li.active {
    border: 2px solid #e4393c !important
}

span.tick {
    background: url(../library/images/tick.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer
}

#more_sp_mau #color li {
    height: 20px;
    min-width: 35px;
    margin-bottom: 0
}

#more_sp_mau #size li {
    line-height: 25px;
    min-width: 25px;
    font-size: 14px;
    height: auto;
    color: #333;
    font-weight: 400;
    margin: 0 0 0 10px;
    padding: 2px 10px 0 10px;
    text-indent: 0;
    margin-top: 5px;
}

#more_sp_mau ul li:hover {
    border: 2px solid #e4393c !important;
}

#more_sp_mau #color.tron li {
    height: 35px;
    width: 30px;
    margin: 0 0 0 10px;
    border-radius: 50%;
}

#more_sp_mau #color.vuong li {
    height: 35px;
    width: 30px;
    margin: 0 0 0 10px;
}

#more_sp_mau #color li.hinhchunhat {
    height: 30px;
    width: 45px;
    margin: 0 0 0 10px;
}

#more_sp_mau #size li.type25 {
    padding: 3px;
}

#more_sp_mau #size li.type25 img {
    height: 28px;
    width: auto;
    display: block;
}

/*End Thuộc Tính Sản Phẩm*/
/*Filter Box*/
.sort-cate-left {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.sort-cate-left h3 {
    color: #222;
    font-size: 16px;
    float: left;
    margin: 0;
}

.sort-cate-left ul li {
    float: left;
    padding: 0 0 0 10px;
}

.sort-cate-left ul li a,
.sort-cate-left ul li span {
    color: #000;
    font-size: 15px;
    position: relative;
}

.sort-cate-left ul li a i,
.sort-cate-left ul li span i {
    height: 16px;
    width: 16px;
    border: 1px solid #bebbbb;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    position: relative;
}

.sort-cate-left ul li:hover>span i:before,
.sort-cate-left ul li.active>span i:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #000;
    position: absolute;
    border-radius: 50%;
    margin: 3px;
}

.sort-cate-left {
    margin: 10px 0;
    color: #333;
}

.sort-cate-left .title {
    color: #222;
    font-size: 16px;
    float: left;
    margin: 0;
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
}

.sort-cate-left .title img {
    width: auto;
    height: 20px;
}

.select_search {
    float: right;
}

.select_search select {
    border-radius: 4px;
    padding: 10px;
    border: 1px #d9d9d9 solid;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    float: left;
    margin: -6px 0px 0 5px;
}

.sort-cate-left .hover_show {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    width: 400px;
    max-width: 90%;
    height: auto;
    max-height: 80vh;
    z-index: 9;
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px;
    overflow-y: auto;
    border-radius: 4px;
    padding: 10px 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.sort-cate-left .hover_show li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 15px 0;
}

.sort-cate-left .title:hover~.hover_show,
.sort-cate-left .hover_show:hover {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}

/*End Filter Box*/
/*Product View*/
.price_pro .new {
    position: relative;
    color: var(--color-secondary);
    font-weight: 700;
    font-size: 18px;
    text-transform: initial;
    line-height: 30px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    display: inline-table;
    margin-top: 2px;
    height: 31px;
}

.price_pro .old {
    color: #7c7c7c;
    font-weight: normal;
    font-size: 14px;
    padding-left: 10px;
    text-decoration: line-through;
}

.box_right_pro_view .price_pro .new {
    font-size: 16px;
    display: block;
}

.box_right_pro_view .price_pro .old {
    padding-left: 0;
    font-size: 14px
}

#price_pro {
    font-size: 22px;
    color: var(--color-secondary);
    line-height: 30px;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

/*#price_pro span {
    color: #c1c1c1;
    font-weight: normal;
    font-size: 18px;
    padding-left: 20px;
    text-decoration: line-through;
}*/
#price_pro .gia_sale~.gia_nosale {
    font-size: 16px;
    position: relative;
    font-weight: normal;
    color: #333;
    line-height: 26px;
    /* float: right; */
    padding-left: 15px;
    text-decoration: line-through;
}

.viewRight .dis_per {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    padding-left: 15px;
}

.status_pro {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 500;
}

.viewRight .so-luong-mua {
    margin: 0 10px 10px 0;
}

.viewRight .button_cart {
    float: left;
}

.add_more_2 ul {
    text-align: center;
    /* margin-top: 10px; */
    margin-bottom: 10px;
}

.add_more_2 ul a {
    list-style: none;
    font-size: 14px;
    text-align: center;
    padding: 11px;
    margin-right: 5px;
    font-weight: normal;
    margin-bottom: 5px;
    float: left;
    text-transform: none;
    margin-top: 0;
    text-transform: uppercase;
}

.add_more_2 ul .add_cart {
    display: block;
    color: #fff;
    background: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 7px 25px;
    line-height: 35px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    border-radius: 3px;
}

.add_more_2 ul .add_cart:hover {
    background: #000;
    color: #fff;
}

.add_more_2 ul .buy_now {
    display: block;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 6px 20px;
    line-height: 36px;
    transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: color .33s cubic-bezier(.33, 0, .2, 1) 0s, fill .33s cubic-bezier(.33, 0, .2, 1) 0s, background .33s cubic-bezier(.33, 0, .2, 1) 0s;
    font-weight: 500;
    background: #2e2e2e;
    border-radius: 3px;
}

.add_more_2 ul .buy_now:hover {
    background: #ff0000;
    color: #fff;
}

.so-luong-mua {
    width: auto;
}

span.number-down,
.number-up,
input#number {
    line-height: 48px !important;
    width: 48px !important;
    height: 48px !important;
}

#popup_custom .page_sp_ct {
    width: 100%;
    padding: 20px;
    text-align: left;
    max-height: 90vh;
    overflow: auto;
}

#popup_custom .viewRight {
    text-align: left;
}

#popup_custom .ct_add ul h3 {
    margin-bottom: 10px
}

#viewPro_popup #pro_img_main {
    overflow: hidden;
}

/*End Product View*/

.video-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.ekit-video-popup-btn {
    width: 100px;
    height: 100px;
    color: #e54220;
    background-color: #fff;
    display: block;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    padding: 10px;
    top: 50%;
    position: relative;
}

.video-content a::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #e54220;
    border-radius: 50%;
    box-shadow: 0 0 0 0 currentColor;
    -webkit-animation: button-ripple 3s infinite;
    animation: button-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
}

.video-content a::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    color: #e54220;
    border-radius: 50%;
    box-shadow: 0 0 0 0 currentColor;
    -webkit-animation: button-ripple 3s infinite;
    animation: button-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    right: 0;
    transform: translateY(-50%);
}

.ekit-video-popup-btn i {
    line-height: 80px;
}

.list_drop_down {
    margin: 20px 0
}

.list_drop_down ul {
    list-style: none;
    padding: 0;
}

.list_drop_down>ul>li {
    border-bottom: 1px solid #9f9f9f;
    padding: 15px 0;
}

.list_drop_down>ul>li>h3,
.list_drop_down>ul>li>p,
.list_drop_down>ul>li>strong {
    display: block;
    margin-bottom: 0;
    cursor: pointer;
    padding-right: 30px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAG1BMVEVHcEwUFBQaGhgcHBocHBocHBocHBodHRsdHRsz8lQTAAAACHRSTlMADRo6S3CAz7dQQr0AAAA4SURBVHjaY4AC8UIGVGDRMnwENJphLGZjMIhohdAGDBUdKKAdU0DEBQwi2iC0I8LQYRxi4kVQBgBr1Cy9TDuUWwAAAABJRU5ErkJggg==") no-repeat right;
    background-size: 20px;
}

.list_drop_down>ul>li>ul {
    display: none;
    padding-top: 15px;
}

.list_drop_down>ul>li>ul li {
    margin-bottom: 10px;
}

/*-------- End Custom --------*/

/*-------- Responsive --------*/
@media screen and (max-width: 1291px) {
    .video_id_top iframe {
        height: 50vw
    }

    /*useall*/
    .table_scroll {
        overflow-x: scroll;
    }

    .table_scroll table {
        min-width: 600px;
    }

    .table_scroll th,
    .table_scroll td,
    .table_scroll p {
        font-size: 1.4vw;
        line-height: 1.4em;
    }

    .table_scroll td,
    .table_scroll p {
        padding-left: 5px;
        padding-right: 5px;
    }

    #account {
        margin-bottom: 10px
    }

    ul.qty li p {
        line-height: 30px
    }

    ul.qty input {
        margin-left: 12px;
    }

    #checkout .col-md-9 {
        width: 64%;
    }

    #checkout .col-md-4 {
        width: 31%
    }

    .content_checkout_firth .cart-header {
        width: 49.4%;
    }

    #account #left_conten {
        width: 20%;
    }

    #account #right_conten {
        float: right;
        width: 75.6%;
        margin-left: 0;
    }

    .price-details span {
        width: 46%
    }

    .price-details span.tb_tong {
        width: 52%;
    }

    ul.total_price li.last_price {
        width: 37%;
        font-size: 17px;
    }

    ul.total_price li.last_price span {
        font-size: 17px;
    }

    ul.total_price li.last_price:nth-child(2) {
        width: 62%;
        float: right;
    }

    .check_order {
        margin-bottom: 20px
    }

    .icon_user span {
        left: 0
    }

    .total_item_page {
        right: 10px;
    }

    #search .total_item_page {
        top: 90px;
    }

    /*End useall*/
}

@media screen and (max-width: 1024px) {

    /*useall*/
    .col-md-9.cart-items {
        width: 65%;
    }

    .col-md-4.cart-total {
        width: 34%;
    }

    /*End useall*/
}

@media screen and (max-width: 991px) {
    #popup_custom .popup_content iframe {
        height: 60vw !important;
    }

    .timkiem_top .pc_icon {
        display: none;
    }

    .timkiem_top .mobi_icon {
        display: block !important;
        /*width: 36px;
        height: 36px;
        background-position-y: 7px;
        top: 6px;
        right: 10px;*/
    }

    /*useall*/
    .check {
        margin-top: 10px;
        padding: 0;
    }

    .col-md-9 {
        width: 76%;
    }

    .col-md-4 {
        width: 20.5%;
        padding: 8px;
    }

    ul.total_price li.last_price span {
        font-size: 18px;
        line-height: 30px;
    }

    .col-md-9 {
        width: 72.5%;
    }

    .col-md-4 {
        width: 24%
    }

    a.continue,
    a.order {
        font-size: 14px
    }

    .price-details span {
        line-height: 26px;
        font-size: 15px;
    }

    ul.total_price li.last_price span {
        font-size: 15px
    }

    .thanhtoan-2 {
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }

    /*End useall*/
}

@media screen and (max-width: 960px) {

    /*useall*/
    .price-details span,
    ul.total_price li.last_price {
        letter-spacing: -1px
    }

    .content_checkout_firth .cart-header {
        width: 49.3%;
    }

    #account #left_conten {
        display: none
    }

    #account #right_conten {
        float: none;
        width: 100%;
        padding: 20px 10px;
        margin-left: 0;
        box-sizing: border-box;
        border: none
    }

    #title_home2 {
        display: block !important;
        background: #fff;
        margin-bottom: 15px;
        margin-top: 10px;
        padding: 10px;
        border-bottom: 1px #ddd solid;
    }

    #title_home2 .title {
        font-size: 20px;
        text-transform: capitalize;
        line-height: 32px;
        margin-bottom: 15px;
        border-bottom: 3px double #aaa;
    }

    #title_home2 li {
        float: left;
        list-style: none;
        font-weight: 400;
        margin-right: 20px;
        width: 169px;
    }

    #title_home2 li a {
        position: relative;
        font-weight: normal;
        color: #333
    }

    #title_home2 li.active a {
        color: #ed3235;
    }

    #title_home2 li a .fa {
        color: #000 !important;
    }

    .danhsachdoonhang .stt p,
    .danhsachdoonhang .ngaythanhtoan p,
    .danhsachdoonhang .hoadon p,
    .danhsachdoonhang .chietkhau p,
    .danhsachdoonhang .thanhtien p {
        font-size: 14px
    }

    #account .total_item_page {
        top: -40px;
        right: 0
    }

    /*End useall*/
}

@media screen and (max-width: 767px) {
    .right_top {
        width: 24% !important;
        float: right !important;
    }

    .formBox li {
        float: none;
        /*width: calc(100% - 20px);*/
    }

    .formBox li span {
        top: initial;
        bottom: 0
    }

    .viewLeft {
        width: 100%;
        margin-bottom: 30px;
    }

    .viewRight {
        width: 100%;
    }

    .count_cart {
        display: inline-block;
        line-height: 30px;
    }

    .popup_giohang table .c-th-sp a.sp {
        display: block;
        float: none;
        width: 100px;
        margin: 0 auto 10px;
    }

    .video_id_top iframe {
        height: 80vw !important
    }

    .left_contact {
        width: 100%;
        float: none;
    }

    .right_contact {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }

    .right_contact .contact li {
        width: 100%
    }

    .width_custom {
        width: 100%
    }

    /*useall*/
    .showText iframe {
        max-width: 100%;
        height: 60vw;
    }

    .price-details span,
    ul.total_price li.last_price,
    ul.total_price li.last_price span {
        letter-spacing: 0;
        font-size: 16px;
    }

    .col-md-9 {
        float: none;
        width: 100%
    }

    .cart-sec {
        padding: 10px !important
    }

    .close1,
    .close2,
    .close3,
    .close4 {
        width: 15px;
        height: 15px;
        right: 10px;
        top: 0px
    }

    .close1 svg {
        font-size: 15px
    }

    .cart-item-info {
        width: 100%;
        float: none
    }

    .cart-item-info h3 a {
        font-size: 16px
    }

    .cart-item-info h3 span {
        font-size: 12px
    }

    ul.qty li p {
        font-size: 13px
    }

    ul.qty li p span.fsize18 {
        font-size: 16px
    }

    #more_sp_mau ul p {
        font-size: 12px;
        width: 62px
    }

    #color li,
    #size li {
        height: 22px;
        min-width: 38px;
        line-height: 20px;
        font-size: 12px;
        box-sizing: border-box;
    }

    /*#more_sp_mau #size li{min-width: 35px;height: 22px;}*/
    #more_sp_mau #color li {
        height: 22px;
    }

    .col-md-4 {
        width: 100%;
        padding: 16px;
        float: none;
        box-sizing: border-box
    }

    .content_checkout_firth {
        margin-top: 20px
    }

    .content_checkout_firth .cart-header {
        float: none;
        width: 100%;
        margin-right: 0 !important
    }

    .cart-item {
        width: 15%
    }

    #checkout .col-md-9,
    #checkout .col-md-4 {
        width: 100%
    }

    #order_info {
        margin: 0
    }

    .order_info .left {
        width: 100%;
        float: none
    }

    .order_info .right {
        width: 100%;
        float: none;
        padding-left: 0;
        border-left: none;
        margin-top: 30px
    }

    .question .title {
        line-height: 20px;
        margin-bottom: 10px
    }

    .hoidap_dh .right_content {
        padding-left: 10px;
    }

    .title_search {
        font-size: 17px;
        line-height: 32px;
    }

    .col-md-9.cart-items {
        width: 100%;
        float: none;
    }

    .col-md-4.cart-total {
        width: 100%;
        float: none;
    }

    #form_login .sign_col2 {
        width: 100%;
        padding: 20px;
    }

    .button_cart .add_cart {
        display: none !important;
    }

    .button_cart .add_cart.mobile {
        display: block !important;
    }

    /*End useall*/
}

@media screen and (max-width: 665px) {

    /*useall*/
    .total_item_page {
        position: initial;
        background: #fff;
        text-align: center;
        margin-bottom: 10px;
    }

    .listtabs li {
        margin-top: 2px
    }

    .listtabs li a {
        padding: 5px;
        line-height: 24px;
        font-size: 15px;
        text-transform: capitalize;
    }

    .table_scroll table {
        width: 100% !important;
        min-width: 162%;
    }

    .table_scroll th,
    .table_scroll td,
    .table_scroll p {
        font-size: 2vw;
    }

    /*End useall*/
}

@media screen and (max-width: 548px) {

    /*useall*/
    .showText .muc_luc_noi_dung {
        width: 100%;
        min-width: initial;
    }

    /*End useall*/
    /
}

@media screen and (max-width: 480px) {

    /*useall*/
    .showText img {
        width: 100%;
    }

    .showText figcaption {
        font-size: 13px;
        line-height: 15px;
        margin-top: 5px;
    }

    #checkout .formBox .button {
        font-size: 16px
    }

    .account_info .content {
        width: 100%;
        box-sizing: border-box
    }

    .account_info table tr td {
        letter-spacing: -1px
    }

    .account_info table tr td.left {
        width: 104px
    }

    .account_info select {
        width: 25%;
        padding: 0
    }

    .account_info input[type="file"] {
        width: 100%;
        box-sizing: border-box
    }

    .dang_nhap .content .forget_pass {
        width: 75%
    }

    .doi_mat_khau_moi {
        width: 100%
    }

    .doi_mat_khau_moi .bt-save {
        float: none;
        display: block;
        width: 120px;
        text-align: center;
        margin: auto
    }

    #forget_pass {
        width: 73%
    }

    #thanhvien_alert p {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: -1px
    }

    .ngaythanhtoan.tieude {
        width: 56%;
    }

    .hoadon.ngaygui,
    .thanhtien.thaotac {
        width: 18%;
    }

    .title_cart {
        font-size: 22px !important;
    }

    /*.dmd-phone {left: -75px !important;bottom: 10px !important;}*/
    /*    .rightNav .button{width: 32px;height: 32px;line-height: 32px;}.rightNav .button img {margin-top: 3px !important;width: 80% !important;height: auto !important;}*/
    /*End useall*/
}

@media screen and (max-width: 465px) {

    /*useall*/
    #payment_method .payment_method_input .radio_check {
        margin-right: 5px
    }

    #payment_method .payment_method_input span {
        float: none;
        line-height: 18px;
        display: block;
        padding-left: 20px;
        padding-top: 10px;
    }

    #payment_method .payment_method_input {
        margin-bottom: 20px
    }

    .cart-item-info h3 {
        width: 94%;
        margin-left: 0;
    }

    #cart_list .listtabs li a {
        padding: 0 5px;
        line-height: 24px;
        font-size: 12px;
    }

    /*End useall*/
}

@media screen and (max-width: 406px) {

    /*useall*/
    .check_order {
        width: 100%;
        box-sizing: border-box
    }

    .login_social img {
        width: 100%;
    }

    #coupon {
        width: 53%
    }

    .list_star img {
        width: 25px !important
    }

    .phantrang a {
        font-size: 12px;
        margin: 0 2px 0 0;
        padding: 1px;
        line-height: 18px;
        height: 20px;
        width: 20px
    }

    .phantrang a.stay {
        font-size: 12px;
        line-height: 20px;
    }

    /*End useall*/
}

@media screen and (max-width: 368px) {

    /*useall*/
    #coupon {
        width: 45%
    }

    .account_info table tr td.left {
        width: 90px
    }

    #cart_list .listtabs li a {
        font-size: 11px;
    }

    .danhsachdoonhang .stt,
    .danhsachdoonhang .ngaythanhtoan,
    .danhsachdoonhang .hoadon,
    .danhsachdoonhang .chietkhau,
    .danhsachdoonhang .thanhtien {
        min-height: 34px;
    }

    .danhsachdoonhang .stt p,
    .danhsachdoonhang .ngaythanhtoan p,
    .danhsachdoonhang .hoadon p,
    .danhsachdoonhang .chietkhau p,
    .danhsachdoonhang .thanhtien p {
        font-size: 11px;
        line-height: 14px;
    }

    .listtabs li a {
        line-height: 22px;
        font-size: 13px;
    }

    /*End useall*/
}

@media screen and (max-width: 328px) {

    /*useall*/
    .listtabs li a {
        letter-spacing: -1px;
    }

    /*End useall*/
}

@media screen and (max-width: 320px) {}

@media screen and (max-width: 312px) {}

@media screen and (max-width: 298px) {}

/*-------- End Responsive --------*/