@media only screen and (max-width: 767px) {
    .no-mb {
        display: none !important;
    }
    .no-main{
        display: flex;
    }
    h1{
        font-size: 18px;
    }
    h2{
        margin:0;
        font-size: 18px;
    }
    body{
        font-size: 12px;
    }
    .logo img{
        height: 50px;
        width: auto;
    }
    .logo{
        top: 5px;
        left: auto;
        right: 5px;
        transform: none;
        margin-right: 0;
    }
    .navbar-light .navbar-nav .nav-link{
        font-size: 14px;
    }
    nav ul.containernav{
        width: 100%;
        padding: 0;
    }
    .flip-card{
        height: 200px;
        margin-bottom: 20px;
    }
    footer{
        text-align: center;
    }

    footer .text-right{
        text-align: center!important;
    }
    footer canvas{
        width: 100%!important;
    }
    .about p{
        font-size: 12px;
        text-align: justify;
    }
    .newsmain .card{
        width: 100%;
    }

    .newsmain .card-title{
        font-size: 14px;
    }
    .newsmain p{
        font-size: 10px;
    }
    .history p{
        font-size: 12px;
    }
    .history img{
        width: 100%;
    }
    .history h6{
        font-size: 14px;
    }
    .history li{
        font-size: 12px;
    }
    .photoalbum .carousel{
        height: 300px;
        width: 100%
    }
    .teachersmain img{
        width: 100%;
    }

    .laboratory img, .base img {
        width: 100%;
    }
    .sciencework h2{
        font-size:18px;
        margin-bottom: 10px;
    }
    .sworks img.main{
        margin: 10px auto;
    }
    .sworks h3{
        font-size: 14px;
    }
    .sworks h3, .sworks span{
        text-align: center;
    }
    .sworks .btn-info{
        margin: 10px auto;
    }
    .teacherinfo a{
        font-size: 12px;
    }
    .teacherinfo .image{
        display: block;
        margin: 0 auto;
    }
}


/* =========================================================
   Мобільна версія
   ========================================================= */

@media (max-width: 767.98px) {
    .newspage h1 {
        font-size: 25px;
        line-height: 1.25;
    }

    .news-gallery__viewport {
        height: 360px;
        height: clamp(320px, 92vw, 480px);
    }

    .news-gallery__arrow {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }

    .news-gallery__arrow--prev {
        left: 8px;
    }

    .news-gallery__arrow--next {
        right: 8px;
    }

    .news-gallery__counter {
        right: 8px;
        bottom: 8px;
    }

    .news-gallery__thumb {
        flex-basis: 66px;
        width: 66px;
        height: 54px;
    }

    .news .card-img-top,
    .newsmain .card-img-top {
    height: 220px;
   }
}


/* Вимкнення анімації для користувачів,
   які обрали зменшення руху в системі */
@media (prefers-reduced-motion: reduce) {
    .news-gallery__slide,
    .news-gallery__arrow,
    .news-gallery__thumb,
    .news-gallery__thumbs {
        transition: none;
        scroll-behavior: auto;
    }
}