/*
Theme Name: Hocviencongnghethongtin Child
Theme URI: #
Author: Luu Tai
Description: Luu Tai Developer
Author URI: #
Template: flatsome
Version: 3.0
*/
:root {
    --font: "Roboto", sans-serif;
    --body-color: #333;
    --heading-color: #212b36;
    --primary-color: #4dc1b5;
    --white: #ffffff;
    --black: #333;
    --black-primary: #000;
    --yellow: #ffeb3b;
    --yellow2: #ffcb08;
    --orange: #ff5722;
    --line-color: #c1bdbd;
    --footer-color: #302f31;
    --line-color-a: #f37423;
    --cake-kitchen: #ec008b;
    --bartending: #58a946;
    --family-kitchen: #6b3b20;
    --restaurant-manager: #0074bb;
    --marketing-color: #016973;
    --spa-color: #878d36;
    --music-aau-color: #93193D;
    --music-cet-color: #a98a53;
    --design-lcolor: #2e3192;
}
body {
    font-family: "Roboto", sans-serif;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    font-style: normal;
    background: url("https://bdx.com.vn/wp-content/uploads/2024/07/bg-cntt-new.jpg") no-repeat fixed top center;
    box-shadow: inset 0 0 0 2000px #ffffffbf;
    overflow-x: hidden;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.hotline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotline-header .hotline-col-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.hotline-header .hotline-header-icon,
.hotline-header .hotline-header-text,
.hotline-header .hotline-header-number{
    line-height: 1.5;
}
.hotline-header .hotline-header-text{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.hotline-header .hotline-header-number{
    color: #fec804;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}
.hotline-header .hotline-header-icon i {
    color: #fff;
    font-size: 20px;
    border: 2px solid #fec804;
    border-radius: 100%;
    padding: 15px;
}
.hotline-header .hotline-header-icon {
    margin-right: 10px;
}
img {
    max-width: 100%;
}

.page-template-default #content .page-inner a, .single-post .entry-content article a{
    color: var(--line-color-a);
}
.single-post .entry-content article p{
    text-align: justify;
}
a,
button,
input,
textarea {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a,
a:focus,
input:focus,
textarea:focus,
button:focus,
.navbar-toggler:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    color: var(--heading-color);
    margin-bottom: 5px;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.title-news-h2 h2{
    font-size: 24px;
}
.title-a a{
    color: var(--primary-color) !important;
}
.title-a a:hover, .page #content .page-inner .title-a p a:hover{
    color: var(--body-color) !important;
}
ul,
ol {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    font-weight: 400;
    color: var(--body-color);
    margin-bottom: 10px;
}
b, strong {
    font-weight: bold;
}
#top-bar, .header-wrapper .top-divider {
    display: none;
}
.header, .header-wrapper {
    z-index: 200;
}
.header-main{
    z-index: unset;
}
.header-wrapper .header-main .header-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    height: 100%;
}
.header-wrapper .header-main .header-inner #logo,
.header-wrapper .header-main .header-inner .header-nav,
.header-wrapper .header-main .header-inner .mobile-nav{
    z-index: 15;
}
#header .header-bg-color{
    /*background: linear-gradient(to right,#fff,#fff 21%,#fff 21%,#fff 78%,#fff 100%);*/
    background-color: #616161;
}
#header .header-nav.nav-left{
    justify-content: center;
    padding-left: 0;
}
#header .logo-left .logo{
    margin: 0;
}
.header-bottom {
    max-width: 1000px;
    background: linear-gradient(to right, #e4e03f -13%, #a0b438 30%, #85a236 70%, #85a236 100%) !important;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 50px;
    bottom: -20px;
    z-index: 11;
}
.header-bottom .flex-row.container .flex-col{
    width: 100%;
}
 .nav>li{
    margin: 0 2px;
}
.nav>li>a {
    font-size: 17px;
    font-weight: 500 !important;
    text-transform: uppercase;
    -webkit-transition: color .2s;
    transition: color .2s;
}
.header-main .nav > li > a {
    line-height: 16px;
    padding: 10px;
    border: 2px solid transparent;
    border-radius: 12px;
    transition: 0s;
}
.header-main .nav > li.active > a{
    border-color: var(--primary-color);
    color: #fff !important;
}
.header-main .nav > li > a:hover {
    border: 2px solid var(--primary-color);
    padding-right: 10px;
    padding-left: 10px;
    color: black;
}
.nav-uppercase>li>a {
    letter-spacing: normal;
}
.nav>li>a>i.icon-menu {
    font-size: 30px;
    color: var(--white);
}
.nav-dropdown {
    min-width: 315px;
    background-color: #333;
    padding: 0;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #bbb;
    border-radius: 0;
}
.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a {
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.15);
    text-transform: capitalize;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    margin: 0;
    padding: 10px;
    border-radius: 0;
}
.nav-dropdown>li.header-search-form{
    min-width: 556px;
}
.nav-dropdown.nav-dropdown-simple li.header-search-form, .nav-dropdown.nav-dropdown-bold li.header-search-form {
    padding: 0 0 0;
}
.header li.header-search-form .live-search-results, .nav-dropdown li.widget_shopping_cart{
    background-color: #fff;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 6px;
    margin-left: -6px
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
    bottom: 0;
}
/* custom menu level*/
.header-nav .nav-dropdown>li.nav-dropdown-col{display:block}
.header-nav .nav-dropdown{border:1px solid #ddd; padding:0}
.header-nav .nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{text-transform:capitalize !important;font-size:15px; font-weight:400}
.header-nav .nav-dropdown .nav-dropdown-col>ul li:hover{background-color:transparent}
.header-nav .nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.header-nav .nav-dropdown-default>li:hover{background-color: var(--primary-color)}
.header-nav .nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;margin-left: -10px;}
.header-nav .nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-42px;box-shadow: 2px 2px 5px #828282;display:none !important;position: absolute;left: 100%;z-index: 9;background-color: #333;min-width: 315px;}
.header-nav .nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.header-nav .nav-dropdown .nav-dropdown-col>ul li a{padding:10px;text-transform: none;color:#fff}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
/* End custom menu */
.header-nav li.current-dropdown>.nav-dropdown {
    left: 2px;
}
.header-nav .nav-dropdown.nav-dropdown-bold>li.menu-item-has-children {
    position: relative;
}
.header-nav .nav-dropdown.nav-dropdown-bold>li.menu-item-has-children>a::after {
    content: "\f105";
    position: absolute;
    top: 12px;
    padding-right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    right: 0;
}
/* menu sub pr */
#box-horizontal-menu {
    display: none;
    position: relative;
    background-color: #ffffffc4;
    overflow-y: visible;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: text-top;
    margin: 0;
    padding: 0;
    clear: both;
    border-spacing: 5px;
    padding-left: 28px;
}
.box-horizontal-menu-item {
    display: table-cell;
    min-width: 100%;
    width: 100%;
    font-size: 16px;
    /* border: 1px solid #d1d1d1; */
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    /*white-space: normal;*/
    line-height: normal;
    vertical-align: middle;
    text-align: center;
}
.box-horizontal-menu-item-home{
    position: absolute;
    top: 8px;
    left: 0;
    min-width: 30px;
    width: 30px;
    background-color: transparent;
    border: none;
    text-align: center;
}
.box-horizontal-menu-item-home i{
    font-size: 20px;
}
.box-horizontal-menu-item a{
    color: #02171b;
    text-decoration: none;
}
#box-horizontal-menu::-webkit-scrollbar {
    display: none;
}
/* End menu */
#box-horizontal-menu-select {
    display: none;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}
.menu_bread {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    padding: 7px 0 7px 0;
    margin-left: 50px;
}
#box-horizontal-menu-select .box-horizontal-menu-item-home {
    position: absolute;
    top: 6px;
    left: 0;
    min-width: 30px;
    width: 30px;
    background-color: transparent;
    border: none;
    text-align: center;
}
#box-horizontal-menu-select .menu-child-page {
    position: relative;
}
#box-horizontal-menu-select .menu-child-page:before,
#box-horizontal-menu-select .box-horizontal-menu-item-home a:before {
    content: "";
    background: #BDBDBD;
    position: absolute;
    top: 4px;
    right: -8px;
    width: 1px;
    height: 14px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
#box-horizontal-menu-select .menu-child-page:before{
    right: auto;
    left: 0;
}
#box-horizontal-menu-select .menu_bread li .menu-child-page a{
    padding-left: 12px;
}
.menu_bread li{
    margin-bottom: 0;
}
.menu_bread li.start {
    padding-right: 18px;
}
.menu_bread li .menu-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.menu_bread li a {
    height: 100%;
    display: block;
    white-space: nowrap;
    position: relative;
    color: #0084ff;
    font-size: 15px;
    font-weight: 400;
}
.menu_bread li .menu-select select {
    font-size: 13px;
    font-weight: bold;
    color: #757575;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    background: #fff url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/%22data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.96967 0.21967C10.2626 -0.0732233 10.7374 -0.0732233 11.0303 0.21967C11.3232 0.512563 11.3232 0.987436 11.0303 1.28033L6.53033 5.78033C6.23744 6.07322 5.76256 6.07322 5.46967 5.78033L0.96967 1.28033C0.676777 0.987436 0.676777 0.512563 0.96967 0.219669C1.26256 -0.0732237 1.73744 -0.0732237 2.03033 0.21967L6 4.18934L9.96967 0.21967Z' fill='%23757575'/%3e%3c/svg%3e");
    background-position: 6px;
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    margin-bottom: 0;
}
.menu_bread li .menu-select select option {
    color: #4F4F4F;
    font-weight: 400;
    padding: 0 15px;
    font-size: 15px;
}
#box-horizontal-menu.menu-select-sub{
    background-color: #f1f1f1;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 0;
}
#box-horizontal-menu.menu-select-sub .box-horizontal-menu-item a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}
/* end menu select */
.breadcrumbs{
    font-weight: normal;
}
.breadcrumbs .divider, .breadcrumbs .separator{
    opacity: 1;
}
#wrapper, #main {
    background-color: transparent;
}
.row.content-full {
    padding-top: 0;
}
.page #content .page-inner .section p a,
.page #content .page-inner p a{
    color: var(--line-color-a) !important;
}
.banner .button {
    font-weight: normal;
}
.page-wrapper .content-full, .content-full {
    background-color: #fff;
    max-width: 1170px !important;
    box-shadow: 0 0 12px #000;
    /*box-shadow: 0 10px 20px #00000030, 0 6px 6px #00000038;
    -webkit-box-shadow: 0 3px 9px #636669;*/
}

.taxonomy-description-full {
    background: #fff;
    /* box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 22%); */
    max-width: 1170px !important;
    -webkit-box-shadow: 0 3px 9px #636669;
    box-shadow: 0 3px 9px #636669;
}

.row.row-large {
    max-width: 1170px !important;
}

#wide-nav .container {
    padding-left: 0;
    padding-right: 0;
}

