@media(max-width: 1760px) {

  .container {
    max-width: 1300px;
  }

  .section__title {
    font-size: 110px;
  }

  /*about*/

  .about__intro::before {
    left: calc(100% + 10px)
  }

  .about__title--highlight {
    font-size: 100px;
  }

  .about__intro-descr {
    top: 135px;
  }

  .about__first-block::after {
    right: calc(100% + 90px);
  }

  /*brands*/

  .brands__banner-title {
    font-size: 30px;
  }

  /*pro-nutrition*/

  .pro-nutrition__history-left::before {
    width: 130px;
  }

  .pro-nutrition__history-title {
    margin-bottom: 60px;
  }

}

@media(max-width: 1600px) {

  .section__title {
    font-size: 105px;
  }

  /*about*/

  .about__intro::before {
    display: none;
  }

  .about__title--highlight {
    font-size: 90px;
  }

  .about__intro-descr {
    top: 128px;
  }

  .about__first-block::after {
    display: none;
  }

}

@media(max-width: 1440px) {

  :root {
    --container-padding: 30px;
  }

  .container {
    padding: 0 var(--container-padding);
  }

  .section__title {
    font-size: 90px;
  }

  /*about*/

  .about__title--highlight {
    font-size: 85px;
  }

  .about__intro {
    margin-bottom: 55px;
  }

  .about__intro-descr {
    top: 103px;
  }

  /*brands*/

  .brands__banner {
    padding: 40px 70px;
  }

  /*pro-nutrition*/

  .pro-nutrition__subblock-image {
    max-width: 100%;
  }

  .pro-nutrition__history-left::before {
    right: calc(100% - 106px);
    width: 128px;
  }

  /*dynavena*/

  .dynavena__image {
    max-height: 110%;
  }

  /*zoo-genius*/

  .zoo-genius__image {
    right: -26px;
    max-width: 40%;
  }

}

@media(max-width: 1200px) {

  /*about*/

  .about__first-block {
    margin-bottom: 24px;
  }

  .about__first-block-left{
    min-height: 280px;
  }

  .about__first-block-right {
    padding-bottom: 40px;
  }

  .about__first-block-white {
    display: none;
  }

  .about__first-block-white-mobile {
    display: block;
    margin-bottom: 24px;
  }

  .about__medium-block {
    padding: 30px;
  }

  .about__medium-imges {
    height: 125px;
  }

  .about__medium-imges img:nth-child(2) {
    transform: translateX(-38px);
  }

  .about__medium-imges img:nth-child(3) {
    transform: translateX(-74px);
  }

  .about__last {
    padding: 30px 40px;
  }

  /*brands*/

  .brands__banner {
    min-height: auto;
  }

  .brands__banner-logo {
    max-height: 100px;
  }

  /*pro-nutrition*/

  .pro-nutrition {
    margin-bottom: 100px;
  }

  /*canina*/

  .canina {
    margin-bottom: 100px;
  }

  .canina__bottom {
    gap: 30px;
  }

  .canina__subblock {
    margin-left: 35px;
  }

  /*dynavena*/

  .dynavena__subblock {
    padding-right: 40px;
  }

  /*lpc*/

  .lpc {
    margin-bottom: 100px;
  }

  .lpc__banner::before {
    bottom: 53px;
    width: 34%;
    height: 150%;
  }

  /*zoo-genius*/

  .zoo-genius__image {
    right: -26px;
  }

}

@media(max-width: 1128px) {

  .section__title {
    font-size: 78px;
  }

  /*about*/

  .about__intro {
    margin-bottom: 90px;
  }

  .about__title--highlight {
    font-size: 68px;
  }

  .about__medium-imges {
    height: 100px;
  }

  .about__medium-imges img:nth-child(2) {
    transform: translateX(-30px);
  }

  .about__medium-imges img:nth-child(3) {
    transform: translateX(-59px);
  }

  .about__medium-title {
    font-size: 18px;
  }

  .about__last {
    font-size: 16px;
  }

  /*brands*/

  .brands__container-list {
    margin-bottom: 100px;
  }

  .brands__banner {
    padding: 30px 50px;
  }

  .brands__banner-logo {
    max-height: 90px;
  }

  .brands__banner-title {
    font-size: 25px;
  }

  .brands__banner-descr {
    font-size: 16px;
  }

  .banner__subblock {
    padding: 30px;
  }

  /*pro-nutrition*/

  .banner__subblock {
    font-size: 16px;
  }

  .pro-nutrition__history-left {
    padding-left: 76px;
  }

  .pro-nutrition__history-left::before {
    right: calc(100% - 65px);
    width: 80px;
  }

  .pro-nutrition__history-title {
    margin-bottom: 40px;
  }

  /*canina*/

  .canina__bottom {
    align-items: center;
  }

  .canina__subblock-descr {
    align-self: unset;
  }

  /*dynavena*/

  .dynavena__image {
    left: calc((100% - var(--gap)) / 2 + var(--container-padding) - 6px);
    max-width: 50%;
  }

  .dynavena__subblock {
    padding: 0 30px;
    width: 100%;
  }

  /*lpc*/

  .lpc__banner {
    padding: 61px 90px 61px 30px;
  }

  .lpc__banner::before {
    top: 0;
    right: 0;
    left: unset;
    z-index: 0;
    max-width: 10%;
    height: 100%;
    background-image: url(../img/lpc-image-mobile.png);
    background-position: 100% center;
    background-size: auto 85%;
  }

  .lpc__logo {
    width: 250px;
  }

  /*zoo-genius*/

  .zoo-genius__banner-logo-link {
    margin-bottom: 0;
  }

  .zoo-genius__subblock {
    margin-left: 45px;
  }

  .zoo-genius__subblock-descr {
    font-size: 16px;
  }

}

