@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;
    }
}