.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.fix-layout-archive{
    background-color: var(--white);
}
.fix-layout-archive .from_the_blog_comments{
    display: none;
}
.table-reponesive {
    overflow-x: auto;
}
.product-main {
    padding: 0 0;
}
.breadcrumbs-full {
    min-height: 40px;
    background: #fff;
    /*box-shadow: 0 0 0 #0b0b0b, 0 0 4px #0b0b0b;*/
    padding: 10px;
    border-bottom: 1px solid #eee;
}
header.entry-header h1.entry-title.mb {
    margin-bottom: 10px;
    text-align: center;
}
.page .page-inner h1{
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}
.page .page-inner h1.entry-title:after,
.page .page-inner h1:after,
header.entry-header h1.entry-title:after,
.single-product .product-page-sections .product-section-title-related h1:after{
    content: "";
    background-image: url("https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/template-landing-page/images/digital/decorative-underline.png");
    width: 100%;
    display: block;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 225px;
}
.page .page-inner .h1-no-line h1:after{
    display: none;
}
.btn-readmore {
    font-weight: normal;
}
#dang-ky {
    scroll-margin-top: 150px;
}
#product-sidebar {
    margin-top: 0;
}
.single-product #product-sidebar{
    display: block !important;
}
.product-slider-white .product-small.box, .product-slider-home .product-small.box, .product-radius .product-small.box, .products .product-small .col-inner, .products .product-small.box{
    border-radius: 10px;
}
.product-slider-white .box-image img, .product-slider-home .box-image img, .product-radius .box-image img, .products .product-small .box-image img, .related-products-wrapper .product-small .box-image img{
    border-radius: 10px 10px 0 0;
}
.related-products-wrapper .product-small .product-small.box {
    background-color: #ececec;
    border-radius: 10px;
}
.page-title-inner {
    padding-top: 0;
    min-height: 50px;
}
.page-title-inner {
    padding-top: 0;
    min-height: 50px;
}

.category-page-row {
    padding-top: 15px;
}

.product-section {
    border-top: none;
}
h1.two-line-h1{
    color: var(--primary-color);
    margin: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid #fff;
}
h1.two-line-h1 span:first-child {
    color: #333;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-size: 54px;
    font-weight: 400;
    line-height: 54px;
    padding-top: 2px;
    padding-bottom: 5px;
}
h1.two-line-h1 span:nth-child(2) {
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 400;
    line-height: normal;
    padding-top: 2px;
    font-size: 30px;
    text-align: center;
    display: block;
}
h1.two-line-h1 span:nth-child(3){
    font-size: 28px;
    display: block;
}
.hr-custom {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right,rgba(0,0,0,0),var(--primary-color),rgba(0,0,0,0));
    background-color: transparent;
    margin: 0 0 15px;
    opacity: 9;
}
.banner-h1 {
    font-size: 3.5em;
}

.banner-h2 {
    font-size: 3em;
}

.banner-h3 {
    font-size: 2em;
}

.banner-h4 {
    font-size: 1.5em;
}
.banner-h1,
.banner-h2,
.banner-h3,
.banner-h4 {
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: .05em !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
}

.banner h2, .banner h3, .banner h1 {
    line-height: normal;
}

#text-box-1922501262.res-text {
    width: 64% !important;
    font-size: 13px;
}

#mega-menu-wrap {
    background: var(--primary-color);
}

.sf-vertical li.menu-item-7097 ul.sub-menu {
    width: 865px;
}

.sf-vertical li.menu-item-7097 ul.sub-menu li {
    width: 30.888%;
    float: left;
    border-bottom: 1px solid #00000026;
    margin-right: 20px;
    min-height: 44px;
}

.sf-vertical li.menu-item-7097 ul.sub-menu li:hover,
.sf-menu li:hover {
    background: none;
    border-bottom: none;
}

#mega_menu.sf-vertical a {
    font-size: 16px;
    border-top: none;
}

#mega_menu.sf-vertical a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

#mega_menu.sf-vertical li:hover ul.sub-menu {
    padding: 0 15px !important;
}

#mega_menu.sf-vertical li:hover ul.sub-menu li:before {
    margin: 0 0 0 5px;
}

#mega_menu.sf-vertical li:hover ul.sub-menu li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-left-color: rgb(107 59 32);
}

#mega_menu.sf-vertical li ul.sub-menu li:before {

}

.section-title span {
    background-color: transparent;
    color: var(--primary-color);
    padding: 2px 0;
    font-weight: 400;
}
.section-title-normal span {
    border-bottom: 4px solid var(--primary-color);
    margin-bottom: -2px;
}
.title-cake-kitchen .section-title-normal span {
    border-bottom: 4px solid var(--cake-kitchen);
}
.title-bartending .section-title-normal span {
    border-bottom: 4px solid var(--bartending);
}
.title-family-kitchen .section-title-normal span {
    border-bottom: 4px solid var(--family-kitchen);
}
.title-restaurant-manager .section-title-normal span {
    border-bottom: 4px solid var(--restaurant-manager);
}
.title-digital-marketing .section-title-normal span {
    border-bottom: 4px solid var(--marketing-color);
}
.title-spa-text .section-title-normal span {
    border-bottom: 4px solid var(--spa-color);
}
.title-music-text .section-title-normal span {
    border-bottom: 4px solid var(--music-aau-color);
}
.title-design-text .section-title-normal span {
    border-bottom: 4px solid var(--design-lcolor);
}
.section-title a {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 400;
}
.section-title a:hover{
    color: var(--body-color);
}
.title-cake-kitchen .section-title a{
    color: var(--cake-kitchen);
}
.title-bartending .section-title a{
    color: var(--bartending);
}
.title-family-kitchen .section-title a{
    color: var(--family-kitchen);
}
.title-cake-kitchen .section-title a:hover,
.title-bartending .section-title a:hover,
.title-family-kitchen .section-title a:hover{
    color: var(--primary-color);
}
/* .section-title b {
    background-color: #6b3b20;
} */
.line-blue {
    border-bottom: 1px dashed var(--body-color);
    height: 5px;
    position: relative;
    margin: 0 0 10px 0;
}
.line-blue-new{
    background: url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/assets/images/line-green.jpg) repeat-x;
    height: 10px;
    position: relative;
    margin: 0 0 5px 0;
}
.line-blue:before, .line-blue-new:before{
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 68px;
    background: var(--primary-color);
    top: 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single-product h1.product-title, .single-product .product-info p.product-title {
    font-size: 24px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 400;
}
.single-product .product-info .is-divider{
    margin: 0;
}
ul.product_list_widget li a:not(.remove){
    color: var(--body-color);
}
.custom-h1 .modtitle {
    padding: 0 0 5px 22px;
    background-size: 16px;
    margin: 0;
}
.custom-h1 .modtitle .first {
    color: var(--primary-color);
    padding-bottom: 10px;
    font-size: 25px;
}
.big-title .modtitle {
    padding: 0 0 5px 40px;
    background: url('https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/assets/images/line-green.jpg') no-repeat left center;
    line-height: 32px;
    position: relative;
    color: var(--white);
}
.box-img-flash .img-inner, .dang-ky-ctsp .box-img-flash{
    position: relative;
    padding: 0;
    overflow: hidden;
    width: 290px;
    height: auto;
    margin: 5px auto 0 auto;
}
.box-img-flash .img-inner img, .dang-ky-ctsp .box-img-flash img{
    -webkit-transition: .2s ease-in-out all;
    -moz-transition: .2s ease-in-out all;
    -o-transition: .2s ease-in-out all;
    transition: .2s ease-in-out all;
}
.box-img-flash .img-inner::before, .dang-ky-ctsp .box-img-flash::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.box-img-flash .img-inner:hover::before, .dang-ky-ctsp .box-img-flash:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.archive-page-header{
    background: linear-gradient(0deg, rgb(236 236 236) 0%, #00000000 100%, rgb(244 244 244) 100%);
}
.woocommerce-loop-product__title {
    font-size: 18px;
    height: 47px !important;
    line-height: normal;
    overflow: hidden;
    margin: 0 !important;
    text-transform: capitalize;
}

.woocommerce-loop-product__title a:hover {
    color: #f37423;
}

.single_add_to_cart_button {
    font-size: 18px;
    color: #fff;
    line-height: normal;
    padding: 11px 30px;
    display: inline-block;
    background-color: var(--primary-color) !important;
    cursor: pointer;
    font-weight: 400;
    border-radius: 2px;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.single_add_to_cart_button:hover {
    background-color: var(--primary-color);
}

.tax-product_cat .price-wrapper {
    padding: 0 0 5px;
}

.add-to-cart-button .product_type_simple,
.add-to-cart-button .product_type_variable {
    margin-right: 0 !important;
    margin-top: 0 !important;
    border-radius: 5px;
    background-color: var(--primary-color) !important;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
}

.tax-product_cat .add-to-cart-button {
    background: var(--primary-color);
    border-radius: 3px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 0;
    font-weight: bold;
    line-height: 35px;
    font-size: 15px;
    height: 35px;
}

.hide-o-vnd .woocommerce-Price-amount.amount {
    color: var(--primary-color);
}

.home .box-text-products .price-wrapper,
.tax-product_cat .price-wrapper .price,
.search-results .price-wrapper .price,
.price-wrapper.hide-o-vnd .price,
.single-product .related-products-wrapper .price-wrapper .price {
    padding: 0 0 5px;
    height: 25px !important;
}

.row-single-price-wrapper {
    display: flex;
    flex-flow: row wrap;
}

.row-single-price-wrapper .item-single-price {
    width: 50%;
    margin-bottom: 15px;
}

.row-single-price-wrapper .item-single-price .woocommerce-Price-amount {
    font-size: 18px;
}

.contact-form-popup .form-cont .h2,
.wpcf7 .processing:before,
.wpcf7 .loading-spin.centered {
    display: none;
}

.wpcf7-form .processing * {
    opacity: 1 !important;
}

.lt-single-product_popup_form .modal,
.lt-single-product_popup_form .modal-open {
    z-index: 999999;
}

.mfp-wrap .mfp-container {
    padding: 5px;
}

#button-register .form-cont .h2 {
    font-size: 27px;
    padding: 0 0 15px;
    text-align: center;
    color: #068af3;
    font-weight: 400;
}

#button-register ul li {
    list-style: none;
}

.checkout-breadcrumbs {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.woocommerce-checkout .checkout-page-title .page-title-inner{
    background-color: #f1f1f1;
}
.woocommerce-checkout .page-wrapper {
    padding-top: 5px;
    padding-bottom: 10px;
}

#wrapper > .message-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    background-color: var(--white);
}

.nav-tabs + .tab-panels {
    padding: 15px;
}

#review_form_wrapper #review_form .has-border {
    padding: 15px 15px 15px;
}

.comment-form-rating .stars a {
    font-size: 14px;
}

.single-product .product-summary form.variations_form.cart {
    padding: 10px;
    color: var(--primary-color);
    box-shadow: 6px 6px 12px 2px #a8a8a8;
    margin-bottom: 20px;
    border: 1px solid #fff;
    background: #fff;
}

.product-summary tr.attribute-pa_chon-hinh-thuc-hoc td.label label,
.product-summary tr.attribute-pa_chon-hinh-thuc-hoc td.value label,
.product-summary table.variations td.label label {
    color: var(--primary-color);
    font-size: 16px;
}

