p {
    line-height: 26px;
}
.homepage .card-success.card-outline {
    border-top: 2px solid #b50003;
}
.vnetitle a {
    color: #b50003;
    font-size: 22px;
}
.has-error {
    color: #b50003;
}
.has-success {
    color: #00a65a;
}
.download-btn {
    border: 0px;
    background-color: #FFF;
    color: blue;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}
#submitButton {
    background: #b50003 !important;
    border: 1px solid #b50003 !important;
}
#submitButton:hover{color: yellow;}
.content-wrapper-course img{max-width: 100% !important; height: auto !important;}
#one-code {
    outline: none; 
    box-shadow: none;
}
#one-code:focus {
    outline: none; 
    box-shadow: none; 
}
.ratings i{color: #deaf11}
.ttr-post-title .vne-title-h1 {
    color: #FFF; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 0px
}
#bvoucher a {color:#495057;}
.vnebutton {
    padding: 5px 0px;
    font-size: 18px;
    font-weight: bold;
    background: #b50003;
    color: #FFF;
    border-radius: 5px;
    border-color: #b50003;
}
.vnebutton:hover {background: #b50003;border-color: #b50003;}
.btn-cta {box-shadow: 2px 3px 4px #000;}
.btn-cta-b {border-radius: 10px;}
.btn-cta .cta_name {
    font-size: 120%;
    font-weight: bold;
    display: block;
}
.btn-cta .cta_caption {
    font-size: 90%;
    display: block;
    color: #CCC;
}
a.btn-cta:hover, .btn-cta .cta_name:hover, .btn-cta .cta_caption:hover {color: yellow;}
.flipdown.flipdown__theme-red .rotor, .flipdown.flipdown__theme-red .rotor-top, .flipdown.flipdown__theme-red .rotor-leaf-front {
    background-color: #b50003 !important;
    color: #fff;
}
.flipdown.flipdown__theme-red .rotor-bottom, .flipdown.flipdown__theme-red .rotor-leaf-rear {
    background-color: #b50003 !important;
    color: #fff;
}
.ttr-post-text {margin-top: 30px}
.ttr-post-text ul{line-height: 26px;}
.ttr-post-text ul li{margin-bottom: 10px;}
ul.curriculum-list li h1,
ul.curriculum-list li h2,
ul.curriculum-list li h3,
ul.curriculum-list li h4,
ul.curriculum-list li h5,
ul.curriculum-list li h6{margin-top:20px;}
.tinkhaigiang .slick-initialized .slick-slide, .phongsu .slick-initialized .slick-slide {
    margin: 0px 10px;
}
.tinkhaigiang .slick-slide .bg-image img{height: 178px;}
.sidebar-right .list-group-item p {margin-bottom: 0px; line-height: 28px;}
.list-right-bar {}
.list-right-bar h4.title{
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    margin-bottom: 1rem;
    border-top: 3px solid #b50003 !important;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.list-right-bar .video-right-list{
    padding: 0px;
}
.list-right-bar .video-right-list li{list-style: none;margin-bottom: 12px;} 
.container.noti p {
    margin: 0px;
    border: 3px solid;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    font-size: 22px;
    background: #fff;
}
/* STYLE WRAPPER HEADER */
.wp-header-bar{height: 50px; line-height: 50px; background: #b50009}
.bar-address {width: 1140px; margin: 0 auto;}
.wp-header-bar .bar-left{float: left; padding-left: 0px;}
.wp-header-bar .bar-right{float: right;}
.wp-header-bar ul {margin-bottom: 0px;}
.wp-header-bar ul li{float: left; list-style: none; margin-right: 22px;}
.bar-right li:last-child {margin-right: 0px; padding-right: 0px}
.wp-header-bar ul li a{text-decoration: none; color: #fff}
#wp-header {
}
#wp-header #hd-body {
    background-color: #fff;
    height: 82px;
    border-top: 5px solid #b50003;
}
#hd-body .head-cart {float: right; line-height: 77px;}
#hd-body .head-cart svg{color: #000000; height: 26px; width: 26px;}
.navbar-brand-footer {margin-bottom: 12px;}
.navbar-brand-footer h5 {text-transform: uppercase;
    margin-top: 24px;
    font-weight: normal;}
.navbar-brand-footer .brand-image {
    height: 38px;
}
.widgetaaa ul li a:hover{color: #fff !important}
.imgoffice {display: flex;align-items: center;}
.imgoffice img{
    max-height: 166px;
    width: auto;
    float: right;
}
#icon-menu {
    display: none;
}
.top-banner img {
    background-size: cover;
    background-position: center center;
    width: 100%;
}
#logo {
    float: left;
    display: block;
    padding: 0px;
    line-height: 79px;
}
#logo .brand-image {height: 44px;}
#logo .vinaenter {font-size: 22px;}
#logo .academy {font-size: 18px;}
.pagination .page-item {margin: 0px 3px;}
.curriculum-list img.img-curriculum {width: 120px;}
#menu {
    float: right;
    line-height: 79px;
    margin-left: 0px;
    text-align: center;
}
.respon-footer{height: 46px;}
#wp-respon-menu {
    display: none;
    z-index: 1000 !important;
}

