@media (max-width: 576px) {
    .header ul.top-menu {
        padding: 0!important;
    }
        .left ul.top-menu .phone{
            display:block;
        }
    .left ul.top-menu .email {
        display: none;
    }
        a.login-button {
            display: none;
        }
    .search {
        display: block;
    }
    .shop {
        display: block;
    }
    .header__text-box {
        display: none;
    }
    .owl1 .owl-nav {
        display: none;
    }
    .title-section {
        display: block;
    }
    .sidebar {
        display: none;
    }
    .contact .address {
        display: none;
    }
    .owl1 .owl-item img {
        height: auto!important;
    }
    .nav-link {
        padding: 10px 13px !important;
    }
    .video-img-1 .hover-post {
        top: 75% !important;
    }
    a.button-one {
        padding: 5px !important;
    }
    .collection-post .khungbao{
        height:220px !important;
    }
    .logo-text img{
        width:170px;
    }
    .button-dn {
        width: 130px;
        margin: auto 0;
    }
        .button-dn .login-button {
            padding: 5px;
        }
    .block-style-3 .one i, .block-style-3 .two i, .block-style-3 .three i {
        padding: 0px 10px !important;
        line-height: 50px !important;
        font-size: 24px !important;
        border-radius: 9px !important;
    }
    .block-style-3 .style_title-5 {
        color: #000;
        font-size: 18px;
    }
    .block-style-3 .style_sumary-5 {
        font-size: 14px !important;
    }
    .contact-box h1{
        font-size:24px;
    }
    .contact-box .comment {
        font-size: 14px;
        line-height: 24px;
    }
    .comment {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .footer .copyright-inner ul.studiare-social-links {
        display: flex;
    }
        .footer .copyright-inner ul.studiare-social-links li {
            display: inline-block;
            margin: 3px;
        }
    .ModaldkCourse{
        display:block !important;
    }
    .title-section{
        display:block !important;
    }
    .left-part h1 {
        margin: 0 !important;
        font-size: 24px !important;
        line-height: 40px !important;
    }
    .modaldkkh {
        width: 120px;
        margin: 0 auto;
    }
    .pt-xs-0{
        padding-top:0px !important;
    }
    .right-part {
        margin-bottom: 15px;
    }
    .section-bs5 .khungbao {
        height: 200px !important;
    }
}
@media (max-width: 768px) {
    .ModaldkCourse {
        display: block !important;
    }
    .modaldkkh {
        width: 200px;
        margin: 0 auto;
    }

    .header ul.top-menu {
        padding: 0 !important;
    }

    a.login-button {
        display: none;
    }

    .search {
        display: block;
    }

    .shop {
        display: block;
    }

    .owl1 .owl-nav {
        display: none;
    }
    .header__text-box {
        top: 30% !important;
        left: 6% !important;
        line-height: 24px !important;
        min-height: 250px !important;
        min-width: 410px !important;
        max-height: 320px !important;
        max-width: 520px !important;
    }
    .text-box {
        position: relative;
        padding: 20px 15px !important;
    }
        .text-box .title {
            font-weight: 400;
            font-size: 32px !important;
            color: #2f2f32;
            line-height: 42px !important;
        }
}
@media (max-width: 992px) {
    .logo-text img {
        width: 190px;
    }
}
@media (max-width: 1025px) {
    .logo-text img {
        width: 170px;
    }
}
@media (max-width: 1200px) {
}