/*--------------------------------------------------------------------------------------------------------------MEDIA RESPONSE--------------------------------------*/

/* ----------- iPad Pro ----------- */

.layout-wd-5 .NoiDung-0 .catparent_module .title_catparent > h4 > a {
    padding-left: 0px !important;
}

/* @media only screen and (min-width: 1366px) and (max-height: 4096px) and (-webkit-min-device-pixel-ratio: 1.5) { */

.body-template-2 .container,
.body-template-2 .container-md,
.container-sm {
    max-width: 1200px !important;
}

.body-template-2 .title-header img {
    width: auto;
    height: auto;
}

/*}*/

@media only screen and (min-device-width: 900px) and (max-device-width: 1366px) and (max-device-height: 768px) {
    .banner-container a.logo img {
        width: 85px;
    }
    .header_banner .banner-container img {
        width: 70%;
    }
}

/* Portrait and Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        font-size: 15px;
    }
    .TinTuc-9 .list-items-large .card-items {
        height: 250px;
    }
    .VanBan-2 .wd-box-document h4::after {
        content: '';
        border: none;
        display: block;
        left: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
        height: 32px;
    }
    .statistical p span:first-child {
        font-size: 13px;
    }
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .wd-box-document h4 > a,
    .layout-wd-blue .title_catparent h4,
    .layout-wd-red .title-category > a,
    .layout-wd-red .title-category > a,
    .layout-wd-red .wd-box-document h4 > a,
    .layout-wd-red .title_catparent h4,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .wd-box-document h4 > a,
    .layout-wd-grey .title_catparent h4 {
        font-size: 12px !important;
    }
    .layout-wd-blue .wd-r-category .title-category > a,
    .layout-wd-red .wd-r-category .title-category > a,
    .layout-wd-grey .wd-r-category .title-category > a {
        font-size: 12px !important;
    }
    .VanBan-2 .wd-box-document h4::before {
        border: none !important;
    }
    .body-template-2 .header_top .img-header img {
        opacity: 1 !important;
    }
    .body-template-2 .TinTuc-3 .list-items-category .items-small img {
        height: 75px;
    }
    .col-md-3.sidebar-left {
        width: 25%;
    }
    .col-md-9.sidebar-content {
        width: 75%;
    }
    .col-md-6.TinTuc-1,
    .col-md-6.TinTuc-2,
    .col-md-6.TinTuc-3,
    .col-md-6.TinTuc-4,
    .col-md-6.TinTuc-5,
    .col-md-6.TinTuc-6,
    .col-md-6.TinTuc-7,
    .col-md-6.TinTuc-8,
    .col-md-6.TinTuc-9 {
        width: 50% !important;
    }
    .header_top .title-header img {
        height: 55px;
    }
    .banner-container a.logo img {
        width: 85px;
    }
    .header_banner .banner-container img {
        width: 70%;
    }
    .Footer-2 .statistical p {
        width: 100% !important;
    }
}

/* Portrait */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
        background-size: 100%;
        min-height: 75px !important;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 55px !important;
        z-index: 1;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-collapse.show {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    #nav_header .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    #nav_header .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    #nav_header .navbar > .container {
        display: flex;
        flex-wrap: inherit;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-desktop {
        display: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .ft-bottom .ft-bt-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft-bottom .ft-bt-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .banner-container a.logo img {
        width: 85px;
    }
    .header_banner .banner-container img {
        width: 70%;
    }
    .Footer-2 .statistical p {
        width: 100% !important;
    }
}

/* Landscape */

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 90px;
        z-index: 1;
    }

    .TinTuc-9 .list-items-large .card-items {
        height: 250px !important;
    }
    .banner-container a.logo img {
        width: 85px;
    }
    .header_banner .banner-container img {
        width: 70%;
    }
}

/*------Media Table Screen Ipad AIR-----*/

@media only screen and (min-width: 768px) and (max-height: 1368px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        font-size: 15px;
    }
    .TinTuc-9 .list-items-large .card-items {
    }
    .TinTuc-1 .card-img-news img {
        min-height: auto;
    }
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .wd-box-document h4 > a,
    .layout-wd-blue .title_catparent h4,
    .layout-wd-red .title-category > a,
    .layout-wd-red .title-category > a,
    .layout-wd-red .wd-box-document h4 > a,
    .layout-wd-red .title_catparent h4,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .wd-box-document h4 > a,
    .layout-wd-grey .title_catparent h4 {
        font-size: 12px !important;
    }
    .layout-wd-blue .wd-r-category .title-category > a,
    .layout-wd-red .wd-r-category .title-category > a,
    .layout-wd-grey .wd-r-category .title-category > a {
        font-size: 12px !important;
    }
    .VanBan-2 .wd-box-document h4::before {
        border: none !important;
    }
    .banner-container a.logo img {
        width: 85px;
    }
    .header_banner .banner-container img {
        width: 70%;
    }
}

