@media only screen and (max-width: 1540px) {
.page-template-place .container-study {
max-width: 1472px;
padding: 0 15px;
}
.top-about-place {
padding: 55px 50px 96px;
}
.top-about-place .img-about-place {
right: -70px;
}
.list-tabs {
margin-left: -40px;
}
.page-template-ngoai-khoa .list-tabs {
margin-left: -20px;
}
.page-template-ngoai-khoa .container-study {
padding: 0 30px;
}
.head-tab li .border-col {
padding: 5px;
}
.box-col img {
width: 20px;
}
}
@media (min-width: 1365px) {
.item-teacher-page:nth-child(2n) .right-item-teacher {
order: 1;
}
.item-teacher-page:nth-child(2n) .left-item-teacher {
order: 2;
padding-left: 30px;
padding-right: 0;
}
.item-teacher-page:nth-child(2n) .left-item-teacher .image-container:before {
left: auto;
right: 0;
}
.item-teacher-page:nth-child(2n) .left-item-teacher img {
margin-right: 30px;
}
}
@media only screen and (max-width: 1365px) {
.bg-ab-banner img {
object-fit: cover;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.register {
margin-left: 15px;
}
.main-menu ul li {
margin-right: 15px;
}
.img-info-search {
width: 75px;
left: -10px;
}
.img-info-search img {
height: 30px;
}
}
@media only screen and (max-width: 1180px) {
.reason-for-choosing .content .item .tl h2 {
font-size: 27px;
}
.top-about-place h1,
.top-about-place h1 .color-text {
font-size: 80px;
line-height: 90px;
margin-bottom: 25px;
}
.top-about-place .img-about-place {
max-width: 340px;
padding: 10px;
}
.add_place .icon-address {
width: 65px;
}
.right-item-class {
padding: 0 25px 40px;
}
.view-more span,
.view-more-blog span.text {
margin-left: 10px;
}
.place-page {
padding-bottom: 185px;
margin-top: 210px;
}
.list-class {
padding: 0 15px;
}
}
@media (min-width: 991px) and (max-width: 1199px) {
.image-container {
height: 100% !important;
}
.main-menu ul li {
margin-right: 10px;
}
.main-menu ul li a,
.site-header .list-languages li a {
font-size: 15px;
}
.register {
margin-left: 10px;
padding: 20px 0;
width: 150px;
}
.register img {
width: 14px;
}
.site-header .list-languages {
margin: 0 0px 0 10px;
}
}
@media (min-width: 991px) and (max-width: 1399px) {
.register {
max-width: 10.3rem;
}
.list-home-slider {    
top: 12px;
height: 95%;
padding: 0px 15px;
}
.section-home-banner,
.section-home-banner .img-banner {
height: 100vh;
}
.section-home-banner .bg-banner img {
height: 100vh;
}
.section-home-banner .img-banner {
left: 2rem;
bottom: -6rem;
}
.section-home-banner .img-banner img {
width: auto;
height: 80vh;
}
.section-home-banner .img-register {
top: 11rem;
right: 3rem;
}
.section-home-banner .img-register>img {
width: auto;
height: 60vh;
}
.section-home-banner .register {
max-width: 12rem;
padding: 2rem 0;
right: 6rem;   
bottom: 59px;
}
.register p span {
font-size: 13px;
padding: .3rem .8rem;
}
.list-info-about li {
margin-right: 5px;
}
.top-right .register {
width: 8.5rem;
}
.top-right .register p span {
width: auto;
}
.timetable-head {
left: 0;
}
.timetable-content {
width: calc(100% - 230px);
margin-right: 0;
}
.timetable-inner {
min-height: auto;
}
.title-commit h2 {
font-size: 1.625rem;
}
.title-comment {
font-size: 26px;
line-height: 39px;
}
.comment-head ul li {
font-size: 24px;
padding: 12px 0 14px;
}
.comment-head ul li.active:before {
top: -6px;
}
.main-right-advise div {
font-size: 35px;
line-height: 48px;
}
.main-right-advise form input {
font-size: 18px;
}
.main-right-advise form input[type=submit] {
font-size: 20px;
line-height: 30px;
}
.list-news {
margin: 0 -15px;
}
.item-news {
padding: 0 15px;
}
.news-title a {
font-size: 18px;
line-height: 22px;
}
.news-desc {
font-size: 14px;
line-height: 20px;
}
.section-home-news {
padding: 77px 0;
}
}
@media only screen and (max-width: 1399px) {
.item-blogs-cat .title-blogs-cat {
font-size: 28px;
}
.view-more.link-cat span,
.view-more-blog.link-cat span.text {
font-size: 14px;
}
.link-cat {
top: 5px;
}
.item-blogs-post .post-title a {
font-size: 18px;
margin-bottom: 10px;
}
.item-blogs-post .post-desc {
font-size: 14px;
}
.comment-desc {
font-size: 16px;
line-height: 24px;
}
.icon-quote-left {
top: 10%;
left: 5%;
}
.icon-quote-right {
bottom: 10%;
right: 5%;
}
.title-comment {
font-size: 20px;
line-height: 30px;
}
.commit-desc {
font-size: 14px;
line-height: 18px;
}
.title-commit h2 {
font-size: 18px;
}
.title-commit h2 .color-text {
display: block;
}
.item-bottom ul li {
font-size: 16px;
line-height: 24px;
color: #fff;
}
.top-bottom ul li {
margin-bottom: 20px;
}
.list-socials {
width: 100%;
margin-top: 20px;
}
.site-footer {
padding: 60px 0;
}
.copyright {
font-size: 16px;
line-height: 24px;
}
}
@media only screen and (max-width: 1025px) {
.list-home-slider {
padding: 0 15px;
}
.title-icon img {
display: none;
}
.item-blogs-cat .title-blogs-cat {
font-size: 24px;
}
.link-cat {
position: unset;
top: unset;
margin: 0 auto;
display: block;
text-align: center;
width: 100%;
}
.list-blogs-post .item-blogs-post {
width: 50%;
margin-bottom: 50px;
}
.sub-main-blogs {
padding-bottom: 60px;
}
.left-sub-main,
.right-sub-main {
width: 100%;
padding-right: 0;
}
.register.register-time {
margin-top: 50px;
}
.timetable-inner {
padding: 50px 40px 98px 50px;
}
.page-template-pre-primary .content-main-study .content-pre_primary.sub-content .img-pre-pri {
margin-bottom: 40px;
}
.page-template-pre-primary .content-main-study .content-pre_primary.sub-content .img-pre-pri img {
width: 50%;
}
.page-template-place .top-about-place {
padding: 55px 35px;
}
.info-admin-place {
padding: 0 15px;
}
.img-info-search {
width: 70px;
left: -10px;
height: 70px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.img-info-search img {
width: 33px;
}
.page-template-place .content-item-info {
font-size: 22px;
}
.page-template-place .main-info-contact {
padding: 35px 25px 40px 70px;
}
.content-item-info p,
.main-info-contact li {
margin-bottom: 20px;
}
.img-item-info {
padding-top: 3px;
margin-right: 15px;
}
.left-main-res {
width: 380px;
}
.item-main-res {
padding: 0 10px;
}
.main-right-advise {
padding: 50px 25px 45px;
}
.right-main-res {
width: calc(100% - 380px);
}
.main-res {
margin: 45px -10px 0;
}
.register-recruit {
padding: 60px 45px 90px;
}
.left-item-teacher .image-container:before {
width: 21.3125rem;
}
.teacher-page .right-item-teacher {
padding-left: 15px;
}
.place-page .info-admin .content-info p {
font-size: 15px;
}
.content-school-page p:first-child {
float: unset;
}
.head-tab ul li {
width: 50%;
}
}
@media only screen and (max-width: 991px) {
.main-menu>.container {
position: relative;
}
.menu-main {
top: 0;
position: fixed;
left: -80%;
width: 80%;
background: #23265A;
opacity: 0;
visibility: hidden;
z-index: 99;
bottom: 0;
padding: 20px 20px 0 !important;
}
.main-menu .sub-menu {
transition: none;
-moz-transition: none;
-ms-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.main-menu ul li a,
.main-menu .sub-menu>li>a {
color: #8db7e1;
}
.main-menu ul li a:hover,
.main-menu .current-menu-item a,
.main-menu .sub-menu>li.current-menu-item>a,
.main-menu .current-menu-parent>a {
color: #FFF;
}
.main-menu ul li {
display: block;
margin-right: 0;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
padding: 0 0 10px;
text-align: left;
}
.main-menu ul li:last-child {
border: none;
}
.main-menu.open .menu-main {
opacity: 1;
visibility: visible;
left: 0;
overflow-y: auto;
}
.main-menu ul li a:hover,
.main-menu .current-menu-item a {
color: #fff;
}
.main-menu .sub-menu {
position: static;
display: none;
opacity: 1;
margin-top: 0;
visibility: visible;
background: rgba(255, 255, 255, 0.1);
}
.main-menu .sub-menu li a {
font-size: 13px;
padding-left: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu .arrow {
display: block;
}
.mobile-menu {
display: inline-block;
font-size: 30px;
}
.site-header .list-languages>li {
padding-bottom: 0;
}  .section-home-about .left-top h2 {
font-size: 20px;
line-height: 28px;
}
.section-home-about .left-top {
width: 185px;
}
.right-top {
width: calc(100% - 185px);
}
.list-info-about li {
width: calc((100% - 18px) / 3);
}
.section-home-about .btn-list-info-about {
display: block;
width: 100%;
}
.section-home-about .sub-top-about {
align-items: center;
}
.section-home-about .btn-list-info-about a {
height: fit-content;
width: 162px;
padding: 22px 0;
background: #e54041;
border-radius: 50px;
position: relative;
display: block;
text-align: center;
margin: 30px auto;
}
.section-home-about .btn-list-info-about .register p span {
width: 119px;
padding-left: 20px;
}
.section-home-about .top-right .register {
display: none;
}
.left-top {
margin-bottom: 20px;
}
.desc-top-about:after {
display: none;
}
.desc-top-about p {
width: 100%;
}
.timetable-head {
position: unset;
top: unset;
left: unset;
}
.timetable-head ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.timetable-head ul li {
width: calc((100% - 30px) / 2);
}
.left-main-res {
width: 100%;
padding: 0;
}
.right-main-res {
width: 100%;
padding: 0;
margin-top: 30px;
}
.main-res {
margin: 45px 0px 0;
}
.list-blogs-post .item-blogs-post {
width: 50%;
margin-bottom: 30px;
padding: 0 15px;
}
.list-blogs-post {
margin: 0 -15px;
}
.item-blogs-cat .title-blogs-cat {
margin-bottom: 40px;
}
.teacher-page .left-item-teacher {
width: 100%;
padding-right: 0;
}
.left-item-teacher .image-container:before {
content: none;
}
.teacher-page .right-item-teacher {
padding-left: 0;
width: 100%;
}
.img-about iframe {
height: 450px;
}
.top-bottom,
.right-bottom {
float: none;
}
.top-bottom {
border-bottom: none;
}
.item-bottom .list-socials {
display: flex;
}
.item-bottom .list-socials li {
flex: 0 0 33.3333%;
}
}
@media only screen and (max-width: 768px) {
.mid-header {
padding: 9px 0;
}
.zalo-mb-fixed{
bottom:135px;
width: 42px;
}
.register-recruit {
padding: 40px 20px 60px;
}
.list-tutorial {
padding: 0 20px;
}
.list-home-slider {
padding: 0 25px;
}
.item-blogs-cat {
margin-bottom: 40px;
}
.sub-main-blogs {
padding: 60px 20px;
}
.img-child_y3 {
display: block;
}
.page-template-templatechild-3y-php .sub-content .img-child_y3 {
display: flex;
flex-wrap: wrap;
}
.img-child_y3>p {
width: 100%;
}
.page-template-templatechild-3y-php .sub-content .img-child_y3>p {
width: 50%;
}
.page-template-templatechild-3y-php .sub-content .img-child_y3>p img {
padding: 0;
}
.page-template-templatechild-3y-php .sub-content p:nth-child(2) {
margin: 0 0px 30px;
}
.content-pre_primary.sub-content blockquote {
margin-bottom: 30px;
}
.content-pre_primary.sub-content blockquote p {
margin-top: 30px;
}
.sub-content p img {
width: 100%;
}
.main-res {
margin: 30px 0 0;
}
.item-main-res {
width: 100% !important;
padding: 0;
}
.section-home-banner {
height: auto;
padding-top: 135px;
padding-bottom: 70px;
}
.section-home-banner .img-banner {
bottom: 100px;
left: 0;
}
.section-home-banner .container-absolute {
position: relative;
top: unset;
left: unset;
transform: unset;
height: auto;
width: 100%;
max-width: 400px;
}
.register-banner p:after {
display: none;
}
.section-home-banner .img-register {
position: unset;
top: unset;
left: unset;
}
.section-home-banner .list-home-slider {
top: 5px;
height: 98%;
border-radius: 14%;
overflow: hidden;
}
.section-home-banner .img-register>img {
width: 100%;
}
.section-home-banner .bg-banner {
display: none;
}
.register-banner p {
width: 70%;
}
.register-banner p span {
font-size: 1.2rem;
line-height: 1.5;
}
.register-banner {
bottom: 40px;
right: unset;
width: 75%;
margin-left: 0;
left: 50%;
transform: translateX(-50%);
}
.site-brand,
.right-header {
text-align: center;
}
.left-thumb .post-thumb {
float: none;
width: auto;
max-width: 400px;
margin-right: 0;
}
.site-footer {
text-align: center;
}
.site-footer .socials {
padding: 10px 0;
text-align: center;
} .admin-bar .site-header {
top: 46px;
}
.list-info-about {
justify-content: center;
}
.top-right .register {
margin: 30px auto 0;
}
.timetable-content {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.timetable-inner {
padding: 20px 15px;
min-height: auto;
}
.list-commit {
margin: 50px -15px 0;
}
.list-commit .item-commit {
width: 100%;
padding: 0 15px;
margin-bottom: 30px;
}
.section-home-news {
background-size: cover;
padding: 80px 0;
}
.list-news {
margin: 0 -15px;
}
.item-news {
width: 100%;
padding: 0 15px;
}
.main-news {
padding: 0;
}
.item-advise {
width: 100%;
padding-left: 0;
}
.home .item-advise.left-advise {
display: flex;
margin-top: 85px;
}
.home .left-advise .item-img:last-child {
margin-top: -15px;
}
.home .item-img {
width: 33.3333%;
}
.section-advise {
padding: 0;
margin-top: 0;
}
.mid-header .container {
padding: 0 15px;
}
.register-header {
display: none;
}
.right-header {
padding-top: 0;
}
.info {
width: 100%;
justify-content: space-between;
}
.info li {
margin-left: unset;
}
.info li a {
font-size: 12px;
line-height: 18px;
}
.main-right-advise {
padding: 30px 15px;
margin-top: 50px;
}
.main-right-advise div {
font-size: 30px;
line-height: 45px;
margin-bottom: 20px;
}
.main-right-advise form input {
font-size: 16px;
line-height: 24px;
padding: 10px 20px 14px 20px;
}
.main-right-advise form input[type=submit] {
font-size: 18px;
line-height: 27px;
padding: 10px 48px 14px;
}
.icon-quote {
display: none;
}
.register.register-time {
margin-top: 50px;
margin-left: auto;
}
.list-tabs {
display: none;
}
.content-main-study {
width: 100%;
padding: 0 15px;
}
.list-skill-info {
margin: 0 -15px;
}
.list-skill-info li {
width: 50%;
padding: 0 15px;
margin-bottom: 15px;
text-align: center;
}
.content-main-study h3,
.title-post-photo h3 {
font-size: 24px;
line-height: 36px;
margin-bottom: 30px;
}
.content-main-study h3 .color-text {
display: block;
}
.sub-content p:nth-last-child(2) {
margin-bottom: 15px;
}
.sub-content p {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
}
.sub-content p img {
margin-bottom: 14px;
height: auto;
}
.skill-info {
margin-top: 30px;
}
.skill-info p {
font-size: 16px;
line-height: 24px;
margin-bottom: 30px;
}
.img-schedule {
margin-top: 30px;
}
.comment-head ul li {
font-size: 16px;
padding: 10px 0 13px;
}
.comment-head ul li.active:before {
top: -5px;
border: 5px solid #e54041;
}
.name-comment {
font-size: 14px;
line-height: 1.5;
}
.comment-content {
margin: 40px 0 0;
padding: 70px 15px;
background-size: cover;
}
.comment-desc {
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
}
.comment-desc p {
margin-bottom: 10px;
}
.section-about-place {
padding: 20px 20px 70px;
}
.top-about-place {
padding: 30px 20px 40px;
margin-bottom: 40px;
}
.top-about-place h1,
.top-about-place h1 .color-text {
font-size: 3rem;
line-height: 1.3;
text-align: center;
}
.top-about-place h1 .color-text {
margin-bottom: 30px;
}
.add_place {
align-items: unset;
}
.add_place .icon-address {
width: 3rem;
}
.add_place p {
width: calc(100% - 3rem);
margin-left: 0;
padding-left: 1rem;
font-size: 1rem;
line-height: 1.5;
}
.page-template-place .custom-page {
border-radius: 100px 100px 0 0;
}
.place-page {
padding-bottom: 150px;
}
.info-admin {
margin-bottom: 30px;
}
.info-admin,
.info-contact {
width: 100%;
padding: 0;
}
.info-admin .title-sub-place {
font-size: 1.5rem;
line-height: 1.5;
}
.info-admin .content-info h3,
.info-admin .content-info p {
font-size: 1rem;
line-height: 1.5;
}
.info-admin .img-admin {
margin: 0 auto 10px;
width: auto;
}
.info-admin-place {
padding: 0;
}
.info-admin .img-admin img {
width: 100%;
}
.content-info {
padding: 0 15px;
}
.img-info-search {
display: none;
}
.main-info-contact {
padding: 30px 15px;
}
.info-contact .title-sub-place {
font-size: 1.1rem;
line-height: 1.5;
margin-bottom: 10px;
}
.content-item-info p,
.main-info-contact li {
margin-bottom: 20px;
}
.content-item-info {
font-size: 1.2rem;
line-height: 1.5;
width: calc(100% - 50px);
display: inline-block;
word-wrap: break-word;
}
.img-item-info {
margin-right: 10px;
padding-top: 0;
}
.section-class-place {
padding: 60px 0 0;
}
.section-class-place h2 {
font-size: 2rem;
line-height: 1.5;
}
.line-section {
margin: 15px auto 0;
}
.list-class {
padding: 0 15px;
}
.list-class .item-class:first-child {
margin-top: 60px;
}
.sub-item-class {
width: 100%;
}
.list-class .item-class {
margin-bottom: 50px;
}
.right-item-class {
padding: 0px 20px 40px;
}
.place-page .section-class-place .item-class .right-item-class h3 {
font-size: 1.5rem;
line-height: 1.5;
}
.right-item-class p {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 30px;
}
.list-class .view-more img {
width: 30px;
display: inline-block;
}
.view-more span,
.view-more-blog span.text {
font-size: .75rem;
line-height: 1.5;
margin-left: 5px;
width: calc(100% - 40px);
}
.left-item-class {
border-radius: 40px 40px 0px 0px;
}
.right-item-class {
border-radius: 0px 0px 40px 40px;
}
.icon-class {
display: none;
}
.right-item-class h3 {
padding-top: 30px;
}
.list-class .owl-dots {
position: absolute;
bottom: -30px;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.list-class .owl-dots>button {
width: 15px;
height: 15px;
border: 1px solid #E54041;
display: inline-block;
margin: 0 3px;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
border-radius: 50%;
}
.list-class .owl-dots>button.active,
.list-class .owl-dots>button:hover {
background: #E54041;
}
.page-color {
margin: 15px 0;
padding-top: 0;
}
.section-teacher-place {
padding: 90px 0 0;
margin-bottom: 60px;
}
.section-teacher-place .title-teacher,
.section-images-class h3 {
font-size: 2rem;
line-height: 1.5;
margin-bottom: 40px;
}
.list-teacher {
margin: 0;
}
.list-teacher li {
width: 100%;
padding: 0 15px;
margin-bottom: 30px;
}
.img-item-teacher {
margin: 0 auto 10px;
}
.section-schedule-place img {
margin-bottom: 30px;
}
.content-img-slide {
margin: 0 15px;
padding: 20px;
}
.img-slide.owl-carousel .owl-nav>button {
width: 35px;
height: 35px;
left: -40px;
font-size: 16px;
margin-top: -15px;
}
.img-slide.owl-carousel .owl-nav>.owl-next {
right: -40px;
}
.left-item-teacher,
.right-item-teacher {
width: 100%;
padding: 0;
}
.title-custom-page {
font-size: 1.8rem;
line-height: 1.5;
}
.title-custom-page .color-text {
display: block;
}
.left-item-teacher .image-container:before {
display: none;
}
.left-item-teacher {
margin-bottom: 15px;
}
.right-item-teacher h3 a {
font-size: 1.5rem;
line-height: 1.5;
}
.position-teacher,
.content-teacher-page {
font-size: 1rem;
line-height: 1.5;
}
.item-teacher-page {
margin-bottom: 50px;
}
.left-item-teacher img {
margin-right: auto;
}
.left-item-teacher a {
height: 100%;
}
.left-item-teacher a img {
height: 100%;
object-fit: cover;
}
.content-rules-page h2 span {
font-size: 1.5rem !important;
line-height: 1.5;
margin-bottom: 20px;
}
.content-rules-page p,
.content-electro-page,
.content-nutrition-page,
.content-school-page p,
.content-inner-tab,
.content-sub-subject,
.content-child_18.sub-content p,
.content-pre_primary.sub-content p {
font-size: 1rem;
line-height: 1.5;
}
.content-rules-page p img {
margin: 10px auto -10px;
}
.custom-page {
border-radius: 0;
}
.teacher-page.custom-page {
border-radius: 50px;
}
.content-electro-page h3 {
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 25px;
}
.content-electro-page img {
margin: 0 auto 30px;
}
.content-electro-page p:last-child img {
margin-top: 30px;
}
.content-nutrition-page h2 span {
font-size: 1.5rem;
line-height: 1.5;
padding: 12px 20px;
font-size: 20px;
}
.content-nutrition-page h3 {
margin-top: 40px;
}
.content-nutrition-page h3 span {
font-size: 1.2rem;
line-height: 32px;
padding: 10px 20px;
font-size: 16px;
}
.content-nutrition-page img,
.nutrition-page .title-custom-page {
margin-bottom: 40px;
}
.school-page {
padding: 60px 15px 114px;
}
.content-school-page p:first-child {
height: auto;
width: auto;
float: unset;
margin-left: 0;
}
.content-main-study .title-learn {
font-size: 1.5rem;
line-height: 1.5;
margin: 40px 0;
}
.item-learn {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.value-page,
.activities-page,
.child_18-v2,
.pre_primary-v2,
.nutrition-page,
.rules-page,
.teacher-page {
padding: 30px 15px 200px;
}
.head-tab ul {
margin: 0 -5px;
}
.head-tab ul li {
width: 50%;
margin-bottom: 20px;
}
.head-tab li .box-col {
max-width: 100%;
}
.title-inner-tab {
font-size: 1.5rem;
line-height: 1.5;
}
.box-inner {
border-radius: 20px;
padding: 30px 20px;
}
.content-inner-tab {
margin-bottom: 30px;
}
.subject-activities h3 {
font-size: 1.8rem;
line-height: 1.5;
}
.list-subject-acti .item-subject-acti {
width: 100%;
margin-bottom: 30px;
padding: 0 20px;
}
.title-sub-subject {
font-size: 1.5rem;
line-height: 1.5;
margin-top: 20px;
}
.list-subject-acti {
margin: 0 0 30px;
}
.content-pre_primary p img {
width: 100%;
}
.content-child_18.sub-content p,
.content-pre_primary.sub-content p {
margin-bottom: 1rem;
}
.custom-sub-content p:last-child {
margin-top: 60px;
}
.list-core-value {
margin-left: 0;
border-left: 0;
}
.list-core-value li {
padding-left: 0;
}
.line-core {
display: none;
}
.content-item-core {
display: block;
width: 100%;
}
.number-core {
margin: 0 auto 20px;
}
.sub-content-core {
width: 100%;
padding-left: 0;
}
.sub-content-core h3 {
font-size: 1.5rem;
line-height: 1.5;
display: block;
text-align: center;
margin-bottom: 15px;
}
.desc-sub-content {
font-size: 1rem;
line-height: 1.5;
padding-bottom: 70px;
}
.img-core-value {
margin: 30px 0;
}
.main-menu ul>li>a:before,
.main-menu .sub-menu:before {
display: none;
}
.main-menu .sub-menu {
box-shadow: unset;
background: unset;
width: auto;
padding-left: 15px;
}
.main-menu ul li>.sub-menu li {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.main-menu ul li>.sub-menu li:last-child a {
border-bottom: 0;
}
.wpcf7-not-valid-tip {
margin-bottom: 10px;
}
.section-home-timetable {
padding-bottom: 0;
}
.sub-content p:nth-child(2) {
margin: 0 0px 30px;
}
.img-table-learn {
margin-top: 50px;
}
.site-bottom .list-socials {
display: flex;
}
.top-about-place .img-about-place {
display: none;
}
.section-images-class {
padding-bottom: 50px;
}
.value-page,
.activities-page,
.child_18-v2,
.pre_primary-v2,
.nutrition-page,
.rules-page,
.school-page {
padding-bottom: 50px;
}
.teacher-page {
padding-bottom: 70px;
}
.section-home-banner .bg-banner,
.section-home-banner .img-banner,
.section-home-banner .container-absolute .register-banner {
display: none;
}
.site-header .list-languages {
position: absolute;
right: 55px;
}
.site-header .list-languages .dropdown-list-languages {
margin-top: 10px;
}
.site-header .list-languages>li:hover .dropdown-list-languages,
.site-header .list-languages>li>a {
pointer-events: none;
}
.header-language {
margin-right: 0px;
position: fixed;
bottom: 20px;
right: 20px;
}
.header-language ul li img,
.header-language ul li a {
width: 35px;
height: 35px;
}
.header-language ul li a::before {
content: "";
width: 41px;
height: 41px;
background: rgb(0, 61, 230);
background: linear-gradient(110deg, rgba(0, 61, 230, 1) 0%, rgba(0, 235, 255, 1) 100%);
left: -3px;
top: -3px;
transform: unset;
}
.header-language ul li a[title="en"]::before {
width: 41px;
height: 41px;
left: -4px;
}
.content-tutorial {
font-size: 16px;
}
.item-tutorial h3 {
font-size: 18px;
margin-bottom: 10px;
}
.search-icon {
margin-top: 0;
background: none;
}
}
@media only screen and (max-width: 767px) {
.section-home-about .sub-top-about {
align-items: unset;
}
.timetable-tab:before {
height: 56px;
}
.timetable-tab.active {
padding-left: 25px;
}
.page-template-photo .slider-for .slick-slide img {
height: auto;
}
.main-page-default .page-title {
font-size: 35px;
line-height: 1.5;
margin-bottom: 40px;
}
.page-template-tuyen-dung .list-tutorial .title-icon {
display: block;
text-align: center;
}
.right-main-res {
margin-top: 0;
}
.title-tutorial {
font-size: 24px;
}
.section-about-place {
border-radius: 0;
}
.page-template-place .main-info-contact {
padding: 35px 25px 40px;
}
.home .commit-thumb {
padding: 0;
border-radius: 60px;
}
.home .commit-thumb img {
width: 100%;
object-fit: cover;
}
.home .top-h-about .desc-top-about p {
margin-bottom: 30PX;
}
.activities-page .item-subject-acti .title-sub-subject {
height: auto !important;
margin-bottom: 20px;
}
.rules-page .title-custom-page,
.reason-for-choosing .content .title h1,
.single .title,
.teacher-page .title-custom-page,
.blog .item-blogs-cat .title-blogs-cat {
text-align: center;
}
.teacher-page .title-custom-page {
padding-top: 30px;
}
.rules-page {
padding-bottom: 0;
}
.content-child_3y table tbody {
display: block;
margin: 0;
flex-wrap: unset;
}
.content-child_3y table tbody tr {
width: 100% !important;
padding: 0;
display: block !important;
flex: unset;
}
.content-child_3y table tbody tr td {
display: block;
width: 100% !important;
}
.content-child_3y table tbody tr+tr {
margin-top: 30px;
}
.content-child_3y table tbody td img {
height: auto;
width: 100%;
}
.study-child-18t table tr {
flex-wrap: wrap;
}
.study-child-18t table tbody tr:nth-of-type(2n-1) td:first-child,
.study-child-18t table tbody tr:nth-of-type(2n) td:last-child,
.study-child-18t table tbody tr:nth-of-type(2n-1) td:last-child,
.study-child-18t table tbody tr:nth-of-type(2n) td:first-child {
width: 100% !important;
}
.home .timetable-tab img {
width: 243px;
} .study-child-18t table tbody tr td img {
height: auto;
width: 100%;
}
.section-home-banner .img-register>img {
display: none;
}
.section-home-banner .list-home-slider {
position: relative;
top: unset;
height: auto;
border-radius: 0;
padding: 0;
}
.timetable-content {
display: none;
}
.timetable-head-mb {
display: block;
}
.timetable-head ul.timetable-head-pc {
display: none;
}
.nutrition-page .title-custom-page {
text-align: center;
margin-bottom: 30px;
}
.section-home-news {
background-image: url(//cdb.trackmysite.top/wp-content/themes/anothemes/images/bg-news-mb.png);
}
.img-about iframe {
height: 350px;
}
}
@media only screen and (max-width:651px) {
.main-page-default {
margin-top: 220px;
}
.page-template-photo .item-post-photo {
border-radius: 50px;
padding: 50px 35px 65px;
}
.main-recruit {
border-radius: 50px;
}
.page-template-photo .sub-main-photo .slider-nav .slick-slide {
margin: 0 10px;
}
.page-template-photo .sub-main-photo .slider-nav {
margin: 30px -10px 0;
}
.page-template-child-3y .sub-title-learn p {
margin-top: 25px !important;
}
.child_18-v2,
.pre_primary-v2,
.activities-page,
.value-page {
padding-bottom: 0;
}
.value-page {
padding-bottom: 40px;
}
.section-home-banner .img-register { text-align: center;
}
.section-home-banner .img-register>img {
height: calc(100vh - 160px);
width: auto;
}
.list-home-slider .item-banner-slider img {
height: calc(100vh - 170px);
width: 100%
}
.list-home-slider .owl-item,
.list-home-slider .owl-stage,
.list-home-slider .owl-stage-outer {
height: auto;
}
.section-home-banner {
padding-bottom: 102px;
}
}
@media only screen and (max-width: 541px) {
.home .main-right-advise {
margin-top: 30px;
}
.section-home-about .left-top h2 {
font-size: 17px;
line-height: 23px;
}
.section-home-about .left-top,
.right-top {
width: 100%;
margin-left: 0;
padding-left: 0;
}
.page-template-pre-primary .content-main-study .content-pre_primary.sub-content .img-pre-pri {
margin-bottom: 20px;
margin-top: 20px;
}
.page-template-pre-primary .content-main-study .content-pre_primary.sub-content .img-pre-pri img {
margin-bottom: 20px;
}
.head-tab li.active .border-col {
border: 1px solid #8DB7E1;
padding: 5px;
}
.head-tab ul li {
margin-bottom: 10px;
}
.head-tab ul li span {
font-size: 14px;
line-height: 23px;
}
.head-tab li .border-col {
border: 1px solid transparent;
padding: 5px;
}
.page-template-place .content-item-info {
font-size: 16px;
}
.content-item-info p,
.main-info-contact li {
margin-bottom: 15px;
}
.img-item-info {
max-width: 28px;
}
.list-subject-acti .item-subject-acti .img-subject img {
width: 175px;
}
.activities-page .subject-activities .img-item {
margin: 0 auto 50px;
}
.activities-page .content-sub-subject {
height: auto;
}
.content-value-page .list-core-value .number-core {
width: 155px;
max-height: 155px;
}
.content-value-page .list-core-value .content-item-core {
border-radius: 50px
}
.place-page {
padding-bottom: 90px;
}
.main-study-child,
.custom-page,
.main-study-child,
.main-page-default,
.single .site-content,
.site-404 {
margin-top: 170px;
}
.main-study-child {
padding: 20px 0 50px;
}
.sub-content p,
.content-school-page p {
margin-bottom: 20px;
}
.content-school-page p:last-child {
margin-bottom: 0;
}
.value-page,
.activities-page,
.child_18-v2,
.pre_primary-v2,
.rules-page,
.teacher-page,
.school-page {
padding-top: 0;
}
.nutrition-page {
padding-top: 20px;
border-top-left-radius: 46px;
border-top-right-radius: 46px;
}
.pre_primary-v2 .title-custom-page,
.child_18-v2 .title-custom-page {
margin-bottom: 30px;
}
.img-about-acti {
text-align: center;
margin: 30px 0 40px;
}
.home .timetable-tab img {
width: 215px;
}
.timetable-tab:before {
height: 50px;
}
.page-template-templatechild-3y-php .sub-content p:nth-child(2),
.sub-content p:nth-child(2) {
margin: 0 0px 20px;
}
.content-child_3y table {
margin: 20px 0 20px;
}
.content-child_3y table tbody tr:first-child td+td {
margin-top: 20px;
}
.content-child_18.sub-content p,
.content-pre_primary.sub-content p {
margin-bottom: 20px;
}
.about-activities {
margin-bottom: 70px;
}
.school-page {
padding-bottom: 0;
}
.rules-page .title-custom-page {
margin-bottom: 30px;
}
.teacher-page .title-custom-page {
padding-top: 20px;
}
.main-list-tutorial {
margin-top: 30px;
}
.list-tutorial {
padding: 0 15px;
}
.item-tutorial {
margin-bottom: 40px;
}
.sub-main-blogs {
padding: 20px 20px 50px;
}
.site-bottom {
padding: 50px 0 0;
}
.title-post-photo h3 {
text-align: center;
display: block;
}
.methods-education .study-program .content .tl h3 {
text-align: center;
}
.site-404 {
padding-bottom: 0;
}
.site-404 h1 span {
font-size: 27px;
}
.site-404 h1 {
margin-bottom: 30px;
}
.img-about iframe {
height: 250px;
}
}
@media only screen and (max-width: 480px) {
.timetable-tab.active {
padding-left: 14px;
}
.timetable-tab:before {
height: 46px;
width: calc(100% - 15px)
}
.page-template-photo .sub-main-photo .slider-nav .slick-slide {
margin: 0 5px;
}
.page-template-photo .sub-main-photo .slider-nav {
margin: 30px -5px 0;
}
.slider-nav .slick-prev,
.slider-nav .slick-next {
width: 30px;
height: 30px;
border-radius: 5px;
}
.slick-prev:before,
.slick-next:before {
font-size: 14px;
}
.slider-nav .slick-next {
right: -18px;
}
.slider-nav .slick-prev {
left: -18px;
}
.list-blogs-post .item-blogs-post {
margin-bottom: 15px;
padding: 0 8px;
width: 100%;
}
.list-blogs-post .item-blogs-post+.item-blogs-post {
margin-top: 20px;
}
.list-blogs-post {
margin: 0 -8px;
}
.item-blogs-post .post-title a {
font-size: 16px;
margin-bottom: 10px;
}
.page-template-place .main-info-contact {
padding: 25px 15px;
}
.add_place .icon-address {
width: 2rem;
}
.add_place p {
width: calc(100% - 2rem);
}
.page-template-place .top-about-place {
padding: 30px 24px;
}
.head-tab li .box-col img {
display: none;
}
.value-page,
.activities-page,
.child_18-v2,
.pre_primary-v2,
.rules-page,
.school-page {
padding-left: 0;
padding-right: 0;
}
.school-page .title-custom-page,
.teacher-page .title-custom-page {
margin-bottom: 30px;
}
.section-about-place {
padding: 40px 15px 50px;
}
.page-template-photo .item-post-photo {
padding: 20px 15px 50px;
border-radius: 30px
}
.main-recruit {
padding: 20px 0 0px;
}
.view-blogs.view-more-blog span.text {
font-size: 14px;
}
.post-info .view-blogs.view-more-blog img {
width: 18px;
}
.view-more-blog img img {
width: 28px;
}
.view-more-blog.link-cat span.total {
width: 20px;
height: 20px;
}
.view-more-blog.link-cat span.total::before {
width: 8px;
height: 1px;
}
.view-more-blog.link-cat span.total::after {
width: 1px;
height: 8px;
}
.sub-main-blogs {
border-radius: 20px;
}
.timetable-inner.no-img .content-right-sub p {
margin-bottom: 20px;
}
.timetable-inner.no-img .content-right-sub p img {
margin-bottom: 0;
}
.timetable-inner.no-img .register.register-time {
margin-top: 20px;
margin-left: auto;
}
.section-home-news {
padding: 80px 0 35px;
}
.home .top-h-about .desc-top-about p {
text-align: justify;
}
.list-commit {
margin: 30px -15px 0;
}
.comment-content {
margin: 25px 0 0;
}
.main-right-advise {
padding: 150px 15px 50px;
}
.register-recruit .main-right-advise {
padding-top: 30px;
}
.home .item-advise.left-advise {
display: flex;
margin-top: 0;
position: absolute;
top: 55px;
}
.home .form-advise {
position: relative;
margin-top: 30px;
}
.right-header form {
width: 362px;
}
}
@media only screen and (max-width: 415px) {
.site-footer {
padding: 45px 0;
}
.timetable-head ul li {
width: 100%;
}
.timetable-tab {
margin-bottom: 10px;
}
.timetable-tab.active {
padding-left: 0px;
}
.timetable-tab:before {
content: none;
}
.register-sub-time {
margin: 27px auto 58px;
}
.timetable-tab:before {
height: 43px;
top: 4px;
width: calc(100% - 28px);
}
.section-home-about .container {
padding: 80px 15px 65px;
}
.section-home-timetable {
padding-top: 65px;
}
.section-home-comment {
padding: 56px 0 60px;
}
.list-skill-info li p {
border-radius: 20px;
font-size: 16px;
line-height: 21px;
padding: 5px 0;
}
.list-skill-info li {
padding: 0 7px;
}
.list-skill-info {
margin: 0 -7px;
}
.page-template-pre-primary .content-main-study .content-pre_primary.sub-content .img-pre-pri img {
width: 100%;
}
.home .commit-desc {
padding: 43px 15px 10px;
height: auto !important;
}
.list-subject-acti .item-subject-acti .img-subject img {
width: 140px;
}
.home .timetable-tab img {
width: 100%;
}
.main-right-advise {
padding: 130px 15px 50px;
}
.page-template-place .custom-page {
margin-top: 150px;
}
.page-template-place .content-item-info {
font-size: 14px;
}
.img-item-info {
max-width: 23px;
}
.page-template-place .content-item-info {
width: calc(100% - 33px);
}
.page-template-tuyen-dung .content-tutorial,
.page-template-study-child .sub-content p,
.content-child_3y.sub-content p,
.content-pre_primary.sub-content p {
text-align: justify;
}
.blog .link-cat.view-more-blog {
margin-top: 30px;
}
}
@media only screen and (max-width: 400px) {
.register-sub-time {
margin: 15px auto 30px;
}
.page-template-child-3y .sub-title-learn p {
margin-top: 18px !important;
}
.content-value-page .list-core-value .desc-sub-content {
padding-bottom: 30px;
}
.main-menu .sub-menu li a {
padding-left: 0;
} .content-value-page .list-core-value .number-core {
width: 135px;
max-height: 135px;
font-size: 60px;
}
.list-subject-acti .item-subject-acti .img-subject img {
width: 100px;
}
.slider-nav .slick-prev,
.slider-nav .slick-next {
width: 24px;
height: 24px;
border-radius: 3px;
}
.site-header .info li img {
width: 18px;
}
.main-right-advise {
padding: 120px 15px 50px;
}
.img-about .video-about-mb i {
font-size: 30px;
}
.list-home-slider .item-banner-slider img {
height: calc(100vh - 155px);
}
}
@media only screen and (max-width: 361px) {
.list-skill-info li p {
border-radius: 16px;
font-size: 13px;
line-height: 19px;
padding: 5px 0;
}
.pre_primary-v2 {
padding: 30px 0 60px;
}
.page-template-photo .item-post-photo {
padding: 40px 15px 50px;
border-radius: 27px;
}
.box-left-res {
border-radius: 20px;
padding: 20px;
}
.timetable-inner.no-img {
padding: 42px 15px 60px;
}
.content-right-sub {
font-size: 16px;
line-height: 24px;
}
.main-right-advise div {
font-size: 27px;
line-height: 35px;
margin-bottom: 20px;
}
.head-tab ul li {
padding: 0 2px;
}
.head-tab ul li span {
font-size: 13px;
padding: 10px 0;
}
.content-value-page .list-core-value .number-core {
width: 105px;
max-height: 105px;
font-size: 53px;
}
.content-value-page .list-core-value .content-item-core {
padding: 14px 15px 27px
}
.sub-content-core h3 {
font-size: 1.2rem;
}
.content-value-page .list-core-value li {
height: auto !important;
}
.place-page .info-admin .content-info p {
font-size: 14px;
}
.img-item-info {
max-width: 20px;
margin-right: 5px;
}
.page-template-place .content-item-info {
width: calc(100% - 25px);
font-size: 13px;
}
.content-nutrition-page h2 span {
display: inline-block;
width: 100%;
padding: 5px;
font-size: 18px;
}
.content-nutrition-page h3 span {
display: inline-block;
width: 100%;
padding: 5px;
font-size: 15px;
}
}