* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

.grid {
  width: 100%;
  display: block;
  padding: 0;
}

.grid.wide {
  max-width: 1200px;
  margin: 0 auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}

.row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.col {
  padding-left: 4px;
  padding-right: 4px;
}

.row.no-gutters .col {
  padding-left: 0;
  padding-right: 0;
}

.c-0 {
  display: none;
}

.c-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.c-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.c-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.c-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.c-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.c-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.c-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.c-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.c-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.c-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.c-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.c-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.c-o-1 {
  margin-left: 8.33333%;
}

.c-o-2 {
  margin-left: 16.66667%;
}

.c-o-3 {
  margin-left: 25%;
}

.c-o-4 {
  margin-left: 33.33333%;
}

.c-o-5 {
  margin-left: 41.66667%;
}

.c-o-6 {
  margin-left: 50%;
}

.c-o-7 {
  margin-left: 58.33333%;
}

.c-o-8 {
  margin-left: 66.66667%;
}

.c-o-9 {
  margin-left: 75%;
}

.c-o-10 {
  margin-left: 83.33333%;
}

.c-o-11 {
  margin-left: 91.66667%;
}

/* >= Tablet */
@media (min-width: 740px) {
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .col {
    padding-left: 8px;
    padding-right: 8px;
  }

  .m-0 {
    display: none;
  }

  .m-1,
  .m-2,
  .m-3,
  .m-4,
  .m-5,
  .m-6,
  .m-7,
  .m-8,
  .m-9,
  .m-10,
  .m-11,
  .m-12 {
    display: block;
  }

  .m-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .m-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .m-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .m-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .m-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .m-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .m-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .m-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .m-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .m-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .m-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .m-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .m-o-1 {
    margin-left: 8.33333%;
  }

  .m-o-2 {
    margin-left: 16.66667%;
  }

  .m-o-3 {
    margin-left: 25%;
  }

  .m-o-4 {
    margin-left: 33.33333%;
  }

  .m-o-5 {
    margin-left: 41.66667%;
  }

  .m-o-6 {
    margin-left: 50%;
  }

  .m-o-7 {
    margin-left: 58.33333%;
  }

  .m-o-8 {
    margin-left: 66.66667%;
  }

  .m-o-9 {
    margin-left: 75%;
  }

  .m-o-10 {
    margin-left: 83.33333%;
  }

  .m-o-11 {
    margin-left: 91.66667%;
  }
}

/* PC medium resolution > */
@media (min-width: 1113px) {
  .row {
    margin-left: -12px;
    margin-right: -12px;
  }

  .row.sm-gutter {
    margin-left: -5px;
    margin-right: -5px;
  }

  .col {
    padding-left: 12px;
    padding-right: 12px;
  }

  .row.sm-gutter .col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .l-0 {
    display: none;
  }

  .l-1,
  .l-2,
  .l-2-4,
  .l-3,
  .l-4,
  .l-5,
  .l-6,
  .l-7,
  .l-8,
  .l-9,
  .l-10,
  .l-11,
  .l-12 {
    display: block;
  }

  .l-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .l-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .l-2-4 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .l-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .l-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .l-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .l-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .l-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .l-o-1 {
    margin-left: 8.33333%;
  }

  .l-o-2 {
    margin-left: 16.66667%;
  }

  .l-o-3 {
    margin-left: 25%;
  }

  .l-o-4 {
    margin-left: 33.33333%;
  }

  .l-o-5 {
    margin-left: 41.66667%;
  }

  .l-o-6 {
    margin-left: 50%;
  }

  .l-o-7 {
    margin-left: 58.33333%;
  }

  .l-o-8 {
    margin-left: 66.66667%;
  }

  .l-o-9 {
    margin-left: 75%;
  }

  .l-o-10 {
    margin-left: 83.33333%;
  }

  .l-o-11 {
    margin-left: 91.66667%;
  }
}

/* Tablet - PC low resolution */
@media (min-width: 740px) and (max-width: 1023px) {
  .wide {
    width: 644px;
  }
}

/* > PC low resolution */
@media (min-width: 1024px) and (max-width: 1239px) {
  .wide {
    width: 984px;
  }

  .wide .row {
    margin-left: -12px;
    margin-right: -12px;
  }

  .wide .row.sm-gutter {
    margin-left: -5px;
    margin-right: -5px;
  }

  .wide .col {
    padding-left: 12px;
    padding-right: 12px;
  }

  .wide .row.sm-gutter .col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .wide .l-0 {
    display: none;
  }

  .wide .l-1,
  .wide .l-2,
  .wide .l-2-4,
  .wide .l-3,
  .wide .l-4,
  .wide .l-5,
  .wide .l-6,
  .wide .l-7,
  .wide .l-8,
  .wide .l-9,
  .wide .l-10,
  .wide .l-11,
  .wide .l-12 {
    display: block;
  }

  .wide .l-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .wide .l-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .wide .l-2-4 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .wide .l-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .wide .l-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .wide .l-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .wide .l-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .wide .l-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .wide .l-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .wide .l-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .wide .l-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .wide .l-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .wide .l-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .wide .l-o-1 {
    margin-left: 8.33333%;
  }

  .wide .l-o-2 {
    margin-left: 16.66667%;
  }

  .wide .l-o-3 {
    margin-left: 25%;
  }

  .wide .l-o-4 {
    margin-left: 33.33333%;
  }

  .wide .l-o-5 {
    margin-left: 41.66667%;
  }

  .wide .l-o-6 {
    margin-left: 50%;
  }

  .wide .l-o-7 {
    margin-left: 58.33333%;
  }

  .wide .l-o-8 {
    margin-left: 66.66667%;
  }

  .wide .l-o-9 {
    margin-left: 75%;
  }

  .wide .l-o-10 {
    margin-left: 83.33333%;
  }

  .wide .l-o-11 {
    margin-left: 91.66667%;
  }
}

