@media (max-width: 1279px){
    .footer {
        height: auto;
    }
    .footer-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 768px){    
    
    .header-content {
        padding: 30px;
        width: 768px;
    }

    .pets-content {
        /* padding: 60px 30px 70px 30px; */
        margin-bottom: 70px;
        width: 768px;
    }

    .pets-title {
        margin-bottom: 30px;
        /* margin: 20px 150px 30px 150px; */
    }

    .pets-container {
        justify-content: center;
        overflow: hidden;
    
        padding-top: 0px;
        padding-bottom: 0px;

        max-height: 1365px;
    }

    .pets-navigation {
        margin-top: 40px;
        margin-bottom: 4px;
    
        gap: 0px 20px;
    }

    .footer {
        height: auto;
    }

    .footer-content {
        flex-wrap: wrap;
        justify-content: center;
        gap: 60px;
    
        margin: 30px 64px 0px 64px;
    }

    .footer-content-contacts {
        margin: 0;
    
        width: 278px;
    }

    .footer-content-location {
        margin: 0;
    
        width: 302px;
    }

    /*-----------------------------------------------------------------*/
    .popap-card {
        width: 630px;
    }
    
    .popap-photo {
        width: 350px;
        height: 350px;
    }
    
    .card-text {
        margin: 11px 9px 0px 11px;
        width: 260px;
    }
    
    .text-description {
        margin-top: 20px;
    
        font-size: 13px;
        line-height: 110%;
        letter-spacing: 0.059em;
    }
    
    .card-list{
        margin-top: 17px;
        margin-left: 14px;
    }
    
    .card-list-item {
        margin-top: 5px;
    }
}