/* --- Медиа-запросы с max-width (Desktop-first) --- */ /* Большие мониторы (до 1920px) */ @media (max-width: 1920px) { .header .pr-contacts-block { font-size: 0.9rem; max-width: 500px; } .logo-block { margin: 0 30px 0 0; } .place, .address, .phone, .email { display: inline-block; } .header .bottom-bar { padding: 25px; } .copyright { flex-direction: row; justify-content: space-between; } .products-wrapper .product-wrapper { width: 24%; min-height: 340px; } .product-wrapper .product-description { height: fit-content; } .products-wrapper.list .product-wrapper { width: 48%; min-height: 160px; } .main-block h1 { font-size: 1.6rem; } } /* Ноутбуки (до 1400px) */ @media (max-width: 1400px) { .header .pr-contacts-block { font-size: 0.7rem; } .logo-block { margin: 0 5px 0 0; } .products-wrapper .product-wrapper { min-height: 340px; } .product-wrapper .product-description { height: 110px; } .products-wrapper.list .product-wrapper { width: 46%; min-height: 160px; } } @media (max-width: 1280px) { .products-wrapper .product-wrapper { width: 32%; min-height: 340px; } .product-wrapper .product-description { height: 50px; } } /* Небольшие ноутбуки (до 1200px) */ @media (max-width: 1200px) { .menu-toggle { display: none; } .top-menu-block { display: block; } .product-wrapper .product-description { height: 100px; } } /* Планшеты (до 992px) */ @media (max-width: 992px) { .menu-toggle { display: block; } .top-menu-block { display: none; } .place, .address { display: none; } .left-block { display: none; } .wrapper .left-block + .right-block { margin: 0; width: 100%; } .products-wrapper .product-wrapper { width: 24%; } .products-wrapper.list .product-wrapper { width: 46%; } .product-wrapper .product-description { height: 130px; } } /* Маленькие планшеты (до 768px) */ @media (max-width: 768px) { .phone, .email { display: none; } .copyright { flex-direction: column; align-items: center; } .footer .callback-button { margin: 5px 0; } .products-wrapper .product-wrapper { width: 32%; } .main-block h1 { font-size: 1.2rem; } } /* Большие смартфоны (до 576px) */ @media (max-width: 576px) { .logo-block a img { max-height: 50px; } .wrapper .wrapper-back-ring { display: none; } .products-wrapper .product-wrapper { width: 46%; } .products-wrapper.list .product-wrapper { width: 100%; } } /* Средние смартфоны (до 425px) */ @media (max-width: 425px) { .products-wrapper .product-wrapper { width: 100%; } .product-wrapper .product-description { height: 80px; } } /* Маленькие смартфоны (до 375px) */ @media (max-width: 375px) { .header .bottom-bar { padding: 0 10px 15px; } } /* Небольшие ноутбуки (от 992px) */ @media (min-width: 992px) { .centered { max-width: 1400px; padding: 0 40px; } }