.main-block{
    padding: calc(20px + 15 * (100vw / 1920)) 0;

}
.main-block-slider-item0{
    width: 100%;
    height: 395px;
    padding: calc(83px + 83 * (100vw / 1920)) 0 calc(83px + 20 * (100vw / 1920)) calc(15px + 15 * (100vw / 1920));
    border-radius: 30px;
    background: url(../img/612.webp) no-repeat;

}
.main-block-slider-item{
    width: 100%;
    height: 395px;
    padding: calc(83px + 83 * (100vw / 1920)) 0 calc(83px + 20 * (100vw / 1920)) calc(15px + 15 * (100vw / 1920));
    border-radius: 30px;
    background: url(../img/galere.jpg) no-repeat;

}
.main-block-slider-item2{
    width: 100%;
    height: 395px;
    padding: calc(83px + 83 * (100vw / 1920)) 0 calc(83px + 20 * (100vw / 1920)) calc(15px + 15 * (100vw / 1920));
    border-radius: 30px;
    background: url(../img/school.jpg) no-repeat;

}
.main-block-slider-item3{
    width: 100%;
    height: 395px;
    padding: calc(83px + 83 * (100vw / 1920)) 0 calc(83px + 20 * (100vw / 1920)) calc(15px + 15 * (100vw / 1920));
    border-radius: 30px;
    background: url(../img/events.jpg) no-repeat;

}
.main-block-slider-h2{
    max-width: 397px;
}

.custom-dots {
    margin-top: 20px;
    text-align: center;
}

.custom-dot {
    display: inline-block;
    width: calc(8px + 4 * (100vw / 1920));
    height: calc(8px + 4 * (100vw / 1920));
    border-radius: 50%;
    cursor: pointer;
    background-color: #D9D9D9;
    margin: 0 5px;
    transition: background-color 0.3s ease; 
}

.custom-dot.active {
    background-color: #B48E50;
}








/* ----------------------------------------------------------------------------------> */
/* Последние поступления */

.latest-arrivals{
    padding: 0 0 calc(52px + 11 * (100vw / 1920)) 0;
}

.chinese-painting-category{
    background-color: #36846B;

    margin-bottom: calc(35px + 25 * (100vw / 1920));
}


.latest-arrivals-container{
    max-width: 1244px;
    margin: 0 auto;
    padding: 0 15px;
}

.latest-arrivals-h3{
    text-align: center;

    margin-bottom: calc(20px + 10 * (100vw / 1920));
}

.latest-arrivals-slider{
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 40px;
}

.latest-arrivals-slider-content{
    max-width: 1110px;
    display: flex;
    justify-content: space-between;
}

.latest-arrival{
    width: calc(220px + 35 * (100vw / 1920));
    text-align: center;
}

