@media screen and (max-width:991px){
    .span_hoantien p{
        text-align:center;
    }
    .group_sidebar{
        display: none;
    }
    .span_hoantien p, .span_hoantien p a,.label_title, .item_attr span  {
        font-size: 16px;
    }
    .item_attr {

        margin: 10px auto 5px auto;
        text-align: center;
    }
    .img_home_content{
        padding: 0px 15px;
    }
    .img_home_post img {
        max-height: 100%;
        height: 100%;
    }
    .quymo-right-background img{
        width:100% !important;
        height:auto !important;
    }
    .rank-excerpt p{
        margin-bottom:15px;
    }
    .search-fr input {
        width: 100%;
    }
    .top-header,.main-bar{
        display: none;
    }
    .header-mobile{
        display: block;
    }
    .search .ct {
        right: -22px;
        top: 22px;
    }
    header .logo img {
        max-height: 50px;
        width: 70%;
        height: auto;
    }
    .search{
        margin-right:15px;
        margin-top:2px;
    }
    .quymo-left, .quymo-right {
        width: 100%;
        float: none;
    }
    .quymo-left .container, .quymo-right .container{
        width: 100%;
        padding: 0px 15px;
    }
    .quymo .quymo-content{
        padding:35px 0 0 0;
    }
    .title-section h5, .title-section h5 > span{
        font-size:22px !important;
    }
    .cnv-desc{
        margin-bottom:20px !important;
    }
    .cnv-desc span{
        font-size:15px !important;
    }
    .cnv-slider .slick-arrow {
        position: absolute;
        text-align: center;
        top: 55%;
        margin-top: -20px;
        height: 25px;
        font-size: 15px;
        background: #ffffffa6;
        line-height: 25px;
        width: 50px;
        border-radius: 26px;
    }
    .cnv-slider .slick-arrow.prev {
        left: 10px;
    }
    .cnv-slider .slick-arrow.next {
        right: 10px;
    }
    section.quymo  .read-more {
        display: block;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .cnv-desc.v2{
        width: 100%;
    }
    .cnv-project {
        padding-bottom: 0px;
    }
    .project{
        margin-bottom:0px;
    }
    .cnv-project-featured .nav {
        white-space: normal; /* Cho phép xuống dòng */
        overflow-x: hidden; /* Ẩn cuộn ngang */
        overflow-y: auto; /* Cho phép cuộn dọc nếu cần */
        display: flex;
        flex-direction: column; /* Xếp tab theo chiều dọc */
        margin-bottom:20px;
    }
    .cnv-project-featured .nav a {
        font-size: 16px;
        padding: 10px;
        border: 1px solid #2da34a;
        margin-bottom: 10px;
        border-radius: 15px;
    }
    .cnv-project-featured .nav li {
        padding:0px;
    }
    .cnv-project-featured .nav li:not(:last-child)::after{
        display: none;
    }
    .cnv-product .slick-list .slick-slide {
        margin: 0px;
        padding:0px 15px;
    }
    .item-project-featured {
        padding-right: 15px;
        padding-left: 15px;
    }
    .cnv-product .slick-arrow.next {
        right: 0;
    }
    .cnv-product .slick-arrow.prev{
        left:0;
    }
    .cnv-product .slick-arrow , .def-cas .slick-arrow {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: -42px;
        background: #fff;
        font-size: 20px;
        text-align: center;
        color: #6d8199;
        top: 50%;
        border: 1px solid #2da34a;
        border-radius: 30px;
    }
    .def-cas .slick-arrow.next {
        right: -7px;
    }
    .def-cas .slick-arrow.prev {
        left: -7px;
    }
    .cnv-product {
        margin-bottom: 15px;
    }
    .homepage-voucher {
        background-size: 100% 100%;
        min-height: 100%;
    }
    .homepage-voucher p.desc {
        width: 100%;
    }
    .homepage-voucher .title, .homepage-voucher .title span{
        font-size:22px !important;
        margin-top:35px;
    }
    .t-news-post .img {
        display: block;
        width: 100%;
        height: auto;
        float: none;
    }
    .t-news-post-big {
        max-width: 100%;
        margin: 0 auto 30px auto;
    }
    .t-news-post .t-ct {
        padding: 0px;
        background: transparent;
        min-height: 100%;
        margin: 20px 0px;
    }
    .title-section.v2 {
        margin-top: 25px;
    }
    .cnv-project-featured .title-section{
        padding-top:35px;
    }
    .t-news-post .t-ct .t-text {
        font-size: 14px;
        height: auto;
        overflow: hidden;
    }
    .t-news-post:after{
        background:none;
    }
    .t-news-post {
        padding: 10px 0;
    }
    .cnv-partner {
        padding: 20px 0;
        margin-bottom:10px;
    }
    .group_menu {
        min-height: 100%;
        margin-top: 20px;
    }
    .cnv-partner .title-section.v2{
        margin-top:0px;
    }
     .cnv-partner .title-section{
        margin-bottom:0px;
     }
    .m-nav .nav-ct > ul ul a {
        padding-left: 30px;
    }
    .m-nav .nav-ct > ul a{
        text-transform:initial;
    }
    .hr-line{
        display: none;
    }
    .utility-image .tag-label{
        display: none;
    }
    article.utility-image .entry-title, article.utility-image:after,
    article.utility-image:before {
        opacity: 1;
    }
    article.utility-image a.img:after {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0;
    }
    article.utility-image hr{
        margin:15px 0px;
    }
    .scope .title{
        min-height:100%;
        text-align:center;
    }
    .homepage-voucher .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -20%);
    }
    .p-l-r-15{
        padding-left:15px;
        padding-right:15px;
    }
    .img_home_post img {
        object-fit:fill;
    }
    .t-news-post .t-ct .t-info, {
        margin-bottom:10px;
    }
    .item_partner{
        padding-right:5px;
    }
    .h-label{
        display: block;
    }
    .item_pro_in_cate{
        padding-left:5px;
        padding-right:5px;
    }
    .item_pro_in_cate .scope{
        padding: 8px;
    }
    #section_field_activity .container-fluid{
        padding:0px 15px;
    }
    #section_field_activity .title-section h5:before {
        content: "";
        bottom: 10px;
        left: calc(50% - 108px);
    }
    .group_form_contact_about .form-container {
        padding: 15px;
    }
    #video_company .video_company_left {
        margin-top: 10px;
        padding: 0px 15px;
    }
    #video_company .group-img-gallery-about {
        padding: 0px 15px;
    }
    #video_company .video_company_right {
        margin-top: 10px;
    }
}

