@media screen and (max-width: 1440px) {
    .footer {
        margin: 2rem 1rem 1rem 1rem;
    }
}

@media screen and (max-width: 1400px) {
    .info {
        display: grid;
        /* grid-template-columns: 1fr 1fr; */
    }

    .stars {
        display: none;
    }
    .stars10 {
        display: none;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 7rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 7rem;
    }
}

@media screen and (max-width: 1370px) {
    .team-item-img-box img {
        height: 550px;
    }

    .item-img img {
        height: 540px;
    }
}

@media screen and (max-width: 1240px) {
    .stars6 {
        position: absolute;
        top: 6%;
        right: 3%;
        z-index: -3;
    }

    .team-item-img-box img {
        height: 500px;
    }
}

@media screen and (max-width: 1200px) {
    .subtitle-text {
        font-size: 1.7rem;
    }
    .prices-grid {
        grid-template-columns: repeat(auto-fit, minmax(290px,1fr));
    }

    .info {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 6.5rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 6.5rem;
    }

    .item-img img {
        height: 500px;
    }

    .services-items {
        gap: 2rem;
    }
}

@media screen and (max-width: 1161px) {
    .team-item-img-box img {
        height: 650px;
    }
}

@media screen and (max-width: 1140px) {
    .link-youtube_vkontakte a {
        margin-right: 2rem;
        margin-left: 2rem;
    }

    .contacts-link .telephone a {
        font-size: 1.5rem;
    }

    .item-img img {
        height: 480px;
    }
}

@media screen and (max-width: 1090px) {
    .contacts-link a, .zhodzino-title {
        font-size: 6rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 6rem;
    }

    .team-item-img-box img {
        height: 600px;
    }

    .item-img img {
        height: 450px;
    }
}

@media screen and (max-width: 980px) {
    .contacts-link a, .zhodzino-title {
        font-size: 5.5rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 5.5rem;
    }

    .stars6 {
        position: absolute;
        top: 4%;
        right: 3%;
        z-index: -3;
    }

    .services-items {
        grid-template-columns: 1fr 1fr;
    }

    .item-img img {
        height: 620px;
    }
}

@media screen and (max-width: 980px) {
    .team-item-img-box img {
        height: 550px;
    }
}

@media screen and (max-width: 900px) {
    .intro-item-container {
        display: grid;
    }

    .circle-container {
        display: none;
    }

    .intro-item {
        margin-bottom: 6rem;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 5rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 5rem;
    }

    .item-img img {
        height: 580px;
    }

    .popup-box .popup-content {
        width: 750px;
    }
}

@media screen and (max-width: 880px) {
    .news-item {
        grid-template-columns: 1fr;
    }

    .news-item-img img {
        width: 100%;
        height: 100%;
        border-top-right-radius: 1.5rem;
        border-bottom-left-radius: 0px;
        border-right: none;
    }
}

@media screen and (max-width: 860px) {
    .stars6 {
        top: 2%;
    }

    .team-item-img-box img {
        height: 500px;
    }

    .item-img img {
        height: 540px;
    }
}

