@media screen and (max-width: 1200px) {
  #our-brands {
    scroll-margin-top: 110px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 20px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 25px;
    text-align: left;
  }
  .our-brand-card {
    width: 13vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}






@media screen and (max-width: 1080px) {
  #our-brands {
    scroll-margin-top: 110px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 20px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 25px;
    text-align: left;
  }
  .our-brand-card {
    width: 15vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}





@media screen and (max-width: 960px) {
  #our-brands {
    scroll-margin-top: 105px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 20px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 25px;
    text-align: left;
  }
  .our-brand-card {
    width: 16vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}




@media screen and (max-width: 760px) {
  #our-brands {
    scroll-margin-top: 95px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 20px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 25px;
    text-align: left;
  }
  .our-brand-card {
    width: 15vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}





@media screen and (max-width: 620px) {
  #our-brands {
    scroll-margin-top: 95px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 20px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 25px;
    text-align: left;
  }
  .our-brand-card {
    width: 20vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}





@media screen and (max-width: 480px) {
  #our-brands {
    scroll-margin-top: 85px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 16px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
  }
  .our-brand-card {
    width: 23vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}





@media screen and (max-width: 320px) {
  #our-brands {
    scroll-margin-top: 85px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 16px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
  }
  .our-brand-card {
    width: 25vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}
@media screen and (max-width: 308px) {
  #our-brands {
    scroll-margin-top: 70px; /*отступ сверху страницы для перехода по якорю*/
  }
}  



@media screen and (max-width: 285px) {
  #our-brands {
    scroll-margin-top: 70px; /*отступ сверху страницы для перехода по якорю*/
  }
  .our-brends-text {
    flex-direction: column;
    grid-gap: 40px;
    font-size: 16px;
    padding-top: 15px;
  }
  #our-brends-title {
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: left;
  }
  .our-brand-card {
    width: 23vw;
    aspect-ratio: 1 / 1;
    margin-top: 20px;
  }
  .our-brends-link a {
    margin-top: 10px;
  }
}