@media (max-width: 1500px) {
.carousel__wrapper {
width: calc(100% - 100px);
margin-left: auto;
margin-right: auto;
}
} @media (max-width: 1420px) {
:root {
--container: 1200px;
}
.header__logo {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.header__logo br {
display: none;
}
.header__search-city {
flex-direction: column-reverse;
align-items: flex-start;
gap: 5px;
}
.header__city-text br {
display: none;
}
.header__top {
gap: 12px;
}
.header__nav-list ul {
padding: 0 15px;
}
.header__btns a {
padding: 0 20px;
}
.header__btns a.header__btn-cart {
font-size: 0;
width: 54px;
border-radius: 100%;
gap: 0;
}
.header__btns a.header__btn-cart svg {
margin: 0;
}
.header__nav-list ul {
gap: 10px;
}
.advantages__item {
padding-right: 100px;
}
.advantages__item img {
max-width: 90px;
}
.home-about .s-title br {
display: none;
}
.home-about__center img {
width: 280px;
height: 280px;
}
.home-about__wrapper {
flex-wrap: wrap;
gap: 20px;
}
.home-about__center {
margin: 0;
}
.home-about__right {
margin: 0;
}
.opt-main__gallery img:nth-child(1) {
width: 250px;
height: 250px;
}
.opt-main__left {
flex: 1 0 500px;
}
.opt-main__gallery {
margin-bottom: 0;
}
.conveniently__wrapper {
gap: 40px;
}
.signle-card__gallery {
width: 380px;
height: 320px;
}
.signle-card__wrapper {
gap: 40px;
}
.signle-card__right {
width: 280px;
}
.cart__wrapper {
gap: 60px;
}
.cart__info {
width: 440px;
}
.about__gallery {
width: 600px;
}
.about-advantages__title {
font-size: 58px;
}
.contacts__map {
flex: 1 0 500px;
}
} @media (max-width: 1200px) {
:root {
--container: 992px;
}
.header__search {
width: 180px;
}
.header__search input {
font-size: 12px;
}
.header__nav {
margin-top: 20px;
}
.header__nav-list ul a {
font-size: 13px;
}
.header__btns a:first-child {
display: none;
}
.advantages__wrapper {
grid-template-columns: repeat(2, 1fr);
}
.advantages__item {
min-height: 160px;
}
.home-about {
margin-top: 100px;
}
.footer__mid {
gap: 40px;
flex-wrap: wrap;
}
.footer__search input {
font-size: 14px;
}
.footer__top {
flex-wrap: wrap;
justify-content: center;
}
.opt-main__gallery img:nth-child(1) {
width: 180px;
height: 180px;
}
.opt-main__gallery img:nth-child(2) {
width: 160px;
height: 160px;
}
.opt-main__left {
flex: 1 0 400px;
}
.conveniently__wrapper {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 30px 40px;
}
.catalog__wrapper,
.catalog-page__grid,
.favorite-page__wrapper {
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.signle-card__wrapper {
flex-wrap: wrap;
gap: 30px;
}
.signle-card__right {
width: 100%;
}
.signle-card__delivery {
flex-direction: initial;
flex-wrap: wrap;
}
.cart__info {
width: 380px;
}
.cart__wrapper {
gap: 40px;
}
.cart__checkout-radio {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.about__wrapper {
flex-direction: column;
gap: 40px;
}
.about__text {
order: 1;
}
.about__gallery {
order: 2;
margin: auto;
width: 100%;
max-width: 600px;
}
.about__gallery-init .swiper-wrapper img {
max-height: initial;
aspect-ratio: 16/9;
}
.about-advantages__title {
font-size: 44px;
}
.about-advantages__desc {
font-size: 18px;
}
.about-advantages__item {
min-height: 160px;
}
.about-advantages__item::before {
width: 160px;
height: 160px;
}
.about-advantages__wrapper {
gap: 30px;
}
.contacts__wrapper {
flex-wrap: wrap;
}
.contacts__map {
flex: 1 0 100%;
}
.contacts__item {
flex: 1;
}
} @media (max-width: 992px) {
:root {
--container: 768px;
}
.header {
display: none;
}
.mobile-menu {
display: block;
}
body {
padding-top: 60px !important;
}
.main .main__right {
display: none;
}
.mt100,
.home-about {
margin-top: 60px;
}
.home-about__center img {
width: 180px;
height: 180px;
}
.footer {
margin-top: 60px;
}
.opt-main__wrapper {
flex-wrap: wrap;
padding: 20px;
}
.opt-main__left {
flex: initial;
}
.conveniently {
margin-top: 80px;
}
.terms__wrapper {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
.form__wrapper {
padding: 40px;
}
.form__image {
display: none;
}
.catalog-page__wrapper {
flex-direction: column;
}
.bottom-info__wrapper {
flex-direction: column-reverse;
gap: 30px;
}
.cart__wrapper {
flex-direction: column;
}
.cart__info {
width: 100%;
}
.about-advantages__wrapper {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.about-advantages__item {
min-height: initial;
}
.about-advantages__item::before {
height: 100%;
width: auto;
aspect-ratio: 1/1;
}
} @media (max-width: 768px) {
:root {
--container: 100%;
}
.main__left {
min-height: 260px;
width: 100%;
flex: initial;
}
.main__left-content {
max-width: 100%;
}
.main__nav {
gap: 10px;
}
.mt100,
.home-about {
margin-top: 40px;
}
.s-title {
font-size: 22px;
}
.main__right-content {
padding: 20px;
}
.main__right-title {
font-size: 20px;
}
.sales__wrapper {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.home-about__center {
display: none;
}
.home-about__right-title {
font-size: 20px;
}
.home-about__wrapper {
padding: 30px 20px;
}
.footer__bottom {
margin-top: 30px;
}
.opt-main__desc {
font-size: 18px;
}
.conveniently {
margin-top: 40px;
}
.catalog__wrapper,
.catalog-page__grid,
.favorite-page__wrapper {
gap: 30px 15px;
grid-template-columns: repeat(2,1fr);
gap: 15px;
}
.placeholder {
height: auto;
min-height: 140px;
aspect-ratio: 1/1;
}
.load-more__btn {
width: 100%;
}
.terms__item-title {
font-size: 22px;
}
.terms__item-desc {
font-size: 16px;
}
.terms__item {
gap: 20px;
}
.signle-card__wrapper {
flex-direction: column;
}
.signle-card__gallery {
margin: auto;
gap: 20px;
}
.cart__checkout-address--fields,
.cart__checkout-fields {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.cart__checkout-address--fields .cart__checkout-input:first-child {
grid-column: span 1;
}
} @media (max-width: 576px) {
.advantages__wrapper {
grid-template-columns: repeat(1, 1fr);
}
.opt-main__gallery img:nth-child(1) {
width: 160px;
height: 160px;
}
.opt-main__gallery img:nth-child(2) {
width: 120px;
height: 120px;
}
.signle-card__btns a {
padding: 0 20px;
font-size: 14px;
gap: 10px;
}
}      @media (min-width: 1200px) {
.text {
font-size: 18px;
}
} @media (min-width: 1400px) {
.text {
font-size: 22px;
}
}