/* MEDIA TABLET */
@media screen and (max-width: 1040px) {
  .wrapper {
    padding: 0 20px;
    width: 100%;
  }
  /* END MEDIA */
}
@media screen and (max-width: 1038px) {
  .block4 ul.inline {
    display: none;
    width: 100%;
    margin: 0 auto;
  }
  .swiper-hide {
    display: block;
  }
  .slide {
    max-width: 420px;
    margin: 0 auto;
  }
  .block4__top {
    padding: 20px;
    background: #ffffff;
    border-radius: 20px 20px 0px 0px;
  }
  .block4__bottom {
    float: none;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 20px;
    background: #ffcc19;
    border-radius: 0px 0px 20px 20px;
  }
  .swiper-pagination.swiper-pagination-bullets {
    bottom: -35%;
  }
  .swiper-pagination-bullet {
    transition: all ease 0.45s;
    background: #a8254e;
    opacity: 0.6;
  }
  .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 10px;
    background: #a8254e;
  }

  /* END MEDIA */
}
@media screen and (max-width: 1020px) {

  /* END */
}
/* MEDIA MOBILE */
@media screen and (max-width: 980px) {
  body {
    min-width: 100%;
    background: url(../img/header-bg-mobile.png) top center / contain no-repeat
      #3a1a2d;
  }
  .block1__body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .block1__body::before,
  .block1 .wrapper {
    background: none;
  }
  .block1__left {
    width: 100%;
  }
  .block1__sub {
    width: 100%;
  }
  .block1__right {
    width: 100%;
    float: none;
  }
  .block1-logo {
    max-width: 227px;
    position: relative;
    left: 15%;
  }
  .block1__title {
    padding: 20px 0;
    font-size: 36px;
    line-height: 45px;
  }
  .block1__right ul {
    width: fit-content;
    margin: 30px auto 0;
    padding: 0;
  }
  .block1__top {
    font: 400 14px/20px 'RobotoCondensed-Light';
  }
  .block1__top-sale::before {
    content: '';
    position: absolute;
    background: transparent url(../img/img1.1.png) 0 0 / contain no-repeat;
    width: 76px;
    height: 76px;
    left: 0;
    top: -28px;
    z-index: -1;
  }
  .block1__top-sale {
    font: normal 20px/40px 'Lobster';
    width: 75px;
  }
  .block1__top-action::before {
    display: none;
  }
  .block1__top-action {
    display: none;
  }
  .imlogo {
    display: block;
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 auto;
  }
  .block1__price {
    color: #b7064d;
    background: transparent url(../img/img1.4.png) center 0 no-repeat;
    height: 66px;
  }
  .block1__price_container {
    margin: 0 auto;
    max-width: 380px;
    padding: 20px;
    background: #a8254e;
    border-radius: 20px;
  }
  /* BLOCK 2 */
  .block2 {
    height: fit-content;
  }
  .block2 .wrapper-hidden {
    overflow: visible;
  }
  .block2__top .wrapper {
    height: fit-content;
    padding: 40px 20px 80px;
  }
  .block2__title {
    padding: 40px 20px 40px 160px;
    background: #e8246d;
    text-align: center;
    position: relative;
    margin: 0px auto 60px;

  }
  .block2__title::before{
    content: '';
    position: absolute;
    background: url(../img/product.png) center/contain no-repeat transparent;
    width: 160px;
    height: 305px;
    left: -10px;
    top: -85px;
  }
  .block2__top .wrapper::before {
    display: none;
  }
  .block2__bottom .wrapper {
    padding: 0;
  }
  /* BLOCK 3 */
  .block3__list ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  /* BLOCK4 */
  .block4,
  .block4 .wrapper {
    height: fit-content;
  }
  .block4__top {
    height: fit-content;
  }
  .block4 ul.inline {
    display: none !important;
    width: 100%;
    margin: 0 auto;
  }
  .block4 ul li {
    height: auto;
  }
  .swiper-pagination.swiper-pagination-bullets {
    bottom: 0px;
  }
  .swiper-hide {
    padding: 0 0 40px;
  }
  
  /* BLOCK5 */
  .block5 {
    margin-top: -142px;
    padding-top: 220px;
  }
  .block5-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column-reverse;
  }
  .block5__wrap {
    margin: 0 auto 20px;
  }
  .block5__wrap::before {
    content: '';
    background: none;
    width: 0;
    height: 0;
  }
  /* BLOCK 6 */
  .block6-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* BLOCK7 */
  .block7,
  .block7 .wrapper-hidden {
    height: fit-content;
  }
  .block7__delivery::before {
    content: '';
    background: none;
    width: 0;
    height: 0;
  }

  .block7__warning {
    max-width: 100%;
    height: fit-content;
    padding: 30px 20px 40px;
    margin: 60px 0 0 0;
  }
  .block7__warning::before {
    /* content: '';
    position: absolute; */
    background: url(../img/img6.1.png) no-repeat center / contain transparent;
    width: 120px;
    height: 160px;
    right: 10px;
    top: -54px;
  }
  .block7__warning_title {
    max-width: calc(100% - 130px);
    font-size: 30px;
  }
  .block7__delivery {
    padding-right: 0;
  }
  /* BLOCK 8 */
  .block8 ul {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .block8 ul li {
    padding: 20px 0;
  }
  /* BLOCK 10 */
  .block10 {
    margin-top: 200px;
    background: linear-gradient(180deg, #ec823d 0%, #a8254e 83.33%);
    border-radius: 20px 20px 0px 0px;
    height: fit-content;
  }
  .block10-flex-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .block10__left {
    background: none;
    width: 100%;
  }
  .block10 .wrapper::before {
    background: none;
    width: auto;
    height: auto;
  }
  .block10-form {
    background: #a8254e;
    border-radius: 20px 20px 0 0;
    margin: 40px auto 50px;
    width: 100%;
  }
  .form-horizontal .row-select {
    width: 100%;
  }
  .block10__title {
    padding: 118px 0 0;
    text-align: center;
  }
  .block10__title::before {
    left: 50%;
    top: -100%;
    transform: translate(-50%, 0);
  }
  .block10__price {
    margin: 25px auto 0;
  }
  .block10__sale {
    width: fit-content;
    margin: 20px auto 20px;
    padding: 0;
  }
  .block10__allsale {
    margin: 30px auto 0;
    padding: 5px 0 30px;
    width: 100%;
    background: none;
    text-align: center;
  }
  .table-form-section {
    width: 100%;
  }
  .form-horizontal .row-submit {
    width: fit-content;
    margin: 0 auto;
  }
  .block10-delivery {
    width: fit-content;
  }
  /* END MEDIA */
}
@media screen and (max-width: 640px) {
  .block1-logo {
    /* left: 15%; */
    max-width: 95px;
}
.block2__title::before{
  top: -55px;
}

  /* END */
}