.mobile-logo {
    display: none;
}

.mobile-menu {
    display: none;
}

.social-list-icon {}

@media (max-width: 1599px) {
    html[lang="en-US"] .content-inner-happyschool {
        min-height: 230px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 88px;
    }

    .title-inner-chooseTH-red.vinh h2,
    .title-inner-chooseTH-purple.vinh h2 {
        min-height: 88px;
    }

    .col-hd-social {
        padding-left: 0 ! important;
    }

    .title-inner-chooseTH-red h2,
    .title-inner-chooseTH-purple h2 {
        min-height: 66px;
    }

    .title-inner-chooseTH-red.hoalac-vinh h2,
    .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 88px;
    }

    .container,
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1200px !important;
    }

    .box-content-banner {
        max-width: 480px;
    }

    .title-banner h2 {
        font-size: 56px;
        line-height: 64px;
    }

    /* .box-inner-chooseTh h2{
    min-height: 66px;
} */
    .title-inner-happyschool h2 {
        font-size: 28px;
    }

    .big-text {
        font-size: 72px;
        line-height: 90px;
    }

    .card-letter {
        top: -45px;
    }

    .inner-happyschool {
        padding: 64px 20px 32px;
    }

    .content-inner-happyschool {
        min-height: 191px;
    }

    .title-coursesforfree h2 {
        font-size: 18px;
    }

    .title-creative h2 {
        font-size: 28px;
    }

    .title-hotro h2 {
        font-size: 28px;
    }

    .box-program {
        padding-bottom: 195px !important;
    }

    .content-inner-chooseTH {
        min-height: 160px;
    }

    .content-inner-chooseTH.vinh {
        min-height: 200px;
    }
}

/* @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1410px;
        }
} */

