@media(max-width: 1199px){
    .container {width: calc(100% - 40px);min-width: 0}

    #open_menu {display: block;width: 40px;height: 40px;background: white  url(images/openMN.png) no-repeat center;border-radius: 3px;float: right;margin: 5px 0 0 20px;background-size: 20px}
    #open_menu.active {background-image: url(images/closeMN.png)}
    .mainMN {position: relative;z-index: 6;clear: both}
    #menu {position: absolute;top: 132px;right: -310px;width: 300px;z-index: 5;background-color: white;padding: 0;margin: 0;box-shadow: -2px 2px 5px rgba(0,0,0,0.2);transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #menu.active {right: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #menu li {list-style: none;display: block;position: relative}
    #menu > li > a {display: block;text-decoration: none;color: #333;padding: 10px;font-family: 'SB';text-transform: uppercase}
    #menu > li {border-top: 1px solid #333}
    #menu ul {padding: 0;margin: 0;display: none}
    #menu ul li {border-top: 1px solid #dbdbdb}
    #menu ul a {display: block;text-decoration: none;color: #333;padding: 10px 10px 10px 25px;font-family: 'SB';position: relative}
    #menu .hasSub > a {padding-right: 30px}
    #menu .openSub {width: 30px;height: 40px;position: absolute;top: 0;right: 0;text-align: center;color: #0050b3;font: 30px 'SB';line-height: 38px}
    #menu .openSub:before {content:"+"}
    #menu .hasSub.show > ul {display: block}
    #menu .hasSub.show > a {background-color: #0050b3;color: white}
    #menu .hasSub.show .openSub {color: white}
    #menu .hasSub.show .openSub:before {content:"-"}

    #header .right a {margin-left: 20px}
    #header .right a:first-child {margin-left: 0}
    #slide_home .infoSlide {left: 20px}
    #slide_home .title {font-size: 32px;margin-bottom: 10px}
    .bao_tt .title, .tvHome .big_tt .title {font-size: 26px}
    .list_sp .item {width: calc(50% - 15px)}
    .list_sp:not(.slick-slider) .item:nth-child(3n) {margin-right: 30px}
    .list_sp:not(.slick-slider) .item:nth-child(2n) {margin-right: 0}
    .list_news .slick-prev, .list_sp .slick-prev {left: 0;opacity: 0.7;width: 34px;height: 34px;top: calc(50% - 17px)}
    .list_news .slick-next, .list_sp .slick-next {right: 0;opacity: 0.7;width: 34px;height: 34px;top: calc(50% - 17px)}
    .mxhHome .title {font-size: 20px}
    .mxhHome .desc {max-height: none}
    .formTD {margin-left: calc(50% - 360px)}
    .form_lt {background-position: left calc(50% + 260px) bottom, center}
    .list_ti .title {max-width: 220px;margin: 20px auto 10px auto}
    .list_ti .desc {max-width: 220px;margin: 0 auto 10px auto}
    #footer .mxhMap {float: left;margin-left: 30px}
    #footer .contact_ft, #footer .timeFB {width: calc(100% - 300px)}
    #footer .contact_ft, #footer .hotlineFT {margin-bottom: 30px}
    #fixRight {right: 5px}
    .list_news:not(.slick-slider) .item {width: calc(50% - 15px)}
    .list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 30px}
    .list_news:not(.slick-slider) .item:nth-child(2n) {margin-right: 0}
    .tt_Detail {font-size: 26px}
    .pageLH .right {width: calc(50% - 15px)}
    .btn_more a {width: auto;padding: 0 40px}
    .bao_cm {padding: 20px}
    #tabSP a {font-size: 14px;padding: 0 5px;letter-spacing: -0.4px}
    #tabSP .ndFix .container {width: 100%}
    #tab1 .infoSP .title {font-size: 32px}
    #tab1 .infoSP .slogan {font-size: 24px}
    #tab1 {padding: 30px 0}
    #tab1 .infoSP {width: 50%}
    .dvList .item {width: calc((100% - 60px)/3)}
    .dvList .item:nth-child(4n) {margin-right: 30px}
    .dvList .item:nth-child(3n) {margin-right: 0}
    .ndPopup .vdPopup {width: 65.78%}
    .ndPopup .imgPopup {width: 34.22%}
    .tt_SP:before {width: 50px}
}
@media(max-width: 767px){
    .container {width: calc(100% - 20px)}
    #header {height: 90px}
    #header .right {display: none}
    .search input {width: 200px;height: 35px}
    #header .logo {width: 130px;padding-top: 5px}
    #header .logo .imgc0 {height: 40px}
    .menu_TK {height: 40px;margin-top: 5px}
    .search {margin-top: 2px}
    #open_menu {width: 35px;height: 35px;margin: 2px 0 0 10px}
    .search a {width: 35px;height: 35px}
    #slide_home .title {font-size: 20px;margin-bottom: 0}
    #slide_home .desc, #slide_home .xemt {display: none}
    #slide_home .slick-arrow {width: 35px;height: 35px;top: calc(50% - 17px)}
    #slide_home .slick-prev {left: 0}
    #slide_home .slick-next {right: 0}
    .sp_home, .news_home {padding: 30px 0 10px 0}
    .list_sp:not(.slick-slider) .item {width: 100%;margin: 0 0 10px 0 !important}
    .list_sp .title {margin-left: 10px;font-size: 16px}
    .list_sp .price {width: 130px;margin-right: 10px}
    .list_sp .info {margin: 0 10px}
    .bao_tt .title, .tvHome .big_tt .title {font-size: 22px}
    .tvHome .tvList {width: 100%;margin-bottom: 30px}
    .mxhHome .item {width: 100%;margin-bottom: 10px}
    .tvHome {padding: 30px 0 0 0}
    .mxhHome {padding-bottom: 20px}
    .form_lt {background-size: 0, cover;padding: 30px 0}
    .formTD {margin-left: 0;width: 100%}
    .formTD .title_TD {font-size: 26px}
    #formTD .item:nth-child(1), #formTD .item:nth-child(2) {width: 100%}
    #formTD textarea {height: 150px}
    .tienIch {padding: 30px 0}
    #footer .contact_ft, #footer .hotlineFT, #footer .mxhMap, #footer .timeFB {width: 100%;margin: 0 0 25px 0}
    #footer .bot_ft {margin-top: 0}
    #footer .bot_ft .copyright {margin-right: 0}
    #footer .bot_ft .right {float: none;padding-top: 10px}
    #fixRight {width: 35px;bottom: 50px;right: 0}
    #fixRight a, #page_head {width: 35px;height: 35px !important;background-size: contain !important;margin-bottom: 2px !important}
    #menu {top: 90px;z-index: 6}
    .page_road {margin-bottom: 30px}
    .list_news:not(.slick-slider) .item {width: 100%;margin-right: 0}
    .tt_Detail {font-size: 22px}
    #CommonCuoiChiTietTin .apd a {margin-right: 10px}
    #CommonCuoiChiTietTin .right .shareItem {padding-top: 10px}
    .cateList a {padding: 0 10px;line-height: 32px;margin: 0 0 2px 0;letter-spacing: -0.3px}
    .list_news .title {margin: 10px}
    .commonTool .changeSize a.NormalSize {display: none}
    .album_zoom .imgc {width: calc(50% - 5px);margin: 0 10px 10px 0}
    .album_zoom .imgc:nth-child(3n) {margin-right: 10px}
    .album_zoom .imgc:nth-child(2n) {margin-right: 0}
    .cot1 {display: none}
    .cot3 {width: 90px;text-align: left}
    .cot4, .cot5 {width: 70px;text-align: left}
    .ds_cot {display: none}
    .cot2 {width: calc(100% - 20px);margin-bottom: 5px}
    .ds_file {border-top: 1px solid #ececec}
    .ds_file .item {padding: 8px 0}
    .readFile:before {padding-bottom: 100%}
    .tt_price {font-size: 14px;letter-spacing: -0.5px;line-height: 22px}
    .col1, .col2 {padding: 5px}
    .list_price .col1, .list_price .col2 {padding: 5px}
    .tt_price .col1 {border-right: none}
    .tt_price .col2 {border-left: 1px solid #ccdcf0}
    .list_price .note {padding: 20px 10px}
    .formTT {padding: 10px}
    .formTT .result {padding: 10px}
    .formTT .result .itKQ b {width: 90px}
    .formTT .result .itKQ span {width: calc(100% - 95px)}
    .formTT .title {margin-bottom: 20px}
    .pageLH .left {width: 100%;margin-bottom: 30px}
    .pageLH .right {width: 100%}
    #form_contact .item:nth-child(1), #form_contact .item:nth-child(2) {width: 100%}
    #form_contact .btn a {padding: 0 25px}
    .pageLH .right .imgc {height: auto}
    .pageLH .right .imgc:before {padding-bottom: 100%}
    .alert .title {font-size: 24px}
    .dvList .item {width: calc(50% - 5px);margin: 0 10px 30px 0}
    .dvList .item:nth-child(3n) {margin-right: 10px}
    .dvList .item:nth-child(2n) {margin-right: 0}
    .dvList .dky {top: 0}
    .banner {margin-top: -30px}
    #tab1 .imgc {width: 100%;margin-bottom: 20px}
    #tab1 .infoSP {width: 100%}
    #tab1 {padding-bottom: 0}
    #tabSP {display: none}
    #tab1 .infoSP .title {font-size: 24px}
    #tab1 .infoSP .slogan {font-size: 20px}
    .tt_SP {font-size: 20px;height: 40px;line-height: 40px}
    .tt_SP:before {height: 40px}
    .tt_SP span {width: 40px;height: 40px;font-size: 30px;line-height: 40px;border: 5px solid white;margin: -5px 10px 0 0}
    .tabsp .content {padding: 20px 0 30px 0}
    .lichsuSP .item {padding: 20px 10px}
    .slide_for {margin: 0 10px}
    .albumSP .imgc {width: calc((100% - 5px)/2)}
    .albumSP .imgc:nth-child(5n) {margin-right: 5px}
    .albumSP .imgc:nth-child(2n) {margin-right: 0}
    .vdSP .imgc {margin: 0 5px 5px 0;width: calc((100% - 5px)/2)}
    .vdSP .imgc:after {background-size: 35px}
    .bao_cm {padding: 10px 0}
}