﻿@media(max-width: 1800px){
    .container {width: calc(100% - 140px)}
}
@media(max-width: 1600px){
    #header .container {width: calc(100% - 20px)}

    #footer .logo_ft {margin-right: 20px}
    #footer .info_ft {width: 440px}
    #footer .col_mnb {width: calc((100% - 850px)/2)}
    .formTV {padding: 30px}
}
@media(max-width: 1366px){
    .slick-prev {left: 0}
    .slick-next {right: 0}
}

@media(max-width: 1199px){
    #header .logo {width: 180px;height: auto;padding-top: 6px}
    #header .logo .imgc0:before {padding-bottom: 50px}
    #header .logo .imgc0:after, #header .slogan {display: none}
    #header .container {position: static}
    #wrap {padding-top: 60px}
    #header {position: fixed;top: 0;left: 0;width: 100%;background-color: white;z-index: 11;box-shadow: 0 2px 5px rgba(0,0,0,0.1)}
    #header:before {display: none}
    .container {width: calc(100% - 20px);min-width: 0}
    #header .right {position: static;background: none}
    #open_menu {display: block;width: 36px;height: 36px;z-index: 11;background-color: var(--main-color);float: right;margin-left: 10px;text-align: center}
    #open_menu:before {content: "\f0c9";font: 18px FontAwesome;color: white;line-height: 36px}
    #open_menu.active:before {content: "\f00d"}

    #menu {position: absolute;top: 100%;left: 0;width: 100%;box-sizing: border-box;z-index: 111;background-color: white;padding: 0;margin: 0;display: none;overflow: auto;box-shadow: 0 2px 5px rgba(0,0,0,0.2)}
    #menu li {list-style: none;display: block;position: relative}
    #menu > li > a {display: block;text-decoration: none;color: #000;padding: 12px 20px;font: 16px 'FB'}
    #menu > li > a img {max-width: 24px;max-height: 20px;margin-right: 10px}
    #menu > li {border-top: 1px solid #ececec}
    #menu > li:first-child {border-top: none}
    #menu ul {padding: 0;margin: 0;display: none;background-color: #f7f7f7}
    #menu ul li {border-top: 1px solid #ececec}
    #menu ul a {display: block;text-decoration: none;color: #000;padding: 10px 10px 10px 40px;position: relative}
    #menu ul ul a {padding-left: 60px}
    #menu li.display > a {background-color: var(--other-color)}
    #menu .hasSub > a {padding-right: 50px}
    #menu .hasSub.show > a {color: var(--main-color)}
    #menu .openMN {width: 40px;height: 42px;position: absolute;top: 0;right: 0;text-align: center;color: #000}
    #menu .openMN:before {content:"\f078";font: 14px FontAwesome;display: block;color: #000;line-height: 42px}
    #menu .openMN.show:before {content: "\f077"}

    .bao_tt {margin-bottom: 15px}
    .bao_tt .title {font-size: 30px;line-height: 44px}
    .list_dv .imgc span {font-size: 16px}

    .road {margin-bottom: 30px}
    .bao_nd {padding: 20px 30px}
    #footer .col_mnb {width: calc((100% - 520px)/2)}

    .list_news:not(.slick-slider) .item {width: calc((100% - 60px)/3)}
    .list_news:not(.slick-slider) .item:nth-child(4n) {margin-right: 30px}
    .list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
    .slick-prev {left: 0}
    .slick-next {right: 0}
    .list_gt .item {width: calc((100% - 60px)/3);margin-right: 30px}

    .form_ft .left {float: none;text-align: center;margin-bottom: 10px}
    .form_ft .right {float: none}
    .form_ft .right input {width: calc(100% - 210px);box-sizing: border-box}
    .form_ft .right a {width: 200px;padding: 0;text-align: center}

    #slide_home .slick-prev {left: 10px}
    #slide_home .slick-next {right: 10px}
    #footer {padding-top: 40px}

    #footer .logo_ft {float: none;margin: 0 auto 30px}
}