@media (max-width: 1280px) {
    .main-nav>div>ul>li>a {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {

    .container,
    .elementor-section.elementor-section-boxed>.elementor-container {
        padding: 0 16px;
    }

    .elementor-section.elementor-section-boxed .elementor-section.elementor-section-boxed>.elementor-container {
        padding: initial;
    }

    .col-text-course>div {
        padding-left: 80px !important;
    }

    .title-banner h2 {
        font-size: 48px;
        line-height: 56px;
    }
}

@media (max-width: 1199px) {
    .main-nav>div>ul>li {
        padding: 35px 7.5px;
    }

    .language-switcher {
        margin-left: -15px;
    }
}

@media (max-width: 1024px) {
    .title-inner-chooseTH-red.vinh h2, 
    .title-inner-chooseTH-purple.vinh h2{
min-height: 110px;
    }
    html[lang="en-US"] .title-inner-chooseTH-red.chuaboc h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.chuaboc h2{
        min-height: 88px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 110px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 132px;
    }

    html[lang="en-US"] .content-inner-chooseTH.vinh {
        min-height: 210px;
    }

    html[lang="en-US"] .content-inner-happyschool {
        min-height: 240px;
    }


    html[lang="en-US"] .content-inner-chooseTH.hoalac-vinh {
        min-height: 171px;
    }

    .title-inner-chooseTH-red.hoalac-vinh h2,
    .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 110px;
    }

    /* html[lang="en-US"] .title-inner-chooseTH-red h2,
    html[lang="en-US"] .title-inner-chooseTH-purple h2 {
        min-height: 88px;
    } */
    html[lang="en-US"] .content-inner-happyschool.hoalac {
        min-height: 240px;
    }

    html[lang="vi-VN"] .content-inner-happyschool {
        min-height: 200px;
    }

    .main-nav>div>ul>li {
        padding: 35px 4.5px;
        font-size: 14px;
    }

    .col-hd-social .social-link {
        width: 30px;
        height: 30px;
    }

    .hd-menu .col-hd-social .hd-btn-home h2 {
        font-size: 9px;
    }

    .box-content-banner {
        max-width: 360px;
    }

    .title-banner h2 {
        font-size: 36px;
        line-height: 48px;
    }

    .content-banner {
        font-size: 14px;
        line-height: 20px;
    }

    .btn-banner .btn-readmore {
        font-size: 11px;
        padding: 12px 28px;
    }

    .box-inner-chooseTh .elementor-column-gap-default {
        gap: 15px;
    }

    .box-inner-chooseTh .elementor-column-gap-default .elementor-col-25 {
        flex: 0 0 calc(25% - 15px);
    }

    .title-inner-chooseTH-red h2 {
        padding: 0 10px;
    }

    .content-inner-chooseTH {
        font-size: 14px;
        line-height: 19px;
    }

    .box-inner-happyschool .elementor-column-gap-default {
        gap: 10px;
    }

    .box-inner-happyschool .elementor-column-gap-default .elementor-col-20 {
        flex: 0 0 calc(20% - 10px);
    }

    .big-text {
        font-size: 48px;
        line-height: 60px;
        margin-right: 5px;
    }

    .small-text {
        font-size: 21px;
    }

    .card-letter {
        top: -30px;
    }

    .inner-happyschool {
        padding: 48px 15px 32px;
    }

    .title-inner-happyschool {
        margin-bottom: 10px !important;
    }

    .title-inner-happyschool h2 {
        font-size: 24px;
    }

    .content-inner-happyschool {
        font-size: 14px;
        line-height: 20px;
    }

    .letter {
        margin: 0 15px;
    }

    .title-creative h2 {
        font-size: 28px;
    }

    .content-hotro {
        font-size: 14px;
        line-height: 20px;
    }

    .title-hotro h2 {
        font-size: 23px;
        line-height: 32px;
    }

    .content-tuition-fees {
        font-size: 14px;
        line-height: 20px;
    }

    .title-box-video h2,
    .title-box h2 {
        font-size: 36px;
    }

    .logo-footer {
        width: 220px;
    }

    .footer .footer-row-3 .form-container .form-group label {
        font-size: 14px;
    }

    .form-group input {
        padding: 8px;
        border-radius: 8px;
    }

    .footer .footer-row-2 .text-ft {
        font-size: 16px;
    }

    .img-thanhcong img {
        width: 300px;
    }

    .img-thanhcong2 img {
        width: 400px;
    }

    .footer .social-container .hotline {
        font-size: 16px;
    }

    .footer .footer-row-3 .form-container h2 {
        font-size: 24px;
    }
}

@media (max-width: 991px) {

    .title-inner-chooseTH-red.hoalac-vinh h2,
    .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 88px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.hoalac-vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 110px;
    }

    /* .main-nav .toggle-mobile-menu{
        display: block;
    } */
    /* .main-nav .toggle-mobile-menu:before, 
    .main-nav .toggle-mobile-menu:after, 
    .main-nav .toggle-mobile-menu span {
        height: 2px;
        background: #fff;
        border-radius: 2px;
        display: block;
    }
    .main-nav .toggle-mobile-menu:before, .main-nav .toggle-mobile-menu:after {
        content: '';
        position: absolute;
        top: 0;
        height: 1px;
        width: 15px;
        left: 11px;
        top: calc(50% - 2px);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .main-nav .toggle-mobile-menu:before {
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0);
    }

    .main-nav .toggle-mobile-menu:after {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    .main-nav .toggle-mobile-menu span {
        position: absolute;
        width: 15px;
        height: 1px;
        left: 11px;
        top: calc(50% - 1px);
    } */

    .col-language-switcher {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .container-menu-header-mobile {
        /* margin-right: 15px; */
        top: -15px;
    }

    .language-switcher {
        margin-left: 0px;
    }

    .admin-bar .header-menu-mobile {
        top: 45px;
    }

    .header-menu-mobile {
        position: fixed;
        right: 0px;
        height: 100vh;
        top: 0px;
        background: #fff;
        width: 100%;
        display: block;
        transition: all 0.3s;
        transform: translateX(100vw);
        z-index: 1000;
        overflow: auto;
    }

    .header-menu-mobile.active {
        transform: translateX(0px);
    }

    .main-nav>div.header-menu-mobile>ul {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-nav>div.header-menu-mobile ul li {
        display: block;
        /* border-bottom: 1px solid #e1e1e1; */
    }

    .main-nav>div.header-menu-mobile ul li a {
        /* color: #000; */
    }

    .main-nav>div>ul>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .main-nav>div.header-menu-mobile ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        font-family: 'Helvetica Neue', sans-serif !important;
    }

    .hd-menu {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    button.close {
        position: absolute;
        width: 24px;
        height: 24px;
        background: none;
        border: none;
        cursor: pointer;
        right: 10px;
        top: 10px;
    }

    button.close::before,
    button.close::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 3px;
        background-color: #00377B;
        /* Change color as needed */
    }

    button.close::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    button.close::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .menu-header {
        padding: 10px 15px;
        margin-bottom: 70px;
    }

    .col-hd-social .social-link {
        width: 24px;
        height: 24px;
    }

    .col-hd-social .social-link img {
        width: 10px;
    }

    .social-icons-hd {
        flex-wrap: wrap;
        justify-content: end ! important;
        gap: 10px;
    }

    .hd-menu .col-hd-social .hd-btn-home h2 {
        padding: 10px 12px;
    }

    .main-nav>div>ul>li>a {
        font-size: 12px;
    }

    .box-content-banner {
        left: 9%;
    }

    .img-icon-chooseTH {
        top: -40px;
    }

    .img-icon-chooseTH img {
        width: 100px;
    }

    .inner-chooseTH {
        padding: 48px 8px 24px;
    }

    .title-inner-chooseTH-red,
    .title-inner-chooseTH-purple {
        margin-bottom: 10px ! important;
    }

    .title-inner-chooseTH-red h2,
    .title-inner-chooseTH-purple h2 {
        padding: 0;
        font-size: 16px;
    }

    .content-inner-chooseTH {
        /* min-height: 140px; */
        font-size: 12px;
        line-height: 18px;
    }

    .big-text {
        font-size: 36px;
        line-height: 48px;
    }

    .small-text {
        font-size: 18px;
    }

    .card-letter {
        top: -24px;
    }

    .inner-happyschool {
        padding: 36px 8px 24px;
    }

    .title-inner-happyschool h2 {
        font-size: 21px;
        line-height: 30px;
    }

    .content-inner-happyschool {
        font-size: 12px;
        line-height: 18px;
    }

    .title-box-video h2,
    .title-box h2 {
        font-size: 28px;
    }

    .title-happyschool .elementor-widget-container,
    .title-chooseth .elementor-widget-container {
        padding-bottom: 80px ! important;
    }

    .title-box-video .elementor-widget-container {
        margin-bottom: 40px ! important;
    }

    .box-video,
    .box-happyschool {
        padding: 80px 0 ! important;
    }

    .box-fees {
        padding: 50px 0 ! important;
    }

    .box-chooseth,
    .box-inner-happyschool {
        margin-bottom: 80px ! important;
    }

    .btn-course {
        width: 27% ! important;
    }

    .col-text-course>div {
        padding-left: 50px ! important;
    }

    .title-creative h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .title-coursesforfree h2 {
        font-size: 16px;
    }

    .box-course {
        padding: 50px 0 ! important;
        margin-bottom: 80px ! important;
    }

    .box-chuongtrinh {
        margin-bottom: 80px ! important;
    }

    .col-chuongtrinhgiaoduc>div {
        padding: 0 24px 0 0 ! important;
    }

    .title-hotro h2 {
        font-size: 18px;
        line-height: 28px;
    }

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

    .box-program {
        padding: 80px 0 ! important;
    }

    .logo-footer {
        width: 180px ! important;
    }

    .footer .footer-row-2 .text-ft {
        font-size: 14px;
    }

    .footer .footer-row-2 .title-row-ft {
        font-size: 28px;
    }

    .footer .footer-row-3 {
        padding-left: 40px;
    }

    .footer .footer-row-3 .form-container {
        padding: 16px;
    }

    .footer .footer-row-3 .form-container h2 {
        font-size: 21px;
    }

    .footer .social-container {
        margin-top: 80px;
    }

    .footer {
        padding-top: 80px;
    }

    .footer .footer-row-3 .form-container .btn-submit {
        width: 250px;
        padding: 12px 24px;
    }

    .main-nav>div>ul>li {
        padding: 35px 2.5px;
    }

    .title-inner-chooseTH-red.vinh h2,
    .title-inner-chooseTH-purple.vinh h2 {
        min-height: 88px;
    }
}

@media (max-width: 768px) {
    .btn-menu .main-nav {
        justify-content: end;
    }

    .main-nav>div>ul>li>a {
        font-size: 11px;
    }

    .title-inner-chooseTH-red h2,
    .title-inner-chooseTH-purple h2 {
        font-size: 15px;
        line-height: 21px;
    }

    .content-inner-chooseTH {
        min-height: 162px;
    }

    .letter {
        margin: 0 8px;
    }

    .title-inner-happyschool h2 {
        font-size: 19px;
    }

    .btn-course {
        width: 29% ! important;
    }

    .title-creative h2 {
        font-size: 21px;
    }

    .col-text-course>div {
        padding-left: 36px ! important;
    }

    .logo-footer {
        width: 160px ! important;
    }

    .footer .footer-row-3 {
        padding-left: 16px;
    }

    .footer .footer-row-2 .text-ft {
        font-size: 13px;
    }

    .footer .footer-row-2 img {
        width: 30px;
        height: 30px;
    }

    .footer .footer-row-2 .title-row-ft {
        font-size: 24px;
    }

    .box-content-banner {
        max-width: 300px;
        top: 15%;
    }

    .title-banner h2 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (min-width: 768px) {
    .elementor-image-gallery div.gallery-columns-8 .gallery-item {
        width: 12.5% !important;
    }

    .elementor-image-gallery div.gallery-columns-4 .gallery-item {
        width: 25% !important;
    }

    .logo-image {
        width: 115px;
    }

    html[lang="en-US"] .content-inner-chooseTH.vinh {
        min-height: 216px;
    }
}

@media (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

@media (max-width: 480px) {
    html[lang="en-US"] .content-inner-happyschool {
        min-height:160px;
    }
    html[lang="en-US"] .title-inner-chooseTH-red.chuaboc h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.chuaboc h2{
        min-height: 66px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.hoalac-vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 88px;
    }

    .title-inner-chooseTH-red.vinh h2,
    .title-inner-chooseTH-purple.vinh h2 {
        min-height: 66px;
    }

    .title-inner-chooseTH-red.hoalac-vinh h2,
    .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 66px;
    }

    html[lang="en-US"] .content-inner-chooseTH.vinh {
        min-height: 200px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 88px;
    }

    .gtranslate-wrap.language-mobile {
        display: block ! important;
    }

    .content-inner-happyschool p {
        height: 144px;
    }

    .elementor-element.elementor-element-c41d648 .elementor-element-92d6e9b .elementor-heading-title {
        font-size: 20px;
    }

    .hd-menu .logo {

        margin-bottom: 10px;
        width: 50%;
    }

    .box-content-banner {
        max-width: 100%;
        top: 10%;
        left: 0 ! important;
    }

    .content-banner {
        max-width: 100%;
    }

    .content-banner p {
        margin-bottom: 0;
    }

    .social-list-icon {
        width: 100%;
        justify-content: center ! important;
    }

    .hd-menu .col-hd-social .social-icons-hd {
        /* justify-content: center ! important;
        margin-top: 10px;
        margin-bottom: 10px; */
        display: none ! important;
    }

    .title-banner h2 {
        font-size: 32px;
        line-height: 39px;
    }

    .btn-banner .btn-readmore {
        padding: 8px 24px;
    }

    .title-box-video h2,
    .title-box h2 {
        font-size: 21px;
        line-height: 32px;
    }

    .box-inner-happyschool>div {
        display: flex;
        justify-content: center ! important;
    }

    .col-img-hotro {
        margin-bottom: 50px;
    }

    .hd-menu .col-hd-social .hd-btn-home h2 {
        padding: 12px 16px;
        font-size: 14px;
    }

    .box-inner-chooseTh {
        margin-bottom: 20px ! important;
    }

    .box-chooseth,
    .box-inner-happyschool {
        margin-bottom: 50px ! important;
    }

    .box-video,
    .box-happyschool {
        padding: 50px 0 ! important;
    }

    .title-happyschool .elementor-widget-container,
    .title-chooseth .elementor-widget-container {
        padding-bottom: 50px ! important;
    }

    .col-right-hotro>div {
        padding: 0 ! important;
    }

    .box-chuongtrinh {
        margin-bottom: 50px ! important;
    }

    .title-box-video .elementor-widget-container {
        margin-bottom: 20px ! important;
    }

    .footer {
        padding-top: 50px;
    }

    .footer .social-container {
        margin-top: 50px;
    }

    .footer .footer-row-3 {
        padding-left: 0;
    }

    .logo-footer {
        width: 135px ! important;
    }

    .footer-row-1 {
        margin-bottom: 20px;
    }

    .footer .footer-row-2 .ft-map {
        padding-top: 20px;
    }

    .footer .footer-row-2 .text-ft {
        font-size: 14px;
    }

    .form-group input {
        padding: 6px;
    }

    .footer .social-container .hotline {
        font-size: 14px;
    }

    .col-chuongtrinhgiaoduc {
        order: 2 ! important;
    }

    .col-img-hotro2 {
        height: 200px;
    }

    .img-thanhcong2 img {
        width: 80%;
    }

    .footer .footer-row-3 .form-container h2::after {
        height: 4px;
    }

    .title-box h2::after {
        height: 4px;
    }

    .footer .footer-row-3 .form-container .btn-submit {
        padding: 8px 24px;
        font-size: 12px;
        line-height: 17px;
        align-items: center;
    }

    .footer .footer-row-3 .popup-content .form-container {
        padding: 40px 12px 100px 12px;

    }

    .footer .footer-row-3 .popup-content {
        width: 90%;
    }

    .title-inner-chooseTH-red h2,
    .title-inner-chooseTH-purple h2 {
        font-size: 14px;
    }

    .box-creative>div {
        flex-direction: column;
    }

    .img-box-fees {
        width: 100% ! important;
        max-width: 100% ! important;
        display: flex;
        justify-content: center;
        margin-bottom: 10px ! important;
    }

    .col-text-course>div {
        padding-left: 0 !important;
        text-align: center;
    }

    .btn-course {
        width: 100% !important;
        max-width: 100% ! important;
        justify-content: center !important;
        margin-top: 10px;
    }

    .box-inner-chooseTh .elementor-column-gap-default .elementor-col-25 {
        flex: 0 0 calc(50% - 7.5px);
        margin-bottom: 30px;
    }

    .box-inner-happyschool .elementor-column-gap-default .elementor-col-20 {
        flex: 0 0 calc(50% - 5px);
        margin-bottom: 30px;
    }

    .content-inner-happyschool {
        min-height: 160px;
    }

    .main-nav>div>ul>li>a::after,
    .main-nav>div>ul>li.active>a::after {
        position: unset;
        display: none;
    }

    .main-nav>div>ul>li {
        padding: 10px 4.5px;
    }

    /* .desktop-header{
        position: relative !important;
     } */
    .btn-with-icon svg,
    .btn-banner .btn-readmore svg {
        width: 9px;
        height: 9px;
    }

    .hd-menu .d-lg-block.btn-menu {
        display: none ! important;
    }

    .hd-menu .col-hd-social {
        width: 50%;
        display: flex;
        justify-content: end
    }

    .social-icons-hd2 {
        justify-content: center ! important;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 80px;
        margin-bottom: 105px;
    }

    .col-hd-social .social-link {
        width: 34px;
        height: 34px;
    }

    .col-hd-social .social-link img {
        width: 14px;
    }

    .bg-menu-mobile {
        width: 100%;
        object-fit: cover;
        height: auto;
    }

    .main-nav .toggle-mobile-menu {
        display: block;
    }
}

@media (max-width: 390px) {
    .title-inner-chooseTH-red.hoalac-vinh h2, 
    .title-inner-chooseTH-purple.hoalac-vinh h2{
        min-height: 88px;
    }

    .title-inner-chooseTH-red.vinh h2,
    .title-inner-chooseTH-purple.vinh h2 {
        min-height: 88px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 110px;
    }

    html[lang="en-US"] .content-inner-chooseTH.vinh {
        min-height: 220px;
    }
}

@media (max-width: 375px) {
    .title-inner-chooseTH-red.hoalac-vinh h2,
    .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 88px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.hoalac-vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.hoalac-vinh h2 {
        min-height: 110px;
    }

    html[lang="en-US"] .title-inner-chooseTH-red.vinh h2,
    html[lang="en-US"] .title-inner-chooseTH-purple.vinh h2 {
        min-height: 132px;
    }

    html[lang="en-US"] .content-inner-chooseTH.vinh {
        min-height: 234px;
    }

    .content-inner-happyschool {
        min-height: 162px;
    }

    .title-hotro h2 {
        font-size: 16px;
    }

    .footer .footer-row-3 .form-container {
        padding: 8px;
    }

    .title-inner-chooseTH-red h2,
    .title-inner-chooseTH-purple h2 {
        min-height: 66px;
    }
}