@media (max-width: 1360px) {
    .container, .header--small__hidden  {
        max-width: 100%;
        width: 100%;
    }
    .header__menu ul {
        column-gap: 40px;
    }
}

@media (max-width: 1024px) {
    h2 {
        font-size: 32px;
    }

    /*HEADER*/
    .header__burger {
        display: block;
    }
    .header__lang--mobile  {
        display: block;
    }
    .header__menu {
        display: none;
    }
    .header__top {
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
    .header__menu--main {
        width: 100%;
        justify-content: center;
    }
    .header__desc {
        align-self: flex-start;
        width: 100%;
    }
    .header__info {
        row-gap: 100px;
    }
    
    .header--main {
        height: 962px;
        padding-bottom: 65px;
    }
    .header--about {
        background-image: url(../img/about-back-mobile.jpg);
    }
    .header--expertise {
        background-image: url(../img/expertise-back-mobile.jpg);
        background-position: left center;
    }
    .header--branding {
        background-image: url(../img/branding-back-mobile.jpg);
    }
    .header--formula {
        background-image: url(../img/formula-back-mobile.jpg);
    }
    .header--promotion {
        background-image: url(../img/promotion-back-mobile.jpg);
    }
    .header--contacts {
        background-image: url(../img/contacts-back.jpg);
    }
    .header--small {
        height: 550px;
        padding-bottom: 50px;
    }

    .header--small__hidden {
        position: relative;
        bottom: 50px;
    }
    
    .header--small__hidden {
        height: auto;
        background-image: none;
        padding: 0 40px;
    }
    .services , .seenin, .mission, .promotion,.feedback{
        padding: 90px 0;
    }
    .services h3 {
        margin-bottom: 100px;
    }

    .services__grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 50px;
    }
    .about {
        padding-bottom: 0;
    }
    .about .container {
        padding: 0;
    }
    .about__row {
        padding-left: 40px;
        padding-right: 40px;
    }
    .grid__row {
        display: grid;
        grid-template-columns: 1fr;
        
    }
    .grid--pages {
        /* padding-bottom: 0; */
        padding-top: 200px;
    }
    .grid .grid__wrapper:nth-child(2n) .grid__row .grid__item:first-child{
        order: 2;
    }
    .grid__pic img {
        width: 50%;        
        margin: 0 auto;
    }
    .grid .grid__inner {
        row-gap: 20px;
    }
    
    /* .grid__item {
        max-height: 400px;
    } */
    .grid__info {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 20px;
        padding-right: 20px;
        aspect-ratio: unset;
    }

    .columns-4 {
        grid-template-columns: 1fr;
    }
    .footer {
        padding: 90px 0 170px;
    }
    .footer__logo {
        margin-bottom: 152px;
    }
    .columns-1-2 {
        grid-template-columns: 1fr;
        row-gap: 80px;
    }
    .contacts {
        text-align: center;
    }
    .contacts__social .footer__social {
        justify-content: center;
    }
}
@supports ( -webkit-touch-callout : none) {
    .header--small {
        background-attachment:scroll;
    }
}
    
@supports not ( -webkit-touch-callout : none) {
    .header--small {
        background-attachment: scroll;
    }
}
@media (max-width: 768px) {
    
    .welcome {
        padding: 100px 0;
    }
    .grid--pages {
        padding-top: 100px;
    }
    /* .header--small__hidden {
        height: 300px;
    } */
    h3 {
        font-size: 26px;
        font-weight: bold;
    }
    .container, .header__wrapper.sticky, .header--small__hidden{
        padding: 0 20px;
    }
    .header__wrapper.sticky {
        border-radius: 0;
    }
    /*header*/
    
    .hidden__menu {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .about {
        padding-top: 0;
    }
    .about__row {
        padding-left: 20px;
        padding-right: 20px;
        height: 500px;
        justify-content: flex-end;
    }
    /*Services*/
    .services, .facts, .seenin, .mission, .promotion,.feedback,section.feedback{
        padding: 70px 0;
    }
    .services h3 {
        margin-bottom: 60px;
    }
    .services__item-pic {
        margin-bottom: 30px;
    }
    /*Presentation*/
    .presentation {
        height: 600px;
    }
    /*End Presentation*/
    /*Facts In*/
    .facts__row {
        grid-template-columns: repeat(2, 1fr);
        
    }
    .facts__row .facts__item:last-child{
        grid-column: 1 / span 2;
        width: 50%;
        margin: 0 auto;
    }
    textarea.form-control {
        height: 200px;
    }
    .feedback__row {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .feedback__form {
        row-gap: 40px;
    }
    /*End Facts In*/

    

    /*Brands*/
    .brands {
        padding: 60px 0;
    }
    .brands h4 {
        font-size: 18px;
    }
    .brands h3, .seenin h3 {
        margin-bottom: 60px;
    }
    .brands__item-pic {
        margin-bottom: 25px;
    }
    /*Footer*/
    .footer__row {
        grid-template-columns: 1fr;
        row-gap: 70px;
    }

    .column__info {
        margin-bottom: 70px;
    }
    .columns-2 {
        grid-template-columns: 1fr;
    }
    .columns__desc {
        font-size: 36px;
    }
    /* comment - посмотреть, как будет лучше*/
    /* .welcome {  
        padding: 226px 0;
    } */
    .grid__pic img {
        width: 100%;        
        margin: auto;
    }
    .footer {
        background-size: contain;
    }
    /*anim mobile*/
    .welcome .anim, .brands h3.anim, .services h3.anim, 
    .about h2.anim, .seenin h3.anim, .presentation .anim >*, .facts h3.anim, .about__info.anim > *, .grid__wrapper.anim .grid__row, 
    .grid__wrapper.anim .grid__info, .title.anim, 
    .columns__item.anim > *, .services .anim .services__item {
        transform: translate(0%, 0%) !important;
        opacity: 1 !important;
    }
    .facts__row.anim .facts__item {
        transform: scale(1) !important;
    }
}
@media (max-width: 640px) {
    .header--expertise__hidden {
        bottom: 120px;
    }
    .header--main,  .hidden__menu {
        height: 100vh;
        min-height: 100vh;
    }
    .footer__logo {
        margin-bottom: 100px;
    }
    .footer {
        padding: 90px 0 120px;
    }
    .cookie-wrapper {
        padding: 10px 20px;
    }
    .presentation {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .services__grid {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 50px;
        row-gap: 50px;
    }
    .about h2 {
       /* text-align: right; */
        font-size: 90px;
        top: -30px;
    }
    .header__burger {
        font-size: 20px;
    }

    /*Facts In*/
    .facts__row {
        grid-template-columns: 1fr;
        
    }
    .facts__row .facts__item:last-child{
        grid-column: auto;
        width: 100%;
        margin: 0;
    }
    .button--submit {
        width: 100%;
    }
    /*End Facts In*/
    .header--formula__hidden {
        bottom: 125px;
    }
}
@media (max-width: 480px) {
    .services .button{
        width: 100%;
    }
}