.product-summary .single_variation_wrap .woocommerce-variation-price .woocommerce-Price-amount.amount {
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 400;
}

.product-summary .single_variation_wrap .woocommerce-variation-price {
    text-align: center;
}

.product-summary .variations select {
    font-size: 16px;
}

.product-summary .product-page-price .woocommerce-Price-amount.amount {
    font-size: 25px;
}

.product-summary .variations .reset_variations {
    bottom: 95%;
    color: #f00;
}

.sp-title-header {
    border-bottom: solid 2px var(--primary-color);
    height: 40px;
    margin-bottom: 8px;
}

.sp-hot-products {
    width: auto;
    background: var(--primary-color);
    color: #fff;
    padding: 0 10px;
    font-size: 1.25em;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    float: left;
    line-height: 40px;
    height: 40px;
}

.sp-hot-products:after {
    border: 20px solid transparent;
    border-left-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 100%;
    content: "";
}

.col-fix-bottom {
    padding: 0 15px 0;
}

.row-large .col.col-fix-bottom {
    padding: 0 15px 0;
}

.title-col-img-left {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 3px 0 0 #9c9e9a;
    font-size: 35px;
    letter-spacing: 2px;
    color: var(--primary-color);
    margin-top: 0;
    text-align: left;
}

.button-redmore {
    background-color: var(--primary-color);
    font-weight: normal;
}

.button-redmore:hover {
    background-color: #d49c0f;
}

#text-box-1234333093 a.button {
    font-weight: normal;
}

.we_lecturer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px;
}
.page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item,
.we_lecturer-style-list .we_lecturer-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0 15px 30px !important;
    background-color: #e4e4e4;
}
.we_lecturer-style-list .we_lecturer-item{
    width: 29%;
}
.page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item{
    width: 22.333%;
}
.page-template-page-no-sidebar .accordion-section-box .we_lecturer-style-list .we_lecturer-item{
    width: 30.333%;
}
.page-template-page-no-sidebar .lecturer-section .we_lecturer-style-list .we_lecturer-item{
    width: 22.4%;
}
.we_lecturer-item-ctn {
    width: 100%;
    margin: 0 auto;
}

.we_lecturer-style-list .we_lecturer-item-title {
    margin-top: 10px;
}
.accordion-section-box .we_lecturer-style-list .we_lecturer-item{
    width: 29%;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}

.autocomplete-suggestion {
    cursor: pointer;
}
.autocomplete-suggestion .search-price bdi {
    color: #fff;
}
.box-blog-post .post-title {
    color: var(--primary-color);
    font-size: 18px;
    height: auto;
    line-height: normal;
    font-weight: 400;
    overflow: hidden;
    text-align: center !important;
}
.news-homepage .box-blog-post .post-title{
    color: var(--body-color);
}
.box-blog-post .post-title:hover{
    color: var(--primary-color);
}
.color-black .box-blog-post .post-title{
    color: var(--body-color);
}
.color-black .is-divider, .from_the_blog_comments, .box-blog-post .is-divider{
    display: none;
}

.lt-latest-posts-shortcode .box-blog-post .post-title {
    height: 44px;
    overflow: hidden;
    color: var(--primary-color);
    line-height: 1.4;
    margin-top: .1em;
    margin-bottom: 10px;
    font-size: 1.15em;
    text-align: center;
}
.latest-post-feature .lt-latest-posts-shortcode .box-blog-post .post-title {
    height: 45px;
    overflow: hidden;
    color: var(--primary-color);
    margin-bottom: 10px;
    cursor: pointer;
}
.latest-post-feature .lt-latest-posts-shortcode .box-blog-post .post-title:hover{
    color: #333;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    display: none;
}

.breadcrumbs a {
    color: #333;
}

a:hover, a.remove:hover, a.icon-circle:hover, .breadcrumbs a:hover {
    color: #35a533;
}

.category-filtering {
    margin-top: 20px;
    padding: 5px;
    background-color: var(--primary-color);
}
.category-filtering .filter-button{
    color: var(--yellow);
}

#product-sidebar .is-divider {
    display: none;
}

.widget-title.shop-sidebar {
    background-color: var(--primary-color);
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    color: var(--white)!important;
    display: block;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 5px;
    line-height: normal;
}

.page-title-fix {
    padding-bottom: 0;
    text-align: left;
}

.line-title {
    border-bottom: 1px dashed #000;
    height: 5px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 5px;
}

.line-title:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 68px;
    background: var(--primary-color);
    top: 0;
    left: 0;
    /* transform: translate(-50%, 0); */
}

.category .page-wrapper {
    padding-top: 0;
}
.archive h1.page-title .vcard a {
    color: #fff;
}
.archive-page-header h1.page-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-color);
}

.archive-page-header .hero-image-archive h1.page-title {
    color: #fff !important;
    font-size: 28px;
}

.hero-image-archive {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    height: 50%;
    padding: 60px 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.hero-image-archive .is-divider {
    background-color: rgb(255 255 255);
    margin: 10px auto;
}

.hero-image-archive .breadcrumbs, .hero-image-archive .breadcrumbs a {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: normal;
}

.hero-image-archive .breadcrumbs .divider, .hero-image-archive .breadcrumbs .separator {
    opacity: 1;
}

.article-inner.has-shadow .entry-header-text-top {
    padding-top: 5px;
    padding-bottom: 0;
}
.taxonomy-description-full {
    padding: 15px 0 0 0;
}
.taxonomy-description-full .taxonomy-description{
    padding:0 15px;
}
.taxonomy-description-full .taxonomy-description p{
    text-align: justify !important;
}
.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}

.product-section-title-related, .product-section-title-related h1 {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 0;
}
.product-section-title-related h1{
    margin-bottom: 7px;
}
.page .page-wrapper #content, .page .page-wrapper .large-3.col {
    padding: 15px 15px 15px;
}
.nav-tabs > li.active > a {
    border-top-color: var(--line-color-a) !important;
    border-left-color: var(--line-color-a) !important;
    border-right-color: var(--line-color-a) !important;
    background-color: var(--line-color-a);
    color: var(--white);
}
.product-footer .woocommerce-tabs{
    padding: 0;
    margin-top: 5px;
    border-top: none;
}
.woocommerce-Reviews .comment-form-comment,
.woocommerce-Reviews .comment-form-rating,
.woocommerce-Reviews .comment-form-author{
    text-align: left;
}
.woocommerce-Reviews .comment-form, .woocommerce-Reviews input[type='submit']{
    text-align: center;
    margin: 0 auto;
}
.woocommerce-Reviews .comment-form-comment .error,
.woocommerce-Reviews .comment-form-author .error,
.woocommerce-Reviews .comment-form-email .error{
    color: red;
}
.table {
    display: table;
    border-collapse: collapse;
}
.table tr:first-child td, .table thead tr:first-child th {
    color: var(--white);
    background-color: var(--primary-color);
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #fff;
    font-weight: 400;
}
.table-lt-custom .table thead tr:first-child th,
.table-lt-custom .table thead tr th{
    background: #272425;
    background: -moz-linear-gradient(left,var(--primary-color) 0,var(--primary-color) 41%);
    background: -webkit-linear-gradient(left,var(--primary-color) 0,var(--primary-color) 41%);
    background: linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 41%);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.table-lt-custom, .table-responsive{
    overflow: auto;
}
.table-lt-custom .table tr:first-child td, .we-hnaaudata-promotion .table tr:first-child td{
    background-color: transparent;
    text-transform: none;
    border: 1px solid #ddd;
    color: var(--body-color);
}
.table-lt-custom .table thead tr:first-child th,
.table-lt-custom .table thead tr th{
    font-weight: 400;
    font-size: 15px;
}
.table-lt-custom .table tr:first-child td{
    font-weight: normal;
}
.table-custom .table tr:first-child td, .we-hnaaudata-promotion .table tr:first-child td {
    background: transparent;
    color: inherit;
    text-align: center;
    text-transform: none;
    border: 1px solid #ddd;
}

.table > tbody > tr > td, .table > thead > tr > th {
    border: 1px solid #ddd;
    vertical-align: middle;
    padding: 8px;
    line-height: 1.42857143;
    text-align: center;
}

.table > tbody > tr > td.text-center, .table > thead > tr > th.text-center,
.table > tbody > tr > td.canh-giua, .table > thead > tr > th.canh-giua {
    text-align: center;
}

.table > tbody > tr > td.text-left, .table > thead > tr > th.text-left,
.table > tbody > tr > td.canh-trai, .table > thead > tr > th.canh-trai {
    text-align: left;
}

.table th, .table td {
    border-bottom: none;
    color: var(--body-color);
    font-size: inherit;
}
.mau-chan {
    background: #4d4d4f !important;
}
.table-lt-custom .table thead tr.title-table:first-child th{
    font-size: 18px;
    text-transform: uppercase;
}
.button-btn {
    text-align: center;
    margin: 20px 0;
}
.btn-white {
    color: #000;
    background-color: rgba(251,197,59,1);
    border: 2px solid #000;
    font-size: 20px;
    font-weight: bold;
    border-radius: 0;
    text-transform: uppercase;
    padding: 6px 12px;
}
.btn-white:hover {
    color: #fff;
    border: 2px solid #fff;
}
.no-dots-li ul.list-ul li{
    list-style-type: none;
}
h2, h3, h4, h5, h6,
.box-blog-post h2, .box-blog-post h3, .box-blog-post h4, .box-blog-post h5, .box-blog-post h6 {
    color: var(--primary-color);
    text-transform: capitalize;
}

ol, ul {
    margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {
    margin: 1.5em 0 1.5em 0;
}

.page-checkout.content-full .row-large > .col {
    padding: 0;
}

.content-full-header {
    background: #fff;
    padding-top: 10px;
    box-shadow: none;
}

.container.page-checkout.content-full .row-large:not(.row-collapse) {
    margin-left: 0;
    margin-right: 0;
}

.off-canvas-cart #cart-popup {
    background-color: #fff;
}

.sidebar-menu .header-search-form-wrapper {
    background-color: #fff;
}

.box-blog-post .from_the_blog_excerpt,
.lt-latest-posts-shortcode .box-blog-post .from_the_blog_excerpt {
    height: 70px;
}
.category .box-blog-post .is-divider{
    display: block;
}
.category .box-blog-post .from_the_blog_excerpt{
    height: 73px;
}
.box.box-blog-post{
    height: 100%;
}
.lt-latest-posts-shortcode .box-blog-post .from_the_blog_excerpt,
.box-blog-post .from_the_blog_excerpt {
    overflow: hidden;
}

.page .page-inner .entry-title,
.single-post .entry-header .entry-title {
    font-size: 24px;
    color: var(--primary-color);
    margin-bottom: .25em;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
}

