﻿@media (max-width: 1199px){
    body {min-width: 0}
    .khoi1170 {width: calc(100% - 40px)}
    .search_hotline {margin-right: 50px}
    #open_sub {display: block;width: 30px;height: 30px;position: absolute;top: 20px;right: 20px;background: white url(../css/header/open_sub.png) no-repeat center;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    .slide_home .slick-prev, .slide_home .slick-next {display: none !important}
    .sidebar {display: none}
    .main_content {width: auto;float: none}
    .khoi_bao .sidebar {display: block;float: none;width: auto}
    .ds_sanpham li {width: calc(50% - 13px)}
    .ykien_kh {margin-bottom: 30px}
    .ds_tin {overflow: hidden}
    .ds_tin li {float: left;width: calc(50% - 13px);margin-right: 26px}
    .ds_tin li:nth-child(2n) {margin-right: 0}
    .quangcao {overflow: hidden}
    .quangcao a {width: calc(50% - 10px);float: left}
    .quangcao a:nth-child(2n) {float: right}
    .khoi_bao {padding-bottom: 0}
    #map_canvas:before {padding-bottom: 36.5885%}
    .footer_top .khoi_ft {width: calc(50% - 13px);margin: 0 26px 30px 0}
    .footer_top .khoi_ft:nth-child(2n) {margin-right: 0}
    .dk_mail input {width: calc(100% - 60px)}
    #page_head {bottom: 270px}
    .ds_gioithieu li {width: auto;float: none;padding-right: 0}
    .tintuc .left {width: auto;float: none;margin-bottom: 30px}
    .tintuc .right {width: auto;float: none}
    #outerImageContainer {max-width: calc(100% - 50px)}
    #imageContainer img {min-width: 0;max-width: 100%}
    .gui_hs input {width: 190px}
    .nd_nhap span {width: 90px}
    .nd_nhap input[type="text"] {width: calc(100% - 112px)}
    .nd_nhap input[type="file"] {width: calc(100% - 90px)}
    .contact .left {width: auto;float: none;margin-bottom: 30px}
    .contact .right {width: auto;float: none}
    .ds_dichvu li {width: calc(50% - 13px);margin-right: 26px}
    .ds_dichvu li:nth-child(2n) {margin-right: 0}
    .ds_dichvu li:nth-child(4n-3) {clear: none}
    .ds_dichvu li:nth-child(2n-1) {clear: both}
    .dv_chinh .left {width: auto;float: none}
    .dv_chinh .right {width: auto;float: none}
    .duan_list li, .dv_cate .duan_list li {width: calc((100% - 40px)/3);margin: 0 20px 20px 0}
    .dv_cate .duan_list li:nth-child(5n) {margin-right: 20px}
    .duan_list li:nth-child(2n), .dv_cate .duan_list li:nth-child(2n) {margin-right: 20px}
    .duan_list li:nth-child(3n), .dv_cate .duan_list li:nth-child(3n) {margin-right: 0}
    .nhap_form textarea {height: 84px}
    .duan_ct .noidung {width: auto;float: none;margin-bottom: 30px}
    .duan_ct .right {width: auto;float: none;overflow: hidden}
    .slide_duan {width: calc(50% - 13px);float: left}
    .duan_ct .video_sb {width: calc(50% - 13px);float: right}
    .baikhac .duan_list li {margin-right: 20px !important}
    .duan_list .slick-list {width: calc(100% + 19px)}
    .khoi_duan .noidung {width: calc(50% - 13px);float: left}
    .khoi_duan .right {width: calc(50% - 13px);float: right}
    .main_menu {position: fixed;z-index: 10;top: 0;right: -270px;height: 100%;width: 270px;background-color: #20317f;overflow: auto;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    .main_menu > li {border-bottom: 1px solid #182561;margin-bottom: 1px;box-shadow: 0 1px #283c9b}
    .main_menu > li.hasSub {background: url(../css/header/cong.png) no-repeat right 10px top 13px}
    .main_menu > li.hasSub.active {background: url(../css/header/tru.png) no-repeat right 10px top 17px}
    .main_menu > li.hasSub.active > a {border-left: 4px solid #162154}
    .main_menu > li.hasSub.active > ul {display: block}
    .main_menu > li > a {display: block;font: 16px 'robotoCondensed';color: white;line-height: 21px;padding: 8px 0 8px 15px;border-left: 4px solid transparent}
    .main_menu > li > ul {display: none;background-color: #172258}
    .main_menu > li > ul > li > a {display: block;position: relative;font: 16px 'robotoCondensed';color: #899dff;line-height: 21px;padding: 8px 10px 8px 30px}
    .main_menu > li > ul > li > a:before {content:"";display: block;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: 20px;top: 16px;background-color: #899dff}
    .main_menu.active {right: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #open_sub.active {background: white url(../css/header/close_sub.png) no-repeat center;position: fixed;right: 270px;z-index: 5}
}
@media (max-width: 767px){
    .khoi1170 {width: calc(100% - 20px)}
    .search_hotline {margin-right: 30px}
    .hotline {display: none}
    .search_input {float: right;margin: 4px 5px 0 15px}
    #open_sub {right: 10px}
    .slide_partner .khungAnh {margin: 10px}
    .ds_sanpham li {width: 100%}
    .tieude, .ds_sanpham .topic, .nhansu .tieude a {font-size: 24px}
    .ykien_kh .left {width: auto;float: none;margin-bottom: 20px}
    .ykien_kh .right {width: auto;float: none}
    .ykien_kh .left li {width: calc(50% - 20px)}
    .ykien_kh .left li:nth-child(3n-2) {clear: none}
    .ds_tin li {width: auto;float: none;margin-right: 0}
    .tintuc_home {margin-bottom: 0}
    .quangcao a {width: 100%}
    .ds_duan li {margin-right: 10px}
    .ds_duan .slick-list {width: calc(100% + 9px)}
    .ds_duan .topic {height: 105px}
    #map_canvas:before {padding-bottom: 67.1875%}
    .footer_top .khoi_ft {width: auto;float: none;margin-right: 0}
    .banquyen {line-height: 24px;padding: 5px 0}
    .banquyen .khoi1170 {text-align: center}
    .banquyen .thongke_tc {margin-right: 0;float: none}
    #page_head {width: 40px;height: 40px;right: 10px;bottom: 60px;background-size: 100% 100%}
    .khoi_bao {margin-top: 30px}
    .ds_nhansu li {margin-right: 0}
    .ds_nhansu .slick-list {width: 100%}
    .slide_news li {margin-right: 0}
    .slide_news .slick-list {width: 100%}
    .ds_nhansu .slick-prev {left: calc(50% - 150px);top: -108px;background-size: 28px}
    .ds_nhansu .slick-next {right: calc(50% - 150px);top: -108px;background-size: 28px}
    .tintuc .left .morong {padding-right: 0}
    .tintuc .left li {padding-right: 5px}
    .ds_gioithieu .khungAnh {width: 43%;margin-right: 15px}
    .ds_gioithieu .detail {max-height: 120px;overflow: initial}
    .ds_gioithieu .topic {font-size: 20px}
    .thongke {font-size: 11px}
    .thongke_ngay {margin-left: 5px}
    .NormalSize, .thongke_ngay span, .thongke_luotxem span, #CommonCuoiChiTietTin a.email, #CommonCuoiChiTietTin a.print, #CommonCuoiChiTietTin .shareItem {display: none !important}
    .gt_khac li {width: auto;float: none;margin-right: 0 !important}
    .banner:before {padding-bottom: 32.1875%}
    .loaitin .khungAnh {width: 40%;margin-right: 15px}
    .loaitin .detail {margin: 0 0 15px 0;padding-top: 10px;clear: both}
    .tinkhac li {margin-right: 0}
    .tinkhac .slick-list {width: 100%}
    .ds_anh li {width: 100%;margin-right: 0 !important}
    .ds_anh .slick-list {width: 100% !important}
    .ds_popup .khungAnh {width: calc(100% - 4px);margin-right: 0}
    #outerImageContainer {max-width: none;width: calc(100% - 30px) !important}
    #imageContainer img {width: 100% !important}
    .gui_hs input {width: calc(100% - 120px);margin-right: 0}
    .loaitin.camnhan .khungAnh {margin-right: 15px}
    .camnhan .nd_camnhan {width: auto;float: none;overflow: initial}
    .camnhan .nd_camnhan .text {padding-top: 10px}
    .nd_nhap {position: relative}
    .nd_nhap .left {width: auto;float: none}
    .nd_nhap .right {width: auto;float: none;clear: both}
    .nd_nhap .luu_y {letter-spacing: -0.5px}
    .nd_nhap textarea {margin-bottom: 50px}
    .nd_nhap .left span {display: block;width: auto;float: none;margin-bottom: 0}
    .nd_nhap input[type="text"] {width: calc(100% - 22px);float: none}
    .nd_nhap .left span:nth-child(7) {position: absolute;left: 0;bottom: 80px;width: 90px}
    .nd_nhap .left input:nth-child(8) {position: absolute;right: 0;bottom: 77px}
    .contact .diachi {line-height: 24px;margin-bottom: 0}
    .contact .cty {font-size: 21px;letter-spacing: -0.5px}
    #map_lh {height: auto;padding-bottom: 54.6666%}
    .contact .thaotac input {width: 130px}
    .contact .btn_lh {float: none;clear: both;padding-top: 10px}
    .contact .btn_lh a {padding: 0;text-align: center;width: calc(50% - 5px)}
    .contact .btn_lh a:first-child {margin-left: 0}
    #noidung_tb {width: calc(100% - 20px);left: 10px;top: 30px;transform: translateY(0);-webkit-transform: translateY(0)}
    .ds_dichvu li {width: 100%;margin-right: 0}
    .duan_list li, .dv_cate .duan_list li {width: 100%;margin-right: 0}
    .nhap_form input {width: calc(100% - 22px);margin-right: 0}
    .nhap_form select {width: 100%;margin-right: 0}
    .nhap_form span {display: block;text-align: center}
    .nhap_form a {display: inline-block;margin: auto;float: none}
    .nhap_form {text-align: center}
    .slide_duan, .duan_ct .video_sb {width: auto;float: none}
    .duan_ct .video_list .khungAnh {margin-right: 5px}
    .duan_ct .video_list .slick-list {width: calc(100% + 4px)}
    .duan_ct .video_list .slick-prev, .duan_ct .video_list .slick-next {width: 20px}
    .duan_ct .video_list {padding: 0 25px}
    .duongdan {padding: 5px 0}
    .duongdan a {line-height: 20px}
    .bao_ct {padding: 25px 0}
    .khoi_duan {padding: 20px 0}
    .khoi_duan .noidung, .khoi_duan .right {width: auto;float: none}
}