.cards {
    padding-top: 80px;
}

.cards .swiper-slide {
    width: calc(230px + 240 * ((100vw - 375px) / 1545));
    margin-right: calc(20px + 10 * ((100vw - 375px) / 1545))
}

.cards__list {
    -webkit-column-gap: calc(15px + 15 * ((100vw - 375px) / 1545));
    -moz-column-gap: calc(15px + 15 * ((100vw - 375px) / 1545));
    column-gap: calc(15px + 15 * ((100vw - 375px) / 1545));
    row-gap: calc(40px + 20 * ((100vw - 375px) / 1545));
    margin-bottom: calc(60px + 20 * ((100vw - 375px) / 1545))
}
.cards__list-item {
    width:auto;
    margin:0 auto;
}
.cards__title {
    margin-bottom: calc(10px + 10 * ((100vw - 375px) / 1545))
}

.cards__top-wrapper {
    margin-bottom: calc(30px + 20 * ((100vw - 375px) / 1545))
}

.cards__description {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545))
}

.cards__slider-navigation .navigation-button--prev {
    left: calc(0px + -25 * ((100vw - 375px) / 1545))
}

.cards__slider-navigation .navigation-button--next {
    right: calc(0px + -25 * ((100vw - 375px) / 1545))
}

.cards__pagination {
    margin-bottom: calc(70px + 40 * ((100vw - 375px) / 1545))
}

.card--with-ad::before {
    top: calc(10px + 5 * ((100vw - 375px) / 1545));
    left: calc(10px + 5 * ((100vw - 375px) / 1545));
    width: calc(75px + 20 * ((100vw - 375px) / 1545));
    height: calc(20px + 5 * ((100vw - 375px) / 1545))
}

.card__suptitle {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
    margin-bottom: calc(0px + 10 * ((100vw - 375px) / 1545))
}

.card__title {
    margin-bottom: calc(5px + 10 * ((100vw - 375px) / 1545))
}

.card__price {
    font-size: calc(12px + 2 * ((100vw - 375px) / 1545));
    margin-bottom: calc(15px + 5 * ((100vw - 375px) / 1545))
}

.card__description {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545))
}

.card__description p {
    margin-bottom: calc(0px + 5 * ((100vw - 375px) / 1545))
}

.card__more {
    margin-top: calc(20px + 5 * ((100vw - 375px) / 1545))
}

.card__subtitle {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545))
}

.card__raiting {
    height: calc(35px + 5 * ((100vw - 375px) / 1545))
}

.card__school {
    font-size: calc(12px + 4 * ((100vw - 375px) / 1545));
    margin-top: calc(10px + 5 * ((100vw - 375px) / 1545))
}
/** Sorting **/
.search__warning-msg {
    margin-top: 16px;
}