.author-date-box-meta {
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.author-date-box-meta i{
    color: var(--primary-color);
}

.next-prev-nav .flex-col {
    padding: 0 15px 15px;
}
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button{
    z-index: 100;
}
#button-register {
    background: -moz-linear-gradient(left, #35a533 0, #35a533a1 44%, #35a533 100%);
    background: -webkit-linear-gradient(left, #35a533 0, #35a533a1 44%, #35a533 100%);
    background: linear-gradient(to right, #35a533 0, #35a533a1 44%, #35a533 100%);
}

#button-register select,
#button-register input[type="text"],
#button-register input[type="number"],
#button-register input[type="email"] {
    margin-bottom: 22px;
    height: 40px;
}

#button-register input[type='submit'],
#button-register .ltform-contact .form-group {
    width: 100%;
    margin-bottom: 0;
}

.product-info .breadcrumbs {
    font-size: 16px;
}
.product-info .breadcrumbs span.breadcrumb_last {
    font-weight: bold;
}

.header-search-form-wrapper input[type="search"] {
    background-color: #fff;
    font-size: 15px;
    height: 40px;
}
.sidebar-menu .searchform .button.icon {
    margin: 0;
    height: 40px;
    background-color: #118f17;
}
.header-nav .searchform .button.icon{
    width: 45px;
    height: 40px;
}
.header-nav .searchform .button.icon i{
    font-size: 1.5em;
    top: 1px;
}
.row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box {
    padding-left: 0;
    padding-right: 0;
}
.header-search-form-wrapper .searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -4em;
}
#button-register .h1 {
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
}

.error404 .content-full {
    text-align: center;
    display: block;
}

.testimonial-custom {
    background-color: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 3px 9px #636669;
    box-shadow: 0 3px 9px #636669;
}

.testimonial-custom .testimonial-name {
    font-size: 26px;
    display: block;
}

.testimonial-name-divider {
    display: none;
}

.testimonial-company.test_company {
    font-size: 16px;
}

.testimonial-text,
.testimonial-custom .testimonial-text {
    margin-bottom: 20px;
    line-height: 1.6;
    text-align: justify;
}

.testimonial-custom .testimonial-text p,
.testimonial-text p {
    text-align: justify;
}

.next-prev-nav .flex-col {
    padding: 10px 0 10px;
}
.text-justify p, .text-justify {
    text-align: justify;
}
.color-white{
    color: var(--white);
}
.archive .large-columns-3 .post-item .box-blog-post.has-hover,
.archive .post-item .box-blog-post.has-hover {
    -webkit-box-shadow: 0 3px 9px #636669;
    box-shadow: 0 3px 9px #636669;
    background-color: #fff;
}

.archive .large-columns-3 .post-item .box-blog-post .post-title:hover,
.archive .post-item .box-blog-post .post-title:hover,
.color-black .box-blog-post .post-title:hover{
    color: var(--line-color-a);
}
.lt-latest-posts-shortcode .box-blog-post .post-title:hover,
.page #content .page-inner .latest_posts_feature p a:hover{
    color: var(--body-color) !important;
}

.lt-list-category ul > li {
    list-style: none;
    text-align: left;
    margin: 0;
}

.lt-list-category .lt-list-cat-ul {
    padding: 0;
}

.lt-list-category > ul > li + li {
    border-top: 1px solid #ececec;
}

.lt-list-category ul > li > a, .lt-list-category ul > li > span:first-child, .lt-list-category ul > li > a, .lt-list-category ul > li > span:first-child {
    display: inline-block;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.woocommerce-mini-cart__empty-message {
    font-size: 14px;
}

.testimonial-meta.pt-half {
    padding-top: 0;
}

#mega-menu-title {
    text-transform: uppercase;
}

#post-related {
    clear: left;
}

.group-post-related .h2 {
    font-size: 22px;
    font-weight: 400;
    color: var(--primary-color);
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
    padding-bottom: 0;
    text-transform: uppercase;
}

.group-post-related .h2:after {
    color: var(--primary-color);
    content: " ";
    display: table-cell;
    width: 200px;
    padding-bottom: 3px;
    border-bottom: 3px solid var(--primary-color);
    line-height: 0;
}

.group-post-related ul {
    padding: 0;
    display: flex;
    flex-flow: row wrap;
}

.group-post-related ul li {
    display: flex;
    list-style: none;
    margin-bottom: 15px;
    flex: 50%;
    padding: 0 15px 0 0;
    margin-left: 0;
}

.group-post-related .relatedthumb {
    width: 140px;
    padding-right: 10px;
}
.group-post-related .relatedthumb,
.group-post-related .relatedcontent{
    flex: 50%;
    max-width: 180px;
}
.group-post-related .relatedthumb img {
    width: 100%;
    height: auto;
}
.group-post-related ul a {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px;
}
.group-post-related ul a:hover {
    color: var(--primary-color);
}
.container-iframe, .container-iframe-post{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.container-iframe{
    padding-top: 71.25%;  /* 56.25%; */
}
.container-iframe-post{
    padding-top: 66.25%;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
#comments p.title {
    margin: 0;
    color: var(--primary-color);
}

button#comment_submit {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 400;
}

button#comment_submit:hover {
    background-color: #000;
}

.next-prev-nav i {
    margin: 0 !important;
}
.rating-full {
    background-color: #fff;
    padding: 10px 0 0;
}
.rating-full .col{
    padding-bottom: 0;
}
ol.commentlist_lt {
    list-style: none;
    margin: 5px 0 0 0;
    padding-left: 0;
}
#comments .thread-even {
    margin: 0;
}
#comments .even {
    background-color: #e2e2e3;
}

#comments ul.children li, #comments li {
    list-style: none;
}

li.comment-custom {
    background: #4c4b51;
    padding: 5px 10px 5px 10px;
    border-radius: 0;
    border-bottom: 1px dotted #e2e2e3;
}

.comment-author {
    font-size: 16px;
    margin-bottom: .4em;
    position: relative;
    z-index: 2;
    float: left;
    margin-right: 10px;
}

.comment-meta {
    margin-bottom: 0;
}

#comments .even .lt-avata, #comments .even .ngay-thang, #comments .even .commentBody p {
    color: #000;
    margin-top: 0;
}

#comments li.even .lt-avata, ul.children li.comment.odd .lt-avata {
    font-weight: bold;
}

#comments p.lt-avata {
    float: left;
    margin-right: 8px;
}

#comments .even .reply {
    border: 1px solid var(--primary-color);
}

#comments .reply {
    margin-bottom: 0;
    border: 1px solid var(--primary-color);
    width: 75px;
    padding: 0 7px;
}

#comments .even .reply i, #comments .even .reply a {
    color: var(--primary-color);
}

#comments i.fa-comment {
    color: var(--primary-color);
}

.comment-reply-link {
    font-weight: normal;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}

#comments ul.children {
    margin: 0;
    padding: 0 0 0 25px;
}

#comments .odd {
    background-color: #4c4b51;
}
.single-product #comments .odd {
    background-color: #dddddd;
}

#comments ul.children li, #comments li {
    list-style: none;
}

ul.children li.comment.odd {
    background: #fff;
}

#comments .odd .lt-avata, #comments .odd .ngay-thang, #comments .odd .commentBody p {
    color: #fff;
    margin-top: 0;
}

#comments .odd .reply {
    border: 1px solid #fff;
}

#comments .odd .reply i, #comments .odd .reply a {
    color: #fff;
}

.comment-reply-link {
    font-weight: normal;
    position: relative;
    font-size: 13px;
    cursor: pointer;
}
.mfp-bg.mfp-ready {
    opacity: .9;
}
#commentform a{
    color: var(--primary-color);
}
.nav-previous a, .nav-next a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
.nav-previous a {
    background-color: #f1f1f1;
    color: black;
}
.nav-next a {
    background-color: var(--primary-color);
    color: white;
}
.nav-previous a:hover, .nav-next a:hover {
    background-color: var(--line-color-a);
    color: var(--white);
}
nav#comment-nav-below {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.commentlist{
    padding: 0;
}
body.woocommerce #reviews #comments ol.commentlist li .comment-text {
    padding: 15px;
}
.page-id-46128 .section-title-normal {
    border-bottom: 2px solid #dadada;
}
#search-lightbox {
    font-size: 15px;
    background-color: var(--primary-color);
}
input[type=checkbox], input[type=radio], .checkout ul li {
    cursor: pointer;
}
.nav>li>a>i.icon-search{
    color: var(--white);
}
.page-right-sidebar .widget-area .widget-title,
.post-sidebar .widget-area .widget-title{
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 10px;
    color: var(--white);
    font-size: 15px;
    background-color: var(--primary-color);
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}
.slidebar-daylambanh img:hover{
    -webkit-box-shadow: 0 0 5px 0 rgb(255 255 255), inset 0 0 5px 0 rgb(255 255 255);
    -moz-box-shadow: 0 0 5px 0 rgba(255,255,255,1),inset 0 0 5px 0 rgba(255,255,255,1);
    box-shadow: 0 0 5px 0 rgb(255 255 255), inset 0 0 5px 0 rgb(255 255 255);
    border: 1px solid #fff;
}
.page-right-sidebar .widget-area .is-divider,
.post-sidebar .widget-area .is-divider {
    display: none;
}
.page-id-10267 #we_schema_rating,
.page-id-10847 #we_schema_rating,
.page-id-36306 #we_schema_rating{
    max-width: 1170px;
    margin: 0 auto 0;
    background-color: var(--white);
    padding: 15px 15px;
}
#content .page-inner .we_lecturer-item-title a{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
}
.container-img-widget {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
}

.container-img-widget img {
    width: 100%;
    height: auto;
}

.container-img-widget .btn-a {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0000008a;
    color: white;
    font-size: 18px;
    padding: 15px 5px;
    border: none;
    cursor: pointer;
    text-align: center;
    width: 100%;
    line-height: normal;
}

.container-img-widget .btn-a:hover {
    background-color: black;
    color: var(--primary-color);
}
.entry-content .text-left{
    text-align: left !important;
}
.footer .widget-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-color);
}

.footer h3.accordion_title {
    font-size: 16px;
}

.accordion.footer-left .accordion-title {
    font-size: 14px;
    padding: 5px 20px;
}

.accordion.footer-left .accordion-title:hover {
    color: #ecec13;
}

.accordion.footer-left .accordion-title.active {
    font-weight: normal;
}

