/* xong */
@media screen and (max-width: 319px){
    .section_lydo .list{
        display: block;
    }
    .section_lydo{
        float: left;
        width: 100%;
    }
    .item_lydo{
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .item_lydo .left{
        width: 20%;
    }
    .item_lydo .right{
        width: 80%;
    }
    .section_lydo .container{
        margin: auto;
        max-width: 80%;
    }
    .section_danhmuc .tabs{
        border: none;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
        padding: 15px 5px;
    }
    .section_danhmuc .tabs li{
        font-size: 14px;
        padding: 4px 4px;
        margin: 0px;
    }
    .section_danhmuc .tab-float{
        padding: 15px;
    }
    .section_danhmuc .col-md-6:first-child,
    .section_danhmuc .col-md-6:last-child{
        padding: 10px 7px;
        border: none;
    }
    .page-about .section_num .item .content .num{
        font-size: 17px;
    }
    .page-about .section_num .item .content{
        height: 120px;
    }
    .page-about .section_cungung .item_about_3{
        padding: 15px;
    }
    .page-about .section_cungung .item_about_3 h2{
        font-size: 20px;
    }
    .page-about .section_about_1 .box_content_about h1{
        font-size: 22px;
    }
    .header-top .fix{
        position: fixed ! Important;
    }
    .header-top .logo img{
        padding: 7px 0px;
    }
    .editor p iframe{
        width: 100%;
        height: 200px;
    }
    #sticky_bottom_bar{
        display: block;
    }
    #button-contact-vr{
        display: none;
    }
    .backtop{
        bottom: 70px;
    }
    .modal .modal-content {
        max-width: 90%;
        margin: auto;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .section_lydo .list{
        display: block;
    }
    .section_lydo{
        float: left;
        width: 100%;
    }
    .item_lydo{
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .item_lydo .left{
        width: 20%;
    }
    .item_lydo .right{
        width: 80%;
    }
    .section_lydo .container{
        margin: auto;
        max-width: 80%;
    }
    .section_danhmuc .tabs{
        border: none;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
        padding: 15px 5px;
    }
    .section_danhmuc .tabs li{
        font-size: 14px;
        padding: 4px 4px;
        margin: 0px;
    }
    .section_danhmuc .tab-float{
        padding: 15px;
    }
    .section_danhmuc .col-md-6:first-child,
    .section_danhmuc .col-md-6:last-child{
        padding: 10px 7px;
        border: none;
    }
    .page-about .section_num .item .content .num{
        font-size: 17px;
    }
    .page-about .section_num .item .content{
        height: 120px;
    }
    .page-about .section_cungung .item_about_3{
        padding: 15px;
    }
    .page-about .section_cungung .item_about_3 h2{
        font-size: 20px;
    }
    .page-about .section_about_1 .box_content_about h1{
        font-size: 22px;
    }
    .header-top .fix{
        position: fixed ! Important;
    }
    .header-top .logo img{
        padding: 7px 0px;
    }
    .editor p iframe{
        width: 100%;
        height: 200px;
    }
    #sticky_bottom_bar{
        display: block;
    }
    #button-contact-vr{
        display: none;
    }
    .backtop{
        bottom: 70px;
    }
    .modal .modal-content {
        max-width: 90%;
        margin: auto;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .section_lydo .list{
        display: block;
    }
    .section_lydo{
        float: left;
        width: 100%;
    }
    .item_lydo{
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .item_lydo .left{
        width: 20%;
    }
    .item_lydo .right{
        width: 80%;
    }
    .section_lydo .container{
        margin: auto;
        max-width: 80%;
    }
    .section_danhmuc .tabs{
        border: none;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
        padding: 15px 5px;
    }
    .section_danhmuc .tabs li{
        font-size: 14px;
        padding: 4px 4px;
        margin: 0px;
    }
    .section_danhmuc .tab-float{
        padding: 15px;
    }
    .section_danhmuc .col-md-6:first-child,
    .section_danhmuc .col-md-6:last-child{
        padding: 10px 7px;
        border: none;
    }
    .page-about .section_num .item .content .num{
        font-size: 17px;
    }
    .page-about .section_num .item .content{
        height: 120px;
    }
    .page-about .section_cungung .item_about_3{
        padding: 15px;
    }
    .page-about .section_cungung .item_about_3 h2{
        font-size: 20px;
    }
    .page-about .section_about_1 .box_content_about h1{
        font-size: 22px;
    }
    .header-top .fix{
        position: fixed ! Important;
    }
    .header-top .logo img{
        padding: 7px 0px;
    }
    .editor p iframe{
        width: 100%;
        height: 200px;
    }
    #sticky_bottom_bar{
        display: block;
    }
    #button-contact-vr{
        display: none;
    }
    .backtop{
        bottom: 70px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {

}