#menu ul#main-menu {
    margin-bottom: 0px;
}

#main-menu li, #respon-menu li {
    list-style-type: none;
}
#menu ul#main-menu li {
    float: left;
    position: relative;
    margin:0px 20px;
}
#menu ul#main-menu li:last-child {margin-right: 0px;}
#menu ul#main-menu>li>a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
}
#menu ul#main-menu>li>i {color: gray; margin-left: 3px;}

#menu ul#main-menu>li:hover>a {
    color: #b50003;
    transition: color 0.25s;
}

#menu ul#main-menu>li>ul.sub-menu {
    border-top: 1px solid #da1818;
    min-width: 250px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 60px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    transition-duration: 200ms;
    transition-property: opacity,top,visible;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
    z-index: 200;
    text-align: left;
    padding-left: 0px;
}

#menu ul#main-menu .sub-menu {
    display: none;
    padding-left: 0px;
}

#menu ul#main-menu li:hover>ul.sub-menu {
    display: block;
}

#menu ul#main-menu .sub-menu li {
    font-weight: 400;
    color: #222;
    float: none;
    margin: 8px 18px;
    border-bottom: 1px solid #bbbbbb82;
    padding: 4px 0px;

}
#menu ul#main-menu .sub-menu li:last-child {
    border-bottom: none;
}

#menu ul#main-menu .sub-menu li a {
    display: block;
    font-size: 16px;
    position: relative;
    color: #333 !important;
    text-transform: capitalize;
    padding: 2px 0px;
    line-height: 22px;
}
#menu ul#main-menu .sub-menu li a:hover {
    color: #da1818!important;
    transition: color 0.25s;
}

.clearfix {clear: both;}
.content-wrapper {
    min-height: auto !important;
    background: url('/images/bg1.png') left top #f4f6f9;
}
.content-wrapper .card-body img{max-width: 100% !important; height: auto !important;}
#cart-item {
    padding: 4px 6px;
    line-height: 30px;
    height: 38px;
}
#cart-item ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

#cart-item li {
    float: left;
    margin-right: 20px;
    text-align: left;
}
#cart-item a {
    text-decoration: none;
    color: #4f4f4f;
    /* padding: 8px 14px; */
}
#cart-item .fa-user-tie {color: #bdbdbd;}

