@media(max-width: 3000px){
    .custom-margin {
        margin-top: 7rem;
    }
}

@media(max-width: 1800px){
    .contact{
        flex-direction: column;
    }
}
@media(max-width: 1570px){
    .name-school{
        font-size: 2em;
    }
    .contact{
        flex-direction: row;
    }
    .contact-line{
        padding-bottom: 0 !important;
    }
    .contact-line p{
        display: none !important;
    }
    .custom-margin {
        margin-top: 5rem;
    }
}
@media(max-width: 1366px) {
    .contact-line {
        display: none;
    }
    .custom-margin {
        margin-top: 0rem;
    }

}
@media(max-width: 1170px){
    .template-home,
    .template-contacts,
    .template-news,
    .template-team,
    .template-priem,
    .template-single-priem,
    .template-year-budget,
    .template-budgets,
    .template-grafici,
    .template-dnevna-forma,
    .template-organizaciq,
    .template-pazpisanie,
    .template-documents,
    .template-consultations,
    .template-studentship,
    .template-books,
    .template-exams,
    .template-nvo,
    .template-samostoqtelna-forma,
    .template-list-of-stbooks{
        padding: 0;
        flex-direction: column;
    }
    .accordion{
        width: 100% !important;
    }
    .all-news{
        padding: 0;
    }
    .fix-mobile-view {
        position: static;
        width: 100% !important;
    }
    #pageContent,
    .disable-sticky-mobile{
        width: 100% !important;
    }
    .col-12.col-md-5.col-lg-3.sticky-top.disable-sticky-mobile.pe-0.ps-0.ps-md-2.ps-lg-3{
        width: 25% !important;
    }
}
@media(max-width: 992px){
    .studentbook{
        flex-direction: column;
        align-items: center !important;
    }
    .publish{
        width: 100%;
        text-align: center;
    }
    .line::after {
        display: none;
    }
    .news-mobile{
        width: 50% !important;
    }
    .col-12.col-md-5.col-lg-3.sticky-top.disable-sticky-mobile.pe-0.ps-0.ps-md-2.ps-lg-3{
        width: 50% !important;
    }

    .gallery-images figure.gallery, .events-images figure, .news-images figure {
        width: calc(33.33% - 2px);
    }


}
@media(max-width: 990px){
    .navbar{
        margin-top: 0 !important;
    }
    .vr::after {
        display: none;
    }
    .template-about-us{
        padding: 0;
    }
    .slider-img{
        height: 55vh !important;
    }

}
@media(max-width: 767px){
    .all-news{
        padding: 0;
        flex-direction: column-reverse;
        gap: 1rem;
        width: 100%;
    }
    .disable-sticky-mobile{
        position: static !important;
    }

    .container.container-fluid.d-flex.align-items-start.pe-0.mx-0 {
        flex-direction: column-reverse;
    }

    .gallery-all {
        flex-direction: column-reverse;
    }
    .col-12.col-md-5.col-lg-3.sticky-top.disable-sticky-mobile.pe-0.ps-0.ps-md-2.ps-lg-3{
        width: 100% !important;
    }
    .gallery-images figure.gallery, .events-images figure, .news-images figure {
        width: 100%;
    }
}
@media(max-width: 750px){
    .studentbook{
        flex-direction: column;
        align-items: center !important;
    }
    .publish{
        width: 100%;
        text-align: center;
    }
}
@media(max-width: 650px){
    .name-school{
        font-size: 1.3em;
    }
    .template-home,
    .template-contacts,
    .template-news,
    .template-team,
    .template-priem,
    .template-single-priem,
    .template-year-budget,
    .template-budgets,
    .template-grafici,
    .template-dnevna-forma,
    .template-organizaciq,
    .template-pazpisanie,
    .template-documents,
    .template-consultations,
    .template-studentship,
    .template-books,
    .template-exams,
    .template-nvo,
    .template-samostoqtelna-forma,
    .template-list-of-stbooks{
        width: 90% !important;
    }
}
@media(max-width: 600px){
    .container.container-fluid.d-flex.align-items-start.pe-0.mx-0, .all-events {
        padding-left: 0;
    }
    .slider-img{
        height: 35vh !important;
    }
}
@media(max-width: 576px){
    .logo{
        width: 100% !important;
        height: auto !important;
    }
    .name-school{
        font-size: 1em;
    }
    .img-logo-container img{
        width: 75% !important;

    }
    .img-logo-container p{
        width: 100% !important;
    }
    .contact-line{
        background-color: #366628 !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    
    }
    .contact-icon{
        width: 1em;
        height: auto;
    }
    .contact span{
        font-size: .7em;
        color: #fff !important;
    }

    .gallery-all {
        padding-left: 0 !important;
    }

}