@media screen and (max-width:768px) and (min-width:768px){
    footer .f-line{
        display: block;
    }
}

@media screen and (max-width:767px){
    .rectangle{
        border:none;
        position: relative;
        top:0;
        right: 0;
        width: 100%;
        height:auto;
        border-radius:15px;
        padding: 15px;
    }
    .profile-card{
        position: relative;
        top: 0px;
        right:0px;
        display: block;
        width: 100%;
        padding: 20px 10px;
        margin-top: 130px;
    }
    nav#nav_ghost{
        display: none;
    }
    .cta-button{
        font-size:12px !important;
    }
    #prize .title-section h5:before{
        bottom:10px;
    }
    #section_field_activity .content_mask {
        margin: 12px auto;
        text-align: center;
    }

    #section_field_activity .content_mask p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #section_field_activity .child_field .mask {
        opacity: 1;
    }
    #section_field_activity .content_mask h3 {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    #section_field_activity .child_field .card-overlay{
      opacity: 0;
    }
    #section_field_activity .btn-field-activity {
        border: 2px solid #fff;
        padding: 5px 40px;
        margin-top: 13px;
        font-size: 13px;
    }
    .group_form_contact_about .btn-custom {
        width: 55%;
        display: block;
        margin: 0px auto;
    }
    .group_form_contact_about .form_contact_left{
        display: none;
    }

}
@media screen and (max-width: 373px) {
    .cta-button {
        font-size: 11px !important;
    }
}
@media screen and (max-width:320px){
    #section_field_activity .content_mask {
        margin: 0px auto;
        text-align: center;
    }
    .rectangle {
        padding: 6px;
    }
    .cta-button {
        font-size: 10px !important;
    }

}