.accordion.footer-left .toggle {
    width: auto;
    margin-left: 0;
    opacity: 1;
}
.accordion.footer-left .toggle .toggle i {
    top: 0;
}
.accordion.footer-left ul li {
    font-size: 15px;
    list-style: disc;
}
.accordion.footer-left ul li strong {
    color: #fff200;
    display: block;
    font-size: 15px;
    font-weight: normal;
}
.accordion.footer-left .accordion-item .accordion-inner {
    padding: 5px 20px;
}
.accordion.accordion-section-box {
    position: relative;
    box-shadow: 2px 2px 10px #595959a3;
    margin-bottom: 10px;
    border-radius: 5px;
    border-bottom: 2px solid var(--primary-color);
}
.accordion.accordion-section-box.footer-left{
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #615f62;
}
.accordion-section-box .accordion-inner {
    padding: 10px 15px;
}
.accordion-section-box .accordion-title i{
    display: none;
}
.accordion.accordion-section-box.footer-left .accordion-title i{
    display: block;
    font-size: 20px;
    top: -4px;
}
.accordion-section-box h2{
    font-size: 20px;
}
.page-id-13141 .accordion-section-box h2 {
    font-size: 17px;
}
.accordion-section-box h3{
    font-size: 18px;
}
.accordion-section-box h4{
    font-size: 17px;
}
.accordion-section-box h5{
    font-size: 16px;
}
.accordion-section-box h2,
.accordion-section-box h3,
.accordion-section-box h4,
.accordion-section-box h5,
.accordion-section-box h6{
    color: var(--body-color) !important;
    font-weight: normal !important;
    text-transform: capitalize;
    padding-left: 0;
}
.accordion-section-box h2:before,
.accordion-section-box h3:before,
.accordion-section-box h4:before,
.accordion-section-box h5:before,
.accordion-section-box h6:before{
    position: absolute;
    content: "+";
    top: 7px;
    left: 8px;
    font-family: Arial;
    transition: .3s transform;
    font-size: 34px;
    font-weight: 400;
    border: none;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: var(--primary-color);
    border-radius: 4px;
}
.accordion-section-box .no-acc-h2 h2:before,
.accordion-section-box .no-acc-h3 h3:before,
.accordion-section-box .no-acc-h4 h4:before,
.accordion-section-box .no-acc-h5 h5:before,
.accordion-section-box .no-acc-h6 h6:before{
    display: none;
}
.accordion-section-box .accordion-title.active h2:before,
.accordion-section-box .accordion-title.active h3:before,
.accordion-section-box .accordion-title.active h4:before,
.accordion-section-box .accordion-title.active h5:before,
.accordion-section-box .accordion-title.active h6:before{
    content: "-";
    z-index: 2;
    line-height: 22px;
}
.accordion-section-box h2:after,
.accordion-section-box h3:after,
.accordion-section-box h4:after,
.accordion-section-box h5:after,
.accordion-section-box h6:after{
    display: none;
    content: "Xem thêm";
    position: relative;
    bottom: 0;
    left: 15px;
    right: 0;
    top: -3px;
    color: var(--white);
    width: 100px;
    font-size: 14px;
    padding: 3px 8px 3px 8px;
    background: var(--primary-color);
    border-radius: 10px;
}
.accordion-section-box .accordion-title,
.accordion-section-box .accordion-title.active{
    background-color: var(--white);
    padding: 0.5em 2.6em 0.5em 2.6em;
}
.accordion.accordion-section-box.footer-left .accordion-title,
.accordion.accordion-section-box.footer-left .accordion-title.active{
    background-color: transparent;
    padding: 5px 20px;
}
.accordion-section-box .accordion-title.active h2:after,
.accordion-section-box .accordion-title.active h3:after,
.accordion-section-box .accordion-title.active h4:after,
.accordion-section-box .accordion-title.active h5:after,
.accordion-section-box .accordion-title.active h6:after{
    content: "Đóng lại";
}
.accordion-section-box ul{
    text-align: left;
}
.accordion-section-box ul.list-ul li{
    text-align: justify;
}
.accordion-section-box ul.list-ul li.text-left{
    text-align: left;
}
.accordion-section-box ul li{
    list-style: disc;
}
.col-inner.text-center, .col .col-inner, .row .col .col-inner .box{
    height: 100%;
}
.nav-tabs>li>a {
    border-top: 2px solid #9e9e9e;
    border-left: 1px solid #9e9e9e;
    border-right: 1px solid #9e9e9e;
    background-color: #9e9e9e;
    padding-left: 15px;
    padding-right: 15px;
    color: var(--white);
}
.woocommerce-tabs .woocommerce-Tabs-panel .lt-latest-posts-shortcode .post-item{
    padding: 0 10px 20px;
}
.mt-3 {
    margin-top: 30px;
}
.mt-2 {
    margin-top: 20px;
}
.mt-1 {
    margin-top: 10px;
}
.mb-3 {
    margin-bottom: 20px;
}
.mb-2 {
    margin-bottom: 15px;
}
.mb-1 {
    margin-bottom: 10px;
}
.font-size-title{
    font-size: 22px;
}
.scrollbar, .box-scroll {
    height: 500px;
    overflow-y: scroll;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    margin-bottom: 25px;
    border-radius: 0 10px 10px 0;
}
.box-row {
    padding: 10px;
    box-shadow: 6px 3px 12px 2px #a8a8a8;
    background: #fff;
    margin-bottom: 15px;
}
.product-small.box {
    background-color: #fff;
    text-align: center;
}
.product-slider-white .product-small.box{
    box-shadow: 6px 6px 12px 2px #22222269;
}
.link-color a{
    color: #ffeb3b;
}
.icon-check i{
    color: #137d2c;
    font-size: 18px;
}
.facebook-responsive {
    position: relative;
    padding-bottom: 100%;
}
.facebook-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.contact-footer-home {
    list-style: none;
    margin: 0;
    padding-left: 5px;
}

.contact-footer-home li {
    padding: 3px 0;
    color: var(--white);
    font-size: 15px;
    margin-bottom: 5px;
}

.contact-footer-home li a {
    color: var(--white);
}

.contact-footer-home li strong {
    color: #ecec22;
}
.dark .widget .links-footer-center a:hover{
    color: #ecec22;
}
.links-footer-center i{
    color: var(--primary-color);
    margin-right: 5px;
}
.grid-tools a{
    font-weight: 400;
}
.gcn-footer{
    margin-top: 20px;
}
.sj-social {
    margin-bottom: 20px;
}

.yt-socialbt {
    display: inline-block;
    text-align: center;
    width: 15%;
}

.yt-socialbt a {
    background: transparent;
    margin-bottom: 15px;
    width: 40px;
    height: 40px;
    line-height: 48px;
    display: block;
    border-radius: 5px;
}
.yt-socialbt a.facebook {
    background: #006db5;
}
.yt-socialbt a.twitter{
    background-color: #1da1f2;
}
.yt-socialbt a.linkedin{
    background-color: #0274b3;
}
.yt-socialbt a.pinterest{
    background-color: #c4171f;
}
.yt-socialbt a.youtube{
    background-color: #fe0000;
}
.yt-socialbt a i {
    font-size: 25px;
    color: var(--white);
    border: none;
    box-shadow: none;
}

.yt-socialbt a i.fa-facebook:hover,
.yt-socialbt a i.fa-twitter:hover,
.yt-socialbt a i.fa-instagram-square:hover,
.yt-socialbt a i.fa-linkedin:hover,
.yt-socialbt a i.fa-pinterest:hover,
.yt-socialbt a i.fa-behance-square:hover,
.yt-socialbt a i.fa-youtube:hover{
    color: #ecec22;
}

.absolute-footer {
    background-color: #302e2d;
}

.absolute-footer.dark {
    color: var(--white);
    text-align: center;
}

.copyright-footer strong {
    font-weight: normal;
}

.back-to-top {
    bottom: 185px;
}
.footer-2 {
    background-color: #282828;
}
.footer-bottom-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #474343;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}

.footer-bottom-wrapper .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.footer-bottom-wrapper .column-ft {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.footer-bottom-wrapper .column-ft-fix {
    max-width: 17%;
}

.footer-bottom-wrapper .text-info-column,
.footer-bottom-wrapper .tel-info-column,
.footer-bottom-wrapper .button-info-column {
    height: 38px;
    line-height: 38px;
}

.footer-bottom-wrapper .text-info-column {
    color: var(--primary-color);
    text-align: right;
}

.footer-bottom-wrapper .tel-info-column {
    text-align: center;
}

.footer-bottom-wrapper .button-info-column {
    text-align: left;
    padding-top: 1px;
    padding-left: 0;
}

.footer-bottom-wrapper .call-tel,
.footer-bottom-wrapper .click-register {
    color: var(--white);
    text-decoration: none;
    cursor: pointer;
}

.footer-bottom-wrapper .call-tel {
    font-size: 24px;
    font-weight: 400;
}

.footer-bottom-wrapper .call-tel:hover {
    color: var(--primary-color);
}

.footer-bottom-wrapper .click-register {
    background-color: var(--primary-color);
    padding: 6px 20px;
    border: 1px solid #ecec1a;
    border-radius: 5px;
}

.footer-bottom-wrapper .click-register:hover {
    background-color: #009688;
}

.footer-bottom-wrapper .call-tel img {
    width: 25px;
    padding: 0;
}

.footer-bottom-wrapper .tel-info-column i {
    padding: 0 2px;
}

.footer-bottom-wrapper-mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #302f31;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    display: none;
}

.footer-bottom-wrapper-mobile .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.footer-bottom-wrapper-mobile .col-fl {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.footer-bottom-wrapper-mobile .col a {
    color: var(--white);
    font-size: 0.8em;
}

.footer-bottom-wrapper-mobile .col-fl {
    border-right: 1px solid var(--white);
}

.footer-bottom-wrapper-mobile .col-fl:last-child {
    border-right: none;
}

.footer-bottom-wrapper-mobile .col-fl a {
    color: var(--white);
    font-size: 0.9em;
    text-decoration: none;
}

.footer-bottom-wrapper-mobile .icon-mobile {
    display: block;
    width: 40px;
    height: 33px;
    background: url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/assets/images/icon-mobile-final-new.png) no-repeat;
    background-size: 320px;
    margin: 0 auto;
}

.footer-bottom-wrapper-mobile .px-fix {
    padding: 2px 0 0;
}

.footer-bottom-wrapper-mobile .icon-mobile-home {
    background-position: 2px 0;
}

.footer-bottom-wrapper-mobile .icon-mobile-user {
    background-position: -39px 0;
}

.footer-bottom-wrapper-mobile .icon-mobile-hocvien{
    background: url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/assets/images/icon-mobile-white-hnaau.png) no-repeat;
    background-position: -38px 1px;
    background-size: 320px;
}

.footer-bottom-wrapper-mobile .icon-tuyen-sinh{
    background: url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/assets/images/icon-mobile-white-hnaau.png) no-repeat;
    background-position: -133px 1px;
    background-size: 320px;
}

.footer-bottom-wrapper-mobile .icon-mobile-phone {
    background-position: -86px 0;
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
}

.footer-bottom-wrapper-mobile .icon-mobile-zalo {
    background-position: -237px -1px;
}

.footer-bottom-wrapper-mobile .icon-mobile-facebook {
    background-position: -280px -1px;
    position: relative;
}

.footer-bottom-wrapper-mobile .col-fl .pulsation {
    width: 74px;
    height: 74px;
    border-radius: 50px;
    position: absolute;
    left: -14px;
    top: -10px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite;
    background-color: var(--primary-color);
}

