@media (max-width: 768px) {
    .footer-nav__ul {
        gap: 8px 24px;
    }

    .section {
        padding: 0;
    }

    .header-top-block {
        padding: 10px 20px;
    }

    .header-bottom-block {
        height: auto;
        padding: 8px 20px;
    }

    .wrapper,
    .header-top-block-inner,
    .header-bottom-block-inner,
    .footer-inner,
    .header-nav-container,
    .big-graps-frame-container {
        max-width: 680px;
    }

    .header-nav-link > a {
        padding: 10px 0;
    }

    .section {
        margin: 45px 0;
    }

    .title {
        max-width: 310px;
    }

    .logo-short {
        flex: 1;
    }

    .banner-item, .banner-inner {
        height: 400px;
    }

    .header-search {
        position: relative;
        display: block;
        width: 100%;
        background-color: transparent;
        padding: 0;
        margin-left: 16px;
    }

    .header-search-block {
        display: none;
    }

    .header-search-block.show-search {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        display: flex;
        flex-flow: row nowrap;
        background-color: #484b52;
        padding: 8px 0;
    }

    .header-search__button-mobile-show {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        background: transparent;
        padding: 6px 16px;
        cursor: pointer;
    }

    .header-search__button-mobile-show svg {
        display: block;
        max-width: 100%;
    }

    .header-search__button-mobile-hide {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        background: transparent;
        padding: 6px 16px;
        cursor: pointer;
    }

    .header-search-input {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: 40px;
        background-color: #fff;
        border-radius: 6px;
        padding-right: 40px;
        margin: 0;
    }

    .header-search-submit-button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        height: auto;
        cursor: pointer;    
    }

    .header-search-submit-button svg {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .header-nav-container {
        margin: 0 auto;
    }

    .sublink {
        position: relative;
        background: transparent;
    }

    .sublink-item {
        width: 100%;
    }

    .sub-subitems {
        position: relative;
        left: 0;
        width: 100%;
        padding-left: 56px;
    }

    .banner-inner {
        display: block;
        position: relative;
    }

    .banner-button {
        justify-content: start;
        position: absolute;
        left: 32px;
        bottom: 32px;
    }

    .banner-text,
    .banner-button {
        width: 100%;
    }

    .banner-subtitle {
        margin-top: 20px;
    }

    .banner-button-inner {
        width: 265px;
        height: 78px;
    }


    .big-graps-frame {
        width: calc(690px * 3);
    }

    .big-graps-frame-item {
        width: 100%;
        height: 409px;
    }


    .small-cards {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

    .small-cards_product {
        grid-template-columns: repeat(1, 1fr);
    }

    .brand-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .brand-item {
        grid-column: unset !important;
    }

    .brand-item > a {
        padding: 12px;
    }

    .brand-item-images {
        padding: 0 20px;
    }

    .catalog-section-item {
        // height: 284px;
        padding: 24px 0px;
    }

    .catalog-section-item-title {
        font-size: 14px;
    }

    .about-us-section-inner {
        display: block;
        height: auto;
    }

    .about-us-section-main-item,
    .about-us-section-items {
        width: 100%;
    }

    .about-us-section-main-item {
        height: 246px;
        margin-bottom: 20px;
    }

    .about-us-section-items {
        grid-template-rows: auto;
        height: auto;
        margin: 0;
    }

    .about-us-section-item-subtitle {
        font-size: 20px;
    }

    .about-us-section-bottom {
        display: block;
        max-height: none;
        height: auto;
    }

    .about-us-section-bottom-left,
    .about-us-section-bottom-right {
        width: 100%;
    }

    .about-us-section-bottom-left {
        height: 221px;
    }

    .about-us-section-bottom-right {
        height: 232px;
        padding-top: 40px;
    }

    .about-us-section-bottom-left-button {
        width: 263px;
        height: 64px;
    }

    .about-us-section-bottom-left-title {
        font-size: 32px;
        line-height: 39px;
        max-width: 500px;
    }

    .about-us-section-bottom-left-subtitle {
        margin-top: 16px;
    }

    .about-us-section-bottom-brand {
        padding: 12px;
    }

    .partner1 {
        grid-column: 1 / 4;
    }

    .partner2 {
        grid-column: 4 / 7;
    }

    .partner3 {
        grid-column: 7 / 10;
    }

    .partner4 {
        grid-column: 10 / 13;
    }

    .partner5 {
        grid-column: 1 / 5;
    }

    .partner6 {
        grid-column: 5 / 9;
    }

    .partner7 {
        grid-column: 9 / 13;
    }

    .clients-section-inner-panel-list {
        grid-template-rows: repeat(1, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }

    .clients-section-inner-images {
        margin: 0;
    }

    .footer-logo-container > svg {
        display: none;
    }

    .footer-inner-center-left {
        gap: 48px;
    }

    .footer-inner-bottom-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 18px;
    }

    .footer-inner-bottom-content__item:last-child {
        grid-column: 1/3;
        text-align: center;
    }

    .big-graps-frame-item-buttons-inner-drscription .bx-breadcrumb {
        flex-direction: column;
    }

    .big-graps-frame-item-buttons-inner-drscription .bx-breadcrumb-item i {
        display: none;
    }

    .product-detail-banner {
        height: auto;
        padding: 24px;
    }

    .product-detail-banner-inner {
		display: flex;
		flex-flow: column-reverse nowrap;
		gap: 10px;
    }

    .product-detail-banner-inner-left {
        width: 100%;
    }

    .product-detail-banner-inner-right {
        width: 70%;
        position: absolute;
        transform: scale(1.2);
        top: 0;
    }
    .product-detail-banner-inner-right-image {
        object-position: bottom;
        height: 100%;
        position: relative;
        bottom: -90px;
    }
    .product-detail-banner-inner-title {
        font-size: 38px;
      }


    .product-detail-info-right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .product-detail-mini-pic-string-frame {
        grid-row: auto;
        grid-column: auto;
    }
    .product-detail-info-right-item:nth-child(1n) {
        grid-row: auto;
        grid-column: 1/3;
    }
    .product-detail-info-right-item:first-of-type {
        grid-column: 1/3;
    }
    .product-detail-mini-pic-string-frame {
        grid-column: 1/3;
        margin-bottom: 8px;
    }
    .product-detail-info-right-item:nth-child(4n) {
        grid-column: 1/2;
    }
    .product-detail-info-right-item:nth-child(5n) {
        grid-column: 2/3;
    }
    .product-detail-info-right {
        grid-column-gap: 8px;
      }
    .consultation-banner-2>img, .consultation-banner>img {
        display: none;
    }
    .consultation-banner-2, .consultation-banner {
        display: flex;
    }
    .product-detail-info-left-item-text {
        align-items: center;
    }

    .product-detail-mini-pic-string {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 8px;
        margin-bottom: 0px;
    }


    .catalog-cection-container {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
    }

    .basket-recommend__cards .small-cards {
        grid-template-columns: 1fr;
    }

    .slider-small-cards .small-cards {
        grid-template-rows: repeat(6, 1fr);
    }

    .about-breadcrumbs {
        margin-bottom: 16px;
    }

    .about-section {
        padding: 0;
        margin-bottom: 24px;
    }

    .about-company-content__title,
    .about-company-pluses__title,
    .about-company-details__title,
    .about-company-branches__title {
        margin-bottom: 16px;
    }

    .about-company-content__title h1,
    .about-company-pluses__title h2,
    .about-company-details__title h2,
    .about-company-branches__title h2 {
        font-size: 20px;
    }

    .about-company-pluses__items,
    .about-company-branches__items {
        grid-template-columns: 1fr;
    }

    .about-breadcrumbs {
        padding: 0;
    }

    .service-content__gallery-items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px;
    }

    .service-section {
        padding: 0;
        margin-bottom: 24px;
    }

    .service-section_banner {
        padding-top: 16px;
    }

    .service-content__title {
        margin-bottom: 16px;
    }

    .service-content__title h1 {
        font-size: 20px;
    }

    .service-content__list-items {
        grid-template-columns: 1fr;
    }

    .service-content__we-work-with-items {
        grid-template-columns: 1fr;
    }

    .product-set__items {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    .modal__title {
        font-size: 20px;
    }

    .small-graps-frame-item-inner-right__wrapper {
        flex: 1;
    }

    .clients-section-inner-images-print {
        bottom: 0;
        right: 16px;
        width: 120px;
        height: 120px;
    }

    .footer-inner-center-left {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .footer-inner-center-left-nav:nth-child(1),
    .footer-inner-center-left-nav:nth-child(4) {
        grid-column: 1/3;
    }
    
    .footer-inner-center-left-nav-inner {
        grid-template-columns: repeat(3, 1fr);
    }

	.catalog-section-items {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 428px) {
    .services-block {
        flex-direction: column;
    }

    .services-block__item-head {
        gap: 8px;
        padding: 8px;
    }

    .services-block__item-title > h3 {
        font-size: 20px;
    }
}