@media(max-width: 960px) {

  :root {
    --gap: 16px;
  }

  .section {
    margin-bottom: 90px;
  }

  .section__title {
    font-size: 67px;
  }

  /*about*/

  .about__intro {
    margin-bottom: 30px;
  }

  .about__title {
    margin-bottom: 30px;
  }

  .about__title--highlight {
    font-size: 67px;
  }

  .about__intro-descr {
    position: relative;
    top: auto;
    width: 80%;
  }

  .about__first-block-right {
    padding: 25px 0;
  }

  /*brands*/
  .brands__banner {
    padding: 30px;
  }

  .brands__banner-title {
    font-size: 23px;
  }

  /*pro-nutrition*/

  .pro-nutrition__history-left {
    width: 100%;
  }

  .pro-nutrition__history-image-container {
    display: none;
  }

  .pro-nutrition__history-year, .pro-nutrition__history-title {
    font-size: 18px;
  }

  /*canina*/

  .canina__banner {
    margin-bottom: 40px;
  }

  .brands__banner-content {
    width: 60%;
  }

  .canina__image {
    right: 50px;
    margin-left: auto;
    max-width: calc(40% - 50px);
  }

  .canina__bottom {
    flex-direction: column;
  }

  .canina__subblock {
    margin: 0;
    padding: 0 30px;
    max-width: 100%;
    border-radius: 0;
    color: var(--color-ash-black);
    background-color: unset;
  }

  .canina__subblock-descr {
    padding: 30px;
    width: 100%;
    border-radius: 20px;
    color: var(--color-white);
    background-color: var(--color-orange);
  }

  /*dynavena*/

  .dynavena__image {
    left: unset;
    right: -6px;
    max-width: 40%;
  }

}

@media(max-width: 840px) {

  .section {
    margin-bottom: 64px;
  }

  .section__title {
    font-size: 57px;
  }

  /*about*/

  .about__first-block {
    flex-direction: column-reverse;
    padding: 35px 35px 0 35px;
  }

  .about__first-block-right {
    padding: 0;
    width: 100%;
  }

  .about__first-block-descr {
    padding: 0;
  }

  .about__first-block-left {
    min-height: auto;
    width: 100%;
  }

  .about__first-block-img {
    position: relative;
    left: auto;
    max-height: 100%;
  }

  .about__first-block-white-mobile {
    padding: 0 35px;
  }

  .about__medium {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .about__medium-block {
    padding: 35px;
    width: 100%;
  }

  .about__medium-imges {
    height: 120px;
  }

  .about__medium-imges img {
    max-width: 33%;
    object-fit: contain;
  }

  .about__last {
    padding: 35px;
  }

  /*brands*/

  .brands__banner-content {
    width: 100%;
  }

  .banner__subblock {
    max-width: 100%;
    border-radius: 20px;
    padding-bottom: 0;
  }

  /*pro-nutrition*/

  .pro-nutrition {
    display: flex;
    flex-direction: column;
  }

  .pro-nutrition__banner {
    margin-bottom: 40px;
  }

  .pro-nutrition__banner::before {
    display: none;
  }

  .pro-nutrition__subblock {
    order: 2;
  }

  .pro-nutrition__subblock-image {
    position: relative;
    right: unset;
    bottom: 0;
    margin: auto;
    margin-top: 30px;
    max-height: 250px;
  }

  .pro-nutrition__history {
    margin-top: 0;
    margin-bottom: 40px;
  }

  .pro-nutrition__history-left::before {
    width: 60px;
  }

  .pro-nutrition__history-title {
    margin-bottom: 20px;
  }

  .pro-nutrition__history-block {
    margin-bottom: 24px;
  }

  /*canina*/

  .canina__image {
    display: none;
  }

  .canina__subblock-descr {
    padding-bottom: 0;
  }

  .canina__image-mobile {
    display: block;
    margin: auto;
    margin-top: 30px;
    max-height: 250px;
  }

  /*dynavena*/

  .dynavena {
    margin-bottom: 0;
  }

  .dynavena__image {
    display: none;
  }

  .dynavena__image-mobile {
    display: block;
    margin: auto;
    max-height: 250px;
  }

  /*lpc*/

  .lpc__banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding-right: 120px;
  }

  .lpc__banner::before {
    max-width: 130px;
  }

  .lpc__descr {
    font-size: 16px;
  }

  /*zoo-genius*/

  .zoo-genius__image {
    display: none;
  }

  .zoo-genius__subblock {
    margin: 0;
    color: inherit;
    background-color: unset;
  }

}