/* ================================================================ */

/* Tablet & Mobile */
@media only screen and (max-width: 63.9375em) {
  .hide-on-mobile-tablet {
    display: none;
  }

  .header-hot {
    display: none !important;
  }

  .header-search_input {
    width: 120px;
  }

  .header-logo_img {
    width: 105px;
  }

  .header_nav-list {
    flex-wrap: wrap;
  }

  .modal-submit.open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32rem;
    background-color: transparent;
  }

  .slider-img {
    object-fit: contain;
    display: block;
    height: 178px;
  }

  .slider_img {
    width: 100%;
    height: 90px;
    object-fit: contain;
    border-radius: 4px;
  }

  .sale-prev {
    transform: translateX(-50%);
  }

  .product_sale-container {
    width: 140px;
  }

  .product_sale-frameimg {
    display: block;
    width: 135px;
    height: 135px;
  }

  .product_laptop-container {
    border-radius: 0;
    width: 165px;
  }

  .product_block-head--item {
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 8px 10px;
  }

  .product_clock-container {
    width: 120px;
    height: 310px;
  }

  .product_clock-frameimg {
    height: 145px;
  }

  .product_clock-img {
    height: 400px;
  }

  .modal-support {
    top: 62rem;
    left: 28rem;
  }

  .header_nav-accessory_child {
    left: 9%;
  }

  .header_nav-pc_child {
    top: 178px;
  }

  .product_collap-inputEmail,
  .product_collap-inputPhone {
    font-size: 0.8rem;
  }

  .banner-img {
    width: 825px;
    height: 44px;
    object-fit: contain;
  }

  .banner-click {
    display: none;
  }
}

/* Mobile: width < 740px */
@media only screen and (max-width: 46.1875em) {
  .hide-on-mobile {
    display: none;
  }

  .game-app-img {
    width: 390px;
    border-radius: 4px;
  }

  .header-container {
    height: 75px;
    padding: 0 0.5rem;
  }

  .header-place_content::before {
    display: none;
  }

  .header-search {
    margin: 0 1rem;
  }

  .modal-submit {
    bottom: 0 !important;
  }

  .modal-submit--container {
    width: 300px;
  }

  .header_nav-list {
    justify-content: space-evenly;
  }

  .header_nav-accessory_child--item {
    margin: 1rem 0;
  }

  .header_nav-accessory_child {
    width: 345px;
  }

  .slider-img {
    height: 146px !important;
  }

  .banner-slider {
    height: 30px !important;
  }

  .banner-img {
    width: 392px !important;
    height: 32px !important;
  }

  .product_laptop-head,
  .product_feature-head {
    display: block;
    margin-bottom: 2rem !important;
  }

  .product_feature-tags {
    margin-top: 2rem;
  }

  .product_feature-tags-link {
    display: block;
    margin-left: 1rem;
  }

  .product_clock-container {
    width: 91px !important;
    height: 315px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 0px 9rem;
  }

  .product_clock-frameimg {
    width: 180px !important;
    height: 107px !important;
  }

  .product_collap-container {
    width: 100%;
    margin-bottom: 1rem;
  }

  .product_collap-bhx--item {
    width: calc(100% / 3) !important;
  }
}

/* Tablet: width >= 740px and width < 1024px */
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
  .product_laptop-head,
  .product_feature-head {
    display: block;
    /* display: flex;
        align-items: center;
        justify-content: space-between; */
    margin-bottom: 2.5rem;
  }

  .product_feature-tags {
    margin-top: 3rem;
  }

  .product_laptop-info {
    display: grid;
    margin: 0.4rem;
  }

  .product_laptop-info_ram {
    display: block;
    border: 1px solid #e0e0e0;
    padding: 0 2.1rem;
    font-size: 1.2rem;
    color: #333;
    margin-right: 1rem;
  }

  .product_laptop-info_ssd {
    border: 1px solid #e0e0e0;
    padding: 0 2.3rem;
    font-size: 1.2rem;
    color: #333;
    margin-top: 0.6rem;
  }

  .news_info-list {
    margin-top: 2rem;
  }

  /* Kiểm tra lại width theo tỉ lệ 2 cột */
  .game-app-img {
    width: 644px;
  }

  .game-click-next,
  .game-click-prev {
    top: 28%;
  }

  .product_collap-bhx--item {
    width: calc(100% / 6) !important;
  }

  .product_collap-bhx--img {
    width: 64px;
    height: 150px;
    object-fit: contain;
  }

  .product_collap-bhx--content {
    margin: 0 !important;
  }

  .product_collap-bhx--pricePercent,
  .product_collap-bhx--priceOld,
  .product_collap-bhx--priceCurrent,
  .product_collap-bhx--name {
    font-size: 1rem;
  }

  .product_collap-bhx--btn {
    margin-top: 1rem;
  }

  .product_sale-content {
    margin-top: 2rem;
  }

  .product_sale-content1 {
    margin-left: 0;
  }

  .footer-logo_img {
    width: 130px;
  }

  .footer--website_logo_img {
    width: 160px;
  }

  .footer-list {
    margin: 1rem 0;
  }
}

/* PC old */
@media (min-width: 1024px) and (max-width: 1239px) {
}