.description img {
  height: auto !important;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .container {
    max-width: 90%;
  }

  .font-70 {
    font-size: 55px;
  }

  .description img {
    width: 70% !important;
    margin: 1% 15% 1% 15%;
  }
}

@media (min-width: 0px) and (max-width: 992px) {
  .mySwiper .swiper-pagination {
    background-color: rgba(255, 255, 255, 0.161);
    width: max-content;
    padding: 6px 12px;
    border-radius: 9999px;
    border: 1px solid #eeeeee1d;
  }

  .rounded-no-border-lg {
    border-radius: 0px !important;
  }

  .slogan-border {
    border: unset !important;
  }
}

@media (max-width: 992px) {

 .sidebar .nav-link ,
.sidebar .size-label {
  font-size: 3.8vw !important;
}

  .newsletter {
    top: -175px !important;
  }
  .article-body .font-33 {
    font-size: 25px;
  }

  .article-body .sidelist {
    margin-top: 0px !important;
  }

  .container {
    max-width: 100%;
  }
  .margin-custom-1 {
    margin-top: 5rem;
  }

  .special-offer-title {
    font-size: 20px;
  }
  .font-70 {
    font-size: 32px;
  }

  .bag,
  .shoe {
    width: 55px;
  }

  .lg-125 {
    line-height: 45px;
  }

  .morabba {
    background-position: center;
  }

  .navbar-scrol-fade2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: rgba(255, 255, 255, 0.518);
    backdrop-filter: blur(10px);
    animation: fadeIn 0.5s ease;
  }

  .inside-headers .font-33 {
    font-size: 20px !important;
  }

  .inside-page-top {
    margin-top: 6rem !important;
  }

  .description img {
    width: 80% !important;
    margin: 1% 10% 1% 10%;
  }

  .align-mobile-baseline {
  height: 100%;
  justify-content: space-between;
}
}

@media (max-width: 768px) {
  .pro-list .product-box .image {
    border-radius: 0px 0.5rem 0.5rem 0px !important;
    height: 190px;
  }
  .description img {
    width: 100% !important;
    margin: 1% 0% 1% 0%;
  }

  .blog-h {
    min-height: 48px !important;
  }
}

@media (min-width: 1400px) {
  .description img {
    width: 60% !important;
    margin: 1% 20% 1% 20%;
  }
}

@media (min-width: 992px) {
.sidebar button[type="submit"] {
    font-size: 0.8vw !important;
}

 .sidebar .nav-link ,
.sidebar .size-label {
  font-size: 0.8vw !important;
}

  .see-the-map-2 {
    width: max-content !important;
  }

  .card-product .zone.left:hover ~ .position-relative .img-left {
    opacity: 1;
  }
  .card-product .zone.center:hover ~ .position-relative .img-center {
    opacity: 1;
  }
  .card-product .zone.right:hover ~ .position-relative .img-right {
    opacity: 1 ;
  }

  .card-product .zone.left:hover ~ .pagination .dot-left {
    background: #6c6c6c;
    transform: scale(1.1);
  }

  .card-product .zone.center:hover ~ .pagination .dot-center {
    background: #6c6c6c;
    transform: scale(1.1);
  }

  .card-product .zone.right:hover ~ .pagination .dot-right {
    background: #6c6c6c;
    transform: scale(1.1);
  }

  .card-product:hover .pagination {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }

  .card-product:hover .default {
    opacity: 0;
  }
  .card-product-none-hover .default{
    opacity: 1 !important;
  }

  .products.row .col-xxl-3 {
  width: 33.333333% !important;
}
}

.rounded-no-border-lg {
  cursor: pointer;
}

.sidebar .font-25 {
  font-size: 1.3vw !important;
}