/*------Media Table Screen Ipad-----*/

/* Portrait and Landscape */

@media only screen and (min-width: 480px) and (max-height: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    body {
        font-size: 15px;
    }
    .TinTuc-9 .list-items-large .card-items {
        height: 290px !important;
    }
    .VanBan-2 .wd-box-document h4::after {
        content: '';
        border: none;
        display: block;
        left: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
        height: 32px;
    }
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .title-category > a,
    .layout-wd-blue .wd-box-document h4 > a,
    .layout-wd-blue .title_catparent h4,
    .layout-wd-red .title-category > a,
    .layout-wd-red .title-category > a,
    .layout-wd-red .wd-box-document h4 > a,
    .layout-wd-red .title_catparent h4,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .title-category > a,
    .layout-wd-grey .wd-box-document h4 > a,
    .layout-wd-grey .title_catparent h4 {
        font-size: 12px !important;
    }
    .layout-wd-blue .wd-r-category .title-category > a,
    .layout-wd-red .wd-r-category .title-category > a,
    .layout-wd-grey .wd-r-category .title-category > a {
        font-size: 12px !important;
    }
    .VanBan-2 .wd-box-document h4::before {
        border: none !important;
    }
    .NoiDung-0 .content-details .content-meta-content img {
        width: 100% !important;
        height: initial !important;
    }
    .body-template-2 .header_top .img-header img {
        opacity: 1 !important;
    }
    .body-template-2 .TinTuc-3 .list-items-category .items-small img {
        height: 75px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
        background-size: 100%;
        min-height: 75px;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 55px;
        z-index: 1;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-desktop {
        display: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .ft-bottom .ft-bt-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft-bottom .ft-bt-right {
        width: 100%;
        margin-bottom: 20px;
    }
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
        background-size: 100%;
        min-height: 75x;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 55px !important;
        z-index: 1;
    }
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-collapse.show {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    #nav_header .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    #nav_header .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
    }
    #nav_header .navbar > .container {
        display: flex;
        flex-wrap: inherit;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-desktop {
        display: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .ft-bottom .ft-bt-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft-bottom .ft-bt-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .nav-items-line .btn-login-sign-in-users {
        display: none;
    }
    .LienKet-4 .right-adver-portal a {
        align-items: center;
        flex-direction: column;
    }
    .nav-items-line .justify-content-end {
        justify-content: center !important;
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
        background-size: 100%;
        min-height: 55px;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 45px;
        z-index: 1;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-desktop {
        display: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .ft-bottom .ft-bt-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft-bottom .ft-bt-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .col-md-3.sidebar-left {
        width: 33.3%;
    }
    .col-md-9.sidebar-content {
        width: 66.6%;
    }
    .col-md-6.TinTuc-1,
    .col-md-6.TinTuc-2,
    .col-md-6.TinTuc-3,
    .col-md-6.TinTuc-4,
    .col-md-6.TinTuc-5,
    .col-md-6.TinTuc-6,
    .col-md-6.TinTuc-7,
    .col-md-6.TinTuc-8,
    .col-md-6.TinTuc-9 {
        width: 100%;
    }
    .top-news-content .col-md-12.HaiCotPhai93 > .row > .col-md-9 {
        width: 66.6%;
    }
    .top-news-content .col-md-12.HaiCotPhai93 > .row > .col-md-3 {
        width: 33.3%;
    }
    .nav-items-line .btn-login-sign-in-users {
        display: none;
    }
    .LienKet-4 .right-adver-portal a {
        align-items: center;
        flex-direction: column;
    }
    .nav-items-line .justify-content-end {
        justify-content: center !important;
        display: flex;
        align-items: center;
    }
    .Footer-2 .statistical p {
        width: 100% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #header_top {
        position: relative;
        display: inline-block;
        background-position: left;
        background-size: 100%;
        min-height: 55px;
    }
    #header_top .img-header img {
        opacity: 0;
    }
    #header_top .header-title {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    #header_top .title-header img {
        height: 45px;
        z-index: 1;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-desktop {
        display: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .ft-bottom .ft-bt-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .ft-bottom .ft-bt-right {
        width: 100%;
        margin-bottom: 20px;
    }
    .list-items-category .col-md-6 {
        /*width: 100%;*/
    }
    .list-items-category .col-md-6.pe-0 {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .TinTuc-1 .card-img-news {
        min-height: inherit;
        max-height: inherit;
    }
    .TinTuc-5 .card-items .col-md-3 {
        height: auto;
        overflow: hidden;
    }
    .content-meta-content img {
        width: 100% !important;
    }
    .TinTuc-9 .list-items-large .card-items {
        height: 250px !important;
    }
    .nav-items-line .btn-login-sign-in-users {
        display: none;
    }
    .LienKet-4 .right-adver-portal a {
        align-items: center;
        flex-direction: column;
    }
    .nav-items-line .justify-content-end {
        justify-content: center !important;
        display: flex;
        align-items: center;
    }
    .layout-wd-7 .page-content .title_catparent h4::after {
        bottom: 0px;
        right: 42%;
    }
    .Footer-2 .statistical p {
        width: 100% !important;
    }
}

/*------END Media Table Screen Ipad-----*/

/*------Media Phone Screen-----*/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .is_mobile {
        display: none !important;
    }
    .sidebar-left {
        order: 1;
    }
    .header_top .navbar {
    }
    #header_top .title-header {
        padding: 10px;
    }
    #header_top .title-header .logo {
        padding: 0px;
    }
    #nav_header li.nav-item {
        width: 100%;
    }
    .navbar-mobile .img-logo {
        display: block;
        width: 100%;
    }
    .logo-header {
        display: none;
    }
    .header_top.sticky .navbar-collapse {
        display: none !important;
    }
    .navbarscroll_desk {
        display: block !important;
    }
    .navbarscroll_desk .logo-header {
        display: none !important;
    }
    .logo-header .img-logo {
        width: 100%;
        margin-top: 10px;
    }
    .header_top .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .header-heading {
        height: auto;
    }
    .header_top .button-wrapper .button-effect-h {
        font-size: 12px;
    }
    .header-slider-title {
        padding-top: 20px;
    }
    .box-menu-wrapper {
        margin-top: 60px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .box-menu-wrapper {
        background: #fff;
    }
    .box-menu-wrapper .col {
        border: 1px solid #f3f3f3;
    }
    .header-slider-title h6 {
        font-size: 20px;
        line-height: 40px;
    }
    section.home-intro,
    section.home-news {
        padding: 0px !important;
        margin: 0px !important;
    }
    section.home-news {
        margin-top: 20px !important;
    }
    .home-intro img {
        width: 100%;
    }
    .home-intro .intro-content h4 {
        font-size: 18px;
    }
    .lotrinhthi .header-title-top h5 {
        font-size: 25px;
    }
    .lotrinhthi .header-title-top h6 {
        font-size: 18px;
    }
    .week-start-game h5 {
        margin-bottom: 0px;
    }
    .contest-subjects-note {
        flex-direction: column;
    }
    .contest-subjects-note .col {
        width: 100%;
    }
    .ranking-link-week {
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .ranking-link-week .col {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .home-prize .prize {
        padding: 0px;
    }
    .home-prize .ranking-link-week a {
        white-space: nowrap;
    }
    .home-prize h4 {
        font-size: 18px;
    }
    .table_show_desktop {
        overflow: auto;
    }
    .table_show_desktop {
        overflow: auto;
        font-size: 14px;
    }
    .prize-structure .justify-content-between {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .prize-structure .img-prize span {
        font-size: 35px;
        top: 3px;
    }
    .prize-structure .col {
        font-size: 13px;
    }
    .owl-news .card-img img {
        min-height: 150px;
    }
    .owl-news .card-img {
        min-height: 150px;
        max-height: 150px;
    }
    .prize-box .img-prize img {
        width: 50%;
    }
    .col:first-child .prize-box .img-prize {
        width: 100%;
    }
    .intro-content p {
        padding: 0px !important;
    }
    .time-start-game .week-day {
        padding: 8px 20px !important;
        display: flex !important;
        flex-direction: column;
    }
    .txt-header-title {
        font-size: 18px;
    }
    #Login_Modal h5 {
        font-size: 15px;
    }
    .content-footer p {
        margin-bottom: 0px;
        line-height: 28px;
    }
    button.navbar-toggler {
        color: #fff;
    }
    a.btn_close_modal {
        right: 5px;
        color: #000;
    }
    .remaining_week p a[href^='tel'] {
        color: inherit;
    }
    a[href^='tel'] {
        color: inherit;
        text-decoration: none;
    }
    .header_top .title-header img {
        width: 100%;
    }
    .nav-top .navbar-light .navbar-toggler {
        border: none;
        box-shadow: none;
    }
    .nav-top .navbar-toggler span:before {
        background-image: none;
        content: '\f0c9';
        display: block;
        font-family: 'Font Awesome 6 Free';
        color: #fff;
        font-size: 30px;
        font-weight: 900;
    }
    .nav-top .navbar-nav li:first-child {
        display: none;
    }
    .wd-home-news .card-img-news {
        min-height: auto;
        max-height: inherit;
        margin-bottom: 10px;
    }
    .list-items-category .col-md-6:first-child {
        padding-right: 15px !important;
    }
    .list-items-category .col-md-12 .col-md-6 {
        padding: 0px !important;
        width: 50%;
        padding-top: 10px !important;
    }
    .list-items-category .col-md-12 .col-md-6 .items.items-small {
        margin: 5px;
    }
    .list-items-small .card-title a {
        padding: 10px 0px;
    }
    .top-news-content .card-items:last-child {
        border: none !important;
    }
    .list-items-large .card-items {
        padding-bottom: 0px;
        margin-bottom: 0px !important;
    }
    .list-items-large .card-items p.date {
        margin-bottom: 0px !important;
    }
    .list-items-large .card-items a {
        border-bottom: 0px;
    }
    .wd-box-document.wd-box-vbpl .title-symbol {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .wd-contents .card-img-news img,
    .wd-contents .card-title {
        height: 100%;
        min-height: inherit;
        max-height: inherit;
    }
    .wd-contents .card-items a {
        display: initial !important;
        padding-bottom: 0px;
    }
    .card-items .card-img {
        min-height: initial !important;
        max-height: initial !important;
        padding-bottom: 5px;
    }
    .NoiDung-0 .line-clamp-2 {
        max-height: inherit;
    }
    .NoiDung-0 .catparent_listitems .items img {
        width: 100%;
        height: inherit;
    }
    .NoiDung-0 .catparent_content_left {
        width: 100%;
        max-height: inherit;
        max-width: 100%;
    }
    .NoiDung-0 .catparent_module .title_catparent {
        margin-top: 0px;
    }
    .NoiDung-0 .lasted-post ul {
        padding: 0px 15px;
    }
    .NoiDung-0 .lasted-post ul a {
        color: #2377f5;
    }
    .TinTuc-2 .wd-r-category-news {
        padding: 0;
        border-left: none;
        padding-top: 0px;
    }
    .TinTuc-8 .items-large .desc-position-index {
        margin: 20px 10px;
    }
    .TinTuc-8 .items-large .desc-position-index p {
        display: none;
    }
    .TinTuc-8 .items-large .desc-position-index h6 {
        padding-left: 15px !important;
        line-height: 25px;
    }
    .TinTuc-8 .items-large .desc-position-index h6 a {
        padding-left: 0px;
    }
    .TinTuc-8 .list-items-category .col-md-12:last-child .col-md-3 {
        width: 50%;
    }
    .TinTuc-8 .list-items-category .col-md-12:last-child .col-md-3 .items items-small {
        margin-bottom: 10px;
    }
    .ft-bt-right .social h4 {
        margin: 15px 0px;
        font-size: 13px;
    }
    .statistical p {
        padding: 5px;
        margin: 2px 0px;
    }
    .VanBan-2 .list-item-doc .items {
        padding: 10px;
    }
    .list-releated .items .img {
        height: initial;
    }
    .TinTuc-5 .card-items .col-md-3 {
        height: inherit;
    }
    .NoiDung-0 .content-meta-content img {
        width: 100% !important;
        height: inherit !important;
    }
    .TinTuc-3 .list-items-category .items-small img {
        height: inherit;
    }
    span.view-more a {
        font-size: 13px !important;
    }
    .btn-login-sign-in-users,
    .nav-item.nav-item-users {
        margin: 10px 0px !important;
    }
    .body-template-1 .header_top {
        display: inline-block;
        min-height: 120px;
        background-position: left;
    }
    .body-template-1 .img-header img {
        opacity: 0;
    }
    .body-template-2 .header_top {
        background: initial;
        position: relative;
        min-height: 115px;
    }
    .body-template-2 .header_top .img-header img {
        min-height: 80px;
        object-fit: cover;
    }
    .navbar-desktop {
        display: none;
    }
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 5px 0px;
    }
    .form-search-header {
        margin: 0;
    }
    .navbar-mobile .navbar-pull-right {
        display: flex;
    }
    .navbar-mobile .nav-item-users,
    .navbar-mobile .btn-login-sign-in-users {
        margin: 5px !important;
    }
    .navbar-mobile .btn-login-sign-in-users {
        white-space: nowrap;
    }
    .TinTuc-9 .list-items-large .card-items {
        height: 250px;
        overflow: hidden;
    }
    .content-details .content-meta-content img {
        width: 100% !important;
        height: inherit !important;
    }
    .pull-right .btn-fs-text-fontsize {
        margin-left: 0px;
        position: fixed;
        bottom: 50%;
        display: flex;
        flex-direction: column;
        background: #eeececb8;
        padding: 5px 8px;
        right: 0;
        align-items: center;
        z-index: 99;
    }
    .content-details .btn-fs-text-fontsize i {
        font-size: 25px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .content-details .pull-right {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
    }
    .btn-fs-text-voice {
        margin-left: 0px;
    }
    .layout-wd-td .view-more {
        display: none;
    }
    .nav-items-line .btn-login-sign-in-users {
        display: none !important;
    }
    .LienKet-4 .right-adver-portal a {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .TinTuc-11 .list-items-small .col-md-4 {
        width: 50%;
    }
    .nav-items-line .justify-content-end {
        justify-content: center !important;
        display: flex;
        align-items: center;
    }
    .date-weather-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .date-weather-nav .txt-date,
    .date-weather-nav .txt-weather {
        padding-right: 0px;
        font-size: 12px;
    }
    .tabs-widget .tab-contents .card-img {
        max-height: inherit !important;
    }
    .Album-1 {
        margin-bottom: 10px;
    }
    .nav-item.dropdown .dropdown-menu {
        display: block !important;
        background: #ffffff14;
        box-shadow: none;
        border: 1px solid #b7b7b70d;
    }
    .dropdown-menu .nav-item.dropdown ul.dropdown-menu {
        display: block;
    }
    .nav-item.dropdown .dropdown-menu li:first-child {
        display: block;
    }
    .nav-item.dropdown .dropdown-menu {
        padding-left: 10px;
        padding-right: 10px;
        background: #ffffff0d;
    }
    .nav-item.dropdown .dropdown-menu a {
        border-bottom: 1px solid #ffffff0d;
    }
    .nav-item.dropdown .dropdown-menu li a,
    .nav-item.dropdown .dropdown-menu li a:hover,
    .nav-item.dropdown .dropdown-menu li a:active {
        color: #dad7d7 !important;
    }
    .nav-item.dropdown .dropdown-menu .nav-link.dropdown-toggle {
        color: #dad7d7 !important;
    }
    .dropdown-menu .dropdown-item {
        border: none;
    }
    .mainsubnav .sub-menu {
        display: block !important;
        position: relative;
        color: #333;
        z-index: 999;
        left: 0;
        border: none;
        background: #f7f7f76b;
        box-shadow: none;
    }
    .toggle-right > a::after {
        content: '\f078';
    }
    .thefirst.toggle-right ul.sub-menu li a {
        padding-left: 30px;
        font-weight: 100;
    }
    .toggle-right .sub-menu > li > a::before {
        content: '\f0da';
        display: inline-block;
        text-align: right;
        right: 5px;
        font-family: 'Font Awesome 6 Free';
        font-size: 10px;
        font-weight: 600;
        margin-right: 5px;
        color: #9f9f9f;
    }
    .tabs-widget-news-index .data-content-index {
        display: none;
    }
    .tab-contents .tabs-list-items .card-body {
        padding: 5px 0px;
    }
    .tabs-widget-news-index .tab-contents {
        margin-top: 0px;
    }
    .tabs-widget-news-index .tab-button-outer {
        display: block;
    }
    .work-schedule-header .nav_top {
        display: inherit;
    }
    .work-schedule-header .nav_top .nav_calendar {
        flex-direction: column;
    }
    .nav_calendar li:nth-child(1) {
        width: 100%;
        background: #fff;
        text-align: center;
        border-radius: 5px;
        font-weight: bold;
    }
    .nav_calendar li:nth-child(2) {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        margin: 15px 0px;
    }
    .layout-wd-7 .page-content .title_catparent h4::after {
        bottom: 0px;
        right: 40% !important;
    }
    .layout-wd-7 .LienKet-1 .title-category::after,
    .layout-wd-7 .Album-1 .title-category::after,
    .layout-wd-7 .Album-2 .title-category::after,
    .layout-wd-7 .Album-3 .title-category:after,
    .layout-wd-7 .TinTuc-12 .title-category:after,
    .layout-wd-7 .TinTuc-13 .title-category:after,
    .layout-wd-7 .TinTuc-14 .title-category:after,
    .layout-wd-7 .TinTuc-3 .title-category:after,
    .layout-wd-7 .TinTuc-7 .title-category:after,
    .layout-wd-7 .TinTuc-4 .title-category:after,
    .layout-wd-7 .TinTuc-8 .title-category:after {
        right: 2% !important;
    }
    .Footer-2 .statistical p {
        width: 100% !important;
    }
    .Footer-2 .statistical p:last-child {
        border-bottom: none !important;
    }
    .wd-section-header .Header-2,
    .wd-section-header .Header-2 .container,
    .wd-section-header .Header-2 .container .col-md-8 {
        padding: 0px !important;
    }
    .wd-section-header .Header-2 .header_banner .banner-title {
        z-index: 9;
        padding: 10px;
    }
    .wd-section-header .Header-2 .header_banner {
        min-height: inherit !important;
        overflow: hidden;
    }
    .wd-section-header .Header-2 .navbar-desktop-banner {
        display: none;
    }
    .wd-section-header .banner-container a.logo img {
        width: 70px !important;
    }
    .layout-wd-6 .VanBan-3 h4 > a,
    .layout-wd-6 .VanBan-2 h4 > a,
    .layout-wd-6 .VanBan-1 h4 > a {
        max-width: 100% !important;
    }
    /*---HEADER---*/
    .Header-1 .header_banner,
    .Header-2 .header_banner {
        min-height: inherit !important;
        overflow: hidden;
        display: block;
    }
    .header_banner .banner-title {
        left: 0;
        right: 0;
    }
    .header_banner .col-md-4 .banner-container {
        position: absolute;
        z-index: 9;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
    }
    /*---END HEADER---*/
    /*--Foooter---*/
    .Footer-1 .ft-bt-left,
    .Footer-1 .ft-bt-right {
        width: 100%;
    }
    .Footer-2 .ft-left,
    .Footer-1 .ft-bt-left {
        margin-bottom: 10px;
    }
    .Footer-2 .ft-left h4,
    .Footer-1 .ft-bt-left h4 {
        line-height: 32px;
    }
    .Footer-1 .ft-bt-left,
    .Footer-1 .ft-bt-right {
        width: 100% !important;
    }
    /*--END Foooter---*/
    /*--tab-widget-18---*/
    .tab-widget-18 .tab-contents .col-md-3 {
        width: 50%;
    }
    .TinTuc-5 .list-items-small,
    .tab-widget-18 .tab-contents .col-md-3 .items-card {
        margin: 5px;
    }
    .TinTuc-12 .tabs-list-items .items .col-md-2,
    .TinTuc-14 .tabs-list-items .items .col-md-4,
    .tab-widget-17 .tabs-list-items .items .col-md-2,
    .TinTuc-5 .list-items-small .card-items .col-md-3,
    .TinTuc-1 .card-items .col-md-5 {
        width: 33.3%;
    }
    .TinTuc-12 .tabs-list-items .items .col-md-10,
    .TinTuc-14 .tabs-list-items .items .col-md-8,
    .tab-widget-17 .tabs-list-items .items .col-md-10,
    .TinTuc-5 .list-items-small .card-items .col-md-9,
    .TinTuc-1 .card-items .col-md-7 {
        width: 66.6%;
    }
    .TinTuc-12 .tabs-list-items .items .col-md-10 .card-body,
    .TinTuc-14 .tabs-list-items .items .col-md-8 .card-body,
    .tab-widget-17 .tabs-list-items .items .col-md-10 .card-body {
        padding: 8px;
    }
    .TinTuc-14 .tabs-list-items .items {
        padding: 5px 0px;
    }
    /*--END tab-widget-18---*/
    .Album-3 .gallery-thumb-item {
        overflow: hidden;
    }
    .navbar-pull-right .box-search-nav input {
        border: 1px solid #f2f2f24a;
        border-radius: 5px;
    }
    .navbar-pull-right .box-search-nav {
        display: block !important;
    }
}

/*------Media Phone Screen-----*/

/*-----------------------END -----------MEDIA RESPONSE--------------------*/