@media (max-width: 1300px) {
    .slide6 > div p {
        font: 16px 'RalewayMed', sans-serif;
    }

    label.accept-checkbox {
        width: 35px;
        height: 25px;
    }
}

@media (max-width: 1286px) {
    .card-box {
        width: 570px;
    }
}

@media (max-width: 1280px) {
    .card-container .card-box {
        width: 85%;
    }
}

@media (max-width: 1250px) {
    .slide7 > div:nth-child(2) {
        flex-direction: column;
    }

    .recommendation label {
        margin: 10px 0;
    }
}

@media (max-width: 1090px) {
    .financial-help .country .country-ukraine h4, .financial-help .country .country-usa h4 {
        font-size: 20px;
    }

    .financial-help .country .country-ukraine p, .financial-help .country .country-usa p {
        font-size: 16px;
    }
}

@media (max-width: 1050px) {
    .application-form-container .container {
        width: 80%;
    }
}

@media (max-width: 950px) {
    .country {
        flex-direction: column;
    }

    .country-ukraine {
        margin-bottom: 25px;
    }

    .container {
        width: 90%;
    }

    .application-form p {
        font-size: 16px !important;
    }

    .application-form span {
        font-size: 14px !important;
    }

    .application-form h2 {
        font-size: 28px;
    }
}

@media (max-width: 800px) {
    label.accept-checkbox {
        width: 45px
    }

    .slide2 input {
        margin: 25px 0 !important;
    }

    .slide1 .name {
        flex-direction: column;
    }

    .slide1 .name input {
        margin: 25px 0 !important;
    }

    .application-boxes .swiper-slide {
        padding: 50px 25px;
    }

    .slide6 > div , .slide5 > div, .slide4 > div, .slide3 > div, .date-born  {
        flex-direction: column;
    }

    .slide-content p {
        text-align: center;
    }

    .slide-content input, .slide6> div input, .slide5 > div input, .slide4 .family-status select, .slide4 .married input, .slide4 > div > div {
        width: 100% !important;
        margin: auto;
    }

    .application-form-container .swiper-container {
        min-height: 900px;
    }

    .app-next {
        bottom: -4%;
    }
}

@media (max-width: 768px) {
    .card-container .card-box {
        width: 100%;
    }
}

@media (max-width: 715px) {
    .info .description h1 {
        font-size: 32px;
    }
    .application-form p {
        font-size: 14px !important;
    }

    .info .description p {
        font-size: 14px;
    }

    .financial-help p:first-child {
        font-size: 20px;
    }

    .contact-container .contact p:first-child {
        font-size: 24px;
    }

    .contact-container .contact p:nth-child(2) {
        font-size: 24px;
    }

    .contact-container .contact p:last-child {
        font-size: 24px;
    }

    .financial-help-container .financial-help {
        padding: 25px 25px;
    }
}

@media (max-width: 600px) {
    .card-container .card-box .card1-content {
        flex-direction: column;
    }

    .card-container .card-box .card1-content .card1-pedagogy,
    .card-container .card-box .card1-content .card1-psychology {
        width: 95%;
    }

    .card4-content {
        flex-direction: column;
    }

    label.accept-checkbox {
        width: 55px;
        height: 20px;
    }

    .slide7 > input, .slide7 > div {
        margin: 15px 0;
    }
}

@media (max-width: 550px) {
    .card-box--element h3 {
        font-size: 24px;
    }

    .card2-content p {
        font-size: 24px;
        text-align: center;
    }

    .card2-content p span {
        font-size: 48px;
    }

    .card3-content > p {
        font-size: 20px;
    }

    .card3-content > p span {
        font-size: 28px;
    }

    .short-info {
        width: 100%;
    }

    .card3-content ul li {
        font-size: 18px;
    }

    .card5-content p {
        font-size: 64px;
    }

    .card6-content ul li {
        font-size: 14px;
    }

    .contact-container .contact p:first-child {
        font-size: 18px;
    }

    .contact-container .contact p:nth-child(2) {
        font-size: 18px;
    }

    .contact-container .contact p:last-child {
        font-size: 18px;
    }

    .contact-container .contact p:first-child .span {
        font-size: 22px;
    }

    .financial-help p:first-child {
        font-size: 16px;
    }

    .card-boxes ul li::before {
        left: -2%;
    }

    .card-box--element {
        padding: 20px;
    }

    .card4-content .cities p {
        font-size: 24px;
    }

    .card4-content .cities {
        margin-bottom: 70px;
    }

    .application-form-container .container {
        width: 90%;
    }

    .application-form h2 {
        font-size: 20px;
        margin: 10px 0 !important;
    }
}