@media only screen and (max-width: 768px) {
    .footer-page-logo img {
        height: 40px !important;
    }

    .daphatsong ul li h3 a {
        font-size: 14px !important;
    }

    .list-image {
        display: none !important
    }

    .footer-page-logo {
        display: inline-table !important
    }

    .list-app-image {
        margin-top: 20px !important
    }

    .footer-page ul {
        padding-bottom: 65px
    }

    .header-logo span {
        font-size: 11px !important;
    }

    .ads {
        display: none
    }

    body {
        -webkit-font-smoothing: antialiased;
    }

    ul {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    .header-page {
        display: none !important;
    }

    .sticky-toolbar {
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 8px 16px 0;
        box-sizing: border-box;
        display: block !important;
    }

        .sticky-toolbar .list-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .sticky-toolbar .list-toolbar .toolbar-item a {
                display: flex;
                flex-direction: column;
                align-items: center;
            }

                .sticky-toolbar .list-toolbar .toolbar-item a .name-toolbar {
                    font-size: 12px;
                    line-height: 18px;
                    text-align: center;
                }

                .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle-mobile {
                    width: 22px;
                    height: 18px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon {
                    display: block;
                    width: 18px;
                    height: 12px;
                    position: relative;
                    opacity: .8;
                    cursor: pointer;
                    transition: opacity .3s;
                }

                    .sticky-toolbar .list-toolbar .toolbar-item a .menu_toggle_icon i {
                        display: block;
                        width: 100%;
                        height: 2px;
                        background-color: #75757a;
                        position: absolute;
                        left: 0;
                        transition: all .3s;
                    }

            .sticky-toolbar .list-toolbar .toolbar-item.active .name-toolbar {
                color: #3a53a4;
                font-family: Roboto-Medium;
            }

    .toggle .line-1 {
        transform: rotate(-45deg) translate(-6px,5px);
    }

    .toggle .line-2 {
        opacity: 0;
    }

    .toggle .line-3 {
        transform: rotate(45deg) translate(-3px);
    }

    .header_wrapper {
        padding: 4px 0;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 999;
        width: 100%;
        display: block !important;
    }

        .header_wrapper .toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .toolbar {
        padding: 10px 0;
    }

    .toolbar-wrapper {
        display: grid;
        grid-template-columns: 40% 15% 45% !important;
        align-items: center;
        padding: 0 10px;
        box-sizing: border-box;
        justify-content: space-between;
    }

    .toolbar .toolbar-wrapper .toolbar-element {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-logo {
        display: flex;
        justify-content: center;
        margin-left: 15px;
        text-align: center;
    }

    .logo-info {
        color: rgba(0,0,0,.9);
        font-weight: bold;
    }

    .list-ul {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: start;
    }

        .list-ul .item-li {
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #f0f0f0;
        }

    .header-mobile {
        display: block !important;
        transform: translateY(100%);
    }

        .header-mobile .expand-menu {
            display: block;
            opacity: 1;
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%;
        }

    .expand-menu {
        width: 100%;
        background: #fff;
        margin-top: 33%;
        transition: height 2s;
        position: fixed;
        top: 0;
        z-index: 200;
        overflow-x: scroll;
        height: 100vh;
    }

        .expand-menu.open-menu {
            display: grid !important;
        }

    #search-form {
        padding: 20px 16px;
        background: #f9f9f9;
    }

    .icon_search > svg {
        margin-left: 10px
    }

    .list-group-new-newsest {
        height: 80px;
    }

    .box-search {
        background: #fff;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        display: flex;
    }

        .box-search input {
            width: calc(100% - 36px);
            border: none;
            font-family: Roboto-Regular;
            font-style: normal;
            font-weight: normal;
            line-height: 14px;
            color: #000;
            outline: none;
            padding: 0 10px;
        }

    .all-category {
        padding: 16px;
        box-sizing: border-box;
        width: 100%;
    }

        .all-category .title {
            font-family: Roboto-Medium;
            font-style: normal;
            font-size: 18px;
            line-height: 21px;
            text-align: center;
            color: #3a53a4;
            display: block !important;
        }

    .list-cate {
        display: flex;
        flex-wrap: wrap;
    }

        .list-cate li {
            width: calc(50% - 10px);
            background: #f9f9f9;
            border: 1px solid #e9e9e9;
            box-sizing: border-box;
            border-radius: 3px;
            text-align: center;
            margin-top: 15px;
            margin-right: 10px;
        }

            .list-cate li a {
                font-family: Roboto-Medium;
                font-size: 13px;
                line-height: 15px;
                text-align: center;
                color: #666;
                padding: 10px 0;
                display: inline-block;
            }

    .line {
        width: calc(50% - 10px);
        background: #f9f9f9;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 3px;
        text-align: center;
        margin-top: 15px;
    }

    .download-app {
        width: 100%;
        text-align: center;
        margin: 20px auto;
        padding: 0 16px;
        box-sizing: border-box;
    }

        .download-app .title {
            font-family: Roboto-Regular;
            font-size: 16px;
            line-height: 19px;
            color: #666;
            margin-bottom: 15px;
            display: block !important;
        }

        .download-app ul {
            display: flex;
        }

            .download-app ul li {
                width: calc(50% - 10px);
                background: #e9e9e9;
                border-radius: 6px;
                box-sizing: border-box;
                padding: 5px;
                text-align: center;
            }

                .download-app ul li .right {
                    margin-left: 8px;
                    display: inline-block;
                }

                    .download-app ul li .right span {
                        font-family: Roboto-Medium;
                        font-size: 9px;
                        line-height: 11px;
                        color: #888;
                        display: block;
                    }

    .footer-info {
        background: #0261b5;
    }

    .info_wapper {
        display: flex;
        flex-direction: column;
    }

    .footer-bottom {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        align-items: center;
        justify-content: center;
    }

        .footer-bottom > div > ul > li {
            display: flex;
            justify-content: center;
            padding-top: 5px;
        }

    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

        .footer-page > ul > li {
            display: flex;
            justify-content: center;
        }

    .footer-page-logo {
        height: 50px;
        margin-top: 40px
    }

    .footer-page-name {
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 12px;
    }
    /*Home Index*/
    .card-svg {
        display: none !important;
    }

    .home-body {
        margin-top: 0px;
    }

    .top-page {
        position: relative;
        margin-top: 40px;
        background-color: white !important;
    }

    .highlight-top {
        padding-bottom: 0px;
        padding-top: 40px;
        max-width: 100%;
        width: 1320px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
    }

    .highlight-bottom {
        padding-bottom: 30px;
        width: 1320px;
        max-width: 100%;
        position: relative;
        box-sizing: border-box;
    }

    .highlight-swiper {
        flex-direction: column;
        height: 430px;
    }

    .highlight-top .highlight-swiper .mySwiper {
        border-radius: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        color: white !important;
    }

        .highlight-top .highlight-swiper .mySwiper .swiper-wrapper {
            z-index: 5;
            position: relative;
        }

    .highlight-swiper {
        padding: 0 15px 0 15px;
        width: 100%;
    }

    .swiper-img {
        width: 100%;
        height: 100%;
        max-height: 253px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .content {
        background: white !important;
        height: 480px;
        padding: 0;
    }

        .content .content-title {
            font-weight: bold;
            font-size: 15px;
            line-height: 20px;
            text-align: initial;
            margin-top: 15px;
        }

            .content .content-title a {
                color: black !important;
                font-family: SVN-Avo-Bold;
            }

    .content-description {
        text-align: initial;
        font-size: 15px;
        line-height: 22px;
        font-family: Roboto-Regular;
        color: #333;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
        margin-left: 10px;
    }

    .highlight-column {
        flex-direction: column;
        height: auto;
        background: white !important;
        width: 100% !important;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

        .highlight-column ul {
            display: flex;
            flex-direction: column;
        }

            .highlight-column ul li {
                display: flex;
                flex-direction: row-reverse;
                justify-content: space-between;
                border-top: 1px solid rgba(196,196,196,.3);
                box-sizing: border-box;
                align-items: center;
            }

    .top-radius-bottom {
        display: block !important;
    }

    .highlight-column ul li a span {
        font-size: 17px;
        line-height: 25px;
        padding: 15px;
        display: -webkit-box;
        color: black;
        font-family: SVN-Avo;
        display: flex;
    }

    .highlight-column-top {
        padding: 0 10px 0 10px;
    }

    .highlight-column-img {
        display: block;
    }

    .top-radius {
        width: 30%;
        border-radius: 5px;
        height: 100%;
    }

    .top-radius-bottom {
        width: 30%;
        border-radius: 5px;
        display: block;
        height: 100%;
    }

    .mySwiper-bottom .swiper-wrapper {
        padding-left: 15px;
        padding-top: 50px;
    }

    .mySwiper-bottom .swiper-slide {
        position: relative;
        overflow: hidden;
    }

    .mySwiper-bottom .swiper-button-next {
        display: none;
    }

    .mySwiper-bottom .swiper-button-prev {
        display: none;
    }

    .body-tags {
        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }

    .body-tags-top {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    .btn-body-tags {
        color: #3a53a4;
        font-weight: bold;
        background: white !important;
        border-radius: 0px;
        text-align: center;
        font-size: 22px;
        font-family: UTM-Colossalis;
        margin-bottom: 0px;
        padding: 0px;
    }

    .body-tags-list {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #e9e9e9;
        width: 100%;
    }

        .body-tags-list li {
            border-right: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

    .body-tags-list-bt {
        border-right: none !important;
    }

    .body-tags-list li a {
        color: #262626;
        padding-left: 8px !important;
    }

    .tags-next {
        display: none !important;
    }

    .tag-prev {
        display: none !important;
    }

    .mySwiper-body-tags {
        display: flex;
        flex-direction: column;
        position: relative;
        box-sizing: border-box;
    }

    #timeline-loadmore {
        display: none !important;
    }

    .btn-home {
        display: none;
    }

    .live-home {
        display: none;
    }

    #selectedDate_MB {
        background: #3E4CAC;
        border: none;
    }

    #timeline_mobile {
        height: 180px;
    }

    .list-group-new-newsest a {
        height: 50px !important;
    }
    /*VideoStograge*/
    .left-box {
        display: none !important;
    }

    .storgare-title {
        height: 240px !important;
        padding: 50px 20px 0px 20px;
    }

        .storgare-title .body-title {
            font-size: 15px;
        }

    .img-viewest {
        display: none
    }

    .body-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .storgare-input {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 10px;
    }

    .storgare-body-item {
        background: none;
    }

    .storgare-body-content {
        /*margin-top: -40px !important;*/
    }

    .storgare-img {
        padding: 0;
    }

        .storgare-img #my-video {
            width: 100%;
            object-fit: cover;
        }

    .storgare-body-ads {
        display: none;
    }

    .storgare-description {
        padding: 15px 0 15px 15px;
        display: flex;
        flex-direction: column;
        border: 1px solid #e9e9e9;
        box-sizing: border-box;
        border-radius: 0 0 5px 5px;
        background: #f9f9f9;
    }

    .storgare-txt .fw-bold {
        font-size: 20px;
        color: #2f3438;
        font-family: Roboto-Medium;
        padding-bottom: 10px;
    }

    .storgare-description .share {
        display: none;
    }

    .storgare-img .video-js {
        width: 100%;
        object-fit: cover;
        border-radius: 0px;
    }

    .storgare-tag {
        display: block !important;
        padding-top: 10px;
    }

    .icon-tag {
        padding: 4.5px 10px;
        background: white !important;
        border-radius: 4px;
        border: 1px solid #C9C1BC;
        align-items: center;
    }

    .hagtag {
        padding: 6px 10px;
        background: #FFFFFF;
        border: 1px solid #C9C1BC;
        border-radius: 3px;
        align-items: center;
        margin-left: 12px;
        font-size: 13px;
        line-height: 18px;
        color: black !important;
    }
    /*LiveVideo*/
    .live-related {
        display: none !important;
    }

    .live-newsest {
        display: none !important;
    }

    .live-web {
        display: none !important;
    }

    #my-live-video {
        display: none !important;
    }

    .live-mobile {
        display: block !important;
        height: auto !important;
        position: relative;
        padding-top: 95px;
    }

    .screen-live {
        display: block !important;
        height: auto !important;
        background: #0c2252;
        position: relative;
        width: 100%;
    }

    .live-mobile-home {
        width: 100%;
        height: 205px;
        position: relative;
    }

    .screen-live > div > video {
        height: 100% !important;
        object-fit: contain !important;
    }

    .btn-live-mobile {
        padding: 5px;
        display: flex;
        position: relative;
        border-top: 1px solid #c9c1bc;
    }

    .footer-live {
        padding: 10px 0px;
        position: relative;
    }

        .footer-live .fl-bgl {
            width: 50%;
        }

            .footer-live .fl-bgl::before {
                position: absolute;
                content: '';
                top: 0;
                right: -72px;
                width: 100px;
                background: #132477;
                bottom: 0;
                transform: skewX(-25deg);
            }

    .fl-bgl {
        width: 27%;
        background: #3d4897;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .fl-bgr {
        width: 44%;
        background: #132477;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .live-timeline {
        display: flex;
        position: relative;
    }

    .live-news {
        width: 22%;
        padding-left: 15px;
    }

        .live-news a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
            width: 200%;
        }

            .live-news a .live-icn {
                display: flex;
                align-items: center;
            }

                .live-news a .live-icn .live-txt {
                    font-size: 14px;
                    line-height: 16px;
                    letter-spacing: .2px;
                    font-family: SVN-Avo-Regular;
                    color: #e3e3e3;
                    margin-left: 7px;
                }

    .live-timeline .live-icn .live-txt {
        white-space: nowrap;
    }

    .live-news .live-title {
        font-size: 18px;
        line-height: 25px;
        font-family: SVN-Avo-Bold;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .swiper-container {
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        color: white;
        margin-left: 60px;
    }

    .list-pg {
        transform: translate3d(0px, 0px, 0px);
    }

    .pg-item {
        display: flex;
        flex-direction: column;
        width: 238px;
        margin-right: 2px;
    }

    .next-txt {
        font-family: SVN-Avo-Regular;
    }

    .live-txt {
        text-transform: uppercase;
        font-size: 15px;
        line-height: 23px;
        color: rgba(196,196,196,.6);
    }

    .live-title {
        font-size: 15px;
        line-height: 20px;
        color: #c4c4c4;
        font-family: SVN-Avo-Bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /*NewDetail*/
    .newsdetail-title {
        padding: 85px 0px 0px 0px;
        height: 240px;
    }

    .newsdetail-content {
        background: #F4F4F4;
        display: flex;
        border-radius: 5px;
        flex-direction: column;
        margin: -80px 10px 0px 10px;
    }

    .categorydetail-body-timeline {
        box-sizing: border-box;
        border-radius: 5px;
        padding: 0;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .storgare-body .categorydetail-body-timeline .top-radius {
        position: relative;
        width: 100%;
        max-height: 192px;
        border-radius: 0px;
    }

    .storgare-body .categorydetail-body-timeline .content {
        border: 1px solid #e9e9e9;
        height: auto;
    }

        .storgare-body .categorydetail-body-timeline .content a {
            color: #343434;
            font-size: 20px;
            line-height: 34px;
            color: #2f3438;
            font-family: Roboto-Medium;
            padding-left: 10px;
            margin-bottom: 15px
        }

        .storgare-body .categorydetail-body-timeline .content p {
            color: #333;
            font-size: 15px;
            line-height: 22px;
            font-family: Roboto-Regular;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 3;
            margin: 10px;
        }

    .categorydetail-top {
        flex-direction: column !important;
    }

    .storgare-body .categorydetail-body-timeline {
        height: auto;
    }

    .categorydetail-body-content {
        margin-top: 10px !important;
        border-radius: 5px;
        height: 442px !important;
    }

    .categorydetail-center {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
    }

        .categorydetail-center > ul > li > span {
            color: black;
            padding: 10px 5px 1px 10px;
        }

    .img-categorydetail-center {
        width: 30%;
        height: 85px;
        border-radius: 5px;
    }

    .title-categorydetail-center {
        width: 70%;
        font-size: 17px;
        line-height: 30px;
        padding: 15px;
        display: -webkit-box;
        color: black;
        font-family: SVN-Avo;
        display: flex;
    }

    .categorydetail-center > ul {
        border: 0px;
        border-radius: 0px;
        display: flex;
        flex-direction: column;
    }

        .categorydetail-center > ul > li {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            border-top: 1px solid rgba(196,196,196,.3);
            box-sizing: border-box;
            align-items: center;
            height: 150px !important;
        }

    .news-list div img {
        display: flex;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 100%;
        height: 192px !important;
    }
    /*Schedule Index*/
    .schedule-title {
        display: flex;
        flex-direction: column;
        margin: 70px 0px 0px 0px;
    }

        .schedule-title #search-form {
            padding: 20px 16px;
            background: #f9f9f9;
        }

        .schedule-title .box-search {
            background: #fff;
            border: 1px solid #e9e9e9;
            box-sizing: border-box;
            border-radius: 5px;
            width: 100%;
            height: 30px;
            display: flex;
        }

            .schedule-title .box-search input {
                width: calc(100% - 36px);
                border: none;
                font-family: Roboto-Regular;
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 14px;
                color: #000;
                outline: none;
                padding: 0 10px;
            }

    .btn-schedule-mobile {
        padding: 5px;
        display: flex;
        position: relative;
    }

    .btn-Sch {
        color: #2032A9;
        font-weight: bold;
        padding: 10px;
        background: #E7E7E7;
        border-radius: 6px;
        text-align: center;
        font-size: 12px;
        height: auto;
        margin: 0px 10px 0px 10px;
        width: 100%;
    }

    .btn-Vid-live {
        margin-right: 15px;
        padding: 10px 5px;
        color: #2032A9;
        font-weight: bold;
        background: #E7E7E7;
        border-radius: 6px;
        text-align: center;
        font-size: 12px;
        height: auto;
        width: 50%;
    }

    .btn-Rad-live {
        margin-right: 15px;
        color: #2032A9;
        padding: 10px 5px;
        font-weight: bold;
        background: #E7E7E7;
        border-radius: 6px;
        text-align: center;
        font-size: 12px;
        height: auto;
        width: 50%;
    }

    .btn-Stograge-live {
        color: #2032A9;
        font-weight: bold;
        padding: 10px 5px;
        background: #E7E7E7;
        border-radius: 6px;
        text-align: center;
        font-size: 12px;
        height: auto;
        width: 50%;
    }

    .btn-Stograge-radio {
        color: #2032A9;
        font-weight: bold;
        padding: 10px 5px;
        background: #E7E7E7;
        border-radius: 6px;
        text-align: center;
        font-size: 12px;
        height: auto;
        width: 50%;
    }

    .broadcast-schedule {
        height: 65px;
        position: relative;
        width: 100%;
    }

    .broadcast-schedule-header {
        position: relative;
        height: 100%;
        width: auto;
        margin: 0 auto;
        background: #132477;
    }

    .broadcast-schedule-wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        position: relative;
        padding: 0 15px;
    }

    .swiper-point-events {
        touch-action: pan-y;
    }

    .list-bs {
        display: flex;
        align-items: center;
    }

    .item-bs {
        width: auto;
        display: flex;
        align-items: center;
        transform: skewX(-22deg);
        background: #3d4897;
    }

    .item-bs-action {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding: 0 24px;
        height: 80%;
    }

        .item-bs-action::before {
            position: absolute;
            content: '';
            top: 50%;
            right: 0;
            height: 100%;
            border: 1px solid rgba(196,196,196,.3);
            transform: translateY(-50%) rotate(22deg);
        }

        .item-bs-action .day {
            font-size: 16px;
            line-height: 19px;
            text-align: center;
            color: #e9e9e9;
            font-family: Roboto-Regular;
        }

        .item-bs-action .date {
            font-size: 14px;
            line-height: 16px;
            text-align: center;
            color: #c9cacb;
            font-family: Roboto-Regular;
        }

    .footer-schedule {
        position: relative;
        margin-top: 10px;
    }

        .footer-schedule .fl-bgl {
            width: 40%;
        }

            .footer-schedule .fl-bgl::before {
                position: absolute;
                content: '';
                top: 0;
                right: -72px;
                width: 100px;
                background: #132477;
                bottom: 0;
                transform: skewX(-25deg);
            }

    .fl-bgl {
        width: 27%;
        background: #3d4897;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .fl-bgr {
        width: 48%;
        background: #132477;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .schedule-timeline {
        display: flex;
        position: relative;
    }

        .schedule-timeline .swiper-container {
            position: relative;
            overflow: hidden;
            list-style: none;
            padding: 0;
            z-index: 1;
            color: white;
            margin-left: 30px;
        }

    .list-pg {
        transform: translate3d(0px, 0px, 0px);
    }

    .pg-item {
        display: flex;
        flex-direction: column;
        width: 238px;
    }

    .day {
        text-transform: uppercase;
        font-size: 15px;
        line-height: 23px;
        color: rgba(196,196,196,.6);
        font-family: SVN-Avo-Regular;
    }

    .date {
        font-size: 15px;
        line-height: 20px;
        color: #c4c4c4;
        font-family: SVN-Avo-Bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .time-live-schedule {
        height: 350px;
        color: #2032A9;
        font-weight: bold;
        margin: 10px 15px;
        text-align: center;
        background: #FFFFFF;
        border: 1px solid #C9C1BC;
        box-sizing: border-box;
        border-radius: 8px;
    }

        .time-live-schedule .title {
            background: #E7E7E7;
            color: #343434;
            text-transform: uppercase;
            height: 40px;
            text-align: center;
            padding-top: 10px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .time-live-schedule .list-group .list-group-item {
            font-size: 13px;
            padding: 4px;
            background: #fff;
            border-top: 1px solid #e9e9e9;
        }

            .time-live-schedule .list-group .list-group-item .time-txt {
                font-size: 13px;
                line-height: 20px;
                letter-spacing: .2px;
                color: #3a53a4;
                font-family: Roboto-Regular;
                margin-left: 10px;
                margin-top: 0px;
                display: block
            }
    /*Video Detail*/
    .highlight-videodetail {
        display: flex;
        max-width: 100%;
        /*margin-top: 70px;*/
        margin-right: auto;
        margin-left: auto;
        height: 556px;
        flex-direction: column;
        position: relative;
    }

    .highlight-bottom .mySwiper-bottom .swiper-wrapper {
        padding-left: 15px;
        padding-top: 0px
    }

    .highlight-videodetail .screen-live {
        position: relative;
        z-index: 5;
        width: 100%;
        display: flex;
        background: #000;
    }

    .live-info {
        height: 446px;
        width: 100%;
        background: #3E4CAC;
        z-index: 5;
        flex-direction: column;
        box-sizing: border-box;
    }

        .live-info .title {
            font-size: 20px;
            line-height: 35px;
            color: #fff;
            font-family: SVN-Avo-Bold;
            padding: 15px 15px 0px 15px;
        }

        .live-info .date {
            margin: 12px 0;
            color: #C4C4C4;
            font-family: SVN-Avo;
            font-size: 12px;
            padding-left: 15px;
        }

        .live-info p {
            font-family: SVN-Avo-Regular;
            font-size: 16px;
            line-height: 27px;
            color: #fff;
            padding: 0px 15px 0px 15px;
            display: -webkit-box;
            margin-bottom: -20px;
        }

        .live-info .block-comment {
            display: flex;
            flex-direction: column;
            padding: 10px 15px 10px 15px;
            font-size: 12px;
            overflow: hidden;
            clear: both;
        }

            .live-info .block-comment .comment-box {
                padding: 5px 20px 0px 20px;
                background: #F4F4F4;
                border-radius: 4px;
                height: auto;
            }

                .live-info .block-comment .comment-box .cmt-title {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-bottom: none;
                    font-size: 16px;
                    margin-bottom: 5px;
                    text-transform: none;
                    font-weight: bold;
                    color: #15258C;
                }

        .live-info .txt-cmt {
            flex-direction: column;
            display: flex;
        }

        .live-info #txtName {
            width: 100%;
            height: 30px;
            padding-left: 15px;
        }

        .live-info #txtComment {
            width: 100%;
            height: 40px;
            padding-left: 15px;
            padding-top: 5px;
            resize: none;
        }

        .live-info .w-full {
            width: 100%;
        }

        .live-info .btnsend {
            text-align: right;
            padding: 15px 0 15px 0;
        }

        .live-info .button-comment {
            color: #fff;
            padding: 10px 20px;
            background: #15258C;
            border-radius: 3px;
            text-align: center;
            font-size: 12px;
            height: auto;
        }

    .top-video .highlight-bottom {
        padding-bottom: 0px;
    }

    .videodetail-body .list-body .ads {
        display: none !important;
    }
    /*ScrollToTop*/
    #_back2top {
        background: rgba(58,83,164,.5);
        position: fixed;
        bottom: 16px;
        right: 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 66px;
        color: white;
        opacity: 0;
        transition: ease .2s;
        pointer-events: none;
    }

        #_back2top.active_1 {
            opacity: 1;
            pointer-events: auto;
            bottom: 80px;
        }
    /*Discover*/
    .categorydetail-body-content_1 {
        margin-top: -150px !important;
        border-radius: 5px;
        height: 100px !important;
    }

    .storgare-body-ads_1 {
        display: none;
    }
    /*TV Hot*/
    .highlight-livehot {
        display: flex;
        width: 100%;
        padding: 30px 0 30px 0;
        margin-right: auto;
        margin-left: auto;
    }

    .swiper-livehot {
        width: 100%;
        padding-right: 0px;
    }

    .livehot-timeline {
        display: none;
    }
    /*Search*/
    .container .body-search {
        margin-top: 55px;
    }
    /*Khám phá*/
    .discover-top > .parent-item {
        padding-bottom: 20px;
        padding-right: 20px;
    }

    .discover-top:nth-child(1) {
        margin-top: -50px !important;
        padding-bottom: 0px;
    }

    .item_20 > .item_box > .parent-box {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1366px) {
    .navbar-brand span {
        font-size: 11px !important
    }

    /*.top-header {
        padding: 20px 0px 140px 0px !important;
        background-size: 1140px !important
    }*/

    .navbar-nav .nav-item .txt a {
        font-size: 12px !important
    }

    .img470 {
        max-width: 400px !important;
    }

    .view-count {
        margin-top: 340px;
        margin-left: 850px;
    }

    .col-md-9 iframe {
        width: 100% !important
    }

    .fp-tableCell {
        margin-top: 50px
    }

    .logo_mb {
        width: 60px !important;
        margin-right: 5px
    }

    .mb_90 {
        padding-bottom: 90px !important
    }
}

@media only screen and (max-device-width: 480px) {
    #news-detail {
        margin-top: 100px
    }

    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    iframe {
        width: 100vw;
        height: calc(100vw/1.77777778);
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }

    iframe {
        display: block;
        iframes are inline by default background: #000;
        border: none;
        Reset default border height: auto;
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}

@media screen and (min-width: 768px) {
    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }


    iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
}

@media screen and (min-width: 1024px) {
    .footer-page {
        background: #1B1F24;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .discover-top > .parent-item {
        padding-bottom: 20px;
    }

    .discover-top:nth-child(1) {
        margin-top: -50px !important;
        padding-bottom: 0px;
    }
}