section, header, footer {
    padding: 0 15px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media (min-width: 575.98px) {
    section, header, footer {
        padding: 0 calc(40vw - 270px);
    }
}

@media (min-width: 767.98px) {
    section, header, footer {
        padding: 0 calc(40vw - 360px);
    }
}

@media (min-width: 991.98px) {
    section, header, footer {
        padding: 0 calc(40vw - 480px);
    }
}

@media (min-width: 1199.98px) {
    section, header, footer {
        padding: 0 calc(40vw - 590px);
    }
}

@media (min-width: 1968px) {
    section, header, footer {
        padding: 0 calc(40vw - 590px);
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        padding: 0;
        max-width: 970px;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
        width: 100%;
    }

    .mobile__navigation {
        display: flex;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .for .block {
        font-family: 'Open Sans', sans-serif;
        max-width: 615px;
        margin: 5px 0;
    }

    .catalog .block {
        font-family: 'Open Sans', sans-serif;
        max-width: 615px;
        margin: 5px 0;
    }

    .customn__element {
        width: 100%;
        margin: 0 0 10px;
    }

    .customn__element .block {
        padding: 10px;
    }

    .custom__item {
        display: block;
    }

    .custom__item span {
        display: none;
    }

    .customn {
        display: block;
    }

    /*.for .block {
        background: rgba(41, 41, 45, 0.6);
    }*/
    .for .block::after {
        background: none;
    }


}

@media (max-width: 991.98px) {
    .container {
        padding: 0 10px;
    }
}

@media (max-width: 1200px) {
    section.navigation {
        display: none;
    }
}

@media (max-width: 425px) {
    .customn__element .block {
        padding: 0 20px;
        max-height: fit-content;
    }
}