.footer-bottom-wrapper-mobile .col-fl .pulsation:nth-of-type(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.copyright-footer {
    padding-bottom: 10px;
}
.btn-register-banner {
    text-align: center;
    margin-top: 30px;
}
.btn-register-banner .btn.home-btn {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(to right, #e4e03f -13%, #a0b438 30%, #85a236 70%, #85a236 100%);
    border-radius: 15px;
    padding: 5px 30px;
    display: inline-block;
    overflow: hidden;
    transition: 0.2s;
    /*animation: btn-neon 2s linear infinite;*/
}
.btn-register-banner .btn.home-register-btn {
    animation: pulse-register-all 1.5s infinite ease-out;
}
.btn-register-banner .home-btn:hover, .btn-register-banner .home-btn:focus {
    color: #fff900;
    background-color: #41671e8c;
    border-color: #f1db3c;
    box-shadow: 0 0 10px #fced39, 0 0 40px #8abc4f, 0 0 80px #e9af44;
    transition-delay: 1s;
}
.btn-register-banner .home-btn:hover, .btn-register-banner .home-btn:focus{
    color: #fff900;
    background-color: #ff00008c;
}
.we_schema_rating > input {
    margin-right: 10px !important;
}
.icon-mobile-phone {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
}
.back-to-top.button.is-outline{
    border: none;
    min-width: auto;
    line-height: normal;
    height: auto;
    min-height: auto;
    margin: 0;
    padding: 0;
    background-color: var(--white);
}
.is-outline:hover{
    background-color: transparent;
}
.back-to-top {
    font-size: 36px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: none;
    outline: none;
    background: none;
}
.back-to-top i {
    color: var(--primary-color);
    vertical-align: top;
}
.back-to-top i:hover{
    color: #81d742;
}
img[data-lazyloaded]{
    opacity: 0;
}
img.litespeed-loaded{
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    opacity: 1;
}
.address-list ul{
    padding-left: 30px;
}
.fone {
    font-size: 22px;
    color: var(--white);
    line-height: 40px;
    font-weight: normal;
    padding-left: 50px;
    margin: 0 0;
}
.fone a {
var(--white) !important;
}

.fix_tel {
    position: fixed;
    bottom: 58px;
    left: 18px;
    z-index: 999;
}

.fix_tel a {
    text-decoration: none;
    display: block;
}

.tel {
    background: var(--primary-color);
    width: 195px;
    height: 40px;
    position: relative;
    overflow: hidden;
    background-size: 40px;
    border-radius: 28px;
    border: solid 1px var(--primary-color);
}

.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}

.ring-alo-phone.ring-alo-show {
    visibility: visible;
}

.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}

.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}

.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: var(--primary-color);
    opacity: 0.5;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: var(--primary-color);
    opacity: 0.5;
}

.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: var(--primary-color);
    opacity: 0.75 !important;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    width: 30px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #509142;
}

.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #054841;
}

.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #fe0e02;
}

.ring-alo-ph-img-circle a img {
    padding: 1px 0 0 0;
    width: 24px;
    position: relative;
    top: -1px;
}

@keyframes ring-alo-circle-anim {
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes ring-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) 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(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@keyframes ring-alo-circle-fill-anim {
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

#tel-home .fix_tel i {
    padding-top: 3px;
    padding-left: 5px;
    font-size: 20px;
    color: var(--white);
}

.hnaau-ai-live-chat-hnaau {
    position: fixed;
    z-index: 999999;
    bottom: 15px;
    right: 15px;
    display: block;
}

.hnaau-live-chat-title-hnaau,
.hnaau-live-chat-button-open-light-box-hnaau {
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    display: block;
    width: auto;
    min-width: inherit;
}

.hnaau-live-chat-close-light-box img,
.hnaau-live-chat-button-open-light-box-hnaau img,
.hnaau-live-chat-close-light-box img,
.hnaau-live-chat-button-open-light-box-hnaau img {
    display: block;
    margin: 0;
}

.hnaau-live-chat-button-open-light-box-hnaau {
    width: 62px;
    height: 62px;
    padding: 13px;
    overflow: hidden;
    -webkit-border-radius: 50% 50% 0 50%;
    -moz-border-radius: 50% 50% 0 50%;
    border-radius: 50% 50% 0 50%;
    background: var(--primary-color);
    background: -moz-linear-gradient(246deg, var(--primary-color) 0%, var(--primary-color) 100%);
    background: -webkit-linear-gradient(246deg, var(--primary-color) 0%, var(--primary-color) 100%);
    background: linear-gradient(246deg, var(--primary-color) 0%, var(--primary-color) 100%);
}

#hnaau-live-chat-light-box-hnaau {
    width: 370px;
    height: 500px;
    max-height: calc(100% - 150px);
    max-width: 90%;
    top: auto;
    left: auto;
    right: 15px;
    bottom: 90px;
}

.hnaau-live-chat-light-box-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    height: 100%;
}

.hnaau-live-chat-light-box-content {
    padding-top: 50px;
    background: var(--white);
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.hnaau-live-chat-title-hnaau {
    position: absolute;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    white-space: nowrap;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 50px 0 16px;
    color: var(--white);
    font-weight: bold;
    background: rgb(51, 83, 162);
    background: -moz-linear-gradient(246deg, rgba(49, 183, 183, 1) 0%, rgba(51, 83, 162, 1) 100%);
    background: -webkit-linear-gradient(246deg, rgba(49, 183, 183, 1) 0%, rgba(51, 83, 162, 1) 100%);
    background: linear-gradient(246deg, rgba(49, 183, 183, 1) 0%, rgba(51, 83, 162, 1) 100%);
}

.hnaau-live-chat-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
}

.hnaau-live-chat-close-light-box {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 24px;
    height: 24px;
}

.hnaau-live-chat-iframe-wrap-hnaau {
    position: relative;
    width: 100%;
    height: 100%;
}

.hnaau-live-chat-iframe-loading-hnaau {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.hnaau-live-chat-light-box-container {
    /* position: absolute; */
    right: 0;
    bottom: -8%;
    height: 510px;
}

.hnaau-live-chat-light-box-content {
    width: 295px;
}

#hnaau-live-chat-light-box-hnaau {
    width: auto;
    height: 100%;
    max-width: 99%;
}

.hnaau-live-chat-iframe-wrap-hnaau iframe {
    min-height: auto;
}

.call-video {
    position: fixed;
    bottom: 40px;
    left: 18px;
    z-index: 9999999999;
    right: auto;
    top: auto;
    overflow: hidden;
}

.call-audio-all {
    position: fixed;
    z-index: 999999;
    bottom: 15%;
    left: 3%;
    right: auto;
    top: auto;
    display: flex;
}

.call-audio-all .hnaau-live-chat-light-box-container {
    right: auto;
    left: 3%;
    bottom: 15%;
}

