@media screen and (max-width: 1380px) and (min-width: 1221px) {

    .pets__gallery {
        position: relative;
        display: flex;
        flex-direction: row;
        max-width: 1200px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .gallery-wrap {
        overflow-x: hidden;
        flex-shrink: 0;

    }

    .carousel-wrap {
        max-width: 941px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 120px;
        transition: all 0.3s ease-in-out;
    }

    .carousel-item {
        max-width: 941px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 20px;
        column-gap: 29px;
        justify-content: center;
        align-items: center;
        position: relative;
        flex-shrink: 0;
    }

    .pet-card {
        width: 294px;
        height: 354px;
    }

    .pet-card__overlay {
        width: 294px;
        height: 354px;
    }

    .pet-card__images-wrap {
        width: 294px;
        height: 294px;
    }

    .pet-card__images {
        width: 294px;
    }

    .pet-card__description-wrap {
        width: 294px;
    }

    .pet-card__title-wrap-overlay h4 {
        font-size: 24px;
    }

    .pets__image-decoration-left {
        position: absolute;
        width: 294px;
        height: 202px;
        object-fit: cover;
        object-position: -120px 0;
        top: 876px;
        left: -74px;
        z-index: -2;
    }

    .pets__image-decoration-right {
        height: 180px;
        object-fit: cover;
        position: absolute;
        top: 896px;
        right: 0;
    }
}



@media screen and (max-width: 1220px) and (min-width: 1000px) {

    .page-content {
        max-width: 1000px;
        margin: 0 auto;
    }

    .section {
        max-width: 1000px;
    }

    .header {
        max-width: 1000px;
        padding: 0 30px;
        position: relative;
        z-index: 1;
    }

    .header-nav__links-wrap {
        gap: 48px;
    }

    .watch-your-favorite-animal-online {
        max-width: 1000px;
        height: 504px;
        background-image: url("../../assets/images/giant _panda.png");
        background-color: var(--light_gray);
        background-repeat: no-repeat;
        background-position: -100px -80px;
        background-size: 1198px 584px;
        position: relative;
    }

    .watch-your-favorite-animal-online__info-wrap {
        width: 400px;
        gap: 40px;
        right: 87px;
        position: absolute;
    }

    .watch-your-favorite-animal-online__title {
        margin-top: 44px;
        font-size: 85px;
    }

    .decorative-elip {
        width: 367px;
        height: 367px;
        right: 90px;
        top: -11px;
    }

    .the-backstage {
        margin: 100px 0 142px;
    }

    .the-backstage__wrapper {
        gap: 31px;
        margin: 0 30px;
    }

    .the-backstage__image-main {
        width: 455px;
        height: 408px;
        object-fit: cover;
    }

    .the-backstage__info-wrap {
        width: 465px;
        height: 426px;
        display: block;
    }

    .the-backstage__info-wrap .section__subtitle {
        margin-top: 54px;
        margin-bottom: 32px;
    }

    .the-backstage__info-wrap .section__description {
        line-height: 140%;
    }

    .the-backstage--image-decoration {
        display: none;
    }

    .pets__gallery {
        max-width: 941px;
    }

    .carousel-wrap {
        max-width: 941px;
        flex-shrink: 0;
    }

    .carousel-item {
        max-width: 941px;
        flex-shrink: 0;
        row-gap: 92px;
        column-gap: 29px;
    }

    .pets .button-previous {
        position: absolute;
        top: 369px;
        left: 323px;
        z-index: 2;
    }

    .pets .button-next {
        position: absolute;
        top: 369px;
        right: 323px;
        z-index: 2;
    }

    .pet-card {
        width: 294px;
        height: 354px;
    }

    .pet-card__overlay {
        width: 294px;
        height: 354px;
    }

    .pet-card__images-wrap {
        width: 294px;
        height: 294px;
    }

    .pet-card__images {
        width: 294px;
    }

    .pet-card__description-wrap {
        width: 294px;
    }

    .pet-card__title-wrap-overlay h4 {
        font-size: 24px;
    }

    .pets__image-decoration-left {
        position: absolute;
        width: 294px;
        height: 202px;
        object-fit: cover;
        object-position: -193px 0;
        top: 876px;
        /*left: -74px;*/
        left: 0;
        z-index: -2;
    }

    .pets__image-decoration-right {
        height: 180px;
        object-fit: cover;
        position: absolute;
        top: 896px;
        right: 0;
    }

    .pets .button-primary__round {
        display: block;
        margin: 82px auto 140px;
    }

    .pick-and-feed-a-friend {
        max-width: 1000px;
        height: 876px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .pick-and-feed-a-friend__card {
        width: 940px;
        height: 796px;
        padding: 30px 49px 50px;
    }

    .pick-and-feed-a-friend .section__title {
        margin-bottom: 21px;
        margin-left: 190px;
    }

    .pick-and-feed-a-friend .section__subtitle {
        width: 850px;
    }

    .pick-and-feed-a-friend__description-wrap {
        text-align: left;
        max-width: 843px;
    }

    .pick-and-feed-a-friend .section__description-bold {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .pick-and-feed-a-friend .section__description {
        max-width: 823px;
        position: relative;
    }

    .feed-animal__stages {
        margin-left: 1px;
    }

    .feed-animal__stages-title {
        margin-top: 40px;
    }

    .pick-and-feed-a-friend .button-primary__round {
        margin-top: 71px;
        margin-left: 272px;
    }

    .testimonials {
        margin-top: 101px;
    }

    .testimonials__cards-mobile {
        display: none;
    }

    .testimonials__cards {
        margin: 30px auto 0;
        overflow-x: hidden;
        max-width: 942px;
        /*justify-content: center;*/
    }

    .testimonials__cards-wrapper {
        transform: translateX(0px);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 30px;
        transition: all 0.3s;
    }

    .testimonial-card {
        width: 293px;
        flex-shrink:  0;
    }

    .testimonial-card:last-child {
        display: none;
    }

    .testimonial-card__wrap {
        width: 288px;
        gap: 9px;
    }

    .testimonial-card__user-info {
        margin-top: 12px;
        margin-left: 14px;
    }

    .testimonials__small-paragraph {
        margin: 2px auto 0 12px;
        width: 255px;
        height: 309px;
        overflow-y: scroll;
    }

    .slide-container {
        max-width: 390px;
        margin: 20px auto 51px 299px;
        height: 8px;
        border-radius: 5px;
        background: linear-gradient(315.75deg, rgba(254, 189, 171, 0.74) 30.06%, rgba(243, 169, 248, 0.66) 50.74%, #E0D8F0 80.49%, #EAF7FE 127.9%, #EAF7FE 149.54%);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slider {
        width: 388px;
        height: 6px;
        border-radius: 5px;

    }

    .slider::-webkit-slider-thumb {
        width: 75px;
    }

    .slider::-moz-range-thumb {
        width: 75px;
    }

    .testimonials .button-primary__half-round {
        margin-left: 30px;
        margin-bottom: 140px;
    }

    .testimonials__image-decoration {
        width: 198px;
        height: 330px;
        object-fit: cover;
        object-position: 0 -2px;
        position: absolute;
        top: 504px;
        left: 802px;
        z-index: -2;
    }

    .footer {
        padding: 40px 18px 50px 43px;
        max-width: 1000px;
        height: 443px;
    }

    .footer-top {
        max-width: 906px;
    }

    .input-email__field-default {
        margin-right: 4px;
    }

    .footer-bottom {
        max-width: 938px;
    }

    .footer-nav {
        width: 100%;
        margin-left: 180px;
    }

    .footer-nav__links-wrap {
        gap: 48px;
    }

    .privacy-info__link {
        text-decoration: none;
        color: var(--white);
        line-height: 160%;
    }

}