@media(max-width: 767px){
    #header .search {z-index: 5}
    #header .search input {width: 150px}
    #header .language a, #header .language span {font-size: 0}
    #header .language img {transform: translateY(6px);-webkit-transform: translateY(6px);-moz-transform: translateY(6px)}
    #header .container {width: calc(100% - 20px)}
    .list_sp .title {font-size: 15px}
    .dvHome {padding-top: 40px}

    .slick-prev, .tvHome .list_tv .slick-prev {left: 0}
    .slick-next, .tvHome .list_tv .slick-next {right: 0}


    #footer {padding-top: 30px}
    #footer .logo_ft {float: none;margin: 0 auto 20px auto;width: 300px}
    #footer .info_ft .item {width: auto;float: none}
    #footer .hotline {font-size: 15px;padding: 5px 10px}
    #footer .license {line-height: 24px;margin-top: 20px}

    .list_sp:not(.slick-slider) .item {width: 100%;margin: 0 0 20px 0 !important}
    #footer .info_ft, #footer .col_mnb, #footer .mxh_hotline {width: 100%;margin-right: 0}
    #footer .title {margin-bottom: 15px;line-height: 24px}
    #footer .mxh_footer {margin-top: 0}
    .bao_nd {padding: 0;box-shadow: none}
    .title_CT {font-size: 18px}
    #CommonCuoiChiTietTin .apd {float: none;padding-bottom: 10px;overflow: hidden}
    #fixRight {width: 35px;right: 5px}

    #fixRight a#page_head {width: 35px;height: 35px;line-height: 35px;font-size: 12px}
    .list_cate a {font-size: 15px;line-height: 28px;padding: 0 10px;margin: 3px}
    .road {white-space: nowrap;overflow: auto}

   
    .bao_other .title {font-size: 20px}
    .bao_other .viewAll {display: none}

    .list_news:not(.slick-slider) .item {width: 100%;margin: 0 0 20px 0}
    .list_news .title {height: auto;font-size: 15px;line-height: 22px}
    .col_left, .col_right {width: 100%;margin-bottom: 20px}

    .nameCty {font-size: 20px;line-height: 30px}
    .infoCty {display: block}
    .infoCty .item {width: 100%;padding: 10px;margin: 0 0 10px 0}
    .form_lh, .map_lh {width: 100%;margin-bottom: 30px}
    .form_lh .item:nth-child(2), .form_lh .item:nth-child(3), .form_lh .item.captcha {width: 100%}
    .map_lh .iframeMap {height: 300px}
    .nd_alert .title {font-size: 24px}
    .nd_alert {margin: 30px auto}

    .block_tv .list_tv:not(.slick-slider) .item {width: 100%;margin: 0 0 20px 0}
    .block_tv {margin-bottom: 30px}
    .list_album .imgc {border-radius: 5px;margin: 0 10px 10px 0;width: calc((100% - 20px)/3)}
    .list_album .imgc span {display: none !important}

    .bao_tt .title {font-size: 20px;line-height: 30px}


    #slide_home .slick-prev {left: 0}
    #slide_home .slick-next {right: 0}
    #slide_home .imgc:before {padding-bottom: 66.66%}
    #slide_home .imgPC {display: none}
    #slide_home .imgMB {display: block}


    #slide_home {margin-bottom: 40px}
    .gt_home .container > .imgc0 {width: 300px;float: none;margin: 0 auto 30px auto}
    .gt_home .right {width: auto;float: none}
    .list_gt {margin-bottom: 20px;text-align: center}
    .list_gt .item {width: calc((100% - 30px)/3);margin-right: 15px;}
    .list_gt .imgc0 {margin: 0 auto 10px}
    .list_gt .title {font-size: 15px}
    .gt_home {margin-bottom: 50px}
    #footer .col_mnb {margin-bottom: 20px}


    #slide_home .imgc span {display: none}
    .gt_home .btn_more {text-align: center}
    .spHome, .newsHome {margin-bottom: 50px}
    .dvHome .list_dv .item, .dvHome .list_dv .slick-current .item {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1)}
    .dvHome .list_dv {width: 100%}
    .dvHome .list_dv .slick-list {padding: 0 !important}
    .dvHome .list_dv .slick-prev {left: 0}
    .dvHome .list_dv .slick-next {right: 0}

    #footer .info_ft {margin-bottom: 30px}

    .list_news.list_lv:not(.slick-slider) .item {width: 100%;margin: 0 0 20px 0}

    .formTV {padding: 20px 10px}
    .formTV .left .item {width: 100%}
    .formTV .left .item:nth-child(2) {margin-left: 0}
    .formTV .item.captcha {width: 100%;box-sizing: border-box}
    .formTV .btn {float: none;clear: both}
    .list_cate {white-space: nowrap;overflow: auto}
    .road a {font-size: 14px}
    .slide_DA .slick-list {padding: 0 !important}
    .slide_DA .slick-prev {left: -20px}
    .slide_DA .slick-next {right: -20px}

    .nd_alert .fa-check {width: 100px;height: 100px;font-size: 60px;line-height: 100px}
}