@media(max-width: 1640px){
    .container {width: calc(100% - 40px)}
    .col_left {width: calc(100% - 370px)}
    .col_right {width: 330px}
    .menu_footer a {margin: 10px 50px 0 0}
    .tab_library {top: 50px}
    .slide_library .title {margin-top: 80px}
}
@media(max-width: 1366px){
    .list_NewsType1 {margin-bottom: 80px}
    .list_NewsType2 .left {width: calc(50% - 20px);margin-right: 40px}
    .list_NewsType2 .right {width: calc(50% - 20px)}
    .list_NewsType2 .right .imgc {width: 200px}
    .list_NewsType2 .right .info {width: calc(100% - 220px)}
    .list_NewsType2 .right .title {font-size: 18px;line-height: 24px;max-height: 96px;margin-bottom: 10px}
    .wrap_detail {padding: 30px 40px}
    .list_mostViews .item {padding: 20px 0}
}

@media(max-width: 1199px){
    .container {min-width: 0}
    #header .top {padding: 80px 0 20px 0}
    #header .mn_left li, #header .mn_right li {margin-right: 10px}
    #header .mn_left a, #header .mn_right a {font-size: 14px}
    #header .top .container {position: static}
    #header .logo {position: absolute;top: 10px;left: calc(50% - 73px)}
    #header .lang {top: 30px;right: 20px}
    #header .mn_left, #header .mn_right {margin: 0;width: 42%;display: flex;justify-content: space-between}
    #header .mn_left {width: 55%}
    #header.header_home {padding-top: 122px}
    .info_noLogin {bottom: 10px}
    .col_left, .col_right {width: 100%}
    .col_right {margin-bottom: 50px}
    .cate_Title, .big_Title {margin-bottom: 20px}

    .list_newsHome .item:first-child .title, .slide_videoHome .title, .slide_library .title {font-size: 28px;line-height: 36px}
    .list_newsHome .title {font-size: 20px;line-height: 28px;max-height: 84px}
    .list_newsHome .desc {font-size: 16px;line-height: 24px;max-height: 48px}
    .list_newsHome .item:first-child .info, .slide_videoHome .info, .slide_library .info {width: calc((100% - 60px)/3);margin-right: 30px}
    .list_newsHome .item {width: calc((100% - 60px)/3);margin: 0 0 30px 30px}
    .slide_videoHome .title {margin: 30px 0 20px}
    .newsHome .cate_Title, .videoHome .cate_Title, .libraryHome .cate_Title {width: calc((100% - 60px)/3)}
    .list_newsHome .item:first-child .imgc, .slide_videoHome .imgc, .slide_library .imgc {width: calc((100% - 60px)*2/3 + 30px)}
    .list_productHome .title {font-size: 20px;line-height: 30px;max-height: 90px}

    .list_mostViews .item {margin-right: 30px;padding-top: 0}
    .list_mostViews .slick-list {width: 80%;overflow: visible}

    .podcast_Right {width: calc((100% - 80px)/3 - 10px);float: left}
    .reels_Right {width: calc((100% - 80px)*2/3 + 40px);float: right}
    .banner_Right {clear: both}
    .list_reels {padding-bottom: 30px;border-bottom: 1px solid #d9d9d9}
    .list_reels .slick-list {width: calc(100% + 40px)}
    .list_reels .imgc {margin: 0 40px 0 0}
    .list_reels .imgc .reset {padding: 40px 20px 20px 20px}
    .list_reels .imgc .title, .list_podcast .title {font-size: 20px;line-height: 30px;max-height: 60px;overflow: hidden}
    .list_banner .slick-list {width: 82%;overflow: visible}
    .list_banner .imgc {margin: 0 30px 0 0}
    .list_readNews .slick-list {width: 82%;overflow: visible}
    .list_readNews .item {margin-right: 60px;padding-top: 0}
    .menu_footer span {display: block;float: none;margin-bottom: 50px}
    .menu_footer {text-align: left}
    .menu_footer a {margin: 0 8% 0 0}
    .menu_footer a:last-child {margin-right: 0}
    #header .big_text {padding: 70px 0 50px 0;text-indent: 0}
    #header .info_noLogin .bot_menu {padding: 0;border: none}
    .info_noLogin .bot_menu ul {border: 1px solid var(--main-color);box-sizing: border-box}
    .list_NewsType1 .title {font-size: 28px;line-height: 38px}
    .wrap_detail {padding: 25px 30px}
    .list_other .title {font-size: 20px;line-height: 30px}
    .wrap_podcast {padding: 40px 20px}
    .list_podcast.type1 .item {width: calc((100% - 60px)/3);margin: 0 0 40px 30px}
    .list_podcast.type1 .title {max-height: 90px}
    .list_podcast.type2 .title {overflow: visible;max-height: none;font-size: 28px;line-height: 38px}
    .list_podcast.type2 .info {width: calc(50% - 30px)}
    .list_podcast.type2 .imgc {margin-right: 50px}
    .list_podcast.type2 .item:nth-child(2n+1) .info {margin-right: 50px}
    .banner_podcast .imgc {width: 400px}
    .banner_podcast .info {width: calc(100% - 440px)}
    .banner_podcast .date_view .date {margin-left: 50px}
    .list_reelsType1 .item {width: calc((100% - 60px)/3);margin: 0 0 50px 30px}
    .list_reelsType1 .title {margin: 20px 0;font-size: 20px;line-height: 30px}
    .list_video .item {width: calc(50% - 30px);margin: 0 0 60px 60px;padding-bottom: 20px}
    .list_video .title {font-size: 26px;line-height: 36px;margin: 20px 0 30px 0}
    .title_Video {position: static;display: block;margin-bottom: 20px}
    .slideYoutube .iframeVideo, .slideYoutube .imgc0 {max-width: calc(100% - 120px)}
    .cate_library {padding: 30px 0 60px 0}
    .cate_News {padding: 18px 20px}
    .cate_News a, .cate_News span {font-size: 28px;line-height: 38px}
    #header.header_home .big_text {padding: 0}
    .info_noLogin .bot_menu {padding: 0;border: none}
    .slide_menu .info_noLogin .bot_menu .mainMN {border-color: white;padding: 10px;margin-right: 25px}
    #header.header_home .big_text {text-indent: 30px}
    #header {padding-top: 120px}
    #header .info_noLogin .category span {margin-top: 11px}
    .slide_menu .category {margin-top: 12px}
    .slide_menu .sub_cate {top: calc(100% + 10px)}
    #header .info_noLogin .bot_menu .mainMN {padding: 10px}
}
@media(max-width: 993px){
    .slide_library .title {max-height: 144px;overflow: hidden}
    .date_view {font-size: 14px}
    .list_mostViews .slick-list {width: 70%}
    .menu_footer a {font-size: 18px;margin-right: 5px}
    .list_newsHome .item:first-child .title, .slide_videoHome .title, .slide_library .title {max-height: 180px}
    .info_noLogin .bot_menu a {font-size: 15px}
    .info_noLogin .date {font-size: 16px}
    #header .big_text {padding: 50px 0 10px 0}
    .list_NewsType2 .right .imgc {width: 140px}
    .list_NewsType2 .right .info {width: calc(100% - 160px)}
    .list_NewsType2 .right .title {max-height: 72px}
    .list_NewsType2 .right .item {padding: 20px 0}
    .banner_podcast .imgc {width: 300px}
    .banner_podcast .info {width: calc(100% - 330px)}
    .banner_podcast .chanelSocial .imgc0 {margin: 0}
    .list_video .date_view {font-size: 16px}
    .list_video .date_view .date {margin-left: 30px}
    .list_video .btn a {font-size: 20px;margin-left: 30px}
    #header .info_noLogin .category span {margin-top: 12px}
}
@media(max-width: 767px){
    .container {width: calc(100% - 20px)}
    .slide_menu {margin-bottom: 20px}
    #header .info_noLogin .bot_menu .mainMN {margin-right: 0}
    .info_noLogin .bot_menu .mainMN a {font-size: 15px}
    #header .mn_left, #header .mn_right, #header .search {display: none}
    #header .top {padding: 60px 0 0 0}
    #header .logo {top: 5px;left: calc(50% - 60px)}
    #header .logo .imgc0 {width: 120px}
    #header .logo .imgc0:before {padding-bottom: 47px}
    #header .lang {top: 20px}
    #header .bot {padding: 4px 0}
    #header .big_text, #header.header_home .big_text {display: none}
    #header, #header.header_home {padding-top: 61px}
    #header.header_home .bot .container {padding: 0 !important;border-top: none}
    #header .category {z-index: 12;position: fixed;top: 21px;left: 20px}
    #header .category .sub_cate {top: calc(100% + 17px);right: auto;left: -10px;width: 250px;max-height: calc(100vh - 61px);overflow: auto}
    #header .sub_cate li {padding: 10px 15px}
    #header .sub_cate a {font-size: 16px}
    #header .account {float: left}
    #header .info_noLogin .bot_menu {margin: 0 0 10px 0}
    #header .account .btn_acc, #header .category span {font-size: 18px}
    #header .bot .category {margin-top: 0}
    #header .bot .category span {font-size: 0}
    #header .bot .category span i {font-size: 21px}
    #header .category span {background: none;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: white;margin-top: 0}
    #header.header_home .category span {font-size: 0;-webkit-text-fill-color: var(--main-color)}
    #header.header_home .category span i {font-size: 21px}
    #header .info_noLogin .category span {margin-top: 0}
    .info_noLogin > .container {grid-template-columns: 1fr}
    .info_noLogin .search {width: 80%}
    .info_noLogin .date, .info_noLogin .wearther {display: none}
    .info_noLogin .bot_menu ul {padding: 5px 0;margin-right: 0}
    .info_noLogin .bot_menu ul li {padding: 0 2px;display: flex;align-items: center}
    .info_noLogin .bot_menu a {font-size: 14px;line-height: 18px}
    .money {margin-bottom: 20px}
    .money span, .money a {font-size: 15px}
    .newsHome .cate_Title, .videoHome .cate_Title, .libraryHome .cate_Title {width: auto;margin-bottom: 20px}
    .newsHome {margin-bottom: 20px}
    .list_newsHome {border-block: none}
    .list_newsHome .item:first-child {display: block;float: none;border-bottom: none;margin-bottom: 0}
    .list_newsHome .item:first-child .imgc {width: auto;margin-bottom: 20px}
    .list_newsHome .item:first-child .info {width: auto;margin-right: 0;border-bottom: none}
    .list_newsHome .item:first-child .title {font: 18px 'Mulish-Bold';margin: 0 0 20px 0;line-height: 24px}
    .list_newsHome .item:first-child .date_view {position: static}
    .list_newsHome .item:not(:first-child) {width: auto;float: none;padding: 15px 0;overflow: hidden;margin: 0;border-top: 1px solid #d9d9d9}
    .list_newsHome .item:not(:first-child) .imgc {width: 140px;float: left}
    .list_newsHome .item:not(:first-child) .info {width: calc(100% - 160px);float: right}
    .list_newsHome .item:not(:first-child) .title {font: 16px 'Mulish-Bold';line-height: 22px;max-height: 66px;margin: 0 0 15px 0}
    .list_newsHome .item:last-child {border-bottom: none}
    .list_newsHome .desc {display: none;margin-bottom: 10px}

    .slide_videoHome .item {display: block}
    .list_newsHome .item:first-child .imgc, .slide_videoHome .imgc, .slide_library .imgc, .list_newsHome .item:first-child .info, .slide_videoHome .info, .slide_library .info {width: auto}
    .list_newsHome .item:first-child .info, .slide_videoHome .info, .slide_library .info {margin-right: 0;padding-bottom: 25px}
    .slide_videoHome .info {padding-bottom: 0}
    .slide_videoHome {padding-bottom: 60px;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px}
    .slide_videoHome .slick-prev, .slide_library .slick-prev {left: calc(50% - 60px);bottom: 10px}
    .slide_videoHome .slick-next, .slide_library .slick-next {left: calc(50% + 20px);bottom: 10px}

    .list_productHome {background-color: transparent;padding: 0;margin-bottom: 30px}
    .list_productHome .item, .list_productHome .item:first-child {padding: 0;width: auto;float: none;padding-bottom: 15px;border-bottom: 1px solid #d9d9d9;margin-bottom: 20px}
    .list_productHome .item:first-child .imgc, .list_productHome .item:first-child .info {width: auto;float: none}
    .list_productHome .item:first-child .imgc {border: 15px solid #c3efcc;margin-bottom: 20px}
    .list_productHome .date_view {border-top: none;padding: 0}

    .libraryHome {padding-bottom: 0;border-bottom: none}
    .tab_library {position: static;text-align: center;margin-bottom: 30px}
    .tab_library a {margin: 0 30px}
    .tab_library a:not(:last-child) {margin: 0 30px}
    .slide_library {padding-bottom: 60px;border-bottom: 1px solid #d9d9d9}
    .slide_library .title {margin-top: 0}
    .slide_library .item {display: block}
    .slide_library .info {padding-top: 20px;border-bottom: 1px solid #d9d9d9}
    .list_readNews {margin-bottom: 30px}
    .list_mostViews {margin-bottom: 20px}
    .list_mostViews .item {padding-top: 20px;margin-right: 0}

    .reels_Right, .podcast_Right {width: auto;float: none;margin-bottom: 50px}
    .list_reels {padding-bottom: 0;border-bottom: none}
    .reels_Right .list_reels .slick-list {width: 82%;overflow: visible}
    .list_banner .slick-list {width: 95%}
    .list_banner .imgc {margin-right: 10px}
    .list_readNews .item {padding-top: 20px;margin-right: 0}
    .menu_footer {display: flex;justify-content:space-between;margin-bottom: 30px}
    .menu_footer span {display: none}
    .menu_footer a {display: inline-block}
    .license {padding: 10px 0}
    .license .text {width: calc(100% - 90px);font-size: 10px;padding: 4px 0}
    #page_head {bottom: 70px;width: 40px;height: 40px}
    #page_head i {font-size: 40px;line-height: 40px}
    .big_Title .reset {padding: 0 25px;min-width: 0}
    .big_Title.typeNews .reset {margin-left: 0}
    .list_NewsType1 .item {display: block;margin-bottom: 40px}
    .list_NewsType1 .imgc {width: auto;margin-bottom: 20px}
    .list_NewsType1 .info {width: auto;margin-right: 0}
    .big_Title span, .big_Title a {font-size: 30px;line-height: 40px}
    .big_Title.typeNews {text-align: center}
    .list_NewsType1 .date_view {position: static;margin-bottom: 25px}
    .list_NewsType1 .title {font-size: 24px;line-height: 34px;margin-bottom: 20px}
    .list_NewsType1 {margin-bottom: 50px}
    .list_NewsType2 {display: block;margin-bottom: 50px}
    .list_NewsType2 .left {width: 100%;margin-right: 0}
    .list_NewsType2 .right {width: 100%}
    .list_NewsType2 .right .item:first-child {padding-top: 20px}
    .wrap_detail {border-radius: 0;box-shadow: none;padding: 0;margin-bottom: 60px}
    .title_detail {font-size: 24px;line-height: 34px}
    .comment_share .cate_Title {width: auto;padding-right: 50px}
    .cate_Title .reset {padding-right: 20px}
    .form_comment textarea {height: 200px}
    .detail_content {margin-bottom: 60px}
    .list_other {border-bottom: none;margin-bottom: 30px}
    .list_other .item {width: 100%;margin: 0 0 30px 0;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9}
    .wrap_podcast {padding: 20px 0 0 0;margin-top: 0}
    .desc_cate {font-size: 18px;line-height: 26px;margin-bottom: 30px}
    .list_podcast.type1 {margin-bottom: 10px}
    .list_podcast.type1 .item {width: calc(50% - 10px);margin: 0 0 30px 20px;padding-bottom: 15px}
    .list_podcast.type1 .item:nth-child(3n+1) {clear: none;margin-left: 20px}
    .list_podcast.type1 .item:nth-child(2n+1) {clear: both;margin-left: 0}
    .list_podcast.type1 .title {font-size: 16px;line-height: 22px;max-height: 66px;margin: 10px 0 20px 0}

    .list_podcast.type2 .item {display: block;margin-bottom: 40px}
    .list_podcast.type2 .imgc {width: auto;margin-bottom: 15px}
    .list_podcast.type2 .info {width: auto;margin: 0;display: block}
    .list_podcast.type2 .item:nth-child(2n+1) .info, .list_podcast.type2 .imgc {margin-right: 0}
    .list_podcast.type2 .title {font-size: 24px;line-height: 34px;margin: 10px 0 20px 0}
    .list_podcast.type2 .date_view {position: static;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9}
    .btn_load_ajax a {font-size: 20px}
    .banner_podcast {padding: 10px 0 20px 0;margin-bottom: 40px}
    .banner_podcast .imgc {width: 100%;margin-bottom: 15px}
    .banner_podcast .info {width: 100%}
    .banner_podcast .chanelSocial .imgc0 {width: 44px;height: 44px}
    .banner_podcast .date_view .date {margin-left: 30px}
    .cmPodcast {margin-bottom: 60px}

    .list_reelsType1 .item {width: calc(50% - 10px);margin: 0 0 40px 20px}
    .list_reelsType1 .item:nth-child(3n+1) {clear: none;margin-left: 20px}
    .list_reelsType1 .item:nth-child(2n+1) {clear: both;margin-left: 0}
    .list_reelsType1 .title {font-size: 16px;line-height: 22px;margin: 10px 0 15px 0}
    .slideReels .iframeReels {max-width: calc(100% - 40px);margin: 0}
    .slideYoutube .slick-arrow, .slideReels .slick-arrow {right: -5px;width: 40px;height: 40px}
    .slideYoutube .slick-arrow:after, .slideReels .slick-arrow:after {line-height: 40px}
    .list_video .item {width: 100%;margin: 0 0 30px 0}
    .list_video .title {font-size: 20px;line-height: 30px;margin: 10px 0 15px 0}
    .slideYoutube .iframeVideo, .slideYoutube .imgc0 {max-width: calc(100% - 40px);margin: 0}
    .cate_library {padding: 10px 0 40px 0}
    .cate_library a {font-size: 20px;margin: 0 20px;padding-bottom: 10px}
    .cate_library a i {font-size: 24px;margin-right: 5px}
    .cate_library a i.fa-play-circle {font-size: 30px}

    #header .info_noLogin .bot_menu li:hover:before, #header .info_noLogin .bot_menu li.active:before {top: calc(100% + 3px)}

    .cate_News {padding: 10px 20px;margin-bottom: 20px}
    .cate_News a, .cate_News span {font-size: 20px;line-height: 30px}
    .license .container {display: block}
    .connect {display: flex;clear: both;justify-content: center;padding-top: 10px}
    .connect .imgc0 {margin: 0 5px}
    .license .container > .imgc0 {width: 80px;height: 30px}
    .col_right {margin-bottom: 0}
    .slide_menu .info_noLogin .bot_menu .mainMN {margin-right: 0}
    .slide_menu .category {display: none}
    #header.header_home .bot {display: block;padding: 0}
}