@media screen and (max-width: 1830px) {

}
@media screen and (max-width: 1450px) {
    .about-wrap {
        width: 80%;
        margin: 200px auto 0;
    }
    .about__top {
        flex-direction: column;
        align-items: center;
    }
    .page-titleMobile {
        display: block;
    }
    .about__top-text__title {
        display: none;
    }
    .about__top-text {
        min-width: 100%;
    }
    .about__top-img {
        max-width: 60%;
        min-width: unset;
    }
    .about__bottom {
        min-width: 100%;
        margin: 0 auto;
    }

    /**/

    .education-wrap {
        width: 80%;
        margin: 200px auto 0;
    }

    .education__content-left-img {
        max-width: 80%;
        min-width: 100%;
        max-height: 360px;
    }

    /**/

    .activity-wrap {
        width: 80%;
        margin: 200px auto 0;
        align-items: center;
    }
    .activity__title {
        text-align: center;
    }
    .activity__content {
        flex-direction: column;
        align-items: center;
    }
    .activity__content-left {
        min-width: 100%;
        margin: 0 auto;
    }
    .activity__content-right {
        display: none;
    }

    /**/

    .rules-wrap {
        width: 80%;
        margin: 200px auto 0;
        align-items: center;
        gap: 50px;
        padding-bottom: 50px;
    }

    
    .rules__content {
        flex-direction: column;
        align-items: center;
        gap: 120px;
    }
    .rules__title {
        text-align: center;
    }
    .rules-text {
        max-width: 100%;
        text-align: center;
    }

    .rules-svg {
        display: none;
    }
    .rules-svgMobile {
        display: block;
    }
    .rules__content_svgMobile1 {
        bottom: 58%;
    }
    .rules__content_svgMobile2 {
        bottom: 20%;
    }
    
}
@media screen and (max-width: 1250px) {
    .page-titleMobile {
        font-size: 30px;
    }
    /**/
    .education__title {
        align-self: center;
    }
    .education__content {
        flex-direction: column;
        align-items: center;
        flex-direction: column;
    }
    .education__content-left {
        min-width: 100%;
        margin: 0 auto;
    }
    .education__content-left-img {
        align-self: center;
        max-width: 40%;
        min-width: unset;
    }
    .education__content-right {
        min-width: 100%;
        margin: 0 auto;
    }

    /**/
    .price-wrap {
        width: 80%;
        margin: 200px auto 0;
        padding-bottom: 100px;
    }
    .price-svg {
        display: none;
    }
    .price__content_svgMobile {
        display: block;
        bottom: 0;
    }
    .price__text {
        max-width: 100%;
    }

    /* appointment */
    .appointment-svg {
        display: none;
    }

}
@media screen and (max-width: 1100px) {
    .about-wrap {
        margin-top: 100px;
    }

    /**/

    .education-wrap {
        margin-top: 100px;
    }

    /**/

    .activity-wrap {
        margin-top: 100px;
    }

    /**/

    .rules-wrap {
        margin-top: 100px;
    }

    /**/

    .appointment-wrap {
        margin-top: 100px;
        gap: 20px;
        padding-bottom: 30px !important;
    }

    .def_inp {
        padding: 10px 50px 10px 15px;
        font-size: 20px;
        min-width: 460px;
    }
    .appointment__form-date {
        padding-right: 15px;
    }
    .appointment__form-datePlaceholder, .appointment__form-datePlaceholderError {
        font-size: 20px;
    }
    .appointment__problemList, .appointment__communicationList {
        min-width: 460px;
    }

    .appointment__formBtn {
        padding: 15px 35px;
    }
}
@media screen and (max-width: 800px) {
   

    /**/
    .education__content-left-img {
        display: none;
    }
    .educationImg__box {
        align-self: center;
        max-width: 100%;
        max-height: 250px;
        overflow: hidden;
        border-radius: 20px;
    }
    .education__content-left-imgMobile {
        max-width: 100%;
        display: block;
        transform: translateY(-25%);
    }
    .education__content-left-wrap {
        font-size: 14px;
    }
    .education__content-right__text {
        font-size: 14px;
    }

    /**/

    .activity__title {
        font-size: 30px;
    }
    .activity__content-left__listItem {
        font-size: 14px;
    }

    /**/

    .rules-wrap {
        gap: 30px;
    }

    .rules__title {
        font-size: 30px;
    }

    .rules-text {
        font-size: 14px;
    }
    
    /**/
    
    .price__title {
        font-size: 30px;
    }
    .price__text {
        font-size: 14px;
    }

    .price-wrap {
        gap: 30px;
    }

    /**/
    .appointment__title {
        font-size: 30px;
        text-align: center;
    }

}
@media screen and (max-width: 600px) {
    .about-wrap {
        gap: 20px;
        width: 95%;
    }
    .about__top {
        gap: 15px;
    }
    .about__top-text {
        align-items: center;
    }
    .about__top-img {
        display: none;
    }
    .about__imgMobile {
        border-radius: 20px;
        display: block;
        max-width: 60%;
    }
    p {
        font-size: 14px !important;
    }

    /**/
    .education-wrap {
        width: 95%;
    }

    .education__title  {
        font-size: 24px;
    }

    .educationImg__box {
        align-self: center;
        max-width: 100%;
        max-height: 150px;
        overflow: hidden;
        border-radius: 20px;
    }
    .education__content-left-imgMobile {
        max-width: 100%;
        display: block;
        transform: translateY(-25%);
    }

    /**/

    .activity-wrap {
        width: 95%;
    }

    .activity__title {
        font-size: 20px;
    }

    /**/

    .rules-wrap {
        width: 95%;
    }

    .rules__content_svgMobile1 {
        bottom: 60%;
    }
    .rules__content_svgMobile2 {
        bottom: 22%;
    }

    /**/

    .price-wrap {
        width: 95%;
    }
    
    /**/
    .appointment__title {
        font-size: 24px;
    }
    .def_inp {
        min-width: 300px;
        font-size: 17px;
    }
    .appointment__problemList, .appointment__communicationList {
        min-width: 300px;
    }
    
    .appointment__form-date {
        background: transparent;
    }

    .appointment__form-datePlaceholder,.appointment__form-datePlaceholderError {
        text-align: center;
        font-size: 17px;
        min-width: unset;
        max-width: 200px !important;
    }
    .appointment__date-wrap {
        position: relative;
        z-index: 0;
    }
    .appointment__communicationList {
        z-index: 1;
    }
    .appointment__form-date {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
 .rules__content_svgMobile2 {
        bottom: 23%;
    }
}

@media screen and (max-width: 360px) {
   

    /**/

    .educationImg__box {
        align-self: center;
        max-width: 100%;
        max-height: 130px;
    }

    /**/



}