
@media screen and (min-width: 1350px) {
.checkbox {
    display: none; 
    }

.about_company .left {
    flex: 1 1 100%;
}

.menu-hamburger {
    display: none;
}

.menu-element { font-family: none
}

.phone-Info {font-family: none
}
}

@media screen and (min-width: 992px) and (max-width: 1349px) {
.checkbox {
    display: none; 
    }

.menu-hamburger {
    display: none;
}


.about_company .left {
    flex: 1 1 100%;
}

.about_company__description {
    font-size: 20px;
    color: var(--color-text);
    margin-bottom: 15px;
}

.logo {
        max-width: 50%;
    }

 .menu-element { 
    font-size: 90%;
}

.phone-Info {
    font-size: 90%;
}

}
@media screen and (max-width: 992px) {
    .checkbox {
    display: none; 
    }

.menu-hamburger {
    display: none;
}

    .logo {
        max-width: 30%;
    }

    .menu-element { 
        font-size: 100%;
    }

    .phone-Info {
        font-size: 70%;
    }

    .name {
        font-size: 100px;
    }

    .description {
        font-size: 40px;
    }

    .about_company .left {
    flex: 1 1 100%;
    }

    .about_company__description {
        font-size: 20px;
        padding-right: 0px;
    }

}

@media screen and (max-width: 768px) {
    /* Menu */
    .menu-hamburger {
        position: fixed;
        top: 20px;
        right: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 26px;
        width: 32px;

        z-index: 4;
    }

    .line {
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: var(--color-blue);
    }

    .line1 {
        transform-origin: 0 0;
        transition: transform 0.4s ease-in-out;
    }

    .line2 {
        transition: transform 0.2s ease-in-out;
    }

    .line3 {
        transform-origin: 0 100%;
        transition: transform 0.4s ease-in-out;
    }

    #hamburger {
        display: none;
    }

    #hamburger:checked ~ .header-top {
        transform: translateX(0);
    }

    #hamburger:checked ~ .menu-hamburger .line1 {
        transform: rotate(45deg);
    }

    #hamburger:checked ~ .menu-hamburger .line2 {
        transform: scaleY(0);
    }

    #hamburger:checked ~ .menu-hamburger .line3 {
        transform: rotate(-45deg);
    }

    .header-top {
        position: fixed;
        right: 0;

        flex-direction: column;
        width: 60%;
        height: 100vh;

        transform: translateX(100%);
        transition: transform .25s ease;
    }

    .logo {
        display: contents;
        width: 100%;
        text-align: center;
        white-space: normal;
    }

    .navigation {
        margin: 20px 0;
    }

    .menu {
        flex-direction: column;
        gap: 10px;
    }

    .menu-element {
        margin-right: 0;
        font-size: 18px;
    }

    .menu-element__link.home svg {
        width: 24px;
        height: 24px;
    }

    .phone-Info_disciption {
        font-size: 15px;
    }


    /* Header */
    .header {
        bottom: 0;
    }

    .header-center__wrapper {
        text-align: center;
    }

    .name {
        font-size: 54px;
        line-height: 74px;
    }

    .description {
        font-size: 17px;
    }


    .about_company {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 100px 0 40px;
    }

    .about_company__image {
        width: 90%;
    }

    .about_company__title {
        font-size: 32px;
        padding-top: 20px;
        display: flex;
        flex-direction: row-reverse;
    }

    .about_company .right {
        display: contents;
    }
   
    .about_company__description {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 10px;;

    }

    .partners-list__row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .partners-list_elements {
        width: 100%;
    }

    .products-wrapper { 
        width: 100%;
    }

    .contacts {
    font-size: 18px;
    }

    .map {
        padding: 0px;
    }

    .footer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    .footer-left {
        padding-left: 0px;
    }


    /* Общие стили */
    .slider {
        max-width: 95%;
    }

    .slider__link {
        flex: 1 1 31%;
        max-width: 31%;
    }

    .slider__image {
        width: 100%;
        max-width: 100%;
    }

    .item-page {
        padding: 0px; 
    }
}

