@media screen and (max-width: 1250px) {
    .menu-pc{display: none!important;}
    .menu-mobile{display: flex!important;}
    .container{max-width: 100%;}
    .form-search{display: none!important;}
    .image-left{max-width: 300px;}
    .image-right{max-width: 200px;}
    .wrapper-form{margin-left: 0;}
    .fs-32{font-size: 28px;}
    .fs-50{font-size: 40px;line-height: 40px}
}

@media screen and (max-width:992px) {
    .table-wishlist{min-width: 900px;}
    .name-teacher, .name-teacher2{font-size: 55px;line-height: 55px;}
    .owl-prev, .owl-next{left: 0;width: 30px;height: 30px;font-size: 15px!important;}
    .custom-prev, .custom-next{font-size: 15px;}
    .owl-next{left: initial;right: 0;}
    .fs-18{font-size: 16px;}
    .fs-20{font-size: 18px;}
    .fs-32{font-size: 26px;}
    .data_grid > * {max-width: calc((100% - 80px) / 4);}
    .modal-dialog{max-width: 800px}
    .image-part{max-width: 120px;right: initial;left: 0;}
}

@media screen and (max-width:768px) {
    .fs-18{font-size: 14px;}
    .fs-20{font-size: 17px;}
    .fs-32{font-size: 24px;}
    body{font-size: 15px;}
    .fs-50{font-size: 30px;line-height: 30px}
    .item-data{min-height: 170px;}
    .name-teacher, .name-teacher2{font-size: 45px;line-height: 45px;}
    footer{background:url('../images/bg-footer.png')no-repeat;padding-top: 0;background-size: cover;}
    .image-left{max-width: 250px;bottom: -1rem;}
    .image-right{bottom: 0;max-width: 140px;}
    .image-data{max-width: 70px;}
    .data_grid > * {max-width: calc((100% - 80px) / 3);}
    .fs-22{font-size: 18px;}
}

@media screen and (max-width:576px) {
    .scrollToTop {width: 35px;height: 35px;right: 10px;line-height: 35px;font-size: 13px;}
    body{font-size: 14px;}
    .name-teacher, .name-teacher2{font-size: 35px;line-height: 35px;}
    .fs-32{font-size: 22px;}
    .owl-thongdiep .owl-item{padding: 2rem 1rem;padding-bottom: 0;}
    input,select,textarea{font-size: 14px!important;}
    .fs-18{font-size: 13px;}
    .fs-20{font-size: 15px;}
    .data_grid{gap: 10px;}
    .data_grid > *{max-width: calc((100% - 20px) / 3);}
    .fs-22{font-size: 16px;}
    .item-data{min-height: 110px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .fs-50{font-size: 20px;line-height: 20px}
    .item-message .avatar .line-message,.item-message .avatar .bg-line-message{width: 60px;height: 60px;}
    .item-message .avatar .bg-line-message{margin: 0 -1.5rem;}
    .item-message .avatar .image{max-width: 60px;}
    .image-mess{max-width: 20px;bottom: -.5rem;}
    .item-message{padding: 2rem .8rem;}
    .image-part{max-width: 90px;}
}

@media screen and (max-width:450px) {
    body{font-size: 13px;}
    .text-3line{height: 58px;}
    .text-2line{height: 38px;}
    .fs-32{font-size: 18px;}
    .fs-18{font-size: 12px;}
    .name-teacher, .name-teacher2{font-size: 30px;line-height: 30px;}
    .item-message .avatar .line-message,.item-message .avatar .bg-line-message{width: 45px;height: 45px;}
    .item-message .avatar .bg-line-message{margin: 0 -1rem;}
    .item-message .avatar .image{max-width: 45px;padding: .5rem;}
}

@media screen and (max-width:320px) {
    .fs-32{font-size: 15px;}
    .name-teacher, .name-teacher2{font-size: 25px;line-height: 25px;}
    .data_grid > *{max-width: calc((100% - 20px) / 2);}
    .fs-22{font-size: 13px;}
    .fs-18{font-size: 11px;}
}