#cart-item:hover a {
    color: #000;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a {
    color: #000;
}
footer p,
footer strong,
footer b,
footer {
    color: #000;
}
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a {
    color: #000;
}
footer .btn-link, footer a, footer p a {
    color: #000;
}
.footer-top {
    background: #FFF !important;
    background-size: cover;
    background-position: center;
    padding: 50px 0px 20px 0px;
    font-family: arial;
}
.footer-top ul {
    margin-left: 14px;
    padding: 0px;
}
.footer-top ul li{margin-bottom: 10px;}
.footer-top .pt-logo img{max-width: 128px;}
.footer-title{
    margin-bottom: 25px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-size: 16px;
    position: relative;
}
.footer-title:after{
    width: 50px;
    background: #fff;
    opacity: 0.2;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer_widget ul li a{
    padding:5px 0;
    display:block;
    font-weight: 400;
}
.footer-titleaaa {
    color: #b50003;
    font-family: "Lato", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 35px;
}
.footer_widget ul li a:hover, .widgetaaa ul li a:hover{color: #b50003 !important;}
.footer-bottom {background: #b50003; height: 78px;color: #FFF}
.footer-bottom .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 78px;
    text-align: center;
}
.footer-bottom .container .copyright{}
.footer-bottom-menu {}
.footer-bottom-menu ul{margin-bottom: 0px;list-style: none;}
.footer-bottom-menu ul li{}
.footer-bottom-menu ul li a{color: #FFF}
.slick-slider, .slick-slide img, .slick-slide {overflow: hidden;}
.img-border2 {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.card-footer button {font-weight: bold;}
.btnmobile {min-width: 200px;padding: 13px 40px;font-size: 22px;}
.btna {min-width: 200px;padding: 10px;font-size: 20px;}
.content-wrapper-course{}
.content-wrapper-course .ttr-post-title {
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
    margin: -20px -20px;
}
.content-wrapper-course .video-main {
    margin: 0px -20px;
    margin-top: 19px;
}
.card-course .clist {
    margin-bottom: 20px;
}
.clist-shadow {
    height: 4px;
    margin-bottom: 15px;
    border-bottom: 6px solid rgba(0, 0, 0, .1);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/* new menu mobile  */
.wrap-fixed-footer {
    background: #f2f2f2;
    width: 100%;
    display: none;
    color: #fff;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 5px;
    margin: 0;
    box-shadow: 0px 4px 10px 0 #000;
}
.wrap-fixed-footer li {
    float: left;
    width: 20%;
    list-style: none;
    height: 50px;
}
.wrap-fixed-footer li .button {
    background: 0 0;
    color: #515151;
    width: 100%;
    height: 100%;
    line-height: 16px;
    text-align: center;
    display: block;
    position: relative;
    font-size: 12px !important;
    font-weight: 400;
    padding: 2px 0 0;
    border: 0;
}
.wrap-fixed-footer li .button i,.wrap-fixed-footer li .button svg {
    font-size: 26px;
    display: block;
    height: 26px;
    color: #b50003;
    fill: #b50003;
}
.wrap-fixed-footer li .button svg {
    text-align: center;
    display: block;
    margin: auto;
    width: 23px;
}
.wrap-fixed-footer li .button #count-cart {
    position: absolute;
    right: 1px;
    top: -12px;
    color: #fff;
    background: #b50003;
    width: 25px;
    height: 25px;
    line-height: 26px;
    border-radius: 50%;
    z-index: 2;
    font-size: 13px;
}
.wrap-fixed-footer li .button .phone_animation {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%,0);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #b50003;
    line-height: 15px;
}
.wrap-fixed-footer li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    margin-top: 12px;
}
.animation-shadow:after {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    top: 0;
    left: 0;
    box-shadow: 0 0 10px #e73838, 0 0 10px #e73838;
    animation: shadow 1.2s .5s infinite;
}
.btn_phone_txt {
    position: relative;
    top: 26px;
}
.wrap-fixed-footer li:last-child {
    margin-right: 0;
}
.wrap-fixed-footer li.fixed-footer-zalo .button {
    line-height: 68px;
}
.wrap-fixed-footer li.fixed-footer-zalo .button i {
    top: -22px;
    height: 26px;
    width: 100%;
    background-position: center;
    position: absolute;
}
#site.disabled {
  background-color: #000; /* Màu tối */
  pointer-events: none; /* Không cho phép tương tác */
  overflow-y: hidden; /* Ẩn thanh cuộn khi #site bị disable */
}
.home-slide .slick-slide img {
    display: block;
    height: auto;
    width: 100%;
}
.foot_contact_popup.active {display: block;}
.foot_contact_popup {
    background: #f2f2f2;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    transition: .5s;
    z-index: 200;
    box-shadow: 0px -4px 10px 0 #00000030;
    display: none;
}
.foot_contact_popup #close_foot_contact_popup {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #e73838;
    border: 0;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    padding: 0;
    box-shadow: 0px -1px 13px 0 #00000038;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.foot_contact_popup #close_foot_contact_popup img{width: 20px; height: 20px;}
.foot_contact_popup .card-wrapper {
    padding: 10px;
    margin-bottom: 50px;
    padding-top: 26px;
}
#overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); 
  display: none; 
  z-index: 100;
}
#overlay-bg.active {
  display: block;
}

.card-bill p.congratu{text-transform: uppercase; font-size: 18px;}

.loading-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.loading-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* CSS cho card-wrapper và các phần tử con */
.card-wrapper .widget-user-image .elevation-2 {
    width: 120px;
    margin-right: 10px;
    border-radius: 6px;
}

/* Video title */
.card-wrapper .widget-user-header h3 {
    font-size: 16px;
    color: #1f2d3d;
    font-weight: 450;
}

.card-wrapper .widget-user-header h3 span.lesson-number {}

.card-wrapper p.widget-user-desc {
    color: #BBB;
    font-size: 14px;
}

.card-wrapper .btn-toggle-lessons {
    background-color: unset;
    border-color: #f9fafb;
    color: #1f2d3d;
}