@media(max-width: 720px) {

  :root {
    --container-padding: 14px;
  }

  .section__title {
    font-size: 47px;
  }

  /*about*/

  .about__title {
    margin-bottom: 16px;
  }

  .about__title--highlight {
    font-size: 55px;
  }

  .about__intro-descr {
    width: 100%;
  }

  .about__first-block {
    margin: 0 calc(-1 * var(--container-padding));
    margin-bottom: 20px;
    width: 100vw;
    border-radius: 0;
  }

  .about__first-block-white-mobile {
    padding: 0 21px;
  }

  .about__medium-block {
    margin: 0 calc(-1 * var(--container-padding));
    width: 100vw;
  }

  .about__last {
    margin: 0 calc(-1 * var(--container-padding));
  }

  /*brands*/

  .brands__title {
    margin-bottom: 20px;
  }

  .brands__list {
    gap: 8px;
    padding: 30px 0;
  }

  .brands__item {
    width: calc((100% - 4 * 8px) / 5);
    aspect-ratio: 265 / 180;
  }

  .brands__item-image {
    max-height: 46px;
  }

  .brands__banner, .banner__subblock {
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
    max-width:unset;
    width: 100vw;
    border-radius: 0;
  }

  /*pro-nutrition*/

  .pro-nutrition__history-left {
    padding-left: 16px;
  }

  .pro-nutrition__history-left::before {
    display: none;
  }

  .pro-nutrition__history-content {
    position: relative;
    max-height: 290px;
    overflow: hidden;
    transition: max-height .7s ease-in-out;
  }

  .pro-nutrition__history-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  }

  .pro-nutrition__history-content.active {
    max-height: 2000px;
  }

  .pro-nutrition__history-content.active::after {
    display: none;
  }

  .pro-nutrition__history-title {
    margin-bottom: 24px;
    font-size: 20px;
  }

  .pro-nutrition__history-year {
    font-size: 16px;
  }

  .pro-nutrition__history-show-all {
    display: block;
  }

  .pro-nutrition__history-show-all.hidden {
    display: none;
  }

  /*canina*/

  .canina__subblock-descr {
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
    max-width:unset;
    width: 100vw;
    border-radius: 0;
  }

  /*lpc*/

  .lpc__banner {
    gap: 16px;
    margin-left: calc(-1 * var(--container-padding));
    margin-right: calc(-1 * var(--container-padding));
    padding: 48px 100px 48px 14px;
    max-width:unset;
    width: 100vw;
    border-radius: 0;
  }

  .lpc__descr-title {
    display: none;
  }

}

@media(max-width: 576px) {

  .section__title {
    font-size: 30px;
  }

  /*about*/

  .about__title--highlight {
    font-size: 40px;
  }

  .about__first-block {
    padding: 20px 14px 0 14px;
  }

  .about__first-block-white-mobile {
    padding: 0;
  }

  .about__medium-block {
    padding: 24px 14px;
  }

  .about__last {
    padding: 24px 14px;
  }

  /*brands*/

  .brands__banner {
    margin-bottom: 24px;
    padding: 24px 14px;
  }

  .brands__title {
    font-size: 40px;
  }

  .brands__container-list {
    display: none;
  }

  .banner__subblock {
    padding: 24px 14px 0 14px;
  }

  .brands__banner-descr {
    max-width: 100%;
  }

  .brands__banner-title {
    font-size: 20px;
  }

  /*pro-nutrition*/

  .pro-nutrition__history {
    margin-bottom: 32px;
  }

  .pro-nutrition__history-left {
    padding: 0;
  }

  /*canina*/

  .canina__banner {
    margin-bottom: 24px;
  }

  .canina__subblock {
    padding-top: 0;
  }

  .canina__subblock-descr {
    padding: 26px 14px 0 14px;
  }

  /*dynavena*/

  .dynavena__subblock {
    padding: 0;
  }

  /*lpc*/

  .lpc__logo {
    width: 140px;
  }

  /*zoo-genius*/

  .zoo-genius__subblock {
    padding: 0 14px;
  }

}

@media(max-width: 380px) {

  /*brands*/

  .brands__banner-title {
      font-size: 17px;
  }

}