@media(max-width: 1199px){
    .container {width: calc(100% - 40px);min-width: 0}
    #header {z-index: 11;position: relative}
    #open_menu {display: block;width: 34px;height: 34px;float: right;position: relative;margin-top: 9px;clear: both;margin-right: 18px}
    #open_menu:before {content: "";display: block;width: 17px;height: 12px;border-top: 2px solid #333;border-bottom: 2px solid #333;position: absolute;top: 8px;left: 8px}
    #open_menu:after{content: "";display: block;width: 17px;height: 2px;background-color: #333;position: absolute;left: 8px;top: 15px}
    #open_menu.active:before {height: 2px;border: none;background-color: #333;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);top: 15px;}
    #open_menu.active:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 15px}

    #menu {position: absolute;top: 100px;right: 0;width: 100%;box-sizing: border-box;z-index: 5;background-color: var(--main-color);padding: 0;margin: 0;box-shadow: -2px 2px 5px rgba(0,0,0,0.2);display: none}
    #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: white;padding: 12px 20px;font: 15px 'GB';text-transform: uppercase}
    #menu > li > a img {max-width: 24px;max-height: 20px;margin-right: 10px}
    #menu > li {border-top: 1px solid var(--other-color)}
    #menu > li:first-child {border-top: none}
    #menu ul {padding: 0;margin: 0;display: none}
    #menu ul li {border-top: 1px solid var(--other-color)}
    #menu ul a {display: block;text-decoration: none;color: white;padding: 10px 10px 10px 40px;font-family: 'GB';position: relative}
    #menu .hasSub > a {padding-right: 30px}
    #menu .openSub {width: 30px;height: 40px;position: absolute;top: 0;right: 0;text-align: center;color: white;font: 30px 'SB';line-height: 38px}
    #menu .openSub:before {content:"+"}
    #menu .hasSub.show > ul {display: block}
    #menu .openSub.show {color: white}
    #menu .openSub.show:before {content:"-"}
    #menu .subItem {display: none}
    #menu .container {width: 100%}
    #menu .titleMN {display: none}
    #menu .cateItem .title {display: block;padding: 10px 20px 10px 50px;text-decoration: none;color: white;}
    #menu .subCate {display: none}

    #slide_home .slick-prev {left: 10px}
    #slide_home .slick-next {right: 10px}
    #slide_home .info {left: 60px;padding: 10px 20px;border-radius: 10px;bottom: 30px;transform: none;-webkit-transform: none;-moz-transform: none;top: auto;clip-path: none}
    #slide_home .title {font-size: 18px}
    #slide_home .desc, #slide_home .btn {display: none}

    .gt_home .left {float: none;width: auto}
    .gt_home .right {float: none;width: auto;margin: 0 20px;padding-right: 0}

    .list_sp:not(.slick-slider) .item {width: calc((100% - 40px)/3)}
    .list_sp:not(.slick-slider) .item:nth-child(5n) {margin-right: 20px}
    .list_sp:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}
    .list_sp:not(.slick-slider) .item:nth-child(3n+1) {clear: both}
    .saleHome {margin: 100px -20px 50px -20px}

    #footer .camket .item {width: 50%}
    #footer .camket {margin-bottom: 40px}
    #footer {padding-top: 30px}
    #footer .col_ft {width: calc(50% - 15px);margin-bottom: 30px}
    #footer .col_ft:nth-child(2n) {margin-right: 0}
    #footer .col_ft:nth-child(2n+1) {clear: both}
    #footer .license {margin-top: 0}
    #fixRight {width: 35px;right: 5px}
    #fixRight .imgc0 {margin-bottom: 5px}
    #fixRight .backTop {width: 35px;height: 35px;background-size: cover;line-height: 35px}

    .col_left {width: calc((100% - 40px)/3)}
    .col_right {width: calc((100% - 40px)/3*2 + 20px)}
    .col_right .list_sp .item {width: calc(50% - 10px)}
    .col_right .list_sp .item:nth-child(3n) {margin-right: 20px}
    .col_right .list_sp .item:nth-child(2n) {margin-right: 0}
    .imgProduct, .infoProduct {width: 100%}
    .infoCM .col_3 {width: 100%;clear: both;padding-top: 30px}

    .infoCart {width: 100%}
    .listCart {width: 100%;margin-bottom: 30px}

    .list_gt .item {width: calc(50% - 10px)}
    .list_gt .item:nth-child(3n+1) {margin-left: 20px;clear: none}
    .list_gt .item:nth-child(2n+1) {margin-left: 0;clear: both}
    .bao_nd {padding: 10px 20px 0 20px}

    .infoCty {display: block}
    .infoCty .item {width: calc(50% - 10px)}
    .infoCty .item:nth-child(2n+1) {margin-left: 0;clear: both}

    .infoAccount {padding: 30px 20px}
    #formAccount .accIMG {float: none;margin: 0 auto 30px auto}
    #formAccount .accInfo {width: 100%;margin: 0}
    .infoAccount .tt_other {overflow: hidden}

    .page_dh .col_left {width: 100%}
    .page_dh .col_right {width: 100%}
    .col3 {display: none}
    .colt4, .colt3, .colt2, .colt1 {width: 120px;font-size: 15px}
    .colt1 {width: calc(100% - 420px)}
    .dangNhap, .dangKy {width: 100%;padding: 20px}

    .list_tinIndex .imgc {width: calc(50% - 10px)}
    .list_tinIndex .imgc:first-child {width: 100%}
    .list_tinIndex .imgc:nth-child(2n) {margin-left: 0}
    .bao_crHome, .crHome .list_crHome {border-radius: 15px}
    .crHome .list_dt {width: 200px}
    .crHome .list_crHome {width: calc(100% - 200px)}
    .list_crHome .imgc {width: 200px;margin: 0 0 15px 15px}
    .list_crHome .info {width: auto;float: none}
    .tinHome .newsHome {width: auto;float: none;margin-bottom: 50px}
    .tinHome .newsHome:nth-child(2n) {margin-bottom: 0}
    .list_news:not(.slick-slider) .item {width: calc((100% - 40px)/3)}
    .list_news:not(.slick-slider) .item:nth-child(4n) {margin-right: 20px}
    .list_news:not(.slick-slider) .item:nth-child(4n+1) {clear: none}
    .list_news:not(.slick-slider) .item:nth-child(3n) {margin-right: 0}

    .list_cr:not(.slick-slider) .item {width: calc((100% - 40px)/3)}
    .list_cr:not(.slick-slider) .item:nth-child(4n+1) {clear: none;margin-left: 20px}
    .list_cr:not(.slick-slider) .item:nth-child(3n+1) {clear: both;margin-left: 0}

    .list_vd:not(.slick-slider) .item {width: calc(50% - 10px)}
    .list_vd:not(.slick-slider) .item:nth-child(2n) {margin-right: 0}

    .gt_home {padding: 30px 0}
    .formHome .left, .formHome .right {padding: 20px 10px}
    .support, .ycTuvan {width: auto;float: none}
    .captcha img {margin: 0 5px}
    .formYC .captcha input {width: 130px}
    .list_ht .item {padding: 10px;margin-bottom: 10px}
    .tt_other .title, .bao_tt .titleCT {font-size: 24px}
    .slideDA {max-width: none}
}
@media(max-width: 767px){
    .container {width: calc(100% - 20px)}
    #header .top .left {display: none}
    #header .top .right {max-width: 200px}
    #menu {top: 80px}
    #header .email {display: none}
    #header .gioHang {position: absolute;top: 2px;right: 10px}
    #slide_home .slick-arrow {display: none !important}
    #slide_home .imgPC {display: none}
    #slide_home .imgMB {display: block}
    #slide_home .imgc:before {padding-bottom: 66.66%}

    .bao_tt .title {font-size: 22px;padding: 3px 15px 0 15px;line-height: 34px}
    .saleHome .saleTT img {max-width: calc(100% - 40px)}
    .saleHome {margin: 130px -10px 50px -10px}
    .bao_sale {padding: 10px}
    .saleHome .list_sp .item, .list_sp .item, .col_right .list_sp .item {width: calc(50% - 5px);margin: 0 10px 20px 0}
    .saleHome .list_sp .item:nth-child(3n), .list_sp .item:nth-child(3n), .saleHome .list_sp .item:nth-child(5n), .list_sp .item:nth-child(5n), .col_right .list_sp .item:nth-child(3n) {margin-right: 10px}
    .saleHome .list_sp .item:nth-child(2n), .list_sp .item:nth-child(2n), .col_right .list_sp .item:nth-child(2n) {margin-right: 0}

    .list_sp .linkCate {margin: 10px}
    .list_sp .title {margin: 0 10px 15px 10px}
    .list_sp .price {margin: 0 10px 15px 10px}

    #footer .camket .item {width: 100%;padding: 10px}
    #footer .col_ft {width: 100%;margin-right: 0 !important}

    .col_left {width: 100%}
    .col_right {width: 100%}

    .titleTab {overflow: hidden;padding: 10px 0}
    .titleTab a {margin-right: 15px}
    #CommonCuoiChiTietTin .right {padding-top: 10px}
    .infoCM .col_1 {width: 120px}
    .infoCM .col_2 {width: calc(100% - 140px);margin: 0;float: right}
    .itemCM .infoKH {width: 100%;margin-bottom: 10px}
    .itemCM .contentCM {width: 100%}

    .itemCart .price .thanhtien {display: none}
    .itemCart .price {float: left}

    .infoCart .bgWhite .itemTK {width: 100%;margin-right: 0}
    .itemTK select {width: 100%}

    .tabPTTT .item {font-size: 0;padding: 60px 10px 10px 10px;background-position: top 10px center !important;text-align: center}
    .tabPTTT .item:nth-child(2) {background-image: url(images/tt1.png)}
    .tabPTTT .item b {font-size: 15px}
    .btnCart a {width: calc(50% - 10px);margin: 0;padding: 0;font-size: 14px;letter-spacing: -0.4px;line-height: 40px}
    .btnCart a:first-child:before {display: none}

    .infoCty .item {width: 100%;margin: 0 0 10px 0}

    .form_lh, .map_lh {width: 100%}
    .list_gt {margin-bottom: 10px}
    .list_gt .item {width: 100%;margin-left: 0 !important;padding: 0 15px 15px 15px;margin-bottom: 10px}

    .bao_nd {padding: 20px 10px;border: none;box-shadow: none;border-radius: 0;margin: 0 -10px 40px -10px}
    .bao_nd .bao_tt .title {font-size: 28px;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0)}
    .tt_other .title {font-size: 24px}
    .road {margin-bottom: 20px}
    .infoAccount {padding: 30px 10px}
    .col1, .col2, .col4, .col5 {width: calc(50% - 40px);margin: 0 10px}
    .list_dh .item span {word-break: break-word}
    .col1, .col2 {margin-bottom: 10px}
    .col1, .col4 {width: 50%}
    .col4 {clear: both}

    .colt3, .colt2, .colt1 {font-size: 14px;width: 100px}
    .colt1 {width: calc(100% - 240px)}
    .list_ct .colt1 .imgc0 {display: none}
    .list_ct .colt1 .title {width: 100%}
    .colt4 {display: none}
    .btn_ct span {float: none;display: block;text-align: right;margin-bottom: 20px}
    .detailCart .item {width: 100%;margin-bottom: 30px}
    #header .taiKhoan {padding: 2px 10px 5px 35px;width: 200px}
    #header .taiKhoan:before {left: 5px}

    .dangKy .itemTK:nth-child(3), .dangKy .itemTK:nth-child(4), .dangKy .itemTK:nth-child(5), .dangKy .itemTK:nth-child(6), .dangKy .itemTK:nth-child(7) {width: 100%;margin-right: 0}

    .list_sp:not(.slick-slider) .item {width: calc(50% - 5px)}
    .list_sp:not(.slick-slider) .item:nth-child(2n+1) {clear: both}
    .list_sp:not(.slick-slider) .item:nth-child(3n) {margin-right: 10px}
    .list_sp:not(.slick-slider) .item:nth-child(3n+1) {clear: none}

    .list_paHome .imgc {width: calc(50% - 5px) !important;margin: 0 10px 10px 0 !important}
    .list_paHome .imgc:nth-child(2n) {margin-right: 0 !important}

    .formHome {display: block}
    .formHome .left {padding: 20px 10px;background-image: none}
    .formHome .left, .support, .formHome .right, .ycTuvan {width: auto;float: none}
    .formHome .right {padding: 20px 10px}
    .list_ht {padding-bottom: 0}
    #header .top {float: right;padding-top: 0}
    #header .hotline {display: none}
    #header .logo {float: left;margin: 7px 0 5px 10px;width: 130px;height: auto;background: none;padding-bottom: 0}
    #header .logo .imgc0:before {padding-bottom: 50px}
    #header .logo .imgc0 {width: auto}
    #header .lang {margin-top: 7px}
    #header {height: 80px}
    #header .search {margin: 5px 0 0 0;float: none;overflow: hidden;width: 200px}
    #header .search input {width: calc(100% - 30px);box-sizing: border-box}
    #open_menu {position: absolute;margin: 0;right: 8px;top: 40px}
    #slide_home .info {display: none}
    .bao_tt .titleCate {font-size: 34px}
    .list_gt .title a {padding: 5px 15px;margin-left: -15px}
    .commonTool span {margin-bottom: 5px}
    .bao_tt .titleCT {font-size: 24px;padding: 0}
    .bao_nd .bao_tt .line, .bao_tt .titleCT:before, .bao_tt .titleCT:after {display: none}

    .list_tinIndex .imgc {width: calc(50% - 5px);margin: 0 0 10px 10px}
    .list_tinIndex .imgc:first-child {width: 100%}
    .list_tinIndex .imgc:nth-child(2n) {margin-left: 0}
    .list_tinIndex .info {padding: 10px}
    .list_tinIndex .info .title {font-size: 15px;line-height: 22px;max-height: 44px;overflow: hidden}
    .list_tinIndex .imgc:not(:first-child) .date {display: none}
    .newsIndex, .newsHome, .blockNews {margin-bottom: 40px}
    .list_news:not(.slick-slider) .item {width: 100%}
    .list_news .title {height: auto}
    .list_pa:not(.slick-slider) .item {width: 100%;margin-right: 0}
    .list_pa .title {font-size: 15px;height: auto}
    .bao_Album.bao_tt .line {display: none}
    .infoCty {display: block}
    .nameCty {font-size: 34px;margin-top: 30px}
    .title_lh {font-size: 22px}
    .form_lh, .ndCate.TextSize {margin-bottom: 40px}
    .infoProduct, .ndSanPham {padding: 10px}
    .totalDH {padding: 10px;font: 16px 'GB'}
    .totalDH span {font-size: 24px}
    .infoCart .bgWhite, .itemCart {padding: 10px}
    .titleDH {padding: 15px 10px}
    #footer .nhanTin {margin-right: 50px}


    .gt_home .right {margin: 0 10px}
    .gt_home .right > .title {font-size: 22px}
    .gt_home .content {max-height: none}
    .list_gtHome .title {font-size: 16px}
    .list_tinIndex .imgc:first-child .title {font-size: 16px}

    .crHome .list_dt {width: 100px}
    .crHome .list_dt .imgc0 {margin: 20px 10px}
    .crHome .list_crHome {width: calc(100% - 100px);padding: 20px}
    .list_crHome .imgc {width: auto;float: none;margin: 0 auto 20px auto;max-width: 150px}
    .list_crHome .quote {display: none}
    .list_crHome .content {max-height: 120px;overflow: hidden;margin-bottom: 10px}
    .list_crHome .title_desc {margin-bottom: 15px}
    .list_crHome .content p {margin: 0}
    .tinHome .bao_tt .more {display: none}

    .tinHome .list_news .imgc {width: 150px}
    .tinHome .list_news .info {width: calc(100% - 160px)}
    .tinHome .list_news .date {font-size: 13px;margin-bottom: 5px}
    .tinHome {padding: 30px 0}

    .list_cr:not(.slick-slider) .item {width: 100%;margin-left: 0}
    .formCR {padding: 10px}
    .formCR .item:nth-child(2), .formCR .item:nth-child(3), .formCR .item:nth-child(4), .formCR .item:nth-child(5) {width: 100%;margin-right: 0}
    .titleLH {font-size: 24px}
    .list_gtHome .desc {max-height: none}
    .list_gtHome .item {width: calc((100% - 20px)/3);margin-right: 10px}
    .spHome, .paHome {padding: 30px 0}
    .paHome {margin-bottom: 30px}
    .bao_tt .btn {font-size: 16px}

    .qcHome {padding: 10px}
    .qcProduct {margin: 0 10px 30px 10px}
    .bao_tt .btn span {padding: 0 20px}
    .formYC .captcha input {width: 125px}

    .list_gt1 {display: block}
    .list_gt1 .item {width: auto;padding: 20px 10px}
    .list_gt1 .nd_content {position: static;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);padding: 0}
    .list_gt1 .item:before {display: none}
    .list_gt1 .title {font-size: 24px}
    .slide_gt3 .imgc {width: 150px;margin-right: 10px}
    .slide_gt3 .info {width: auto;float: none;padding: 10px}
    .gt_type3 {padding-bottom: 0}

    .list_spCate .item {width: 100%;margin: 0 10px 10px 0;padding: 10px}
    .list_spCate .imgc {width: 100%}
    .list_spCate .info {width: 100%;padding-top: 15px}
    .ndSanPham {padding: 0}
    .tt_other .more {display: none}
    .ndPopup {width: calc(100% - 20px);padding: 50px 10px 20px 10px}
    #popupSP .main_tt {font-size: 20px}
    #popupSP .small_tt {margin-top: 20px}
    .infoProduct .title {font-size: 24px}

    .list_file .title {width: 100%;margin-bottom: 10px}
    .form_lh .item {width: 100% !important}
}