@media screen and (max-width: 840px) {
    .popup .popup-content {
        width: 500px;
    }

    .popup-1 .popup-content-1 {
        width: 500px;
    }
    .popup-2 .popup-content-2 {
        width: 500px;
    }
    .popup-3 .popup-content-3 {
        width: 500px;
    }
    .popup-4 .popup-content-4 {
        width: 500px;
    }
    .popup-5 .popup-content-5 {
        width: 500px;
    }
    .popup-6 .popup-content-6 {
        width: 500px;
    }
    .popup-7 .popup-content-7 {
        width: 500px;
    }

    .video-section-container {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 800px) {
    nav .container-inner {
        display: none;
    }
    nav .container {
        grid-template-columns: 1fr 1fr;
    }

    .slider .myslider {
        height: 500px;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 3.5rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 3.5rem;
    }

    .stars6 {
        display: none;
    }

    .stars2 {
        left: 14%;
    }

    .stars3 {
        bottom: 58%;
    }

    .stars9 {
        top: 15%;
        right: 10%;
    }

    .popup-box .popup-content {
        width: 650px;
    }
}

@media screen and (max-width: 780px) {
    .subtitle-text {
        font-size: 1.5rem;
    }

    .about-description .text-description .stikers {
        height: 32px;
        width: 32px;
    }

    .info {
        display: grid;
        grid-template-columns: 1fr;
    }

    .link-youtube_vkontakte a {
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .telephone {
        margin-top: 2rem;
    }

    .item-img img {
        height: 500px;
    }
}

@media screen and (max-width: 771px) {
    .team-grid {
        justify-items: center;
    }
    
    .team-item {
        width: 400px;
    }
}

@media screen and (max-width: 720px) {
    .item-img img {
        height: 460px;
    }

    .popup-box .popup-content {
        width: 550px;
    }
}

@media screen and (max-width: 670px) {
    .about-container .counters {
        grid-template-columns: 1fr;
    }

    .advances-item p {
        font-weight: 400;
        letter-spacing: 0.07rem;
        font-size: 1.1rem;
    }

    .stars2 {
        display: none;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 3rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 3rem;
    }

    .item-img img {
        height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .item-img img {
        height: 360px;
    }

    .item-inner h3 {
        font-size: 1.5rem;
    }

    .popup-box .popup-content {
        width: 450px;
    }
}

@media screen and (max-width: 580px) {
    .link-youtube_vkontakte {
        grid-template-columns: 1fr;
    }

    .link-instagram, .youtube, .vkontakte, .email {
        margin-bottom: 1.45rem;
    }

    .stars8 {
        top: 3%;
    }

    .team-title {
        font-size: 4rem;
    }

    .about-description .text-description p {
        font-size: 1.1rem;
    }

    .about-description .text-description span {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 550px) {
    .services-items {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .item-img img {
        height: 620px;
    }
}

@media screen and (max-width: 520px) {
    .header-link {
        font-size: 2.3rem;
    }

    .header-nav ul li:hover a{
        font-size: 2.5rem;
    }

    .intro-item-container .button {
        width: 350px;
        margin-bottom: 3rem;
        font-size: 1.2rem
    }
    .social-link {
        width: 300px;
    }
    .intro-item {
        margin-bottom: 3rem;
    }
    .svg-text {
        margin-bottom: 0;
    }
    .subtitle-text {
        margin-bottom: 1rem;
    }

    .prices-title, .news-title, .gallery-title {
        font-size: 3.5rem;
    }

    .services-items .item {
        width: 380px;
        margin: 0 auto;
    }

    .item-img img {
        height: 460px;
    }

    .popup-box .popup-content {
        width: 350px;
    }
}

@media screen and (max-width: 480px) {
    .effects .svg-text #text {
        stroke-width: 3;
    }

    .subtitle-text {
        font-size: 1.3rem;
    }

    .intro {
        padding-top: 4rem;
    }

    .team-item {
        width: 400px;
    }

    .team-title {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 420px) {
    .subtitle-text {
        font-size: 1rem;
    }

    .team-item {
        width: 350px;
    }

    .team-item-img-box img {
        height: 450px;
    }

    .team-title {
        font-size: 3rem;
    }

    .team-item-name {
        font-size: 1.35rem;
    }

    .team-item-text button {
        font-size: 1.15rem;
    }

    .services-items .item {
        width: 288px;
        margin: 0 auto;
    }

    .item-img img {
        height: 408px;
    }
}

@media screen and (max-width: 400px) {
    .teachers-info, .prices-info, .gallery-info, .news-info {
        height: 300px;
    }

    .popup-box .popup-content {
        width: 250px;
    }

    .gallery .gallery-images {
        columns: 4 240px;
    }

    .maps-info a:nth-child(1) {
        margin-right: 1rem;
    }

    .zhodzino-map-link a:nth-child(1) {
        margin-right: 1rem;
    }
}

@media screen and (max-width: 380px) {
    .advances-item {
        gap: 1rem;
        padding: 1rem 1rem;
    }

    .advances-item img {
        width: 50px;
        height: 50px;
    }

    .teachers-info a {
        font-size: 2.1rem;
        font-weight: 400;
        border: 2px solid #fff;
    }

    .prices-info a {
        font-size: 2.1rem;
        font-weight: 400;
        border: 2px solid #fff;
    }

    .gallery-info a {
        font-size: 2.1rem;
        font-weight: 400;
        border: 2px solid #fff;
    }

    .news-info a {
        font-size: 2.1rem;
        font-weight: 400;
        border: 2px solid #fff;
    }

    .about-description {
        padding: 1rem 0 0 0;
    }

    .about-description .text-description {
        padding: 1rem 1rem;
    }

    .maps-info a {
        font-size: 1.8rem;
    }

    .contacts-link .telephone {
        margin-top: 0;
    }

    .zhodzino-tel {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .stars4 {
        left: 13%;
    }

    .stars1 {
        display: none;
    }

    .team-grid {
        grid-template-columns: 1fr;
    }

    .team-item {
        width: 300px;
    }

    .team-item-img-box img {
        height: 400px;
    }

    .team-title {
        font-size: 2.5rem;
    }

    .team-item-name {
        font-size: 1.28rem;
        margin-right: 16px;
    }

    .team-item-text button {
        font-size: 1rem;
    }

    .team-item-text {
        text-align: left;
    }

    .hidden {
        display: none;
    }
}

@media screen and (max-width: 360px) {
    .intro-item-container .button {
        width: 290px;
    }

    .prices-title, .news-title, .gallery-title {
        font-size: 2.6rem;
    }

    /* .header-link {
        font-size: 2.7rem;
    }

    .header-nav ul li:hover a{
        font-size: 2.8rem;
    } */

    .team-item {
        width: 250px;
    }

    .team-item-img-box img {
        height: 350px;
    }

    .team-title {
        font-size: 2.3rem;
    }
}

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

    .advances-item p {
        font-weight: 400;
        font-size: 1.1rem;
    }

    .teachers-info a {
        font-size: 1.7rem;
    }

    .contacts-link a, .zhodzino-title {
        font-size: 2.5rem;
    }

    .zhodzino-text .zhodzino-link-instagram {
        font-size: 2.5rem;
    }

    /* .header-link {
        font-size: 2.3rem;
    }

    .header-nav ul li:hover a{
        font-size: 2.5rem;
    } */

    .prices-item-text .prices-item-text-title {
        font-size: 1.8rem;
    }

    .maps-info-links {
        display: grid;
        align-items: center;
    }

    .maps-info a:nth-child(1) {
        margin-right: 0;
    }

    .zhodzino-map-link {
        display: grid;
        align-items: center;
    }

    .maps-info .maps-info-links a{
        padding-bottom: 0;
    }

    .zhodzino-map-link a:nth-child(1), .maps-info a:nth-child(1) {
        margin-right: 0;
    }
}

@media screen and (max-width: 320px) {
    .social-link {
        display: grid;
        grid-template-columns: 1fr;
        text-align: center;
    }

    .social-link a{
        margin-bottom: 1rem;
    }

    .header-link {
        font-size: 2.1rem;
    }

    .header-nav ul li:hover a{
        font-size: 2.3rem;
    }

    .intro-item-container .button {
        margin-bottom: 2rem;
        font-size: 1.1rem;
    }
    .intro-item {
        margin-bottom: 2rem;
    }
    .subtitle-text {
        margin-bottom: 0.5rem;
    }
    .svg-text {
        margin-bottom: 1rem;
    }

    .advances-item p {
        font-weight: 400;
        font-size: 1rem;
    }

    .counter-icon {
        width: 70px;
        height: 70px;
    }

    #load-more {
        font-size: 1.1rem;
    }

    .intro-item-container .button {
        width: 270px;
    }

    .about-description {
        padding: 0.5rem 0 0 0;
    }

    .about-description .text-description {
        padding: 1rem 0.5rem;
    }

    .prices-grid {
        grid-template-columns: repeat(1fr);
        justify-items: center;
    }

    .prices-item {
        width: 250px;
    }

    .prices-title, .news-title, .gallery-title {
        font-size: 2.3rem;
    }

    .prices-item-text .prices-item-text-title {
        font-size: 1.5rem;
    }

    .services-items .item {
        width: 260px;
        margin: 0 auto;
    }

    .item-img img {
        height: 340px;
    }

    .popup-box .popup-content {
        width: 200px;
    }

    .popup-box .popup-header {
        font-size: 1rem;
    }

    .popup-box .popup-body {
        font-size: 0.9rem;
    }

    .popup-box .popup-footer .btn{
        font-size: 0.9rem;
    }

    .news-item-text h3 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    
    .news-item-text span {
        font-size: 1.1rem;
        font-weight: 500;
    }
    
    .news-item-text p {
        font-size: 1rem;
        font-weight: 500;
    }
}