.call-audio-all iframe.fpt-ai-live-chat-iframe-fpt {
    width: 100%;
    height: 100%;
}
.widget .current-cat>a {
    color: var(--primary-color);
}
.widget_categories ul li a,
.post-sidebar ul li a,
.next-prev-nav a{
    color: var(--body-color);
}
.widget_categories ul li a:hover,
.post-sidebar ul li a:hover,
.next-prev-nav a:hover{
    color: var(--primary-color);
}
.button-register img {
    width: 265px;
    height: auto;
}
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: 0;
}
svg.flickity-button-icon {
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    color: #333;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
svg.flickity-button-icon:hover{
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: var(--white) !important;
}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow{
    fill: #333;
}
.coures-slidebar img:hover {
    -webkit-box-shadow: 0 0 5px 0 rgb(255 255 255), inset 0 0 5px 0 rgb(255 255 255);
    -moz-box-shadow: 0 0 5px 0 rgba(255,255,255,1),inset 0 0 5px 0 rgba(255,255,255,1);
    box-shadow: 0 0 5px 0 rgb(255 255 255), inset 0 0 5px 0 rgb(255 255 255);
    border: 1px solid #fff;
}
.sm-rating > label {
    display: inline-block !important;
}
.g-recaptcha {
    margin-bottom: 20px;
}
.g-recaptcha > div{
    margin: 0 auto;
}
.woocommerce-pagination ul.links li a {
    color: var(--primary-color);
}
.woocommerce-pagination ul.links li a:hover {
    color: #fff;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.form-shortcode-contact{
    max-width: 850px;
    position: relative;
    background-color: #252122;
    padding: 20px 20px 60px 20px;
    margin: 0 auto 10px;
}
.form-shortcode-contact .title-form-contact{
    color: #fff200;
    font-size: 24px;
    text-align: center !important;
    line-height: normal;
}
.hr-link, .hr-link-bottom{
    z-index: 2;
    background: none;
    border: none;
    border-top: 2px dashed #fff;
    bottom: -15px;
    position: relative;
    margin: 0 15px;
}
.hr-link-bottom {
    margin-top: -35px;
}
.form-shortcode-contact .ltform-contact{
    margin: 0 auto;
    width: 100%;
    background: var(--spa-mcolor);
    background: -moz-linear-gradient(left, var(--primary-color) 0, var(--primary-color) 44%, var(--primary-color) 100%);
    background: -webkit-linear-gradient(left, var(--primary-color) 0, var(--primary-color) 44%, var(--primary-color) 100%);
    background: linear-gradient(to right, var(--primary-color) 0, var(--primary-color) 44%, var(--primary-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f9dc9",endColorstr="#0074bc",GradientType=0);
    list-style: none;
    padding: 20px;
}
.form-shortcode-contact fieldset {
    margin: 0 -15px;
    padding: 10px 8px 0 8px;
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form-shortcode-contact .ltform-contact .form-group {
    margin-bottom: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 48.5%;
}
.form-shortcode-contact input#ltform_submit{
    background-color: #3b3b3b;
    width: 100%;
}
.form-shortcode-contact input#ltform_submit:hover{
    background-color: #000;
}
.form-shortcode-contact .ltform-contact .form-group select{
    margin-bottom: 15px !important;
    height: 40px !important;
}
@keyframes pulse-register-all {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
ul.menu-widget {
    margin: 0;
    padding: 0;
}
ul.menu-widget li {
    list-style: none;
}
ul.menu-widget li a {
    color: #fff;
    background-color: #4e4e50;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 8px;
    padding-left: 15px;
    box-shadow: 3px 4px 8px #222;
    font-size: 18px;
}
ul.menu-widget li:hover a {
    background: #878d36;
}
.footer-3-section{
    background-color: #302e2d;
    padding: 0;
}
.footer-3-section .modtitle {
    color: var(--primary-color);
    text-shadow: 1px 1px 2px #000;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.4;
    padding-top: 140px;
    margin: 0 0 0.75em;
    font-weight: 400;
    position: relative;
    text-align: center;
}
.footer-3-section .modtitle:before {
    /*background-image: url(https://bdx.com.vn/wp-content/themes/hocviencongnghethongtin-child/style.css);*/
    background-repeat: no-repeat;
    content: "";
    top: 40px;
    height: 82px;
    display: block;
    width: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    background-color: transparent;
}
.footer-3-full .col-block-widget-01{
    width: 33.33333333%;
}
.footer-3-full .col-block-widget-02{
    width: 19.66666667%;
}
.footer-3-full .col-block-widget-03{
    width: 27.33333333%;
}
.footer-3-full .col-block-widget-04{
    width: 19.66666667%;
}
.list-items-footer{
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.footer-3-section ul.list-items-footer li {
    color: #fff;
    padding: 0;
    font-size: 15px;
    border: none;
    line-height: 1.5;
    margin-bottom: 10px;
}
.footer-3-section ul.list-items-footer li::before {
    color: var(--primary-color);
    font-family: FontAwesome,serif;
    content: "\f0da";
    padding-right: 0;
    margin-right: 6px;
    opacity: 1;
}
.footer-3-section .list-items-footer.no-icon-list li::before{
    display: none;
}
.footer-3-section ul.list-items-footer li a{
    color: #fff;
    padding: 0;
}
.footer-3-section ul.list-items-footer li a:hover,
.footer-3-section ul.list-items-footer li a strong,
.footer-3-section ul.list-items-footer li a.link-csbm,
.footer-3-section ul.list-items-footer li a.link-email{
    color: var(--primary-color);
}
.footer-3-section .is-divider {
    background-color: #d9d9d9;
}
.footer-3-section .social-footer {
    display: flex;
    flex-flow: wrap;
}
.footer-3-section .social-footer a {
    width: 40px;
    height: 40px;
    line-height: 43px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
}
.footer-3-section .social-footer i {
    color: #fff;
    font-size: 20px;
}
.footer-3-section .social-footer a.facebook {
    background: #3c5a99;
}
.footer-3-section .social-footer a.twitter {
    background: #5da8db;
}
.footer-3-section a.instagram {
    background: #e64d64;
}
.footer-3-section a.linkedin {
    background: #007bb5;
}
.footer-3-section a.pinterest {
    background: #ce1110;
}
.footer-3-section a.youtube {
    background: #f00;
}
.footer-3-section .social-footer i:hover{
    color: #ecec22;
}
.footer-3-section .links-footer{
    margin-top: 20px;
    display: block;
}
.footer .widget-title {
    font-size: 22px;
    font-weight: 400;
    color: var(--primary-color);
}
.icon-contact-center {
    text-align: center;
    margin: 10px 0 20px 0;
}
.icon-contact-center i{
    color: #fff;
    font-size: 75px;
}
.title-footer-h3{
    color: #ecec22 !important;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000;
    margin: 5px 0 15px 0;
}
.copyright-footer .logo-bct{
    text-align: center;
    margin: 10px auto;
}
.copyright-footer .logo-bct img{
    max-width: 150px;
    height: auto;
}
/*
#click-tel-popup .mfp-close{
    top: -12px !important;
    right: -8px;
}
#click-tel-popup .mfp-close svg{
    border: none;
}
#click-tel-popup .call-tel-popup {
    background-color: var(--primary-color);
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
}
*/
/* Click popup tel */
#popup-tel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000c7;
    z-index: 999999;
}
#popup-tel-content {
    position: absolute;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 90%;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    z-index: 100;
}
.close-tel {
    position: absolute;
    top: -15px;
    right: -15px;
    font-size: 25px;
    cursor: pointer;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    padding: 0 10px;
}
.close-tel:hover {
    background-color: #ddd;
    color: #333;
}
.tel-popup-mobile {
    text-align: center;
    padding: 15px 0;
}
.title-tel-popup {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}
.call-tel-popup {
    background-color: var(--primary-color);
    padding: 8px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.call-tel-popup:hover {
    color: #f3ff05;
}
@media (max-width: 375px){
    .call-tel-popup{
        padding: 6px 15px;
    }
}
@media (max-width: 360px){
    .call-tel-popup {
        font-size: 16px;
    }
}
@media (max-width: 320px){
    #popup-tel-content {
        max-width: 265px;
    }
    .call-tel-popup {
        font-size: 14px;
        padding: 8px 8px;
    }
}
/* Custom review */
.woocommerce-Reviews #comments a.btn-reviews-now{
    background-color: var(--primary-color);
}
.woocommerce-Reviews span.devvn_num_reviews{
    color: var(--primary-color);
}
div#reviews.woocommerce-Reviews{
    max-width: 100%;
}
.woocommerce-Reviews strong.woocommerce-review__author{
    font-size: 17px;
    font-weight: 600;
}
.woocommerce-Reviews #comments .even .reply, .woocommerce-Reviews #comments .odd .reply{
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    text-align: center;
}
.woocommerce-Reviews #comments .even .reply i, .woocommerce-Reviews #comments .even .reply a{
    color: white;
}
.woocommerce #review_form #respond p.form-submit input#submit,
.woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {
    background-color: var(--primary-color);
    color: white;
}
.woocommerce #review_form span.btn-attach{
    color: #333;
}
/* End custom review */
.rating-section .col {
    padding-bottom: 0;
}
.mfp-ready .mfp-close{
    opacity: 1;
}
.mfp-close{
    top: 5px;
    right: 5px;
}
.mfp-close svg {
    pointer-events: none;
    width: 32px;
    height: 32px;
    fill: none;
    stroke-width: 4px;
    stroke: #a9a9a9;
    border: 1px solid #ccc;
    border-radius: 100%;
    padding: 3px;
}
.featured-badge {
    top: -20px;
    left: 0;
    color: #000;
    display: flex;
    justify-content: center;
    position: absolute;
    font-size: 13px;
    text-transform: uppercase;
    z-index: 22;
    margin-left: 0;
    width: 65px;
    align-items: center;
    font-weight: 600;
    background-color: #f3cc0a;
    border-radius: 12px 0;
    padding: 3px 0;
}
.featured-badge-sing {
    background: #fff000;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 15px;
    border-radius: 12px 0;
    padding: 5px 8px;
}
.nav-pagination>li>span, .nav-pagination>li>a{
    border: 2px solid var(--primary-color);
}
.tabbed-content .nav-tabs>li {
    margin: 0 1px;
}
.styleCET .fix_tel a{
    font-size: 22px;
}
.styleCET .tel-info-column .call-tel-hide,
.styleMusicAAu .tel-info-column .call-tel-hide{
    display: none;
}
.line-line{
    display: block;
    width: 100%;
    height: 1px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.home-custom .tabbed-content ul.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
}
.home-custom .nav-tabs + .tab-panels {
    padding: 0;
    border: none;
}
.home-custom .tabbed-content .nav-tabs>li {
    margin: 0 5px;
}
.home-custom.styleSPA .nav-tabs > li > a,
.home-custom .nav-tabs > li > a{
    color: #333;
    letter-spacing: 1px;
    border-top: 2px solid #878d36;
    border-left: 2px solid #878d36;
    border-right: 2px solid #878d36;
    border-bottom: 2px solid #878d36;
    background-color: transparent;
    border-radius: 15px 15px 0 0;
}
.home-custom.styleSPA .nav-tabs > li.active > a,
.home-custom .nav-tabs > li.active > a {
    color: #fff !important;
}
@media (max-width: 1280px) {
    .nav>li>a {
        font-size: 14px;
    }
    .max-width628 {
        max-width: 320px;
    }
    .title-info-home p {
        font-size: 25px;
    }
    .nav-scroll-home {
        margin-top: 0;
    }
    .nav-scroll-home .nav-scroll-ul li {
        padding: 10px 5px 0;
    }
    .nav-scroll-home .nav-scroll-ul li img {
        width: 45px;
        margin: 0 auto 10px auto;
    }
}
@media only screen and (min-width: 1181px) and (max-width: 1366px){
    .logo-left .logo {
        margin-right: 15px;
    }
    .nav>li>a{
        font-size: 17px;
    }
}
@media (max-width: 1180px) {
    .nav > li > a {
        font-size: 12px;
    }
    .footer-3-section {
        padding: 0 20px;
    }
}
@media (max-width: 1024px){
    #logo img {
        max-height: 30px;
    }
    .logo-left .logo {
        margin-right: 10px;
    }
    .nav>li{
        margin: 0 2px;
    }
    .footer-bottom-wrapper .call-tel {
        font-size: 19px;
    }
}
@media (max-width: 990px) {
    .header-main {
        height: 95px !important
    }
    .header-wrapper .header-main .header-inner .nav-right li.html.custom {
        display: block !important;
    }
    .off-canvas .sidebar-menu, ul.sub-menu.children {
        background-color: var(--primary-color);
    }
    .off-canvas .nav-vertical > li > a, .sidebar-menu .toggle i, .nav-vertical > li > ul li a,
    .nav-vertical li ul.sub-menu li.pb-half,
    .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a{
        color: var(--white);
        font-size: 15px;
        font-weight: 400;
    }
    .nav-vertical li ul.sub-menu li.has-child:before{
        display: none;
    }
    .off-canvas .nav-vertical li li > a {
        border-bottom: 1px solid #dbdbdb;
    }
    .mobile-nav.nav>li>a>i.icon-menu{
        color: #000;
    }
    .sidebar-menu .toggle i {
        color: var(--white);
        font-size: 30px;
    }
    .nav-vertical li ul.sub-menu li li {
        border-bottom: 1px solid #fff;
    }
    .off-canvas .nav-vertical li li li > a {
        font-weight: 400;
        border-bottom: 0 solid #dbdbdb;
        padding-top: 15px;
        padding-bottom: 15px;
        text-transform: uppercase;
    }
    .nav-vertical li.pb-half,
    .nav-vertical li ul.sub-menu li.pb-half,
    .nav-vertical li ul.sub-menu li li.pb-half {
        border-bottom: 0;
    }
    .footer .widget-title{
        font-size: 18px;
    }
    .title-info-home p {
        font-size: 18px;
    }
    .footer-bottom-wrapper .click-register{
        font-size: 14px;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1024px){
    .sf-vertical li.menu-item-7097 ul.sub-menu {
        width: 765px;
    }

    .sf-vertical li.menu-item-7097 ul.sub-menu li {
        width: 30%;
    }

    .nav.header-nav > li > a {
        font-size: 11px;
    }

    .widget-title.shop-sidebar {
        font-size: 13px;
    }
    .page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item, .page-template-page-no-sidebar .accordion-section-box .we_lecturer-style-list .we_lecturer-item {
        width: 29.333%;
    }
    .accordion-section-box .we_lecturer-style-list .we_lecturer-item{
        width: 29%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px){
    h2 {
        font-size: 20px;
    }
    .we_lecturer-style-list .we_lecturer-item{
        width: 21%;
    }
    .page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item, .page-template-page-no-sidebar .accordion-section-box .we_lecturer-style-list .we_lecturer-item {
        width: 28.333%;
    }
    .accordion-section-box .we_lecturer-style-list .we_lecturer-item{
        width: 28%;
    }
    .nav.header-nav > li > a {
        font-size: 16px;
    }
    .footer-bottom-wrapper .text-info-column{
        font-size: 15px;
    }
    .footer-bottom-wrapper .call-tel{
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 896px){
    #header .header-main {
        height: 95px !important;
    }
    .logo-left .logo {
        margin-right: 3px;
    }
    .section-home-gioi-thieu .section-bg {
        background-image: none !important;
    }
}
@media only screen and (min-width: 769px) and (max-width: 851px){
    .logo a {
        max-width: 140px !important;
    }
    .logo-left .logo{
        width: 126px !important;
    }
    .max-width628 {
        max-width: 265px;
    }
}
@media screen and (min-width: 850px) {
    .row-large > .flickity-viewport > .flickity-slider > .col, .row-large > .col {
        padding: 15px 15px 15px;
        margin-bottom: 0;
    }
}
@media (max-width: 844px) {
    #header .header-main {
        height: 56px !important;
    }
    #header .logo-left .logo {
        margin-right: 15px !important;
    }
    .logo-left .logo {
        width: auto !important;
    }
    .logo a {
        padding-top: 2px;
        max-width: 220px !important;
    }
    .nav > li > a {
        padding: 5px 0;
    }
    .mobile-nav.nav>li>a>i.icon-menu {
        color: #fff;
        margin-left: 0;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: auto;
    }
    .slider-wrapper+.row:not(.row-collapse){
        margin-top: 0;
    }
    .has-border {
        padding: 10px 10px 10px;
    }
    .footer-bottom-wrapper,
    .fix_tel,
    #arcontactus.arcontactus-message {
        display: none;
    }

    .footer-bottom-wrapper-mobile {
        display: block;
    }

    .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box {
        padding-left: 0;
        padding-right: 0;
    }

    #button-register .form-cont .h2 {
        font-size: 21px;
    }

    .title-col-img-left {
        margin-top: 15px;
        font-size: 24px;
        text-align: center;
    }
    .back-to-top {
        bottom: 70px;
        right: 10px !important;
        left: auto;
    }
    .call-video {
        left: auto;
        bottom: 50px;
        top: auto;
        right: -10px;
    }
    .call-video iframe {
        min-height: auto;
    }
    .autocomplete-suggestion .search-price bdi {
        color: #333;
        font-size: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .single-product .product-main .col {
        padding-bottom: 10px;
    }
    .we_lecturer-style-list .we_lecturer-item {
        width: 29%;
    }
    .footer-bottom-wrapper .call-tel {
        font-size: 16px;
    }
    .footer-bottom-wrapper .text-info-column{
        font-size: 13px;
    }
    .footer-bottom-wrapper .click-register{
        font-size: 14px;
    }
    .nav-scroll-home .nav-scroll-ul li {
        padding: 0 5px 0;
    }
}
@media only screen and (min-width: 501px) and (max-width: 767px){
    .page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item, .page-template-page-no-sidebar .accordion-section-box .we_lecturer-style-list .we_lecturer-item {
        width: 28.333%;
    }
    .max-width628 {
        max-width: 210px;
    }
    .nav-scroll-ul li span {
        font-size: 14px;
    }
}
@media (max-width: 750px) {
    .nav > li > a {
        font-size: 15px;
    }
    .header-main .nav > li > a{
        padding: 0;
    }
    .footer-3-full .col-block-widget-01, .footer-3-full .col-block-widget-02, .footer-3-full .col-block-widget-03, .footer-3-full .col-block-widget-04{
        width: 100%;
    }
}
@media only screen and (min-width: 500px) and (max-width: 800px){
    .section-hoclambanh-text01 h1 span:first-child {
        font-size: 28px;
    }
    .section-hoclambanh-text01 h1 span:nth-child(2) {
        font-size: 18px;
    }
    h2 {
        font-size: 26px;
    }
    .custom-h1 .modtitle .first {
        font-size: 24px;
        line-height: normal;
    }
}
@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 48em) {
    .woocommerce-loop-product__title {
        height: auto;
    }
}

