@media (max-width: 575.98px) {
  .div-sanpham-chitiet {
    display: block;
  }
  .left-sanphamchitiet {
    width: 100%;
  }
  .rigt-sanphamchitiet {
    display: none;
  }
  .div-wrap-sanpham-chitiet {
    display: block;
  }
  .left-sanpham-chitiet-l {
    width: 100%;
  }
  .right-sanpham-chitiet-l {
    width: 100%;
    margin-top: 10px;
  }
  .wrap-album img {
    width: 100%;
    height: 200px;
  }
  .div-album {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
  }
  .wrap-album {
    width: calc(100% / 2);
    padding: 5px;
  }
  .slider {
    padding-bottom: 10px;
  }
  .left-sanpham-trong {
    display: none;
  }
  .right-sanpham-trong {
    width: 100%;
  }
  .wrap-div-sanpham-trong {
    padding: 5px;
    width: calc(100% / 2);
  }
  .div-wrap-sanphamtrong {
    margin: -5px;
  }
  .bgr-congtrinh {
    padding: 30px 0px;
  }
  .text-congtrinh {
    font-size: 27px;
    padding-bottom: 20px;
  }
  .bgr-tintuc {
    padding: 40px 0px;
  }
  .text-tintuc {
    padding-bottom: 30px;
  }
  .div-tintuc {
    display: block;
  }
  .left-tintuc {
    width: 100%;
    margin-bottom: 15px;
  }
  .right-tintuc {
    width: 100%;
  }
  .wrap-sanpham-danhmuc {
    width: calc(100% / 2);
    padding: 5px;
  }
  .div-sanpham-danhmuc {
    margin: -10px;
  }
  .img-sanpham-danhmuc img {
    height: 165px;
  }
  .div-wrap-sanpham-danhmuc {
    padding: 5px;
  }
  .ten-danhmuc-home {
    padding: 20px 0px;
  }
  .xemtatca-danhmuc-sanpham {
    padding: 20px 0px;
  }
  .div-camket {
    display: block;
  }
  .left-camket {
    width: calc(100%);
    margin-bottom: 15px;
  }
  .right-camket {
    width: calc(100%);
  }
  .tile-camket {
    text-align: center;
    font-size: 17px;
  }
  .img-sanpham-banchay img {
    height: 165px;
  }
  .bgr-sanpham-banchay-moi-khuyenmai {
    padding: 20px 0px 30px;
  }
  .wrap-sanpham-banchay {
    padding: 5px;
  }
  .nav-pills li {
    font-size: 10px;
  }
  .nav-pills li button {
    padding: 5px !important;
  }
  .nav-pills li:nth-child(even) {
    padding: 0px 5px;
  }
  .sanpham_home-body {
    margin-top: 30px;
  }
  .bgr-footer {
    padding: 15px 0px;
  }
  .div-footer {
    display: block;
    text-align: center;
  }
  .wrap-footer1 {
    width: 100%;
  }
  .wrap-footer2 {
    width: 100%;
  }
  .wrap-footer3 {
    width: 100%;
  }
  .title-footer {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .logo-footer img {
    width: 100px;
  }
  .contend-footer1 p {
    margin-bottom: 12px;
  }
  .xs-none {
    display: none !important;
  }
  .danhmuc_home_item_img img {
    width: 120px;
    height: 120px;
  }
  .logo img {
    height: 60px;
  }
  .right-head {
    padding-top: 7px;
    padding-right: 10px;
  }
  .navbar-form {
    margin-top: 4px;
    margin-bottom: 0;
  }
  .why_title {
    font-size: 17px;
  }
  .breadcrumb a {
    font-size: 13px;
  }
  .breadcrumb {
    display: block;
  }
  .breadcrumb li {
    display: inline-block;
  }
  .cart-option {
    display: block !important;
    text-align: center;
  }
  .product-quantity {
    margin-bottom: 10px;
    float: left;
  }
  .cart-plus-minus input {
    width: 100%;
  }
  .cart-btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
  .cart-btn2 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .box_danhmuc_title1 {
    font-size: 17px;
    width: 90%;
    top: -10px;
  }
  .chitiet_sp_hot_title {
    margin-top: 15px;
  }
  .Swiper_spct img {
    height: 75px;
  }
  .tab_sanpham .nav-item .nav-link {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 5px;
    height: 60px;
  }
  .form_dk_khuyenmai_title_head {
    font-size: 20px;
  }
  .col-left-ctsp,
  .col-slider-ctsp,
  .col-thongtin-ctsp {
    width: 100%;
  }
  .col-right-ctsp {
    width: 100%;
  }
  .content-nhanxet {
    width: 100% !important;
  }
  .chitiet_sale {
    width: 100%;
    margin-left: 0;
    margin-top: -36px;
  }
  .box_right_sp_kh {
    margin-top: 10px !important;
    position: initial;
    bottom: 0;
    left: 15px;
    right: 15px;
    margin-bottom: 30px;
  }
  .item_product_img {
    height: 185px;
  }
  .div-mxh-lienhe {
    display: block;
  }
  .bgr-mxh-lienhe-id {
    background: linear-gradient(to right, #ffffff 70%, #fff 30%);
  }
  .left-mxh-lienhe {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .right-mxh-lienhe {
    width: 100%;
  }
  .right-mxh-lienhe::after {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .div-sanpham-chitiet {
    display: block;
  }
  .left-sanphamchitiet {
    width: 100%;
  }
  .rigt-sanphamchitiet {
    display: none;
  }
  .div-wrap-sanpham-chitiet {
    display: block;
  }
  .left-sanpham-chitiet-l {
    width: 100%;
  }
  .right-sanpham-chitiet-l {
    width: 100%;
    margin-top: 10px;
  }
  .wrap-album img {
    width: 100%;
    height: 200px;
  }
  .div-album {
    display: flex;
    flex-wrap: wrap;
  }
  .wrap-album {
    width: calc(100% / 2);
  }
  .slider {
    padding-bottom: 10px;
  }
  .left-sanpham-trong {
    display: none;
  }
  .right-sanpham-trong {
    width: 100%;
  }
  .wrap-div-sanpham-trong {
    padding: 5px;
    width: calc(100% / 2);
  }
  .div-wrap-sanphamtrong {
    margin: -5px;
  }
  .bgr-congtrinh {
    padding: 30px 0px;
  }
  .text-congtrinh {
    padding-bottom: 20px;
  }
  .video_item_img {
    width: 100%;
    border-radius: 30px;
    height: 235px;
    -webkit-filter: brightness(80%);
  }
  .bgr-tintuc {
    padding: 40px 0px;
  }
  .bgr-tintuc {
    padding: 40px 0px;
  }
  .text-tintuc {
    padding-bottom: 30px;
  }
  .div-tintuc {
    display: block;
  }
  .left-tintuc {
    width: 100%;
    margin-bottom: 15px;
  }
  .right-tintuc {
    width: 100%;
  }
  .wrap-sanpham-danhmuc {
    width: calc(100% / 2);
    padding: 5px;
  }
  .div-sanpham-danhmuc {
    margin: -10px;
  }
  .img-sanpham-danhmuc img {
    height: 165px;
  }
  .ten-danhmuc-home {
    padding: 20px 0px;
  }
  .xemtatca-danhmuc-sanpham {
    padding: 20px 0px;
  }
  .div-camket {
    display: block;
  }
  .left-camket {
    width: calc(100%);
    margin-bottom: 15px;
  }
  .right-camket {
    width: calc(100%);
  }
  .tile-camket {
    text-align: center;
    font-size: 19px;
  }
  .nav-pills li {
    font-size: 10px;
  }
  .logo img {
    height: 45px;
  }
  .bgr-footer {
    padding: 15px 0px;
  }
  .div-footer {
    display: block;
    text-align: center;
  }
  .wrap-footer1 {
    width: 100%;
  }
  .wrap-footer2 {
    width: 100%;
  }
  .wrap-footer3 {
    width: 100%;
  }
  .title-footer {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .logo-footer img {
    width: 100px;
  }
  .contend-footer1 p {
    margin-bottom: 12px;
  }
  .col-left-ctsp,
  .col-slider-ctsp,
  .col-thongtin-ctsp {
    width: 100%;
  }
  .col-right-ctsp {
    width: 100%;
  }
  .content-nhanxet {
    width: 100% !important;
  }
  .div-mxh-lienhe {
    display: block;
  }
  .bgr-mxh-lienhe-id {
    background: linear-gradient(to right, #ffffff 70%, #fff 30%);
  }
  .left-mxh-lienhe {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .right-mxh-lienhe {
    width: 100%;
  }
  .right-mxh-lienhe::after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .div-mxh-lienhe {
    display: block;
  }
  .bgr-mxh-lienhe-id {
    background: linear-gradient(to right, #ffffff 70%, #fff 30%);
  }
  .left-mxh-lienhe {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .right-mxh-lienhe {
    width: 100%;
  }
  .right-mxh-lienhe::after {
    display: none;
  }
  .div-sanpham-chitiet {
    display: block;
  }
  .left-sanphamchitiet {
    width: 100%;
  }
  .rigt-sanphamchitiet {
    display: none;
  }
  .wrap-album img {
    width: 100%;
    height: 200px;
  }
  .div-album {
    display: flex;
    flex-wrap: wrap;
  }
  .wrap-album {
    width: calc(100% / 3);
  }
  .left-sanpham-trong {
    display: none;
  }
  .right-sanpham-trong {
    width: 100%;
  }
  .wrap-div-sanpham-trong {
    padding: 5px;
  }
  .div-wrap-sanphamtrong {
    margin: -5px;
  }
  .wrap-sanpham-danhmuc {
    width: calc(100% / 3);
    padding: 5px;
  }
  .div-sanpham-danhmuc {
    margin: -10px;
  }
  .img-sanpham-danhmuc img {
    height: 165px;
  }
  .ten-danhmuc-home {
    padding: 20px 0px;
  }
  .xemtatca-danhmuc-sanpham {
    padding: 20px 0px;
  }
  .div-camket {
    display: block;
  }
  .left-camket {
    width: calc(100%);
    margin-bottom: 15px;
  }
  .right-camket {
    width: calc(100%);
  }
  .tile-camket {
    text-align: center;
  }
  .wrap-footer3 {
    width: 36.777778%;
  }
  .wrap-footer2 {
    width: 22.333333%;
  }
  .logo img {
    height: 45px;
  }
  .right-head_hotline {
    display: none;
  }
  .slogan .text {
    padding-left: 10px;
    padding-right: 9px;
    margin-bottom: 5px;
  }
  .nav-top a {
    display: none;
  }
  .sm-none {
    display: none;
  }
  .navbar-form {
    margin-top: 0;
    margin-bottom: 0;
  }
  .right-head {
    padding-top: 30px;
  }
  .why_item_img {
    position: inherit;
    transform: none;
    top: 0;
    left: auto;
  }
  .why_item {
    padding-left: 15px;
    padding-top: 15px;
    text-align: center;
  }
  .why_item_content {
    font-size: 14px;
  }
  .danhmuc_home_item_img img {
    width: 120px;
    height: 120px;
  }
  .nav_sub {
    width: 57%;
    overflow: auto;
    white-space: nowrap;
  }
  .nav_sub_pro_item {
    font-size: 12px;
  }
  .cart-btn {
    padding-left: 7px;
    padding-right: 8px;
    font-size: 13px;
  }
  .box_danhmuc_title1 {
    font-size: 18px;
    top: -11px;
  }
  .thoigiansale {
    display: none;
  }
  .tab_sanpham .nav-item .nav-link {
    font-size: 13px;
    height: 60px;
  }
  .box_right_sp_title {
    font-size: 13px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .col-left-ctsp {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .title-home2 {
    font-size: 18px;
  }
  .left-sanpham-trong {
    width: 28%;
  }
  .right-sanpham-trong {
    width: 70%;
  }
  .div-wrap-sanphamtrong {
    margin: -5px;
  }
  .wrap-div-sanpham-trong {
    padding: 5px;
  }
  .div-sanpham-danhmuc {
    margin: -5px;
  }
  .wrap-sanpham-danhmuc {
    padding: 5px;
  }
  .div-wrap-sanpham-danhmuc {
    padding: 5px;
  }
  .wrap-tieuchi-camket {
    padding: 5px 0px;
  }
  .wrap-footer3 {
    width: 40%;
  }
  .wrap-footer2 {
    width: 17.333333%;
  }
  .navbar-light .navbar-nav .nav-link,
  .navbar-brand {
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .icon-phone {
    margin-right: 10px;
  }
  .nav_sub {
    width: 70%;
    overflow: auto;
    white-space: nowrap;
  }
  .md-none {
    display: none;
  }
  .cart-btn {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px;
  }
  .tab_sanpham .nav-item .nav-link {
    height: 45px;
  }
  .thoigiansale {
    display: none;
  }
  .form_dk_khuyenmai_title_head {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .md-none {
    display: none;
  }
}
@media (min-width: 1400px) {
  .md-none {
    display: none;
  }
}