@media (min-width:800px){
  #banner{
    padding: 248px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #banner{
    background-image: url(../imgs/Image5.png) !important;
  }

  .content-payment{
    background-image: url(../imgs/Image6.png) !important;
  }

  .mt-xs-48 {
    margin-top: 48px !important;
  }

  #header .nav-left .nav-item {
    display: none;
  }

  .section {
    padding: 40px 8px !important;
  }

  #header .nav-left .nav-link.logo {
    margin-right: 32px;
    width: 120px;
  }

  #header .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 8px;
    font-weight: 500;
  }

  #header .nav-right.mobile img {
    width: 2.5rem;
  }

  #header .nav-right.mobile .cancel {
    width: 1.5rem;
  }
  #header .nav-right.mobile .menu {
    width: 2rem;
  }

  #header .nav-right.mobile .user,
  #header .nav-right.mobile .menu-cancel {
    padding-right: 12px;
  }

  #header .nav-right.mobile .cancel {
    display: none;
  }

  #header .nav-mobile {
    height: 0;
    background-image: url(../imgs/Background1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: height 0.5s ease;
    overflow: hidden;
  }

  #header .nav-mobile .nav-item {
    cursor: pointer;
    font-weight: 500;
    margin: 12px 0;
    padding: 8px;
  }

  #header .nav-mobile .nav-item .subnav {
    padding-left: 0;
    margin-top: 8px;
    transition: height 0.5s ease;
    overflow: hidden;
    display: none;
  }
  #header .nav-mobile .nav-item .subnav img {
    width: 40px;
  }
  /* #header .nav-mobile .nav-item:hover .subnav {
    display: block;
  } */
  /* #header .nav-mobile .nav-item:hover .iconoir-nav-arrow-down {
    transform: rotate(180deg);
    transition: all 0.25s ease;
  } */
  #header .nav-mobile .subnav li {
    padding: 8px 0;
    border-bottom: 1px solid #d2d2d2;
  }

  #header .nav-right .register {
    background-image: url(../imgs/gradient-buttom.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 4px 10px;
    margin: 0;
  }

  #header .nav-left .section {
    width: 100%;
    margin: 0 auto;
    padding: 32px 24px;
    font-size: 1.6rem;
  }

  #content .section .title-main {
    margin-bottom: 50px;
    text-align: center;
  }

  #content .section .title-heading {
    font-size: 1.6rem !important;
    text-align: center;
  }

  #banner .banner-container {
    flex-direction: column;
  }

  #banner .banner-container .title {
    font-size: 3.5rem;
    text-align: center;
  }

  #banner .banner-container .description {
    text-align: center;
  }

  #banner .banner-container .banner-left {
    width: 100%;
  }
  #banner .banner-container .banner-right {
    width: 100%;
  }

  #banner .banner-container .banner-right img {
    width: 100%;
    height: auto;
  }

  #banner .banner-container .btn-start {
    display: flex;
    justify-content: center;
  }

  #content .content-1 .section .section-body {
    background-image: none;
    flex-direction: column;
  }
  #content .section .section-body__left {
    display: none;
  }
  #content .section .section-body__left-mobile {
    width: 100%;
  }
  #content .section .section-body__left-mobile img {
  }

  .content-1 .section-body__right {
    display: none !important;
  }

  .content-1 .section-body__right-mobile {
    display: flex !important;
    margin: 32px 0;
  }

  .content-1 .section-body__right-mobile > div {
    border-radius: 16px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 12px 0;
    padding: 8px 0;
  }

  #content .content-category {
    height: 2600px;
  }

  .content-category .content-category__heading {
    display: none;
  }

  .content-category .content-category__body .list-items {
    flex-direction: column;
    margin-top: 32px;
  }

  .content-category .list-items .item {
    width: 80%;
  }

  .content-category__footer {
    background-color: #f7f9fc;
    padding: 48px 0 0 0;
  }

  .content-category__footer-main {
    flex-direction: column-reverse;
  }

  .content-category__footer-main .img {
    width: 100%;
  }

  .content-category__footer-main .list-items {
    width: 100%;
  }

  .content-category__footer-main .list-items .item {
    width: 100%;
  }

  .content-shipping .section .title {
    text-align: center !important;
  }

  .content-blog .blog-item {
    width: 100%;
  }

  .content-blog .blog-item .blog-img {
    position: relative;
    height: 410px;
  }

  .content-footer .section {
    width: 55%;
  }

  #content .btn-subscribe {
    cursor: pointer;
    background-image: linear-gradient(90deg, #ff6f31, #f7941d);
    margin: 12px 16px;
    padding: 16px 64px;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    border-radius: 16px;
  }
}