#main_menu_new .nav>li.home {
    display: flex;
    align-items: center;
}
@media (max-width: 1110px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer_top .option .on_top {
        display: none;
    }
}

@media (max-width: 1025px) {
    .box_stream .grid__2 {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 20px;
    }
    .box_300 {
        width: 320px;
        padding-left: 20px;
    }
    .box_stream {
        width: calc(100% - 320px);
        padding-right: 20px;
    }
    .footer_top .option .on_top {
        display: none;
    }
}

@media (max-width: 992px) {
    #main_menu_new .nav,#header_sticky_new .nav {
        overflow-x:scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        display: block;
        width: calc(100% - 50px)
    }
    .section-beautify-fashion .box-beautify {
        width: 60%;
    }
    .section-beautify-fashion .box-fashion {
        width: 40%;
    }
    .section-beautify-fashion .box-beautify::after {
        display: none;
    }
    .footer_top {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }
    .box-grid-article .art_item.flexinline .colfix { flex: 0 0 45%;}
    .section-box-video .list_video .art_item:nth-child(4) {
        display: none;
    }
    .section-box-video .list_video .art_item:nth-child(3) {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .box-an-choi__left {
        width: 60%;
        padding-right: 15px;
    }
    .box-an-choi__right {
        width: 40%;
    }
    #breadcrumb {
        flex-wrap: wrap;
        justify-content: left;
        gap: 12px;
    }

    #breadcrumb .date {
        text-align: left;
    }
    .page-detail .title-detail {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .pt0-767{ padding-top:0px !important }
    .pb0-767{ padding-bottom:0px !important }
    .p-0-767{ padding:0px !important }
    .px0-767{ padding-right:0px !important; padding-left:0px !important }
    .py0-767{ padding-top:0px !important; padding-bottom:0px !important }
    .mb0-767{ margin-bottom: 0px !important }
    .mb30-767{ margin-bottom: 30px !important }
    .box_300, #header .store-adsl, .sectionmin767 {
        display: none !important;
    }
    .sectionto767 .title_box_300.line.linetop::before {
        top: -15px;
    }
    .sectionto767{ display: block !important; margin-top: 20px}
    .box_stream {
        width: 100%;
        padding-right: 0;
    }
    .section-beautify-fashion .flexbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .section-beautify-fashion .box-beautify__right {
        width: 35%;
    }
    .section-beautify-fashion .box-beautify__left {
        width: 65%;
    }
    .section-beautify-fashion .box-beautify {
        width: 100%;
        padding-right: 0px;
        border: none;
    }
    .section-beautify-fashion .box-fashion {
        width: 100%;
        padding-left: 0px;
    }
    .section-box-video .container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .section-box-video .box-player-video,
    .section-box-video .list_video{
        width: 100%;
        margin-top: 20px;
    }
    .section-box-video .box-player-video{
        padding-right: 0px;
    }
    .section-box-video .list_video .line-left{
        border: none;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-box-video .lbl {
        padding-left: 0;
    }
    .box-an-choi__left {
        width: calc(100% - 205px);
        padding-right: 24px;
    }
    .box-an-choi__right {
        width: 205px;
    }
    .box-grid-article .grid {
        grid-template-columns: repeat(2, 1fr);
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 30px;
    }
    .box-grid-article .grid .td:nth-child(2)::after, .box-grid-article .grid .td:nth-child(5)::after, .box-grid-article .grid .td:nth-child(8)::after{
        display: none;
    }
    .box-grid-article .grid .td:nth-child(2n)::before {
        content: "";
        background: #eaeaea;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -15px;
    }
    .hide767{ display: none !important; }
    .show767{ display: block !important; }
    .show-inline767{ display: inline-block !important; }
    .top-bar {
        display: flex;
        justify-content: center;
        position: relative;
        padding: 10px 15px;
    }
    #openMenu {
        position: absolute;
        width: 30px;
        height: 30px;
        border: none;
        background: #fff;
        top: 0;
        bottom: 0;
        left: 20px;
        margin: auto;
    }
    .top-bar .logo {
        max-width: 130px;
    }
    .main-nav {
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
    }
    .main-nav__menu {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .main-nav .parent {
        white-space: nowrap;
    }
    .main-nav .parent li {
        display: inline-block;
    }
    .main-nav .parent li a {
        font: 500 12px / 40px var(--font1);
        display: inline-block;
        color: #010f1a;
        text-transform: uppercase;
        padding: 0 12px;
    }
    .buid-top-home{ padding: 0px 10px 20px; }
    .main-nav::before {
        content: "";
        position: absolute;
        width: 30px;
        height: 40px;
        left: 0;
        background: linear-gradient(to right, rgb(255 255 255 / 100%),  rgb(255 255 255 / 100%), rgb(255 255 255 / 38%))
    }
    .main-nav::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 40px;
        right: 0;
        background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgb(255 255 255 / 0%));
    }
    .main-nav__menu::-webkit-scrollbar {  height: 0;}
    .footer_nav {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
        position: relative;
        row-gap: 20px;
        width: 100%;
        grid-template-columns: repeat(2, 1fr)  !important;
    }
    .grid__22{
        grid-template-columns: repeat(2, 1fr)  !important;
    }

    .contentnavmb {
        padding: 10px 15px;
        font-family: var(--font1mb);
    }
    .footer_nav li a {
        font-weight: 500;
        display: block;
        text-transform: uppercase;
    }
    .footer_hotline_ads { grid-template-columns: repeat(2, 1fr) !important;
        position: relative;
        border-bottom: 1px solid var(--border);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .contentnavmb .footer_hotline_ads .item a { color: rgba(1, 15, 26, .8);}
    .contentnavmb .footer_contact a {
        background: rgba(1, 15, 26, .04);
        border-radius: 8px;
        color: rgba(1, 15, 26, .8);
        font-weight: 500;
        font-size: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 6px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 44px;
    }
    .contentnavmb .footer_contact {
        border-bottom: 1px solid var(--border);
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    #to_top {
        opacity: .8 !important;
        background: #999 !important;
        display: none;
        border: medium none;
        bottom: 20px;
        cursor: pointer;
        text-align: center;
        height: 30px;
        line-height: 28px;
        outline: medium none;
        padding: 0;
        position: fixed;
        right: 20px;
        width: 30px;
        z-index: 89;
    }
    #to_top .fa-arrow-up {
        font-size: 14px !important;
    }

    #to_top .icon-ns {
        color: #fff;
    }
    #to_top.show {
        display: block;
    }
    .navinmobileheadr{ display: block !important; }
    .navinmobileheadr .pin-top{
        background: #fff;
        position: -webkit-sticky;
        position: sticky;
        z-index: 8;
        top: 0;
        padding-bottom: 10px;
        padding-top: 15px;
    }
    .navinmobileheadr .header_menu {
        min-height: 50px;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }


    .navinmobileheadr .humberger-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    .logombnav {
        max-width: 135px;
    }
    .search-form .form-group {
        position: relative;
    }
    .search-form .form-control {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 16px;
        background: rgba(1, 15, 26, .04);
        border: none;
        font-family: var(--font1mb);
        border-radius: 8px;
        padding: 0 10px 0 44px;
        width: 100%;
    }
    .search-form .form-button {
        position: absolute;
        display: inline-block;
        background: unset;
        border: none;
        width: 48px;
        height: 100%;
        left: 0;
        top: 0;
        color: #444;
    }
    .navinmobileheadr {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        overflow-y: scroll;
        width: 100%;
        padding: 0px 20px 40px 20px;
        font-size: 14px;
        font-family: var(--font1);
        line-height: 1.4;
        z-index: 1042;
        background: #fff;
        will-change: transform;
        -webkit-transition: .4s;
        transition: .4s;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
    }
    .navinmobileheadr.active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .box_stream .content .description {
        display: none;
    }
    .box_stream .content{ padding-bottom:0px !important }
    .box_legendcus .itemtslide .thumb_art {
        padding: 0;
    }
    .stylehttt{
        margin-top: 30px;
        padding: 0px 15px;
    }
    .box_legendcus {
        padding: 20px;
        background: #f7f7f7;
    }
    .box_legendcus .consitemt .thumb_art {
        flex: 0 0 145px;
    }
    .box_legendcus.box_legend .button-next, .box_legendcus.box_legend .button-prev{
        top: 85px;
    }
    /*cate*/

    .head-folder .title-page {
        font: 600 22px / 1.3 var(--font1);
        text-transform: uppercase;
        color: #010f1a;
        padding: 0px 20px;
    }
    .head-folder{
        text-align: left;
    }
    .head-folder .cate {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: left;
        padding: 0px 20px;
    }
    .head-folder {
        border-top: 1px solid #e5e5e5;
    }
    .cate_a {
        margin: 0px;
    }
    .hideincate{ display:none !important }
    .buid-top-folder::before {display: none;}
    .catepage .flexbox.line-box {
        flex-wrap: wrap;
        gap: 30px;
        border-bottom: none;
    }
    .catepage .box-an-choi__left {
        width: 100%;
        padding: 0px;
    }
    .catepage .box-an-choi__right {
        width: 100%;
    }
    .catepage .box-an-choi .grid.grid__3 {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 30px;
        padding: 0px 15px;
    }
    .catepage .box-an-choi__left .content {
        padding: 0px 15px;
    }
    .catepage .box-an-choi__left .content .description {
        display: block;
        font-size: 18px;
        margin-top: 15px;
    }

    .catepage .box-an-choi__right {
        padding: 0px 15px;
    }

    .catepage .box-an-choi__right .art_item {
        margin-bottom: 30px;
    }
    /*#pagination{ display: none; }*/
    .fs-20mb{ font-size: 20px !important }
    .xem_them {
        color: #132639;
        text-align: center;
        font-size: 16px;
        display: block;
        padding: 13px 0;
        border-radius: 4px;
        background: rgba(19, 38, 57, .05);
    }
    .detailbox {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-detail .block_share_sticky {
        display: none;
    }

    .page-detail.top-detail .sidebar-1 {
        max-width: 100%;
        padding-top: 0px;
    }

    .page-detail .header-content {
        flex-wrap: wrap;
    }

    .page-detail .header-content .date {
        text-align: left;
    }

    ul.breadcrumb {
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    .page-detail .title-detail {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .breadcrumb li.c2.active {
        font-weight: 600;
        color: #010f1a;
    }
    .breadcrumb li{
        color: rgba(1,15,26,.6);
    }

    .block_tag .list_tag {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        margin-right: -20px;
        padding-right: 20px;
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .detailbox .sidebar-1.pin-comment {
        width: 100%;
    }
    .page-detail.middle-detail .detailbox {
        flex-wrap: wrap;
    }
    .block_tag .list_tag .tag_item {
        color: #132639;
        border-radius: 4px;
        background: rgba(19, 38, 57, .05);
        padding: 0 14px;
        font-size: 16px;
        display: block;
    }
    .block_tag .txt_tag{ font-weight: 100; }
    .block_tag {
        border: none !important;
        padding: 0px !important;
    }
    .stickyscroll{ display: flex; }
    .back-home {
        display: flex;
        align-items: center;
        color: #010F1A;
    }
    .buid-top-abtest .buid-top__right .art_item .title_news, .art_item .title_news, .titlenews_default {
        font-size: 20px;
        font-weight: 600;
    }
    .stickyscrollhome.act {
        top: -55px;
    }
    .listcateinmobile .art_item {
        flex-wrap: wrap;
    }

    .listcateinmobile .art_item .thumb_art {flex: 0 0 100% !important;}
    .boxnewsposthome {
        margin-bottom: 0px !important;
    }

    .boxnewsposthome .box-an-choi {
        padding: 20px 15px;
    }

    .boxnewsposthome .line-box {
        flex-wrap: wrap;
        gap: 20px;
    }

    .boxnewsposthome .box-an-choi__left {
        width: 100%;
        padding: 0px;
    }

    .boxnewsposthome .box-an-choi__right {
        width: 100%;
    }

    .boxnewsposthome .grid.grid__3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .boxnewsposthome .box_300 {
        display: block !important;
        border: none;
        padding: 0px;
        width: 100%;
    }

    .boxnewsposthome .box_category {
        margin-bottom: 0px !important;
    }
    .flexboxparent {
        flex-wrap: wrap;
        margin-bottom: 0px !important;
    }
    .copy-right{
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .-section-beautify-fashion, 
    .section-box-video .lbl,
    .section-box-video .list_video .number-info,
    .mobilenone{
        display: none !important;
    }
    .mb0-560{ margin-bottom: 0px !important }
    .section_padding, .sectiontomobile{ display: block !important; margin-top: 20px}
    .buid-top-abtest .buid-top__center, .buid-top-abtest .buid-top__right {
        width: 100%;
        padding-right: 0px;
        border-right: 0;
    }
    .buid-top-home .buid-top{
        flex-wrap: wrap;
        gap: 20px;
    }
    .grid__5 {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(1, 1fr);
    }
    .section-beautify-fashion .box-beautify__left, .section-beautify-fashion .box-beautify__right{
        width: 100%;
    }
    .section-beautify-fashion .box-beautify__left{
        padding-right: 0px;
    }
    .section-beautify-fashion .box-beautify__right{
        padding-left: 0px;
    }
    .section-beautify-fashion .box-beautify__left .art_item .title_news {font-size: 17px;}
    .container, .buid-top-home,
    .box_stream .grid__2 .art_item .content{
        padding-right: 0px;
        padding-left: 0px;
    }
    .buid-top-abtest .buid-top__right {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding-left: 15px;
        padding-right: 15px;
    }
    .thumb_img {
        border-radius: 5px;
    }
    .buid-top-abtest .buid-top__right .art_item .title_news,
    .art_item .title_news, .titlenews_default {
        font-size: 20px;
        font-weight: 600;
    }
    .buid-top__center .content,
    .box_stream,
    .section-box-anh {
        padding: 0px 15px;
    }
    .art_item .tag{ display: none; }
    .buid-top-home .grid.grid__5 {
        padding: 0px 15px;
    }
    .line-bottom {
        border: none;
        margin-bottom: 0px !important;
    }
    .grid__2 {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
    .box_stream .grid__2 .art_item{
        background: none;
    }
    .mobile-mb0{ margin-bottom:0px !important }
    .section-box-video {
        background: none;
        padding-right: 15px;
        padding-left: 15px;
    }

    .section-box-video .title_box_category,
    .section-box-video .box-player-video .art_item .title_news
     {
        color: #000;
    }
    .section-box-video::before {
        display: none;
    }
    .section-box-video .list_video .title_news {
        color: unset !important;
    }
    .section-box-video .box-player-video, .section-box-video .list_video{
        margin-top: 10px;
    }
    .xem_them {
        color: #132639;
        text-align: center;
        font-size: 16px;
        display: block;
        padding: 13px 0;
        border-radius: 4px;
        background: rgba(19, 38, 57, .05);
    }
    .title_box_300.line.linetop::before {
        top: -15px;
    }
    .bordernone{ border:none !important; }
    .sectiontomobile .consitemt .thumb_art {
        flex: 0 0 150px;
    }
    .thumb140{
        flex: 0 0 140px;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .clearmbbg_gray{ background:none !important }
    .box-player-video .title_box_category::before,
    .section-box-anh .title_box_category::before {
        top: -15px;
    }

    [class*="grid__"], .buid-top-abtest .buid-top__right {
        row-gap: 32px;
    }
    section.listcateinmobile {
        padding-left: 15px;
        padding-right: 15px;
    }
    .box-grid-article .grid .td:nth-child(2n)::before{
        display: none;
    }
    section.listcateinmobile .grid.grid__3 {
        grid-template-columns: repeat(1,1fr);
    }

    .box-grid-article.listcateinmobile .art_item .title_news {
        height: auto;
    }

    .listcateinmobile .art_item.thumb-full .thumb_art {
        margin-bottom: 20px;
    }
    .section-beautify-fashion .flexbox .flexbox {
        gap: 20px;
    }
    .section-beautify-fashion>.flexbox {
        padding: 0px 15px;
    }
    section.box-grid-article.listcateinmobile {
        padding-top: 0px;
    }
}