.latest-arrival-img-wrap {
    width: 246px;
    height: 246px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.lastest-arrival-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lastest-arrival-h5{
    margin-bottom: 8px;
}

.latest-arrival small{
    display: block;

    font-size: calc(14px + 2 * (100vw / 1920));
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    color: #2E3342;

    margin-bottom: calc(4px + 2 * (100vw / 1920));
}

.latest-arrival small span{
    font-weight: 400;
}

.latest-arrival-price{
    font-weight: 500;
}

.latest-arrival small:last-child{
    margin-bottom: 0;
}

/* .all-works-link{
    width: calc(197px + 37 * (100vw / 1920));
    padding: calc(16px + 2 * (100vw / 1920)) calc(40px + 10 * (100vw / 1920));

    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}

.all-works-link svg{
    width: calc(11px + 4 * (100vw / 1920));
} */


.latest-arrivals-slider-mobile-btns{
    display: none;
}

/* ----------------------------------------------------------------------------------> */












/* ----------------------------------------------------------------------------------> */
/* Online школа ГУБНИ */

.our-school{
    padding: 0 0 calc(40px + 40 * (100vw / 1920)) 0;
}

.our-school-category{
    background-color: #546AB3;

    margin-bottom: calc(35px + 25 * (100vw / 1920));
}

.peonies-skills{
    display: flex;
    justify-content: space-between;

    margin-bottom: calc(40px + 4 * (100vw / 1920));
}

.peonies{
    max-width: 542px;
}

.peonies-h4{
    font-size: calc(18px + 8 * (100vw / 1920));
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    line-height: calc(21px + 10 * (100vw / 1920));
    color: #2E3342;
}

.peonies-img{
    width: calc(210px + 170 * (100vw / 1920));
}

.skills{
    max-width: 557px;
}

.skills-h3{
    margin-bottom: calc(10px + 6 * (100vw / 1920));
}

.skill{
    display: flex;
    align-items: center;

    margin-bottom: 10px;
}

.skill span{
    font-size: calc(18px + 4 * (100vw / 1920));
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    line-height: calc(19px + 5 * (100vw / 1920));
    color: #2E3342;
}

.skill6{
    margin-bottom: calc(20px + 4 * (100vw / 1920));
}

.skill svg{
    margin-right: calc(6px + 2 * (100vw / 1920));
}

.main-skill{
    font-size: calc(14px + 4 * (100vw / 1920));
    font-weight: 500;

    margin-bottom: calc(20px + 4 * (100vw / 1920));
}

.school-teachers-section{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.school-teacher{
    text-align: center;
}

.school-teachers-h3{
    text-align: center;

    margin-bottom: 20px;
}

.teacher-img{
    width: calc(100px + 26 * (100vw / 1920));
    margin-bottom: calc(8px + 7 * (100vw / 1920));
}


.teacher-h6{
    font-weight: 500;
    letter-spacing: -7%;
    line-height: calc(19px + 5 * (100vw / 1920));
}

/* ----------------------------------------------------------------------------------> */











/* ----------------------------------------------------------------------------------> */
/* Мероприятия */

.events{
    padding: 0 0 calc(40px + 20 * (100vw / 1920)) 0;
}

.events-category{
    background-color: #83253C;

    margin-bottom: calc(35px + 25 * (100vw / 1920));
}

.master-classes-container{
    max-width: 1244px;
    margin: 0 auto;
    padding: 0 15px;
}

.master-classes-slider{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.master-classes-slider-content{
    max-width: 1110px;
    display: flex;
    justify-content: space-between;
}

.master-class{
    width: calc(260px + 90 * (100vw / 1920));
    text-align: center;
}

.master-class-img{
    width: calc(260px + 90 * (100vw / 1920));
    margin: 0 auto;
    margin-bottom: calc(10px + 9 * (100vw / 1920));
    
}

.master-class-date{
    width: 96px;
    display: flex;
    justify-content: space-between;

    margin: 0 auto;
    margin-bottom: 8px;
    
}

.master-class-date span{
    color: #83253C;
}

.type-of-master-class{
    width: 177px;
    padding: 6.5px 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    background-color: #EEF1F8;
    color: #546AB3;
    text-align: center;

    margin: 0 auto;
    margin-bottom: 12px;
}

.type-of-master-class2{
    width: 282px;
}

.type-of-master-class3{
    width: 166px;
}

.master-class-h6{
    margin-bottom: calc(30px + 4 * (100vw / 1920));
}












@media(max-width: 1240px){
    .latest-arrivals-slider-content{
        max-width: 90%;
    }

    .master-classes-slider-content{
        max-width: 90%;
    }
}

@media(max-width: 990px){
    .main-block-slider-h2{
        max-width: 90%;
    }

    .school-teachers-section{
        max-width: 790px;
        margin: 0 auto;
    }

    .school-teacher{
        margin-bottom: 30px;
    }

    .school-teacher:last-child{
        margin-bottom: 0;
    }
}

@media(max-width: 800px){   
    .peonies-skills{
        flex-direction: column;
        align-items: center;

        text-align: center;
    }

    .skill{
        text-align: center;
    }

    .skill span{
        margin: 0 auto;
    }

    .skill svg{
        margin-right: 0;

        display: none;
    }

    .school-teachers-section{
        max-width: 600px;
    }

    .school-teacher:nth-child(5){
        margin-bottom: 0;
    }
}

@media(max-width: 750px){
    .master-classes-slider{
        max-width: 85%;
        margin: 0 auto;
    }

    .master-classes-slider-content{
        max-width: 260px;
        margin: 0 auto;
    }

    .master-class-img{
        max-width: 100%;
    }

    .type-of-master-class{
        width: 90%;
    }
}

@media(max-width: 665px){  
    .latest-arrivals-slider{
        max-width: 85%;
        margin: 0 auto;
        margin-bottom: 40px;
    }  

    .latest-arrivals-slider-content{
        max-width: 230px;
        margin: 0 auto;
    }

    .school-teachers-section{
        max-width: 500px;
    }

    .school-teacher:nth-child(4){
        margin-bottom: 0;
    }
}

@media(max-width: 540px){
    .chinese-category-content{
        max-width: 90%;
    }

    .chinese-category-content h1{
        max-width: 60%;
    }
}

@media(max-width: 485px){
    .main-block-slider-item{
        padding-left: 0;
        padding-right: 0;
    }

    .main-block-slider-h2{
        text-align: center;
        margin: 0 auto;
    }

    .master-classes-prev-btn, .master-classes-next-btn{
        display: none;
    }

    .master-classes-slider{
        margin-bottom: 20px;
        
    }

    .master-classes-mobile-btns{
        display: flex;
    }

    .school-teachers-section{
        max-width: 300px;
    }


}

@media(max-width: 410px){
    .latest-arrivals-slider{
        max-width: 100%;
    }

    .our-school-category-content{
        max-width: 90%;
    }

    .our-school-category-content h1{
        max-width: 60%;
    }
}

@media(max-width: 360px){
    .latest-arrivals-prev-btn, .latest-arrivals-next-btn{
        display: none;
    }

    .latest-arrivals-slider-content{
        max-width: 100%;
    }

    .master-classes-slider-content{
        max-width: 100%;
    }

    .lastest-arrival-img{
        width: 85%;
    }

    .latest-arrivals-all-works-link{
        margin-bottom: 40px;
    }

    .latest-arrivals-slider-mobile-btns{
        display: flex;

    }
}

@media(max-width: 335px){
    .school-teachers-section{
        max-width: 120px;
    }

    .school-teacher:nth-child(4){
        margin-bottom: 30px;
    }

    .school-teacher:nth-child(5){
        margin-bottom: 30px;
    }
}