@media (max-width: 499px) {
    .header-main, #header .stuck .header-main {
        height: 58px !important;
    }
    .header-main .mobile-nav .cart-item{
        margin-top: 2px;
    }
    .logo-left .logo {
        margin-right: 0;
    }
    .max-width628 {
        margin-top: 180px;
        max-width: 385px;
    }
    .title-info-home p {
        font-size: 28px;
        font-weight: bold;
        line-height: normal;
    }
    .page .row .section {
        padding-left: 0;
        padding-right: 0;
    }
    .col, .gallery-item, .columns {
        padding: 0 15px 20px;
    }
    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        width: 100%;
        background-color: var(--white);
    }

    .off-canvas-right .mfp-content #product-sidebar, .off-canvas-left .mfp-content #product-sidebar {
        background-color: var(--white);
    }

    .off-canvas .nav-vertical > li > a,
    .sidebar-menu .toggle i,
    .nav-vertical > li > ul li a {
        color: var(--white);
    }

    .sidebar-menu .toggle {
        opacity: 1;
    }

    .off-canvas .nav-vertical li li > a {
        border-bottom: 1px solid rgba(0,0,0,.15);
    }

    .off-canvas .nav-vertical li li:last-child > a {
        border-bottom: none;
    }

    .nav-sidebar.nav-vertical > li + li {
        border-top: 1px solid var(--white);
    }

    .nav-vertical li ul.sub-menu li {
        position: relative;
        padding-left: 1.5em;
    }

    .nav-vertical li ul.sub-menu li:before,
    .nav-vertical li ul.sub-menu li.menu-item-type-custom:before {
        font-family: FontAwesome;
        display: inline-block;
        padding-right: 0;
        vertical-align: middle;
        left: 25px;
        position: absolute;
        color: var(--white);
    }
    .nav-vertical li ul.sub-menu li.pb-half:before{
        display: none;
    }

    .nav-vertical li .sub-menu li:before {
        content: "\f0da";
    }

    .nav-vertical li li.menu-item-has-children:not(:first-child) {
        margin-top: 0;
    }

    .nav-vertical li li.menu-item-has-children {
        margin-bottom: 0;
    }
    .off-canvas .mobile-sidebar-slide .sidebar-menu .nav-slide{
        padding-top: 45px;
    }
    #box-horizontal-menu,
    #box-horizontal-menu-select{
        display: block;
    }
    .breadcrumbs a {
        line-height: 1.8;
        padding: 5px;
    }
    .banner h1, .banner-h2 {
        font-size: 2.5em;
    }

    .banner p.lead, .banner a.lead {
        font-size: 1.5em;
    }
    h1.two-line-h1 span:nth-child(2){
        font-size: 25px;
    }

    .col-gtkh .text-left {
        text-align: center;
    }

    .we_lecturer-style-list.row {
        flex-wrap: wrap !important;
    }

    .no-padding-bottom {
        padding-bottom: 20px;
    }

    .box-blog-post .post-title {
        height: auto;
    }

    .small-columns-2 > .col, .small-columns-2 .flickity-slider > .col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .accordion.footer-left ul li strong {
        font-size: 14px;
    }

    .archive .col.post-item:first-child {
        padding-top: 20px;
    }

    .hero-image-archive {
        padding: 30px 0;
    }

    .archive-page-header .hero-image-archive h1.page-title {
        font-size: 20px;
    }

    .group-post-related ul li {
        flex: 100%;
    }

    .hnaau-live-chat-hnaau {
        bottom: 70px;
    }

    .hnaau-live-chat-light-box-container {
        bottom: -13%;
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .hnaau-live-chat-button-open-light-box-hnaau {
        display: none;
    }

    .call-audio-all {
        bottom: 60px;
        width: 100%;
        left: auto;
    }

    .call-audio-all .hnaau-live-chat-light-box-container {
        left: 0;
        bottom: 0;
        height: 510px;
    }

    .call-audio-all .hnaau-live-chat-light-box-content {
        max-width: 100%;
        max-height: 510px;
    }

    .call-audio-all .hnaau-live-chat-iframe-wrap-hnau:before {
        display: none;
    }
    .we_lecturer-style-list .we_lecturer-item, .page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item {
        width: 100% !important;
    }
    .accordion-section-box h2 {
        font-size: 18px;
    }
    .accordion-section-box h2, .accordion-section-box h3, .accordion-section-box h4, .accordion-section-box h5, .accordion-section-box h6 {
        padding-left: 2px;
    }
    .accordion-section-box h2:before,
    .accordion-section-box h3:before,
    .accordion-section-box h4:before,
    .accordion-section-box h5:before,
    .accordion-section-box h6:before {
        top: 6px;
        left: 8px;
        font-size: 26px;
        width: 25px;
        height: 25px;
        line-height: 24px;
    }
    .accordion-section-box h2:after, .accordion-section-box h3:after, .accordion-section-box h4:after, .accordion-section-box h5:after, .accordion-section-box h6:after {
        top: -2px;
        font-size: 11px;
    }
    .accordion-section-box h3{
        font-size: 16px;
    }
    .accordion-section-box h4{
        font-size: 13px;
    }
    .accordion-section-box h5{
        font-size: 12px;
    }
    .accordion-section-box h6{
        font-size: 11px;
    }
    h2 {
        font-size: 30px;
    }
    #we_schema_rating {
        padding: 0 10px;
    }
    .section-title-normal span{
        margin-bottom: 10px;
    }
    .title-slider-product h2{
        text-align: center;
    }
    .title-slider-product .section-title a{
        font-size: 15px;
    }
    .section-title-normal{
        border-bottom: none;
    }
    .slider-wrapper .flickity-prev-next-button {
        display: block;
    }
    .product-tabs li#tab-title-description,
    .product-tabs li#tab-title-ux_custom_tab {
        border-bottom: 1px solid #9e9e9e7d;
    }
    .accordion-section-box .we_lecturer-style-list .we_lecturer-item {
        width: 100%;
    }
    .nav-previous a, .nav-next a {
        padding: 8px 10px;
        font-size: 14px;
    }
    .page .page-inner h1{
        font-size: 28px;
    }
    .copyright-footer {
        padding-bottom: 30px;
    }
    .form-shortcode-contact .ltform-contact .form-group{
        width: 100%;
    }
    .form-shortcode-contact .title-form-contact {
        font-size: 28px;
    }
    .woocommerce-loop-product__title {
        height: auto !important;
    }
    .footer .widget-title {
        font-size: 22px;
    }
    .table-lt-custom {
        overflow-x: scroll;
    }
    .page-template-page-no-sidebar .we_lecturer-style-list .we_lecturer-item,
    .page-template-page-no-sidebar .accordion-section-box .we_lecturer-style-list .we_lecturer-item{
        width: 100%;
    }
    .accordion-section-box .accordion-title, .accordion-section-box .accordion-title.active {
        padding: 0.5em 0.5em 0.5em 2.2em;
    }
    .title-news-h2 h2 {
        font-size: 22px;
    }
    .home-custom .tabbed-content .nav-tabs>li {
        margin: 0 0 5px 0;
        width: 100%;
    }
    .styleSPA .home-custom .nav-tabs > li > a, .home-custom .nav-tabs > li > a{
        font-size: 18px;
        display: inline-block;
        width: 100%;
        text-align: center;
        letter-spacing: normal;
    }
}
@media (max-width: 414px) {
    #header .logo-left .logo {
        margin-right: 30px !important;
    }
}
@media (max-width: 390px) {
    #header .logo-left .logo {
        margin-right: 15px !important;
    }
}
@media (max-width: 375px) {
    #header .logo-left .logo {
        margin-right: 15px !important;
        margin-left: 15px;
    }
    .call-video iframe {
        min-height: 175px;
    }
    .nav-previous a, .nav-next a {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .hnaau-live-chat-light-box-container {
        bottom: -19%;
    }
    .footer-bottom-wrapper-mobile .col-fl a {
        font-size: 0.8em;
    }
    #click-tel-popup .call-tel-popup{
        padding: 6px 6px;
    }
}

@media (max-width: 320px) {
    .hnaau-live-chat-light-box-container {
        bottom: -22%;
    }
    .nav-previous a, .nav-next a {
        font-size: 11px;
    }
    /*
    #click-tel-popup .call-tel-popup{
        padding: 5px 5px;
    }
    */
}