.home-01 .flickity-slider .img > .img-inner {
  height: 100%;
}
.home-01 .flickity-slider .img > .img-inner img {
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1440px) {
  #main .home-01 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
  #main .home-07 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-01 .banner-grid {
    height: 400px !important;
  }
  .home-01 .banner-grid > .col:nth-child(1) {
    height: 400px !important;
  }
  #main .home-01 .banner-grid > .grid-col-1-2 {
    height: 200px;
  }
  .sec-product-suggestions .wrapbox-tab {
    grid-template-columns: 250px 1fr;
  }
  .mfs-header {
    grid-template-columns: 1fr 1.5fr 1fr;
  }
  .home .list_bloghome {
    grid-template-columns: repeat(2, 1fr);
  }
  .sec-bestseller .mbs-body {
    grid-template-columns: repeat(4, 1fr);
  }

  .listProduct-row.row-list-product {
    grid-template-columns: repeat(3, 1fr);
  }
  .pro-price.highlight > span:not(.pro-price-del) bdi {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .sec-bestseller .mbs-body {
    grid-template-columns: repeat(3, 1fr);
  }
  .home-02 .row > .col {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-02 .mfs-container{
    padding: 10px;
  }
  .section.home-03 .section-content {
    overflow: hidden;
  }
  .section.home-03 .row.swiper-wrapper {
    flex-wrap: nowrap !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .section.home-03 .col.swiper-slide {
    max-width: none !important;
    flex: 0 0 auto !important;
    width: auto;
    padding-bottom: 0 !important;
  }
  .sec-product-suggestions .wrapbox-tab,
  .home .list_bloghome {
    grid-template-columns: 1fr;
  }
  .home-01 .banner-grid {
    height: 380px;
  }
  .home-01 .banner-grid > .col:nth-child(1) {
    height: 220px !important;
  }
  #main .home-01 .banner-grid > .grid-col-1-2 {
    height: 155px;
    width: 50%;
    padding-bottom: 0;
  }
  #main .home-01 .banner-grid > .grid-col-1-2:nth-child(3) {
    top: 230px;
    right: 0;
  }
  #main .home-01 .banner-grid > .grid-col-1-2 img {
    border-radius: 12px;
  }
  .home-01 .banner-grid > .col > .col-inner {
    border-radius: 12px;
    overflow: hidden;
  }
  .mfs-header {
    grid-template-columns: repeat(3, auto);
  }
  .mfs-header .mfs-title {
    min-width: unset;
  }
  #footer .footer-1 > .row {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  #footer .footer-1 > .row::after {
    content: none !important;
  }
  footer .footer-form .section-content > .row .formft-register form > input {
    min-width: fit-content;
  }
  #footer .footer-form .row .img.has-hover {
    width: 100%;
  }
  footer
    .footer-form
    .section-content
    > .row
    .formft-register
    form
    > span.wpcf7-form-control-wrap {
    max-width: 50%;
  }
  footer .footer-form .section-content > .row .formft-register form {
    justify-content: flex-end;
  }
  #footer .footer-2 > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #footer .footer-1 > .row > .widget > div:last-child{
    display: none;
  }
  #footer .footer-1 > .row > .widget .widget-title{
    position: relative;
    cursor: pointer;
    margin-bottom: 6px;
  }
  #footer .footer-1 > .row > .widget .widget-title:after{
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    transition: transform 0.3s ease;
  }
  #footer .footer-1 > .row > .widget .widget-title.active:after{
    transform: rotate(180deg);
  }
  .slider-nav-light .flickity-prev-next-button .arrow,
  .slider-nav-light .flickity-prev-next-button svg {
    fill: var(--main-color) !important;
  }
}
@media only screen and (max-width: 601px) {
  .sec-bestseller .mbs-body,
  .listProduct-row.row-list-product {
    grid-template-columns: repeat(2, 1fr);
  }
  .mfs-header {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 6px;
  }
  #footer .footer-form .img-inner img {
    border-radius: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .home-07 .img-mobile img {
    border-radius: 12px;
  }
  #footer .footer-form .row .img.has-hover {
    width: 50%;
    margin: 0 auto;
  }
  footer .footer-form .section-content > .row {
    flex-direction: column;
    gap: 16px;
  }
  footer
    .footer-form
    .section-content
    > .row
    .formft-register
    form
    > span.wpcf7-form-control-wrap {
    max-width: 100%;
  }
  #footer .footer-2 > .row {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  footer > .footer-2 .block_widget {
    align-items: flex-start;
  }
  #footer .footer-2 .widget-title {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 414px) {
  .home-01 .banner-grid > .col:nth-child(1) {
    padding-bottom: 10px;
  }
  .home-01 .banner-grid > .col:nth-child(2) {
    padding-right: 6px;
  }
  .home-01 .banner-grid > .col:nth-child(3) {
    padding-left: 6px;
  }
  .mfs-header .mfs-countdown-wrap {
    flex-direction: column;
    gap: 6px;
  }
  .home .sec-product-suggestions .row > .col {
    padding-bottom: 0;
  }
  .sec-bestseller .mbs-header .mbs-title,
  .sec-product-cate h2,
  .suggest-title {
    font-size: 22px;
  }
  footer .footer-form .section-content > .row .formft-register form > input {
    padding: 8px 24px;
  }
  .pro-price.highlight > span:not(.pro-price-del) bdi {
    font-size: 18px;
  }
  .price-list-del del {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 375px) {
  .home-01 .banner-grid {
    height: 320px !important;
  }
  .home-01 .banner-grid > .col:nth-child(1) {
    height: 180px !important;
  }
  #main .home-01 .banner-grid > .grid-col-1-2 {
    height: 130px;
  }
  #footer .footer-1 > .row {
    gap: 16px;
  }
  #footer .footer-1 > .row > .col.col:nth-child(5),
  #footer .footer-1 > .row > .col.col:nth-child(4) {
    grid-column: 1 / span 2;
  }
  .pro-price.highlight > span:not(.pro-price-del) bdi {
    font-size: 16px;
  }
  .pro-price.highlight .pro-price-del {
    font-size: 11px;
  }
  #footer .footer-1 .row > div {
    width: 100%;
  }
  #footer .footer-1 > .row {
    display: flex;
  }
  .pro-price.highlight .product-sale {
    font-size: 12px;
  }
  .price-whole {
    font-size: 24px;
  }
}