@media (max-width: 992px) {
    .but-meniu-mob {
        display: block;
        position: absolute; top: 89px; right: 0;
    }
    .but-meniu-mob:before {
        content: "menu";
        font: 300 40px/1 var(--mso);
    }
    .but-meniu-mob.active:before {content: "menu_open";}
    .meniu {
        display: none;
        position: absolute; top: 131px; right: 0;
        z-index: 10;
        background: #fff;
        padding: 35px;
        border: none;
        box-shadow: 0px 15px 15px 0 rgba(15 70 108 / 30%);
        border-radius: 0 0 10px 10px;
        animation-name: apare;
        animation-duration: 0.3s;
    }
    .meniu li {
        display: block;
        margin: 0; padding: 0;
    }
    .meniu > ul > li > a {
        display: block;
        font: 14px/1.2 encode600;
        text-transform: uppercase;
        border: none;
        border-bottom: 1px solid #eee;
        border-radius: 0;
        background: #fff;
        text-align: left;
    }
    .meniu > ul > li.stop > a, 
    .meniu > ul > li.active > a {
        background: aliceblue;
        border: none;
    }

    .meniu ul ul {
        display: block;
        width: initial;
        position: relative; top: 0; left: 0;
        animation-name: none;
        border: none;
        border-left: 3px solid var(--bleu);
        border-radius: 0;
        margin: 0 0 12px 0;
    }
    #cautare {top: 25px;}
    .header-tel {top: 85px; right: 46px;}
    .header-email {top: 85px; right: 103px;}
    .header-tel span, 
    .header-email span {display: none;}

    .header-tel:before, 
    .header-email:before {font-size: 40px;}
    .galerie {grid-template-columns: repeat(2, 1fr);}
    
    .c-right {display: none;} 
    .c-left {width: 100%;}
} /* end 992px */

@media (max-width: 768px) {
    .profesori2 {grid-template-columns: repeat(2, 1fr);}
    .diriginti {column-count: 1;}
    .diriginti-jos {margin: 20px 0 50px 0;}
    .galerie {grid-template-columns: repeat(1, 1fr);}
    .galerie a img {height: initial;}
}

@media (max-width: 576px) {
    body {padding: 0 3%;}
    .sigla {width: 160px;}
    .meniu {width: 100%;}
    .continut {min-height: initial; margin: 0 auto 30px auto;}
    .profesori2 {grid-template-columns: repeat(1, 1fr); gap: 0;}
    .c-left .noutati .galerie {grid-template-columns: repeat(1, 1fr);}
    .noutati a {margin: 0 0 10px 0;}
    .harta {height: 350px;}

    .footer-meniu {width: 100%;}
    .footer-contact {
        width: 100%; text-align: left;
        padding: 0 20px 20px 20px;
    }
}