@media (min-width: 1860px) {
    .justify-content-center-xl {
        justify-content: center;
    }
}

@media (max-width: 1370px) {
    .conditions-slider .swiper-slide h3,
    .sale-slider__content h3 {
        font-size: 28px;
    }
    .conditions-slider .swiper-slide p {
        font-size: 18px;
    }
    .sale-slider__content p {
        font-size: 16px;
    }
    .sale-slider .swiper-slide {
        height: 510px;
    }
    .page-advent .sale-slider__buttons a {
        font-size: 16px;
    }
    .slider-unknow .swiper-slide h3 {
        font-size: 32px;
    }
    .slider-unknow .swiper-slide p {
        font-size: 18px;
    }
    .advent-banner__content h4 {
        font-size: 24px;
    }
}

@media (max-width: 1200px) {
    .advent-container {
        max-width: 960px;
    }
    .advent-banner__content h1 {
        font-size: 44px;
    }
    .advent-banner__content {
        margin-top: 20px;
    }
    .conditions-slider__content {
        top: 20px;
    }
    .conditions-slider .swiper-slide h3, .sale-slider__content h3 {
        font-size: 22px;
    }
    .conditions-slider .swiper-slide p,
    .sale-slider__content p {
        font-size: 14px;
    }
    .advent-subscription .advent-pc {
        height: 270px;
    }
}

@media (max-width: 992px) {
    .advent-container {
        max-width: 740px;
    }
   
    .swiper-scrollbar-drag {
        background: #ED1C24;
    }
    .history-slider {
        padding-bottom: 70px;
    }
    .innovation-slider .swiper-slide {
        max-width: none;
    }
    .innovation-slider {
        padding-bottom: 70px;
    }
}

@media (max-width: 768px) {
    .advent-container {
        max-width: 540px;
    }
    .advent-mob {
        display: block;
    }
    .advent-pc,
    .sale-slider .swiper-button-prev, 
    .sale-slider .swiper-button-next,
    .history-slider .swiper-button-next, 
    .history-slider .swiper-button-prev {
        display: none;
    }
    .conditions-slider .swiper-slide {
        max-width: none;
    }
    .conditions-slider .swiper-slide h3, .sale-slider__content h3 {
        font-size: 24px;
    }
    .conditions-slider .swiper-slide p {
        font-size: 18px;
    }
    .conditions-slider__content {
        max-width: 252px;
        left: 24px;
        top: 32px;
        transform: none;
    }
    .sale-slider .swiper-slide {
        flex-direction: column-reverse;
        height: auto;
    }
    .sale-slider__content,
    .sale-slider__images {
        max-width: none;
    }
    .sale-slider__content {
        padding: 24px 16px;
    }
    .sale-slider__content p {
        height: 333px;
        font-size: 16px;
    }
    .sale-slider__content div {
        margin-top: 0;
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        background: #f5f5f5;
        border-color: transparent;
    }
    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        background: #EB212E;
    }
    .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    .sale-slider {
        padding-bottom: 50px;
    }
    .slider-unknow {
        padding: 24px 16px 50px;
    }
    .advent-subscription .advent-container {
        max-width: none;
    }
    .history-slider .swiper-slide {
        max-width: none;
        margin: 0;
    }
    .history-slider-bg {
        display: none;
    }
    .history-slider .swiper-scrollbar {
        display: block;
    }
    .modal-video {
        padding: 16px;
    }
    .modal-main .swiper {
        padding: 16px 16px 70px;
        
    }
    .swiper-modal-twelve .swiper-slide {
        padding: 0;
        max-width: none;
    }
    .swiper-modal-twelve .swiper-slide img {
        width: 100%;
    }
    .overlay {
        background-color: #2d2d2d;
    }
    .modal__cross {
        right: 0;
    }
    .modal-main {
        width: 100%;
    }
    .swiper-modal-text {
        flex-direction: column;
    }
    .modal-main-reciept .swiper-modal-thirteen .swiper-modal-text p {
        max-width: none;
    }
    .modal-main .swiper-slide img {
        width: 100%;
    }
    .swiper-superlong .swiper-slide,
    .swiper-extralong .swiper-slide,
    .swiper-medium .swiper-slide,
    .swiper-long .swiper-slide,
    .modal-main .swiper-slide {
        flex-direction: column;
        max-width: none;
        height: auto;
    }
    .swiper-long .swiper-slide img,
    .swiper-extralong .swiper-slide img {
        width: 170px;
        height: 210px;
        object-fit: cover;
    }
    .swiper-long .swiper-slide div,
    .swiper-superlong .swiper-slide div {
        margin: 8px 0 0;
    }
    .swiper-long .swiper-slide div h4,
    .swiper-superlong .swiper-slide div h4,
    .swiper-medium .swiper-slide h4 {
        font-size: 18px;
    }
    .swiper-medium p {
        margin: 8px 0 0;
    }
    .justify-content-center {
        justify-content: flex-start;
    }
    .modal-main .swiper-button-next, .modal-main .swiper-button-prev, .modal-main .swiper-button-next-second, .modal-main .swiper-button-prev-second, .modal-main .swiper-button-next-four, .modal-main .swiper-button-prev-four, .modal-main .swiper-button-next-five, .modal-main .swiper-button-prev-five, .modal-main .swiper-button-next-seven, .modal-main .swiper-button-prev-seven, .modal-main .swiper-button-next-eight, .modal-main .swiper-button-prev-eight, .modal-main .swiper-button-next-nine, .modal-main .swiper-button-prev-nine, .modal-main .swiper-button-next-ten, .modal-main .swiper-button-prev-ten {
        display: none;
    }
    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        border: 1px solid #fff;
        border-radius: 100px;
        background: transparent;
        opacity: 1;
    }
    .swiper-pagination-bullet-active {
        background: #fff;
    }
    .slider-unknow .swiper-slide h3 {
        font-size: 40px;
    }
    .sale-slider__images img {
        width: 100%;
        height: auto;
    }
    .swiper-pagination-bullet {
        background: #f5f5f5;
    }
    .swiper-pagination-bullet-active {
        background: #EB212E;
    }
    .conditions-slider {
        padding: 0 16px 70px;
    }
    .history-slider .swiper-slide:nth-child(8) {
        display: none;
    }
    .advent-history {
        padding-top: 50px;
    }
}

