@media only screen and (max-width: 992px) {
    .navMenu ul li a {
        padding: 10px 11px;
        font-size: 12px;
    }

    .playlist ul li a {
        display: flex;
        flex-direction: column;
    }

    .ltNs {
        margin: 0;
        color: white;
        width: max-content;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Font Awesome 6 Free';
        background: #30495f;
        text-align: center;
    }

    /* .privacy {
        height: 300px;
    } */
}


@media only screen and (max-width: 912px) {


    /* .footerWrapper {
        height: 950px;
    } */
    .memberMidle {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .bgShape {
        height: 300px;
    }

    .img {
        display: block;
        margin-bottom: 20px;
        /* margin: auto; */
        text-align: center;
    }

    .prsidenmsgdividor {
        display: block;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 50px;
        margin-bottom: 30px;
        margin-top: 100px;
    }


}




/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {

    .news:after {
        display: none;
    }
    .pageLinkWraper h1 {
        font-size: 14px;
        font-family: 'Roboto';
        font-weight: 500;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
    }

    .MainbodyRight .title {
        font-size: 1rem;
    }



    .sliderImg {
        height: 250px;
        width: 100%;
    }

    .memberMidle {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .highlightText {
        text-align: center;
    }

    .logoWraper {

        justify-content: center;
        align-items: center;
    }



    .subscriveTitle {
        margin-top: 30px;
    }

    .MainbodyRight {

        height: auto;

    }

    .contactWraper {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        justify-content: center;
        align-items: center;
    }
}


/* small device ( mobile, 576px and down)  */
@media only screen and (max-width: 576px) {



 
.colReverse{
    flex-direction: column-reverse!important;
}

    .contactUs {
        margin-top: 50px;
    }
    .navMenu ul li a {
        padding: 8px 8px;
        font-size: 10px;
    }

    .playlist {
        margin-top: 50px;
    }

    .contactWraper {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .applyBox {

        margin-top: 30px;
    }

    .events .title {
        margin-top: 30px;
    }
    

}

/* small device ( mobile, 576px and down)  */
@media only screen and (max-width: 550px) {

    .navMenu ul li ul li ul {
        background: #044379!important;
        width: 100%;
    }

    .navMenu ul li ul {
        height: max-content;
        /* width: 50%; */
        width: 100%;
        /* left: 128px!important; */
        left: 0px !important;
        background: #023867 !important;
    }

    .navMenu ul {
        width: 100%;
        text-align: center;
        line-height: 2rem;
        background: #002749 !important;
    }

    .navIcon {
        display: block;
    }

    .navMenu {
        display: inline-block;
    }

    .navMenu ul li a {
        padding: 8px 8px;
        font-size: 16px;
    }

    .flexCenter {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    nav ul li {
        position: relative;
        width: -webkit-fill-available;
    }

    nav ul li ul li a {
        font-size: 10px !important;
    }

    nav ul li ul {
        position: absolute !important;
        display: flex;
        background: #0B4273;
        border: 1px solid #c8c8ff;
        top: 100% !important;
        left: 0px !important;
        /* top: 5px !important;
        left: 100% !important; */
        flex-direction: column;
        width: max-content;
        z-index: 9999;
        display: none;
    }

    @keyframes example {
        0% {
            background-color: red;
        }

        25% {
            background-color: yellow;
        }

        50% {
            background-color: blue;
        }

        100% {
            background-color: green;
        }
    }

    @keyframes menusmoth {
        0% {
            transform: translateX(-100%);
        }

        50% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0%);
        }


    }


    .navMenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        /* overflow: hidden; */
        position: fixed;
        top: 0;

        left: -50000px;
        /* transform: translateX(-100%); */
        background: black;
        height: 100vh;
        z-index: 9999999;
        /* margin-left: -15%; */ /*Latest*/
        margin-left: 0%;
    }


    .navMenu ul li ul {
        height: max-content;

    }

    .mobileMenu {
        background: black;
        /* position: relative; */
        color: white;
        display: block;
    }

    .navIcon {
        padding: 10px;
    }

    .navIcon {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99999999;
    }

    .fixed {
        position: fixed !important;
    }

    .nevMenu {
        position: absolute;
        top: 0px;
        left: -270px;
        z-index: 2;
        width: 150px;
        line-height: 2.5;
        transition: 0.4s;
    }

    .navIcon i {
        font-size: 40px;
        color: tomato;
    }

    .navIconEnd {
        position: absolute;
        top: 10px;
        left: 120px;
        color: red;
        z-index: 5;
    }

    .navIconEnd i {
        font-size: 35px;
    }

    .vision:before {
        display: none;
    }



    .comiteePictures {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 30px;
        margin-top: 30px;
        background: #002749;
    }


}


@media only screen and (max-width: 460px) {

    .ltNs {

        font-size: 8px;

    }

    .text h1 {
        font-size: 18px;

    }

    .contactWraper {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }

    .socialLink a {

        font-size: 20px;
    }

    .comiteePictures {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        grid-gap: 30px;
        margin-top: 30px;
        background: #002749;
    }
}