/* Section & Lesson titles */
.card-wrapper h4 {
    font-size: 17px;
    font-weight: 500;
    color: #2c3e50;
    padding-left: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* CSS cho section phân cấp */
.section-level-0 {
    padding: 10px 0;
    margin-top: 10px;
}
.card-wrapper .section-level-0 > h2 {
    font-size: 24px;
    font-weight: 600;
    color: #1f2d3d;
}

.section-level-1 {
    border-left: 3px solid rgba(0,0,0,.125);
    background-color: #f8f9fa;
    border-radius: 4px;
    margin-left: 30px;
    margin-top: 20px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 2px;
}

.section-level-1 h2 {
    font-size: 20px;
    color: #1f2d3d;
    border-left: none !important;
    padding-left: 0px;
}

.section-level-2 {
    border-left: 3px solid #28a745;
    padding-left: 15px;
    margin-left: 50px;
    background-color: #e9ecef;
    border-radius: 4px;
}

.section-level-2 h2 {
    font-size: 18px;
    color: #218838;
}

.section-level-3 {
    border-left: 3px solid #dc3545;
    padding-left: 15px;
    margin-left: 70px;
    background-color: #dee2e6;
    border-radius: 4px;
}

.section-level-3 h2 {
    font-size: 16px;
    color: #c82333;
}

/* Responsive layout improvement */
@media (max-width: 767.98px) {
    .card-wrapper .widget-user-image .elevation-2 {
        width: 100px;
        margin-right: 8px;
    }

    .card-wrapper .widget-user-header h3 {
        font-size: 14px;
    }

    .card-wrapper .section-level-0 > h2 {
        font-size: 20px;
    }

    .card-wrapper h4 {
        font-size: 16px;
    }

    .section-level-1,
    .section-level-2,
    .section-level-3 {
        margin-left: 15px !important;
        padding-left: 10px;
    }

    .section-level-1 h2,
    .section-level-2 h2,
    .section-level-3 h2 {
        font-size: 14px;
    }
}

@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes quick-alo-circle-img-anim{0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes quick-alo-circle-img-anim{0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
@keyframes quick-alo-circle-img-anim{0%,100%,50%{transform:rotate(0) scale(1) skew(1deg)}
10%,30%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%,40%{transform:rotate(25deg) scale(1) skew(1deg)}
}
@-webkit-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-moz-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
@-o-keyframes shadow{0%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
50%{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
100%{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);opacity:0}
}
/* end menu mobile  */

/*style wp-respon-menu*/
@media screen and (max-width: 1024px) {
    #menu {
        display: none;
    }
    #icon-menu {
        height: 46px;
        line-height: 50px;
        float: right;
        display: block;
    }
    #icon-menu i.fa-bars {
        cursor: pointer;
        padding: 4px 14px;
        border-radius: 5px;
        font-size: 20px;
        color: #b50009;
        border: 1px solid #b50009;
    }

    #logo {
        float: left;
        margin-top: 9px;
        line-height: unset;
    }

    #respon-menu{margin: 76px 13px 0px 10px; height: auto;padding: 0px;margin-bottom: 56px;}

    #wp-respon-menu {
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100%;
        background-color: #f0f1f5;
        transition: left 0.25s;
        z-index: 1043;
        position: fixed;
        outline: none!important;
        -webkit-backface-visibility: hidden;
        overflow-x: auto;
    }

    #wp-respon-menu .respon-head span#close-menu-response {
        float: left;
        margin: 10px 5px 10px 0px;
        color: #b50003;
        font-size: 20px;
        border: 1px solid red;
        padding: 0px 6px;
        border-radius: 4px;
        cursor: pointer;
    }
    #wp-respon-menu .respon-head{
        background: #FFF;
        box-shadow: 0px 1px 5px 2px #dadbdf; 
        border-bottom: 3px solid #b50003;
        position: fixed;
        width: 100%;
        z-index: 100;
        padding: 7px 13px;
    }
    #wp-respon-menu .respon-head .navbar-brand{
        float: right;
        line-height: unset;
    }
    #wp-respon-menu .respon-head img {
        height: 33px;
    }
    #icon-respon-menu {
        color: #fff;
        font-size: 30px;
        position: absolute;
        top: 0px;
        left: 250px;
        display: none;
        cursor: pointer;
        padding: 25px;
    }
    #respon-menu li a {
        color: #000;
        font-size: 16px;
        display: block;
        min-height: 30px;
        padding-left: 34px;
        line-height: 30px;
        text-transform: capitalize;
    }
    #respon-menu li {
        position: relative;
        background: #FFF;
        box-shadow: 0px 1px 4px 2px #dadbdf;
        margin: 10px 0px;
        border-radius: 6px;
        padding: 12px;
    }
    #respon-menu>li>a:hover{color: #008657;}
    #respon-menu .sub-menu {
        display: none;
    }
    #respon-menu .sub-menu li a {
        font-weight: 400;
        text-transform: none;
    }
    #respon-menu>li>.sub-menu{padding-left: 0px}
    #respon-menu>li>.sub-menu li{
        box-shadow: none;
        padding: 0px;
        margin: 10px 0px;
        border-top: 1px solid #BBB;
        padding-top: 9px;
    }
    #respon-menu>li>.sub-menu>li>a {
        padding-left: 8px;
        font-size: 14px;
    }
    .footer-top {padding-bottom: 66px;}
    .wrap-fixed-footer {
        display: block;
    }

    /* respon img icon */
    #respon-menu .ricon {
        background-size: 30px 30px;
        background-repeat: no-repeat;
    }
    #respon-menu .trang-chu {background-image: url(/images/core/trang-chu.png);}
    #respon-menu .p-gioi-thieu {background-image: url(/images/core/gioi-thieu.png);}
    #respon-menu .khoa-hoc {background-image: url(/images/core/khoa-hoc.png);}
    #respon-menu .ladipages {background-image: url(/images/core/san-pham.png);}
    #respon-menu .cuu-hoc-vien {background-image: url(/images/core/cuu-hoc-vien.png);}
    #respon-menu .tin-khai-giang {background-image: url(/images/core/tin-khai-giang.png);}
    #respon-menu .danh-muc {background-image: url(/images/core/danh-muc.png);}
    .head-cart {display: none;}
    #icon-caret-right {
        position: absolute;
        right: 10px;
        top: 5px;
        color: #777777;
        cursor: pointer;
        padding: 15px 20px 17px 20px;
        font-size: 14px;
    }
    #site.open-respon-menu #wp-respon-menu {
        display: block;
        transition: left 0.25s;
    }

    #wp-header #hd-body {
        height: 51px;
        margin-top: 1px;
    }
    #cart-item {
        line-height: 34px;
    }
    #cart-item a {
        padding: 1px 0px;
    }
    /* END CSS header */
    .cattop h5 {font-size: 16px;}
    .cattop div.row a{font-size: 13px;}
    .cattop div.row .text-end{font-size: 13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

    .btnmobile {padding: 13px 8px;font-size: 22px;}
    .btn-cta {
        padding: 10px !important;
        text-align: center;
        width: 100%;
    }
    .bar-address {width: 100%;}
    .bar-address .bar-left {display: none;}
    .bar-address .bar-right {
        float: none;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 0px;
    }
    .footer-bottom-menu {display: none;}
}

