@media(max-width: 1199px){
    .container {width: calc(100% - 40px);min-width: 0}
    #open_menu {display: block;width: 30px;height: 30px;background: white  url(images/openMN.png) no-repeat center;border-radius: 3px;float: right;margin-left: 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: 80px;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: 'MB';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: 'MB';position: relative}
    #menu .hasSub > a {padding-right: 30px}
    #menu .openSub {width: 30px;height: 40px;position: absolute;top: 0;right: 0;text-align: center;color: #333;font: 30px 'MB';line-height: 38px}
    #menu .openSub:before {content:"+"}
    #menu .hasSub.show > ul {display: block}
    #menu .hasSub.show > a {background-color: #000;color: white}
    #menu .hasSub.show .openSub {color: white}
    #menu .hasSub.show .openSub:before {content:"-"}
    #header .logo {margin-left: 20PX}
    #header .right {margin-right: 20px}

    #slide_home .infoSlide {left: 20px}
    #slide_home .infoSlide, .banner .infoSlide {width: calc(100% - 40px);left: 20px}
    #slide_home .desc, .banner .desc {display: none}
    #slide_home .title, .banner .title {font-size: 32px}
    
    .list_gt .item .imgc, .list_gt .item:nth-child(2n+1) .imgc, .list_gt .item:nth-child(2n) .imgc {width: auto;float: none}
    .list_gt .info {position: static;left: 0;top: 0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);width: auto;padding: 20px 20px 40px 20px}
    .list_gt .item:last-child {padding: 20px}
    .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}
    .pageLH {width: auto;padding: 20px 0;margin: 0 0 30px 0}
    .info_ct .item {word-break: break-word}
    .pageLH .left {padding: 10px}
    #form_contact .btn a {padding: 0 15px}

    .list_sp .item {padding-bottom: 50px}
    .list_sp .imgc {width: auto;float: none !important}
    .list_sp .info {position: static;width: auto;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);padding: 20px}
    .list_da .item {width: calc(50% - 15px)}
    .list_da .item:nth-child(3n) {margin-right: 30px}
    .list_da .item:nth-child(2n) {margin-right: 0}
    .form_sp .left .title {font-size: 28px}
    .baiKhac .slick-prev {left: 0}
    .baiKhac .slick-next {right: 0}
    .welcome:before, .spHome:before {display: none}
    .fancybox-iframe {width: 700px;height: 394px}


}
@media(max-width: 767px){
    .container {width: calc(100% - 20px)}
    body {padding-top: 42px}
    #header .logo {margin: 5px 0 0 10px}
    #header .logo .imgc0 {width: 170px;height: 32px}
    #header .right {margin-right: 10px;padding-top: 7px}
    #header .search input {width: 150px}
    #open_menu {margin-left: 10px}
    #header {height: 42px}
    #menu {top: 42px}
    #slide_home .title, .banner .title {font-size: 16px;margin-bottom: 5px}
    #slide_home .slick-arrow, .baiKhac .slick-arrow, .cateSP .slick-arrow {width: 35px;height: 35px;top: calc(50% - 17px)}
    #slide_home .slick-prev, .cateSP .slick-prev {left: 5px}
    #slide_home .slick-next, .cateSP .slick-next {right: 5px}
    #slide_home .xemvd, .banner .xemvd {font-size: 13px;padding-left: 20px}
    #slide_home .xemsp {font-size: 13px;line-height: 30px;padding: 0 20px;border-radius: 15px}


    .list_ck {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);padding-top: 10px}
    .list_ck .item {width: 100%;margin-bottom: 10px;padding: 10px}
    .bao_tt .title {font-size: 22px}
    .list_cl .title {width: auto;float: none;margin-left: 0}
    .welcome {padding-bottom: 40px}
    .spHome {padding-top: 40px}
    .spHome .bao_tt .desc, .vsChon .bao_tt .desc, .tinHome .bao_tt .desc, .daHome .bao_tt .desc {padding: 0}
    .vsChon, .tinHome {padding: 30px 0}
    #footer .contact_ft, #footer .menu_ft {width: auto;float: none;margin: 0 0 30px 0}
    #footer .title {line-height: 26px}
    #fixRight {width: 30px;right: 5px}
    #fixRight a {margin-bottom: 5px}
    #fixRight a img {max-width: 30px}
    #fixRight #page_head {width: 30px;height: 30px;margin-bottom: 0;background-size: cover}
    .list_gt .title, .list_sp .title {font-size: 20px}
    .list_gt .info {padding: 20px 10px 40px 10px}
    .list_gt .xemct {font-size: 14px;line-height: 30px;padding: 0 25px 0 10px;background-position: right 10px center}
    .bao_nd {padding: 30px 0}
    .bao_tt {margin-bottom: 15px}
    .list_news:not(.slick-slider) .item {width: 100%;margin: 0 0 10px 0 !important}
    .SplitPages a {line-height: 28px;min-width: 28px;height: 28px;margin: 0 2px 5px 2px}
    .SplitPages .dau, .SplitPages .cuoi, .SplitPages .truoc, .SplitPages .sau {padding: 0 10px}
    .SplitPages {margin-bottom: 10px}
    .tt_Detail, .baiKhac .bao_tt .title {font-size: 22px}
    .commonTool .date {letter-spacing: -0.3px}
    .commonTool .date .view {margin-left: 5px}
    #CommonCuoiChiTietTin .apd {margin-bottom: 10px}
    #CommonCuoiChiTietTin .apd a {margin: 0 2px 0 0;padding: 0 10px 0 25px;background-position: left 8px center;letter-spacing: -0.5px}
    #CommonCuoiChiTietTin .apd a.prevDBT {background-position: left 7px center;padding-left: 15px}
    .commonTool .changeSize a {margin: 0 0 0 3px}
    .album_zoom .imgc {width: calc(50% - 5px);margin: 0 10px 10px 0}
    .album_zoom .imgc:nth-child(2n) {margin-right: 0}
    .info_ct .item {width: calc(50% - 5px);margin: 0 10px 20px 0}
    .info_ct .item:nth-child(2n) {margin-right: 0}
    .info_ct b {font-size: 13px}
    .pageLH .left, .pageLH .map {width: auto;float: none;margin: 0 0 30px 0}
    #form_contact .btn a {font-size: 14px}
    #form_contact .btn a:last-child {margin-right: 0}
    .pageLH .map {height: auto;margin-bottom: 0}
    .pageLH .map:before {padding-bottom: 100%}
    .list_sp .info {padding: 20px 10px}
    .list_sp .item {padding-bottom: 30px}
    .list_sp .btn {font-size: 14px;line-height: 28px;padding: 0 20px}
    .albumSP .imgc {width: calc(50% - 5px) !important;margin: 0 10px 10px 0 !important}
    .albumSP .imgc:nth-child(2n) {margin-right: 0 !important}
    .albumSP .imgc:before {padding-bottom: 66.66%}
    .list_da .item {width: 100%;margin: 0 0 10px 0}
    .form_sp .left .title {font-size: 20px;margin-bottom: 10px}
    .form_sp {padding: 30px 0}
    .form_sp .left {width: auto;float: none;margin-bottom: 40px}
    .form_sp .right {width: auto;float: none;padding: 10px}
    .form_sp .right .titlect {font-size: 15px}
    .daHome {padding: 30px 0}
    .fancybox-iframe {width: 480px;height: 270px}
    .contact_ft {overflow: hidden}
    .fanpage {width: auto;margin: 0 0 20px 0}
    .qrCode img {display: inline-block;margin-right: 10px}

    .cateSP:not(.slick-slider) .item {width: calc(50% - 5px);margin-left: 10px}
    .cateSP:not(.slick-slider) .item:nth-child(2n+1) {margin-left: 0;clear: both}
    .loiIch .item {width: auto;float: none;margin: 0 0 15px 0}
    .loiIch .title {margin-bottom: 5px}
}