*{margin:0;padding:0;box-sizing:border-box}
:root {
  --color-text-primary: #000;
  --color-text-secondary: #333;
  --color-primary: #117aff;
  --color-accent: #fe5511;
  --color-button-primary: #103e7d;
  --color-tabs:#8abeff;
  --color-combo-1: #ff9000;
  --color-combo-2: #00c3b4;
  --color-combo-3: #ed755f;
}
@font-face{font-family:OpenSans;src:url(../../../font/OpenSans-Regular.eot),url(../../../font/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-Regular.otf) format("opentype"),url(../../../font/OpenSans-Regular.svg) format("svg"),url(../../../font/OpenSans-Regular.ttf) format("truetype"),url(../../../font/OpenSans-Regular.woff) format("woff"),url(../../../font/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:OpenSansBold;src:url(../../../font/OpenSans-Bold.eot),url(../../../font/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-Bold.otf) format("opentype"),url(../../../font/OpenSans-Bold.svg) format("svg"),url(../../../font/OpenSans-Bold.ttf) format("truetype"),url(../../../font/OpenSans-Bold.woff) format("woff"),url(../../../font/OpenSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:OpenSansExtraBold;src:url(../../../font/OpenSans-ExtraBold.eot),url(../../../font/OpenSans-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../../../font/OpenSans-ExtraBold.otf) format("opentype"),url(../../../font/OpenSans-ExtraBold.svg) format("svg"),url(../../../font/OpenSans-ExtraBold.ttf) format("truetype"),url(../../../font/OpenSans-ExtraBold.woff) format("woff"),url(../../../font/OpenSans-ExtraBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
body,html{font-family:OpenSans,sans-serif!important;font-size:18px;line-height: 1.5;color: var(--color-text-secondary);scroll-behavior:smooth}
h3.title{font-size: 1.66rem;margin-bottom:1.5rem;text-align: center;font-family: OpenSansExtraBold;}
section{padding: 1.66rem 0;}
b{font-family:OpenSansBold;}
.container{width:100%;max-width:1224px;margin:0 auto;padding:0 12px}
#normalHeader .header>div,#normalHeader .wrapperBanner{max-width:1224px}
#normalHeader.png{background-image:url(../img/backgroundPC.png)}
#normalHeader.webp{background-image:url(../img/backgroundPC.webp)}
#normalHeader .header>div>ul .hotline a{background:url(../img/icon-hotline.png) no-repeat left}
#normalHeader .header>div>ul .loginGroup .login a:first-child{background-image:url(../img/icon-user.png)}
#normalHeader .header>div>ul .loginGroup .login a:first-child::after{width:2px;background:#eee}
#normalHeader .wrapperBanner{padding:0;flex-wrap:wrap;align-items:center;}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{background:#ebebeb;border:none;font-size:16px;margin-bottom:15px}
#normalHeader .wrapperBanner .headerForm form input::placeholder,#normalHeader .wrapperBanner .headerForm form select::placeholder,#normalHeader .wrapperBanner .headerForm form textarea::placeholder{color:#8c8c8c}
#normalHeader .wrapperBanner .headerForm form select{color:#8c8c8c}
#normalHeader .wrapperBanner .headerForm form textarea{min-height:108px}
#normalHeader .wrapperBanner .headerForm .formTitle{color:#02799c;font-family:OpenSansBold;font-size:18px}
#normalHeader .wrapperBanner .headerForm{padding:0;display:flex;justify-content:center;align-items:flex-start;background:unset;width:330px}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:20px;border-radius:15px}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{background:#ff4f00;color: #fff;border-color:#7e2d07;}
#normalHeader .header>div>ul a{text-decoration:none;color:#0aa3d0;font-family:OpenSansBold}
#normalHeader{background-position:bottom}
#normalHeader .wrapperBanner .bannerPC{line-height:0}
#normalHeader .header{background:#fff}
#normalHeader .wrapperBanner .headerForm .imgInHeader{width:90%;display:block;margin:0 auto 12px}
.sun-why{background:#F0F8FF;text-align:center;}
.sun-title{font-size:32px;font-weight:800;margin-bottom:40px}
.sun-visual{text-align:center}
.sun-visual img{width:400px;position:relative;z-index:2}
.sun-circle{position:absolute;top:50%;left:50%;width:360px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#fc0,#ff6a00,#fc0);z-index:1}
.sun-items{display:flex;gap:24px;justify-content:center;margin-top:40px}
.sun-item{position:relative;background:#fff;padding:24px 16px;width:100%;max-width:360px;border-radius:10px}
.sun-icon{position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.sun-icon img{width:70%}
.sun-item h3{font-size:1.33rem;font-family: OpenSansBold;margin-top:1rem;margin-bottom:10px}
.sun-item p{color:#555}
.sun-item::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;border-radius:0 0 10px 10px}
.sun-item.blue::after{background:#2f6bff}
.sun-item.green::after{background:#00b894}
.sun-item.orange::after{background:#ff6a00}

#solution{background:url(../img/background-blue.png);}
#solution .listSolution{display:flex;flex-direction:column;gap:12px;width: 75%;margin:0 auto;}
#solution ul{list-style:none}
#solution .item{display:flex;column-gap:60px;align-items:center}
#solution .item:nth-child(even){flex-direction:row-reverse}
#solution .item img{width:300px;object-fit:cover}
#solution .item ul{max-width:500px;margin:0 auto}
#solution .item ul li{margin-bottom:0.5rem}
#solution li.titleSolution{font-size: 1.3rem;font-family: OpenSansBold;color:var(--color-accent);}
#solution .arrowSpecial{display:inline-block;color:#ff4d88;font-size:32px;line-height:15px}

#listTeacherOnRoadTrain .title,#listTeachers #listTeacherOnRoadTrain .contentListTeacher .tabSubject{display:none}
#listTeachers #listTeacherOnRoadTrain{padding:0}
div#listTeachers{background:#fff}
#listTeachers ul.tabSubject{display:flex;list-style:none;justify-content:flex-start;flex-wrap:wrap;column-gap:12px;row-gap:12px;margin-top:15px}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent{padding-left:0}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{color:var(--color-button-primary)}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .wrapBtn{display:none}
#listTeachers ul.tabSubject li{width:109px}
#listTeachers a.subject.active{color:#fff;background:var(--color-accent)}
#listTeachers a.subject{text-decoration:none;font-size:24px;border:1px solid var(--color-button-primary);border-bottom:4px solid var(--color-button-primary);color:var(--color-button-primary);width:100%;display:block;text-align:center;border-radius:99px;background:#fff}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher{background:no-repeat;padding:0}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{background:url(../img/icon-index.png) top left no-repeat;font-size:18px}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher{margin-top:24px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li{width:auto;height:auto;background:unset}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher.active{display:flex;padding-bottom:12px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{width:100%;max-width:417px;overflow-y:auto}
#listTeacherOnRoadTrain .contentListTeacher .leftContent img{background:unset}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{width:90px;height:90px}
#listTeachers .tabAvataTeacher{cursor:pointer}
#listTeachers .tabAvataTeacher::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
#listTeachers .tabAvataTeacher::-webkit-scrollbar{height:10px;background-color:#f5f5f5}
#listTeachers .tabAvataTeacher::-webkit-scrollbar-thumb{background-color:#0ae;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.2)),color-stop(.5,transparent),to(transparent))}

#list-course, #familyFeelToTs247{background:repeat url(../img/texture-education.png),#cfedf7}
#listCourseStyle4 .content ul.topTab{background:var(--color-tabs);border-radius:99px}
#listCourseStyle4 .content ul.topTab li a.active,#listCourseStyle4 .content ul.topTab li a:hover{color:#fff;background:var(--color-accent);border-radius:99px}
#listCourseStyle4 .content ul.topTab li a{color:var(--color-button-primary);font-weight:700;font-size:18px;line-height:normal}
#listCourseStyle4 .content .wrapItem .colLeft{background:url(../img/background-film.png) 0 0/contain no-repeat;padding:30px;border:none;width:430px}
#listCourseStyle4 .content .wrapItem .colLeft>img{height:100%;width:auto;object-fit:cover}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton>a{font-size:23px}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton a{transition:all .3s}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton a:nth-child(1){color:#fff;background:var(--color-primary);border:1px solid var(--color-button-primary);border-bottom:6px solid var(--color-button-primary)}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton a:nth-child(2){color:#fff;background:var(--color-button-primary);border:1px solid var(--color-primary);border-bottom:6px solid var(--color-primary)}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton a:hover{transform:scale(1.04)}
#listCourseStyle4 .content .wrapItem .colRight .wrapTop>ul>li{background-image:url(../img/star.png)}
#listCourseStyle4 .content .wrapTop ul{margin-top:12px}
#listCourseStyle4 .content .wrapItem .colRight .wrapTop h3{font-weight:400}

@media (max-width:768px){
body,html{font-size: 0.8rem;}
h3.title{font-size: 1.33rem;}
section{padding: 1.33rem 0;}

.sun-items{flex-direction:column;align-items:center}
.sun-circle{width:260px;height:260px}
.sun-visual img{width:200px}
}
.threeItem{background:#fff;padding-bottom: 60px;}
.threeItem .container{width:100%;max-width:1224px;padding:0 12px;margin:0 auto}
.threeItem .container ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;column-gap:28px;row-gap:80px;margin-top:30px}
.threeItem .container ul li{display:block}
.threeItem .container ul li .blockHead{height:100%}
.threeItem .container ul li,.threeItem .container ul li .blockHead{position:relative}
.threeItem .container ul li .blockHead .content{height:100%;width:100%;text-align:center;color:#262626;background:#fff;border-radius:17px;position:relative;padding:12px}
.threeItem .container ul li .blockHead .content .tagSale{position:absolute;top:-7px;left:-7px}
.threeItem .container ul li .blockHead .content .tagPR{position:absolute;top:-54px;right:-14px}
.threeItem .container ul li .blockHead .content::before{content:"";width:80%;height:10px;border-radius:0 0 10px 10px;background:#000;position:absolute;top:0;left:10%}
.threeItem .container ul li .blockHead .content>div{border-radius:17px;padding:30px 0 12px}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(1){font-size:1.1rem;margin-bottom:12px;font-family:OpenSansBold,sans-serif}
.threeItem .container ul li .btnMuaNgay{text-decoration:none;padding:8px 0;width:194px;position:absolute;bottom:-22px;left:50%;margin-left:-97px;text-align:center;border-radius:8px;font-size:24px;color:#fff}
.threeItem .container ul li .priceOriganal{color:#575757;margin-bottom:12px}
.threeItem .container ul li .titleBottom{width:60%;margin:0 auto}
.threeItem .container ul li .priceCombo{font-size:24px;margin-bottom:40px;color:#474747}
.threeItem .container ul li .styleEvent2{font-size:1.6rem;margin-bottom:40px;font-family: OpenSansBold;}
.threeItem .container ul li.combo-1 .styleEvent2, .threeItem .container ul li.combo-1 .headTitle p span{color:var(--color-combo-1)}
.threeItem .container ul li.combo-2 .styleEvent2, .threeItem .container ul li.combo-2 .headTitle p span{color:var(--color-combo-2)}
.threeItem .container ul li.combo-3 .styleEvent2, .threeItem .container ul li.combo-3 .headTitle p span{color:var(--color-combo-3)}
.threeItem .container ul li.combo-1 .blockHead .content::before,.threeItem .container ul li.combo-1 .btnMuaNgay{background:var(--color-combo-1)}
.threeItem .container ul li.combo-2 .blockHead .content::before,.threeItem .container ul li.combo-2 .btnMuaNgay{background:var(--color-combo-2)}
.threeItem .container ul li.combo-3 .blockHead .content::before,.threeItem .container ul li.combo-3 .btnMuaNgay{background:var(--color-combo-3)}
.threeItem .container ul li.combo-1 .content{border:4px solid var(--color-combo-1)}
.threeItem .container ul li.combo-2 .content{border:4px solid var(--color-combo-2)}
.threeItem .container ul li.combo-3 .content{border:4px solid var(--color-combo-3)}
.threeItem .container ul li .txtSale{margin-bottom:20px;position:absolute}
.threeItem .container ul li .headTitle{margin-bottom:13px}
.threeItem ul li .boxSale img{height:85px;margin:12px 0}
.threeItem ul li.combo-1 .boxSale p{display:flex;justify-content:space-between;padding:0 12px;font-size:20px}
.threeItem ul li.combo-1 .boxSale p .exBold{color:#46aeaf}
.threeItem ul li .boxSale{border:1px dashed;border-radius:7px;padding:12px 0;margin:27px auto 18px}
.threeItem ul li.combo-1 .boxSale{border-color:var(--color-combo-1)}
.threeItem ul li.combo-2 .boxSale{border-color:#ffa311}
.threeItem ul li.combo-3 .boxSale{border-color:#8560a8}
.threeItem .container ul li .saleTo{display:block;margin:12px 0 0}
.threeItem .container ul li .boxSale .saleTo{font-size:25px;background:#fff;width:fit-content;display:block;margin:-30px auto 7px}
.threeItem .container ul li{width:350px}
.threeItem .container ul li p>img{margin-left:12px;width:65px;height:65px;object-fit:contain;padding:5px;border-radius:5px}
.threeItem .container ul li.combo-1 p>img{background:#6340f6;border:2px dashed #ffdc00}
.threeItem .container ul li.combo-2 p>img{background:#ffdc00;border:2px dashed #6340f6}
.threeItem .luuY{background:#ff0;border-radius:10px;border:1px dashed #262626;padding:12px;display:block;margin-top:57px}
.threeItem .txtWarning{color:#f04558;font-size:18px;border:2px dashed #128abc;text-align:center;margin:50px auto 0;background:#fff;padding:5px 12px;width:fit-content}
.laptop{width:958px;position:relative;display:flex;align-items:center;justify-content:center}
#familyFeelToTs247 ul{list-style:none;z-index:3}
#familyFeelToTs247 #videoLeftStyle3 .wrapperVideo{background:#0072bc}
#familyFeelToTs247 .wrapSlider{display:flex;justify-content:center;column-gap:108px;row-gap:12px}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:208px;width:100%}
#familyFeelToTs247 .wrapSlider .listFeelVideo{max-width:795px;width:100%}
#familyFeelToTs247 #videoLeftStyle3{padding:0}
#familyFeelToTs247 .listFeelVideo .bx-wrapper{position:relative}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{display:flex;justify-content:space-between;align-items:center;padding:12px 0;column-gap:12px;z-index:0;position:absolute;width:100%;margin-top:-32%}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:-55px}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:-55px}
#familyFeelToTs247 .listMsg .bx-controls-direction, #solution .bx-controls-direction, .threeItem .bx-controls-direction{display:flex;justify-content:center;column-gap:24px;margin-top:12px}
#familyFeelToTs247 .listMsg .bx-controls-direction a, #solution .bx-controls-direction a{border-radius:99px;display:flex;width:25px;height:25px;justify-content:center;align-items:center}
#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-next:hover,#familyFeelToTs247 .listMsg .bx-controls-direction a.bx-prev:hover{background:#fff}
#familyFeelToTs247 .wrapperVideo{width:750px;margin:auto;padding:10px;background:#000;border-radius:15px}
#familyFeelToTs247 .wrapperVideo .video{position:relative;padding-bottom:56.25%;overflow:hidden}
#familyFeelToTs247 .wrapperVideo .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:7.5px}
#familyFeelToTs247 img{vertical-align:middle;max-width:100%}
.achievement{margin-top:1.5rem;}
#popupListCourse4{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);z-index:888;display:none;justify-content:center;align-items:center}
#popupListCourse4 .popup{position:relative;width:50%;background:#fff;border-radius:10px}
#popupListCourse4 .popup>a{position:absolute;top:12px;right:12px;z-index:1}
#popupListCourse4 .popup>div{position:relative;height:0;padding-bottom:56.25%}
#popupListCourse4 .popup>div>iframe{position:absolute;width:100%;height:100%;border-radius:10px}
#popupRequestAdvisory>div h3,[id^=popupNotify_]>div h3{background:#fdc689;color:#fff;border-color:#fff}
#popupRequestAdvisory>div>div button{border-radius:9px;border:none;font-weight:700;font-size:16px;padding:11px 22px;color:#6340f6;background:#ffdc00;border-bottom:4px solid #ffa200;cursor:pointer}
#popupRequestAdvisory>div>div input,#popupRequestAdvisory>div>div textarea{background:rgba(255,255,255,.3);color:#7057a9;border-radius:13px;padding:10px 15px;font-size:15px;border:1px solid #dbcbfd}
#popupRequestAdvisory>div>a{background:url(../img/iconClose.png) 0 0/contain no-repeat;width:20px;height:20px}
#popupRequestAdvisory>div>a>img{display:none}
#popupRequestAdvisory{z-index:99}
#popupNotify_PRA .content{text-align:center;padding:20px 0}
#popupNotify_PRA .content .QRcode{width:100%;max-width:200px}
#popupNotify_PRA .content .title_popup{background:unset;font-family:OpenSansExtraBold;color:#000}
#popupNotify_PRA .content .textThanks{margin:1em 1.5em;color:#6e6e6e}
#popupNotify_PRA .content .btnJoinZalo{text-decoration:none;background:#0068ff;color:#fff;padding:10px 12px;display:inline-block;border-radius:7px;transition:all .1s}
#popupNotify_PRA .content .btnJoinZalo:hover{transform:scale(1.03)}
#popupNotify_PRA .buttonWrapper{display:none}
.table{padding:32px 0 37px}
.table .wrapTitle{text-align:center;margin-bottom:24px}
.table .wrapTitle .titleTable{color:#cf3b18;font-size:24px;text-transform:uppercase;margin-bottom:17px}
.table .wrapTitle .lastTitle{color:#483da5;font-size:18px}
.table table{width:100%}
.table table .dateTime,.table table .saleprice{color:#828282}
.table table .saleprice{text-decoration:line-through;margin-left:35px}
.table table .titleCourse{margin-bottom:17px}
.table table tr th:nth-child(1){width:96px}
.table table tr th:nth-child(2){width:25%}
.table table tr th:nth-child(3){width:calc(75% - 96px)}
.table table tbody tr:nth-child(odd){background:#ebebeb}
.table table tbody tr td:nth-child(1),.table table tbody tr td:nth-child(2){text-align:center}
.table table,.table td,.table th{border:1px solid #ccc;border-collapse:collapse;padding:14px}
.table td{border-bottom:none!important;border-top:none}
@media all and (max-width:1024px){
.threeItem .container ul li .blockHead .content .tagPR{right:-16px}
.laptop{width:calc(100% - 24px)}
#popupListCourse4 .popup{position:relative;width:calc(100% - 40px);background:#fff;border-radius:10px}
#familyFeelToTs247 .wrapSlider{flex-direction:column}
#familyFeelToTs247 .wrapSlider .listFeelVideo,#familyFeelToTs247 .wrapSlider .listMsg{margin:0 auto}
}
@media all and (max-width:768px){
#normalHeader.png .wrapperBanner .banner{background-image:url(../img/backgroundMobi.png)}
#normalHeader.webp .wrapperBanner .banner{background-image:url(../img/backgroundMobi.webp);background-size:cover}
#normalHeader .wrapperBanner,#videoLeftStyle3{padding:0}
#normalHeader .wrapperBanner .headerForm{width:100%;margin:24px auto}
#normalHeader{background-size:calc(100% + 67px);background-position:top}
#normalHeader .header{background:#fff}
#normalHeader .wrapperBanner .banner{width:100%;padding:0}
#normalHeader .wrapperBanner,#videoLeftStyle3{background:#0aa3d0}
#solution .item img{width:199px;height:178px;object-fit:cover}
#solution .item:not(.titleSolution){background:#fff;border:2px solid var(--color-primary);padding:12px;border-radius:12px;flex-direction:column;text-align:center}
#solution .listSolution{display:block;width:100%;}
#solution .item ul{width:100%}
#listCourseStyle4 .content .wrapItem .colLeft{max-width:360px;height:240px;width:100%;margin:0 auto}
#listCourseStyle4 .content .wrapItem .colLeft.imgDemo{padding-bottom:30px}
#listCourseStyle4 .content .wrapItem .colRight{width:calc(100% - 360px)}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton>a{font-size:16px}
#listCourseStyle4 .content .wrapItem .colRight h3{font-size:16px;margin-bottom:12px}
#magazine3 .posts ul li img{width:auto}
#magazine3 .posts ul li{text-align:center}
#listCourseStyle4{padding:0}
#listCourseStyle4 .content ul.topTab,#listCourseStyle4 .content ul.topTab li a.active,#listCourseStyle4 .content ul.topTab li a:hover{border-radius:12px}
#listCourseStyle4 .content .wrapItem{border-bottom:none;margin-top:0}
#listCourseStyle4 .content .wrapItem .colRight .wrapButton{padding-top:0}
#listCourseStyle4 .bx-controls.bx-has-controls-direction{position:absolute;width:100%;top:50%}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction{z-index:6}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-prev{margin-left:0}
#familyFeelToTs247 .listFeelVideo .bx-controls-direction a.bx-next{margin-right:0}
#familyFeelToTs247{padding:20px}
#familyFeelToTs247 .wrapperVideo{max-width:750px;width:auto;padding:10px;border-radius:10px}
#familyFeelToTs247 .wrapperVideo .video iframe{border-radius:5px}
.threeItem .container ul li .blockHead .content>div{padding:45px 0 30px}
#normalHeader .wrapperBanner .headerForm form textarea{margin-bottom:0}
.table{padding:18px 0}
.table .wrapTitle{margin-bottom:12px}
.table .wrapTitle .titleTable{font-size:14px;margin-bottom:5px}
.table .wrapTitle .lastTitle{font-size:14px}
.table tbody tr td:first-child,.table thead tr th:first-child{display:none}
.table tr th:nth-child(2){width:37%}
.sun-items{gap:40px}
.threeItem .bx-viewport{min-height: 335px;}
.threeItem .bx-prev, .threeItem .bx-next{
    width: 40px;
    height: 40px;
    display: block;
    background: var(--color-primary);
    border-radius:99px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
@media all and (max-width:480px){
body,html{font-size: 0.77rem;}
h3.title{font-size: 1.66rem;}
section{padding: 1.1rem 0;}
#normalHeader .wrapperBanner .headerForm>form{padding:12px}
#normalHeader .wrapperBanner .headerForm .formTitle{font-size:18px!important}
.threeItem{padding-bottom:1.1rem;}
.threeItem .container ul{grid-template-columns:unset}
.threeItem .container ul li .blockHead .content .tagPR{width:70px;top:-18px}
.threeItem .container ul li .blockHead .content>div{padding:13px 0 7px}
.threeItem .container ul li .blockHead .content .headTitle p:nth-child(1){font-size:20px}
.threeItem h3.title{margin-bottom:0;}
#list-result-sun{margin:12px 0}
#solution li.titleSolution{font-size:24px}
#solution .item ul li:not(.titleSolution){font-size:16px}
#listTeachers ul.tabSubject li{width:calc(22% + 1px)}
#listTeachers a.subject{font-size:15px}
#listTeacherOnRoadTrain .contentListTeacher .tabMenuTeacherMobi{display:none}
#listTeachers #listTeacherOnRoadTrain .contentListTeacher .rightContent .aboutToTeacher li{font-size:16px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher li a{width:70px;height:70px}
#listTeacherOnRoadTrain .contentListTeacher .tabAvataTeacher{column-gap:7px}
#listTeachers #listTeacherOnRoadTrain .container{padding:0}
#listCourseStyle4 .content .wrapItem .colLeft>img{height:169px}
#listCourseStyle4 .content .wrapItem .colRight{width:100%;margin-top:12px}
#listCourseStyle4 .content ul.topTab li a{font-size:16px;padding:10px 0}
#listCourseStyle4 .content ul.topTab li a.active{border-radius:99px}
#listCourseStyle4 .content ul.topTab{flex-wrap:nowrap;overflow-y:auto;margin-bottom:12px;}
#familyFeelToTs247 .wrapSlider .listMsg{max-width:75%}
#familyFeelToTs247 .listMsg .bx-controls-direction a{width:16px;height:16px;background:#fff}
#familyFeelToTs247 .listMsg .bx-controls-direction a img{width:5px}
#familyFeelToTs247{padding:24px 0}
#familyFeelToTs247 .listMsg .bx-controls-direction{position:static}
}