@media screen and (max-width: 1100px) {
  .menu-nav a {
    padding: 0px 15px;
  }
}

@media screen and (max-width: 1024px) {

  .wrap_menu_index .icon img {
    max-width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    border-radius: 50%;
    /* margin-right: 5px; */
    margin: 0 auto;
    background: #161572;
  }

  .wrap_menu_index {
    display: block;
    padding-top: 30px;
  }
.wrap_menu_index a span{
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #161472;
    font-size: 12px;
}
  .title-cart2 {
    margin-top: 20px;
  }

  .title-cart3 {
    margin-top: 20px;
  }

  .title-cart1 {
    order: 1;
  }

  .list-procart {
    order: 2;
  }

  .title-cart3 {
    order: 3;
  }

  .information-cart2 {
    order: 4;
  }

  .coupon-procart {
    order: 5;
  }

  .checkgiamgia {
    order: 6;
  }

  .money-procart {
    order: 7;
  }

  .title-cart2 {
    order: 8;
  }

  .information-cart1 {
    order: 9;
  }

  .btn-cart {
    order: 10;
  }

  .wrap-cart {
    display: flex;
    flex-wrap: wrap;
  }

  .header-top,
  .header-nav {
    display: none;
  }

  .menu {
    padding: 5px 0;
    background: #4F4DD2;
    border-radius: 0;
  }

  .menu-nav {
    display: none;
  }

  #hamburger {
    display: block;
  }

  .center-layout,
  .inner {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .footer-company {
    font-size: 28px;
  }

  .footer .col_1 {
    grid-template-columns: 37% 18% 37%;
  }

  .product__grid {
    grid-template-columns: repeat(4, calc(25% - (18px * 3 / 4)));
    grid-gap: 18px;
  }

  .product__grid2 {
    grid-template-columns: repeat(43, calc(33.33% - (18px * 2 / 3)));
    grid-gap: 18px;
  }

  .product-items__price .giamgia {
    /* display: none; */
  }

  .product-items .img .giamgia {
    display: block;
  }

  .wrap-product .right {
    width: calc(100% - 270px);
  }

  .section-cart,
  .information-cart,
  .checkgiamgia,
  .title-cart,
  .section-cart,
  .money-procart {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .header-bottom .left {
    width: 100%;
    padding: 5px;
    /* background: #0046da; */
    /* color: #fff; */
  }

  .header-bottom .right {
    /* display: none; */
    width: 44%;
    justify-content: start;
  }

  .header-bottom .center-layout {
    justify-content: center;
    flex-wrap: wrap;
  }

  .modal-dialog {
    max-width: 800px;
  }

  .header-bottom .header-logo {
    width: 100%;
  }

  .header-bottom .center-layout {
    padding: 0 !important;
  }

  .header-bottom .left div {
    /* color: #fff; */
    font-size: 18px;
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 880px) {
  .wrap-product .center-layout {
    flex-direction: column;
  }

  .wrap-product .right {
    width: 100%;
    margin-top: 10px
  }

  .ul_cat {
    display: none;
  }

  .product__grid {
    grid-template-columns: repeat(3, calc(33.33% - (18px * 2 / 3)));
    grid-gap: 18px;
  }

  .load_dk .center-layout {
    flex-direction: column;
  }

  .load_dk .right {
    width: 100%;
    margin-top: 15px;
  }

  .footer .col_1 {
    grid-template-columns: 40% 55%;
  }

  .footer .col_1 .footer-col:nth-child(1) {
    grid-column: 1/3;
  }

  .news__grid {
    grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));
  }
}

@media screen and (max-width: 768px) {
  .widget_none {
    display: none;
  }

  .mobile-button {
    display: grid !important;
  }

  body {
    padding-bottom: 40px;
  }

  .scroll-to-top {
    border-bottom: 45px;
  }

  .left-pro-detail {
    width: 100%;
    margin-right: 0;
  }

  .right-pro-detail {
    width: 100%;
  }

  #icon_lk {
    position: fixed;
    bottom: 203px;
    right: 5px;
    z-index: 99999;
  }
}

@media screen and (max-width: 700px) {
  .pd-detail__top {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }

  .copyright .center-layout {
    flex-direction: column;
    text-align: center;
  }

  .slide .custom-owl-prev,
  .slide .custom-owl-next {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .box_vs .ten {
    font-size: 11px;
  }

  .product__grid,
  .product__grid2 {
    grid-template-columns: repeat(2, calc(50% - (18px / 2)));
    grid-gap: 18px;
  }

  .news__grid {
    grid-template-columns: repeat(2, calc(50% - (20px / 2)));
  }

  .news-items .items__name a {
    font-size: 15px
  }

  .newsletter-button input[type=submit] {
    font-size: 15px;
  }
}

@media screen and (max-width: 520px) {
  .menu-search {
    max-width: 250px;
  }

  .product-items__price--new {
    font-size: 15px;
  }

  .product-items__price--old {
    font-size: 13px;
  }

  .footer .col_1 {
    grid-template-columns: 100%;
  }

  .footer .col_1 .footer-col:nth-child(1) {
    grid-column: initial;
  }

  .form-newsletter {
    flex-direction: column;
  }

  .newsletter-top {
    width: 100%;
  }

  .newsletter-button {
    margin: auto;
    margin-top: 10px;
  }
}

@media screen and (max-width: 414px) {
  .news-items .items__name a {
    font-size: 14px;
  }

  .news-items .news__mota {
    font-size: 13px;
  }

  .load_dk .left .noidung .ten {
    font-size: 18px;
  }

  .load_dk .left {
    font-size: 13px;
  }

  .footer-company {
    font-size: 25px;
  }

  .title_list {
    font-size: 18px;
  }

  .title span {
    font-size: 28px;
  }

  .product-items__name a {
    font-size: 14px;
  }

  .product-items__price--new {
    font-size: 14px;
  }

  .product-items__price--old {
    font-size: 12px;
  }

  .newsletter-top {
    grid-template-columns: 100%
  }

  .title_tc {
    font-size: 18px;
  }
}

@media screen and (max-width: 350px) {
  .copyright-right {
    display: block;
    text-align: center;
  }

  .copyright-right span {
    display: inline-block;
  }
}