@media only screen and (max-width: 767px) {
    #logo .brand-image {
        height: 33px;
    }
    .tinkhaigiang .slick-initialized .slick-slide, .phongsu .slick-initialized .slick-slide {
        margin: 0px 10px;
    }
    .tinkhaigiang .slick-slide .bg-image img{height: 126px;}
    .sidebar-right {display: none;}
    .btnmobile {width: 100%;padding: 13px 8px;font-size: 22px;}
    .footer-top {
        padding: 30px 10px 50px 10px;
    }
    .card-course .clist {

    }
    .card-course .clist .border-left{border-left: 0px !important}
    .content-wrapper-course .video {
        margin: 0px -10px;
        margin-top: 20px;
    }
    .content-wrapper-course .ttr-post-title {margin: -20px -10px;}
    .card-bill p.congratu{font-size: 13px; line-height: 22px;}
    .course-menu ul {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: thin; 
        scrollbar-color: #ccc #f1f1f1; 
    }
    .course-menu ul::-webkit-scrollbar {
        height: 4px; 
    }

    .course-menu ul::-webkit-scrollbar-thumb {
        background-color: #ccc; 
        border-radius: 4px; 
    }

    .course-menu ul::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    .course-menu ul li {
        flex: auto;
        text-align: center;
        margin: 0px 10px;
    }
    .course-menu ul li a i {
        display: inline-block;
    }

}
/* Điện thoại di động ngang */
@media only screen and (max-width: 768px) and (orientation: landscape) {
    .slick-initialized .slick-slide {
        margin: 0px 5px;
    }
}