/**
 * Tablet + Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 860px) {
/* Header */
  #masthead .account-item > a > i {
    display: none;
  }

  #masthead .mobile-nav > li {
    margin: 0 13px;
  }

  .mobile-nav .icon-menu {
    color: #000;
  }

/* Homepage */
  .mh-product-category {
    margin-bottom: 10px;
  }

  .mh-product-category h3 {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .mh-hot-deal {
    padding: 25px 0 20px;
  }

  .mh-hot-deal .title-deal {
    margin-bottom: 15px;
    font-size: 24px;
  }

  .mh-hot-deal .ux-timer-text,
  .mh-hot-deal .title-deal a {
    font-size: 16px !important;
  }

  .mh-box-connect .icon-box {
    margin: 0 10px !important;
  }

/* Footer */
  .mh-col-footer .footer-title * {
    margin: 0 0 15px;
  }

  .mh-col-footer-bottom .icon-box-img {
    margin: 0 auto;
  }

  .mh-col-footer-bottom .ux-menu {
    justify-content: center;
  }

  .copyright-footer {
    padding: 10px 0 0;
    line-height: 1.3;
  }

/* Woocommerce */
  /* Shop */
  body.single-product .mh-breadcrumbs,
  body.woocommerce.archive .mh-breadcrumbs {
    box-shadow: inset 0px -1px 0px rgb(214 213 213 / 40%);
    -moz-box-shadow: inset 0px -1px 0px rgba(214, 213, 213, 0.4);
    -webkit-box-shadow: inset 0px -1px 0px rgb(214 213 213 / 40%);
    -o-box-shadow: inset 0px -1px 0px rgba(214, 213, 213, 0.4);
  }

  .mh-shop-slide {
    margin-bottom: 30px;
  }

  .mh-shop-slide .flickity-page-dots {
    bottom: -20px;
  }

  .mh-product-category {
    margin-bottom: 0;
    margin-top: 20px !important;
  }

  .mh-banner-selling .box-text {
    padding: 10px 0 0;
  }

  .mh-banner-selling .box-text p {
    font-size: 15px;
  }

  .mh-product-seller {
    padding: 35px 0 0;
  }

  .mh-title-seller {
    font-size: 22px;
    padding: 10px;
    margin: 0 0 20px;
  }

  .mh-best-seller > p {
    font-size: 22px;
  }

  .mh-best-seller > p a {
    font-size: 15px;
  }

  .mh-filter-product {
    margin-top: 10px;
  }

  .mh-filter-product .button {
    line-height: 35px;
    min-height: 35px;
    font-size: 14px;
  }

  .mh-filter-product p {
    margin: 0 0 10px;
  }

  .mh-filter-product .button img {
    margin-right: 5px;
  }

  .category-page-row {
    padding-top: 5px;
  }

  /* Single */
  .product-main {
    padding-top: 15px;
  }

  .product-info {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .product-footer .tab-panels {
    padding: 15px 20px 20px;
  }

  .related-products-wrapper {
    margin: 20px 0 0;
  }

  .related-products-wrapper h3 {
    font-size: 18px;
  }

  .product-footer .product-tabs > li > a {
    min-width: auto;
    font-size: 15px;
  }

/* Slider */
  .mh-slider-testimonial::before {
    left: 0;
  }

  .mh-slider-testimonial .flickity-page-dots {
    bottom: -10px;
  }

  .mh-slider-testimonial .flickity-page-dots li {
    width: 20px !important;
  }

}

/**
 * Tablet
 */
@media only screen and (min-width: 560px) and (max-width: 860px) {
  .blog-archive .row > .col.post-item {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

/**
 * Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 559px) {
/* Global */
  .row-slider .flickity-prev-next-button {
    width: 30px !important;
    opacity: 1;
  }

  .row-slider .flickity-prev-next-button svg {
    padding: 9px !important;
  }

/* Homepage */
  .mh-col-slogan h2 {
    font-size: 20px;
  }

  .mh-box-connect .icon-box-img {
    width: 30px !important;
  }

  /* Nhan xet */
  .mh-col-testimonial > .col-inner > p {
    font-size: 15px;
  }

/* Footer */
  .mh-policy-item .icon-box-img {
    width: 50px !important;
  }

  .mh-col-footer-bottom .ux-menu {
    flex-wrap: wrap;
  }

  .mh-col-footer-bottom .ux-menu .ux-menu-link__link {
    padding: 0 7px;
    line-height: 1;
    margin: 7px 0;
  }

/* Blog */
  /* Related post */
  .related-post .text * {
    margin: 0 0 20px;
  }

/* Woocommerce */
  /* Shop */
  .mh-product-category .icon-box-text p {
    font-size: 14px;
    max-width: 100%;
  }

  .mh-banner-selling .box-text p {
    font-size: 13px;
  }

  .mh-hot-deal .title-deal {
    font-size: 17px;
  }

  .mh-hot-deal .title-deal img {
    width: 25px;
  }

  .mh-hot-deal .ux-timer-text {
    top: 5px;
    right: -2px;
  }

  .mh-hot-deal .ux-timer-text span {
    font-size: 13px;
    margin: 0 3px;
    line-height: 1;
    padding: 5px 6px;
  }

  .mh-hot-deal .ux-timer-text span:first-child {
    margin-left: 0;
  }

  .mh-hot-deal .ux-timer-text span strong {
    display: none;
  }

  .mh-hot-deal .title-deal a {
    font-size: 14px !important;
    top: 4px;
  }

  .mh-hot-deal .product-small.box {
    padding: 10px;
  }

  .product-small.col > .col-inner > .badge-container {
    left: 10px;
  }

  .box-text-products .label-free {
    font-size: 11px;
  }

  .box-text-products {
    padding: 10px 0 0;
  }

  .box-text-products .name {
    margin: 0 0 5px;
  }

  .box-text-products .name a {
    font-size: 15px;
    line-height: 1.3;
  }

  .box-text-products .price-wrapper > span.price > span.amount,
  .box-text-products .price-wrapper > span.price ins span {
    font-size: 15px;
    margin-right: 3px;
  }

  .box-text-products .price-wrapper > span.price del span {
    font-size: 13px;
  }

  .mh-hot-deal .product-small.box .box-text-products {
    padding-bottom: 0;
  }

  .product-small.col > .col-inner > .badge-container > .badge {
    width: 38px;
    height: 38px;
  }

  .product-small.col .on-sale {
    min-width: 38px;
    height: 44px;
    background-size: 38px;
  }

  .product-small.col .on-sale span {
    font-size: 12px;
    line-height: 1.2;
    top: -2px;
  }

  .mh-product-seller {
    padding: 35px 0 10px;
  }

  .mh-filter-product p,
  .mh-filter-product .button {
    font-size: 13px;
  }

  .mh-filter-product p {
    margin: 0 0 7px;
  }

  .mh-filter-product .button {
    padding: 0 10px;
    margin: 0;
  }

  .mh-filter-product .button img {
    margin-right: 2px;
  }

  /* Single */
  .product-info .product-title,
  .product-page-price ins span {
    font-size: 18px;
  }

  .product-page-price ins {
    margin-right: 10px;
  }

  .product-page-price del span {
    font-size: 13px;
  }

  .mh-wc-variations {
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .mh-wc-variations > .col {
    padding: 0 5px 15px;
  }

  .mh-wc-variations label {
    font-size: 12px;
  }

  .mh-wc-variations label span {
    font-size: 11px;
  }

  .mh-wc-variations input {
    width: 8px;
    margin-right: 7px;
    position: relative;
    top: 2px;
  }

  .mh-wc-variations .variations-item > .col-inner {
    padding: 5px;
  }

  .product-info .single_add_to_cart_button,
  .product-info .single_add_to_cart_button_quick {
    font-size: 12px;
    padding: 0;
  }

  .box-promotion ul {
    padding: 15px;
  }

  .box-promotion ul > li > span {
    font-size: 11px;
    top: 4px;
  }

  .box-excerpt * {
    font-size: 14px;
  }

  .box-excerpt .title {
    font-size: 16px;
    margin: 0 0 8px;
  }

  .discount-button {
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 1.3;
    padding: 0 30px 0 15px;
  }

  .discount-button i {
    top: 8px;
    right: 7px;
  }

  .product-footer .product-tabs > li {
    width: 50%;
  }

  .product-footer .product-tabs > li > a {
    min-width: auto;
    font-size: 14px;
    padding: 7px !important;
    text-align: center;
  }

  .related-products-wrapper h3 {
    font-size: 15px;
    padding: 10px;
  }

}

@media only screen and (max-width: 375px) {
/* Woocommerce */
  /* Shop */
  .box-text-products .price-wrapper > span.price {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mh-hot-deal .price del,
  .box-text-products .price-wrapper > span.price del {
    margin-top: 3px;
  }

  .mh-counpon-apply .icon-box {
    position: relative !important;
    top: 5px;
    left: 0;
  }

}

@media only screen and (max-width: 320px) {
/* Header */
  #masthead .mobile-nav > li {
    margin: 0 5px;
  }

/* Woocommerce */
  /* Shop */
  .mh-filter-product > .col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  /* Single */
  .product-info .woocommerce-variation-add-to-cart,
  .product-info form.cart:not(.variations_form) {
    flex-direction: column;
  }

  .product-info .single_add_to_cart_button,
  .product-info .single_add_to_cart_button_quick {
    width: 100%;
    margin-bottom: 10px;
  }

  .product-info form.cart {
    margin-bottom: 0;
  }

  .box-promotion ul > li {
    font-size: 13px;
  }

}