@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .widget {

    padding: 35px 25px;

  }

}



@media (max-width: 1024px) {

  :root {

    --size-title: 14px;

    --size-title-main: 18px;

  }



  .wrapper-main {

    padding: 0px;

  }



  .wap_1150 {

    padding: 0 1%;

  }



  .wrapper {

    padding: 20px 0;

  }



  .list-menu,

  .header {

    display: none;

  }



  .menu__block {

    display: none;

  }



  .menu__mobi {

    display: block !important;

  }



  .menu__mobi button {

    background: var(--color-main);

    border: none;

    padding: 10px;

  }



  .menu-mobi span {

    background: none !important;

    color: #fff;

    margin-right: 10px;

  }



  .navbar-toggler-icon {

    display: flex;

    align-items: center;

    width: 100%;

  }



  .menu-mobi i {

    color: #fff;

  }



  .menu__block {

    position: sticky;

    top: 0;

    z-index: 999;

    background: #fff;

    padding: 0.25rem 0;

  }



  .hotline-mb {

    color: #fff;

    float: left;

    margin-top: 11px;

  }



  .cart__mb {

    position: fixed;

    right: 1%;

    top: 18%;

    display: flex !important;

    z-index: 99;

  }



  .title-main2 {

    margin-bottom: 1rem;

  }

}



@media (max-width: 768px) {

  .col-left-ctsp,

  .col-slider-ctsp,

  .col-thongtin-ctsp {

    width: 100%;

  }

  .col-right-ctsp {

    width: 100%;

  }

  .content-nhanxet {

    width: 100% !important;

  }



  .left {

    display: none;

  }



  .right {

    width: 100%;

  }



  .visao {

    position: unset;

  }



  .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%;

  }



  .vs__item h3 {

    font-size: 15px;

  }



  .gt__td2 {

    font-size: 25px;

  }



  .gioithieu {

    background: none;

  }



  a.dv2__item .dv2__img {

    width: 80px;

    height: 70px;

  }



  .dv2__img img {

    max-height: 45px;

  }



  .dv2__item {

    width: 49%;

    margin: 5px 0;

  }



  a.dv2__item:after {

    display: none;

  }



  .dknt-form {

    margin: 0px;

    padding: 10px;

  }



  .logodv {

    transform: inherit;

    padding-top: 20px;

  }



  .dknt-form:before {

    display: none;

  }



  .gt__right {

    margin-bottom: 0;

    width: 100%;

    padding: 10px !important;

  }



  .gioithieu {

    margin-bottom: 0px;

  }



  .prod-list {

    overflow: scroll;

    white-space: nowrap;

    justify-content: flex-start;

  }



  .content-f {

    flex-flow: wrap;

  }



  .content-f div {

    margin-bottom: 10px;

  }



  .gt__body {

    position: unset;

  }



  .slider__left {

    display: none;

  }



  .slider__right {

    width: 100%;

  }



  .slideSwiper {

    height:fit-content;

  }



  .slideSwiper__content {

    width: 95%;

  }



  .infoma__item {

    background: #cfdefc !important;

  }



  .whychooseus .title-main:after {

    display: none;

  }



  .whychooseus__inner {

    margin-top: 0px;

  }



  .connect__desc {

    position: relative;

    width: 100%;

    top: initial;

    left: initial;

    transform: initial;

    padding: 20px;

  }

  .logo_mb{
     max-width:40%;
  }

  .swiper-slide img{
     width:100%;
     height:auto;
  }
  .slideSwiper__inner{
     height:unset;
  }

}



@media (max-width: 460px) {



  .title-main h3 {

    margin-bottom: 0px;

  }



  .title-main {

    margin-bottom: 2rem;

  }



  .box-arr span {

    width: 30px;

    height: 30px;

  }



  .dv2__item {

    width: 100%;

  }



  .logodv {

    width: 70%;

  }



  .muangay {

    margin: 10px auto;

    width: 50%;

    text-align: center;

    border-radius: 0px;

    position: unset;

  }



  .tensp h1 {

    font-size: 25px;

  }



  .sodotrang {

  }

}