@media (max-width: 576px) {
    .advent-container {
        max-width: none;
        padding: 0;
    }
    .history-slider .swiper-button-prev {
        right: 10%;
    }
    .advent-banner__logo a:first-child {
        max-width: 90px;
    }
    .advent-banner__logo a:last-child {
        max-width: 104px;
    }
    .advent-banner__logo a svg {
        width: 100%;
    }
    .advent-banner__logo a {
        margin: 0 6px;
    }
    .advent-banner-wrapper {
        top: 51px;
        transform: translateX(-50%);
        left: 50%;
        width: 100%;
        max-width: 343px;
    }
    .advent-banner__content h1 {
        font-size: 32px;
    }
    .advent-banner__content h4 {
        font-size: 18px;
        margin: 12px 0;
    }
    .advent-banner__content h4 br {
        display: none;
    }
    .advent-banner__content p {
        font-size: 16px;
    }
    .advent-title {
        font-size: 40px;
    }
    .advent-subscription__content {
        max-width: calc(100% - 32px);
    }
    .advent-subscription__content h3 {
        font-size: 24px;
    }
    .advent-subscription__content p {
        font-size: 18px;
        margin-top: 16px;
    }
    .advent-subscription__content form {
        flex-direction: column;
        margin-top: 32px;
    }
    .advent-subscription__content .btn {
        margin-top: 16px;
    }
    .advent-history .advent-text, .advent-history .advent-title {
        max-width: calc(100% - 32px);
        text-align: left;
    }
    .history-slider {
        padding: 30px 18px 50px;
    }
}

@media(max-width: 360px) {
    .conditions-slider__content {
        top: 16px;
        left: 16px;
    }
    .conditions-slider .swiper-slide h3 {
        font-size: 20px;
    }
    .conditions-slider .swiper-slide p {
        font-size: 16px;
        max-width: 90%;
    }
}