:root {
    --main-bg-color: #002147;
    --text1-color: #fff;
    --text2-color: #97a7b9;
    --text3-color: #77818c;
    --border1-color: #73879e;
}
@media (min-width: 1200px)
{   .container {
    max-width: 1235px !important;
}
    footer{
        background-size:cover;
    }
}
@media (min-width: 1370px)
{
    .desktoplogo img {
    width: 400px !important;
    margin: -4px;
}
}
@media (min-width: 992px) and (max-width: 1183px)
{
    .photo-section img{
        width: 100px;
        margin: 5px 5px;
    }
    #particle .card {
        height: 372px !important;
    }

}
@media screen and (min-width: 768px) and (max-width: 1250px){
          #alumni .titem, #student .titem{
        margin:0;
    }   
     .wsmenu{
        width:100% !important;
    }
}
@media (min-width: 992px)
{
    .container {
        max-width: 1180px !important;
    }
}
@media (min-width: 768px) and (max-width: 831px)
{
    .photo-section img{
        width: 100px;
        margin: 3px 3px;
    }

}
@media (min-width: 768px) and (max-width: 950px)
{
    .container {
        max-width: 950px !important;
    }
    #course .course{
        flex-basis: 210px;
    }
}
@media (min-width: 576px) and (max-width: 768px)
{
    .container {
        max-width: 950px !important;
    }
    #course .course{
        flex-basis: 210px;
    }
    .photo-section img{
        width: 92px;
        margin: 3px 3px;
    }
    .contact-block{
        height:auto;
    }
}
@media (max-width: 576px)
{
    .container {
        max-width: 800px !important;
    }
    #course .course{
        flex-basis: 180px;
    }
    footer .flex{
        flex-wrap: wrap;
    }
    .listwrap .list {
        width: max-content;
        margin-bottom: 0;
    }
    .listwrap {
        flex-wrap: wrap;
    }
    .fbl {
        margin-top: 15px;
        border: none;
        padding: 0;
    }
    footer .col4{
        flex: none;
    }
    footer .col5{
        flex: none;
        margin-top: 15px;
    }
    .hewswvent .flex{
        flex-wrap: wrap;
    }
    .hewswvent .photo-section,.hewswvent .vedio-section{
        flex: none;
    }
    #mainslider img{
        /*width: 480px;*/
        /*height: 240px;*/
    }
        .contact-block{
        height:auto;
    }
    #adenq{
        top: 60px;
    }
}
@media (max-width: 500px) {
    #gallery{
        width: 425px;
        margin: 0;
        display: block;
        justify-content: center;
    }
    .direct{
        margin-right: 0;
        flex:none;
        width: fit-content;
    }
    .director .flex{
        flex-wrap: wrap;
        justify-content: center;
    }
    .bpp{
        padding-left: 0;
    }
    .vision-section {
        margin-top: 10px;
    }
    .direct span{
        flex-basis: auto;
    }
    .directorstitle{
        text-align: center !important;;
    }
    .heading_ceo {
        /*font-size: 30px !important;*/
    }
    #particle .card {
        width: 210px !important;
        height: 300px !important;
    }
    #particle .card-img-top {
        width: 150px;
    }
    .accreditation-icon{
        margin-bottom: 25px;
    }
    .topSearch{
        display: none;
    }
    .student,.alumni{
        width: 100%;
        display: block;
    }
}
@media screen and (max-width: 485px)
{
    ul.accreditation-icon li {
        margin-right: 15px;
        margin-top: -7px;
    }
    .accreditation {
        padding-top: 0;
        bottom: auto;
        width: inherit;
    }
    ul.accreditation-icon {
        border-right: none;
        padding-right: 0px;
        margin-right: 15px;
        margin-top: 7px;
        display: inline-block;
        list-style: none;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 400px) {
    ul.accreditation-icon li {
        margin-right: 12px;
        margin-bottom: 10px;
    }
    #alumni li, #student li {
        margin-bottom: 5px;
    }
    #alumni .titem, #student .titem {
        margin: 0 !important;
    }
    #student,#alumni{
        padding: 0 !important;
    }
}
@media screen and (max-width: 800px)
{
    .topRight {
        width: 100%;
        float: none;
        margin-top: 90px;
    }
    .top-search-social {
        display: inline-block;
        float: none;
        width: inherit;
        text-align: center;
    }
    .accreditation{
        border: none;
    }
    #alumni .titem, #student .titem {
        margin: 0 !important;
    }
    #alumni,#student{
        padding: 0;
    }
    #iconcourse .flex
    {
        flex-wrap: wrap;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
                flex: auto;
                -webkit-transform:translate3d(0,0,0);
                    display: block !important;
    }
    #iconcourse h2{
        padding-right: 0px;
        padding-left: 0px;
    }
    #iconcourse .courseicon {
    flex: auto;
    }
    .col1 h2, .col2 h2, .col3 h2, .col4 h2, .col5 h2
    {
        /*width: 185px;*/
    }
    .menu1 {
        display: flex;
    }
}
@media (max-width: 500px)
{
    #gallery {
        width: 290px;
        margin: 0;
        display: block;
        justify-content: center;
    }
    .col1, .col2, .col3{
        padding-left: 15px !important;
    }
    footer .flex{
        display: block !important;
    }
    footer{
        background-size:cover;
    }
    .wsmenu img{
        height:auto !important;
    }
    #alumni, #student{
        height: auto;
        margin-bottom: 40px;
    }
    .mb{
        margin-bottom: 45px;
    }
    .mb2{
        margin-bottom: 40px;
    }
    .mb3{
        margin-bottom: 40px;
    }
    #alumni .blockquote, #student .blockquote {
        height: 75px;
    }
}
@media (min-width: 375px) and (max-width: 425px)
{
    ul.accreditation-icon li {
        margin-right: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media (min-width: 576px) and (max-width: 768px)
{
    #particle .card {
        width: 215px !important;
        height: 325px !important;
    }
    #particle .card-img-top {
        width: 160px !important;
    }
    .photo-section{
        flex: none;
        width: fit-content;
    }
    .hewswvent .flex{
        flex-wrap: wrap;
    }
    .news-section{
        flex: 2;
    }
    .col1, .col2, .col3
    {
        padding-left: 10px;
    }
    .wsmenu img{
        height:auto !important;
    }
    #alumni, #student{
        height: 65px;
    }
    footer .flex{
        flex-wrap:wrap;
    }
    .flex .col1,.flex .col2,.flex .col1{
        flex-wrap:wrap;
    }
      #alumni .blockquote, #student .blockquote {
        height: 80px;
    }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
    .photo-section,.news-section{
        margin-right: 0;
    }
    .vedio-section, .news-section{
        flex: 2;
    }
}
@media screen and (min-width: 376px) and (max-width: 425px) {
    .hewswvent .flex
    {
        display: block;
    }
    .thumb {
        width: 126px;
        height: 80px;
    }
    .photo-section, .vedio-section, .news-section{
        margin-right:0;
        flex: 1 !important;
    }
    #gallery {
        width: auto;
    }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
    .photo-section, .vedio-section, .news-section{
        margin-right:0;
        /*flex: 1 !important;*/
    }
    #gallery {
        width: 345px;
    }
    #video {
        width: 339px;
    }
    .heading_ceo::after {
        background-size: 340px 150px;
    }
}
@media screen and (max-width: 320px) {
    .thumb {
        width: 134px;
        height: 80px;
    }
    .heading_ceo::after {
        background-size: 255px 120px;
    }
}
@media screen and (min-width: 376px) and (max-width: 395px) {
 .thumb {
        width: calc( 100% - 247px );
     }
    
}
@media screen and (min-width: 396px) and (max-width: 403px) {
 .thumb {
        width: calc( 100% - 252px );
     }
}
@media screen and (min-width: 404px) and (max-width: 406px) {
 .thumb {
        width: calc( 100% - 254px );
     }
}
@media screen and (min-width: 407px) and (max-width: 410px) {
 .thumb {
        width: calc( 100% - 256px );
     }
}
@media screen and (min-width: 410px) and (max-width: 414px) {
 .thumb {
        width: calc( 100% - 259px );
     }
}
@media screen and (min-width: 415px) and (max-width: 419px) {
 .thumb {
        width: calc( 100% - 263px );
     }
}
@media screen and (min-width: 426px) and (max-width: 430px) {
 .hewswvent .photo-section, .hewswvent .vedio-section {
    flex: none;
    width: -webkit-fill-available;
}
#gallery {
    width: 100%;
}
.thumb {
        width: calc( 100% - 270px );
     }
}
@media screen and (min-width: 500px) and (max-width: 660px) {
 .blockquote{
    height: 160px !important;
}
}