@media only screen and (max-width: 480px) {
    .header-wrap {
        grid-template-columns: 15% 70% 15%;
    }
    .header-bar-wrap .header-phone a {
        font-size: 17px;
        letter-spacing: 2px;
    }
    .header-logo {
        width: 185px;
        margin: 0 auto;
    }
    .header-logo img{
        max-width: 100%;
    }
    .front-banner-line-wrap {
        padding: 135px 70px 25px;
    }
    .advantages-block .value {
        line-height: 45px;
    }
    .advantages-block {
        width: 92%;
        margin: 150px 4% 0;
        padding: 25px 25px 30px 25px;
        grid-gap: 20px;
    }
    .advantages-block .title {
        font-size: 17px;
        padding: 6px 0 5px;
    }
    .front-categories li a {
        font-size: 12px;
    }
    .front-categories span {
        margin-left: 15px;
        margin-right: 3px;
    }
    .front-categories {
        padding: 10px 15px 30px;
        grid-gap: 10px;
    }
    .promo-products > .title, .similar-products .title {
        font-size: 18px;
    }
    .front-products {
        padding: 30px 15px 35px;
    }
    .promo-products .popular-title {
        margin-left: 40px;
    }
    .front-categories icon {
        height: 55px;
        min-width: 55px;
    }
    .front-categories li.link-rozstroy icon {
        width: 60px;
        background-size: contain ;
        margin-left: 5px;
    }
    .front-categories li.link-metalwork icon {
        width: 60px;
        background-size: contain ;
    }
    .advantages-body .advantage-item {
        padding: 20px;
        grid-gap: 20px;
    }
    .rozstroy-text {
        padding: 20px 25px 20px 25px;
        width: 90%;
        margin: 5% 0 0 5%;
        position: absolute;
        bottom: 20px;
    }
    .mobile-links > div{
        position: relative;
    }
    .rozstroy-text .desc {
        padding: 10px 0 20px;
    }
    .footer-categories ul.level_1 {
        height: initial;
    }
    .footer-categories .level_2{
        display: none;
    }
    .footer .footer-categories ul.level_1 > li{
        padding: 0 20px;
        border-bottom: 1px solid #f5f5f5;
        line-height: 40px;
    }
    .footer .footer-categories ul.level_1 > li:last-child{
        border-bottom: 0;
    }
    .footer-categories {
        padding: 0;
    }
    .front-apps-text {
        margin: 35px 0 40px 20px;
        width: 313px;
    }
    .front-apps .desc {
        padding: 15px 0 35px;
    }
    .front-apps-links {
        display: grid;
        gap: 30px;
    }
    .front-contacts-text > div {
        padding-left: 50px;
    }
    .tag-values {
        gap: 8px 9px;
    }
    .cart-buy-block {
        padding: 20px 15px 25px 15px;
        grid-gap: 15px;
        display: grid;
        grid-template-columns: 128px 1fr;
    }
    .bx-catalog-element .detail-one-click{
        grid-column: 1/3;
    }
    .bx-catalog-element .product-childs-body {
        grid-gap: 8px;
    }
    .product-childs-body .child-item {
        padding: 0 12px;
    }
    .more-images {
        grid-template-columns: repeat(4,80px);
        justify-content: space-between;
    }
    .bx-catalog-element .image-item a {
        width: 80px;
        height: 80px;
    }
    .bx-catalog-element .image-item img{
        max-width: 100%;
    }
    .bx-catalog-element .in-stock {
        justify-content: end;
        margin-right: 0;
    }
    .bx-catalog-element .buy-top {
    }
    .detail-product-images {
        grid-gap: 15px;
    }
    .breadcrumbs {
         font-size: 11px;
         flex-wrap: wrap;
     }
    .breadcrumbs .delimiter {
        margin: 0 10px;
    }
    .pay-method-item {
        padding: 15px 20px;
        display: grid;
        grid-template-columns: 50px auto;
        gap: 25px;
    }
    .delivery-table-body th {
        line-height: 18px;
        padding: 5px 0 5px 15px;

    }
    .delivery-table-body table {
        font-size: 13px;
    }
    .delivery-table-body td {
        padding: 10px 0 10px 15px;
    }
    .pay-method-item p {
        font-size: 14px;
        line-height: 22px;
        margin:0;
    }
    .pay-methods {
        gap: 15px;
        margin: 20px 0 30px;
    }
    .page-delivery .car-type__txt {
        font-size: 12px;
        line-height: 17px;
        height: unset;
        padding: 0 10px 10px;
    }
    .page-delivery .car-types img {
        max-width: 100%;
        padding: 20px 0 20px;
    }
    .page-delivery .car-types {
        grid-gap: 10px;
        margin: 30px 0 30px;
    }
    .block-important-information {
        padding: 15px 15px 15px 20px;
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 22px;
    }
    .page-delivery h2 {
        font-size: 23px;
        margin-bottom: 5px;
    }
    .page-delivery p {
        font-size: 14px;
        line-height: 22px;
    }
    .page-delivery .contactBlock {
        margin: 20px 0 20px;
        grid-gap: 10px;
        grid-gap: 10px;
    }
    .page-delivery li {
        font-size: 14px;
        line-height: 22px;
    }
    .page-delivery .contactBlock li {
        padding: 15px 15px 15px 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .main-container h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .subsection-body .buy-block {
        grid-template-columns: 1fr 1fr 25px;
        gap: 7%;
    }
    .bx_catalog_list_home .subsection-body .buy-button{
        width: 100%;
    }
    .promo-products .product-image {
        height: 180px;
    }
    .promo-page .promo-products-wrap {
        grid-gap: 10px;
        /* padding: 0; */
    }
    .promo-products .product-name {
        font-size: 13px;
        line-height: 18px;
    }
    .company-page h2 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 15px;
    }
    .company-page .company-header p {
        font-size: 18px;
        line-height: 23px;
    }
    .company-info .white-block {
        font-size: 14px;
        padding: 12px 15px 20px;
        min-height: 60px;
    }
    .company-page .company-info {
        grid-gap: 15px;
        margin-bottom: 40px;
    }
    .company-page-advantages h3 {
        font-size: 18px;
        padding: 0 0 18px;
        line-height: 23px;
    }
    .advantages-icons-body {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
        margin-bottom: 35px;
    }
    .company-page-advantages-text li {
        padding: 0 10px 0px 18px;
        margin-bottom: 15px;
    }
    .about-assortments {
        padding: 30px 15px 35px;
    }
    .about-assortments ul {
        padding-top: 20px;
        grid-gap: 15px;
    }
    .advantages-icons-body .item {
        padding: 5px 10px 15px;
        font-size: 13px;
        line-height: 18px;
    }
    .contact-tiles {
        grid-gap: 10px;
    }
    .contact-tile.contact-address p {
        font-size: 13px;
        line-height: 20px;
    }
    .contact-tile.contact-address .show-map {
        font-size: 14px;
        padding-top: 5px;
    }
    .contact-feedback-body .col1 {
        grid-gap: 15px;
    }
    .form-feedback-theme {
        grid-gap: 20px;
        padding-bottom: 15px;
        font-size: 12px;
    }
    .contact-feedback-body .form-feedback {
        grid-gap: 20px;
    }
    .form-send-block {
        row-gap: 20px;
        padding-top: 20px;
    }
    .form-send-block .form-feedback-submit {
        margin: 0 auto;
    }
    .reviews-buttons a {
        /* height: 40px; */
    }
    .reviews-buttons {
        grid-gap: 10px;
        margin-bottom: 20px;
    }
    div.news-list img.preview_picture {
        width: 100%;
        height: auto;
    }
    div.news-list .image-box {
        height: 130px;
        width: 130px;
    }
    div.news-list div.news-item {
        gap: 14px;
        grid-template-columns: 130px auto;
        padding: 10px 10px 10px 10px;
    }
    div.news-list .title {
        font-size: 14px;
    }
    .review-body p {
        font-size: 13px;
        line-height: 18px;
    }
    div.news-list .news-date-time {
        font-size: 13px;
    }
    .news-list {
        grid-gap: 15px;
    }
    form.review_form_add input[type='text'] {
        line-height: 30px;
    }
    form.review_form_add textarea {
        height: 150px;
    }
    div.input_title {
        font-size: 13px;
        line-height: 20px;
    }
    div.review_form_footer {
        margin: 20px 0 0;
    }
    div.review_form_footer .review_form-personal {
        font-size: 10px;
        line-height: 18px;
    }
    div.review_form_body {
        gap: 0 15px;
    }
    div.review-add-title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    div.testimonials-photo-wrap {
        padding: 30px 15px 10px;
    }
    div.news-list .title-box {
        flex-wrap: wrap;
    }
    .testimonial-stars {
        padding-left: 0;
        margin-right: initial;
    }
    .testimonial-stars > div {
        width: 15px;
        height: 12px;
    }
    .description-table thead{
        font-size: 12px;
        line-height: 15px;
    }
    .promotion-item {
        grid-gap: 10px;
        grid-template-columns: 150px auto;
    }
    .promotions-body .title {
        font-size: 17px;
    }
    .promotions-wrap {
        padding-top: 15px;
    }
    .promotion-text .name {
        font-size: 13px;
        font-weight: 400;
    }
    .promotion-text {
        padding: 10px 10px 7px 0;
        gap:10px
    }
    .buy-top:has(.detail-armatura-price-wrap){
        grid-template-columns: 1fr
    }
    .buy-top:has(.detail-armatura-price-wrap) .detail-promo-desc {
        grid-column-start: 1;
        grid-column-end: 1;
    }
    .buy-top:has(.detail-armatura-price-wrap) .buy-stock-wrap {
        order:-1;
    }
    .metalwork-callme {
        padding: 0 0;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    .metalwork-gallery {
        gap: 15px;
    }
    .delivery-tariffs h3 {
        font-size: 16px;
    }
    .tariff-information,
    .delivery-tariffs li
    {
        font-size: 14px;
        line-height: 22px;
    }
}