@media only screen and (min-width: 1200px) {
   .header__space__logo {
      transform: translateX(-180px);
   }

   .range__sen:nth-child(1) {
      margin-left: 17% !important;
   }

   .range__sen:nth-child(2) {
      margin-left: 18% !important;
   }

   .range__sen:nth-child(3) {
      margin-left: 19% !important;
   }

   .range__sen:nth-child(4) {
      margin-left: 14% !important;
   }

   .dropdown__megamenu {
      width: 850px;
      max-width: 850px;
   }
}

@media only screen and (min-width: 992px) {
   .header__nav .navbar .nav-link::before {
      content: "";
      position: absolute;
      left: 0;
      z-index: 100;
      width: 1px;
      height: 15px;
      background: #bfbfbf;
   }

   .header__nav .navbar .nav-item:nth-last-child(2) .nav-link::before {
      display: none
   }

   .header__nav .navbar .navbar-nav .nav-link.active::before {
      content: "";
      position: absolute;
      z-index: 100;
      width: 40px;
      height: 5px;
      background: var(--purple);
      bottom: 0;
      border-radius: 8px 8px 0px 0px;
      margin: 0 auto;
      right: 0;
   }

   .footer__title {
      transform: rotate(-90deg);
   }

   .range__sen:nth-child(1) {
      margin-left: 15%;
   }

   .range__sen:nth-child(2) {
      margin-left: 17%;
   }

   .range__sen:nth-child(3) {
      margin-left: 17%;
   }

   .range__sen:nth-child(4) {
      margin-left: 12%;
   }

   .dropdown__megamenu {
      width: 725px;
      max-width: 725px;
   }

}

@media only screen and (min-width: 1400px) {
   .range__sen:nth-child(1) {
      margin-left: 18% !important;
   }

   .range__sen:nth-child(2) {
      margin-left: 19% !important;
   }

   .range__sen:nth-child(3) {
      margin-left: 20% !important;
   }

   .range__sen:nth-child(4) {
      margin-left: 16% !important;
   }
}

@media screen and (min-width : 768px) {
   .product__table tbody tr td:first-child {
      width: 200px;
   }
}

@media only screen and (min-width: 630px) {
   .off__slider__top__title::before {
      content: '';
      background-image: url('../images/icons/flash.svg');
      background-repeat: no-repeat;
      width: 200px;
      height: 90px;
      display: block;
      position: absolute;
      right: -150%;
      top: -20px;
   }

   .off__slider__top__title::after {
      content: '';
      background-image: url('../images/icons/flash.svg');
      background-repeat: no-repeat;
      width: 200px;
      height: 90px;
      display: block;
      position: absolute;
      left: -150%;
      top: -20px;
      transform: rotate(180deg);
   }

   .card__options__lateral .nav-link {
      opacity: 0;
   }

   .card:hover .card__options__lateral .nav-link {
      opacity: 1;
   }

   .card__options__hover {
      height: 140px;
      overflow-y: hidden;
   }

   .card__options__hover .nav-link {
      transition: all .3s ease-in-out;
   }

   .card__options__hover .nav-link:nth-child(2) {
      margin-top: -170px;
   }

   .card:hover .card__options__hover .nav-link:not(:first-child) {
      margin-top: unset;
   }

   .card__options__adds .nav-link:nth-child(2) {
      opacity: 0;
   }

   .card:hover .card__options__adds .nav-link:nth-child(2) {
      opacity: 1 !important;
   }

   .card-title-en {
      margin-top: -18px;
      opacity: 0;
   }

   .card:hover .card-title-en {
      opacity: 1 !important;
      margin-top: unset;
   }

   .card__options__lateral .nav-link:first-child::before {
      content: "";
      position: absolute;
      background: rgb(255, 255, 255);
      background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
      width: 35px;
      height: 100%;
      right: -35px;
   }

}

@media only screen and (max-width: 1400px) {
   .footer__options {
      left: 10px;
   }
}

@media only screen and (max-width: 1199px) {
   .slogan {
      transform: translateY(-65px);
   }

   .footer__options {
      bottom: 20%;
   }
}

@media only screen and (max-width: 991px) {
   .header__space__logo .offcanvas {
      border-radius: 20px 0px 0px 20px;
      border: none;
      box-shadow: 0px 0px 20px #5f5f5f;
   }

   .dropdown__menu__items {
      background: rgba(223, 223, 223, 0.3);
   }

   .dropdown__menu__link.dropdown-toggle::after {
      content: "";
      position: absolute;
      background-image: url("../images/icons/nav-plus.svg");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      border: none;
      left: 0;
   }

   .dropdown__menu__link.dropdown-toggle.show::after {
      content: "";
      position: absolute;
      background-image: url("../images/icons/nav-minus.svg");
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      border: none;
      left: 0;
   }

   .slogan {
      transform: translateY(-45px);
   }

   .filter {
      background: #fff;
   }

   .range__sen:nth-child(2) {
      margin-left: 20%;
   }
}

@media only screen and (max-width: 767px) {
   .footer__title {
      margin-top: 30px !important;
   }

   .short__bg__sm::before {
      top: unset;
   }

   .border-box {
      border: none !important;
   }

   .range__sen:nth-child(1) {
      margin-left: 16%;
   }

   .range__sen:nth-child(2) {
      margin-left: 17%;
   }

   .range__sen:nth-child(3) {
      margin-left: 18%;
   }

   .range__sen:nth-child(4) {
      margin-left: 14%;
   }

   .footer__options {
      bottom: 35%;
      display: none !important;
   }

}

@media only screen and (max-width: 576px) {
   .range__sen:nth-child(1) {
      margin-left: 16%;
   }

   .range__sen:nth-child(2) {
      margin-left: 17%;
   }

   .range__sen:nth-child(3) {
      margin-left: 18%;
   }

   .range__sen:nth-child(4) {
      margin-left: 14%;
   }
}

@media only screen and (max-width: 534px) {
   .range__sen:nth-child(4) {
      margin-left: 13%;
   }
}

@media only screen and (max-width: 514px) {
   .off__slider__top__link {
      bottom: -30px !important;
   }
}

@media only screen and (max-width: 428px) {
   .range__sen:nth-child(1) {
      margin-left: 12%;
   }

   .range__sen:nth-child(2) {
      margin-left: 16%;
   }

   .range__sen:nth-child(3) {
      margin-left: 15%;
   }

   .range__sen:nth-child(4) {
      margin-left: 8%;
   }
}

@media only screen and (max-width: 375px) {
   .range__sen:nth-child(1) {
      margin-left: 10%;
   }

   .range__sen:nth-child(2) {
      margin-left: 13%;
   }

   .range__sen:nth-child(3) {
      margin-left: 15%;
   }

   .range__sen:nth-child(4) {
      margin-left: 7%;
   }
}