@media only screen and (max-width: 1205px) {
    .btnnone{
        display: none !important;
    }

    .ourVisionVideoDiv{
        position: relative !important;
        margin-top:0px ;
        width: 100%;
        height: 350px;
    }

    .galleryMain .ourVisionVideoDiv {
        position: absolute;
        margin-top: -47px;
        width: 100%;
        height: 220px;
    }
    .carouselCaptionTilte{
        font-size: 30px;
    }

    .fixedTop .btnnone{
        display: none !important;
    }
}

@media only screen and (max-width: 1000px) {
    .headerCenter {
        display: none !important;
    }

    .headerRight {
        display: none !important;
    }

    .galleryMain .ourVisionVideoDiv {
        position: absolute;
        width: 100%;
        height:350px;
    }

    .headerCenterMenuMobail {
        display: block !important;
    }

    .sdfghjkl article {
        background-color: transparent;
        padding: 0px;
        color: #3d3d3d;
        margin-top: -80px;
        z-index: 99;
        position: relative;
        width: 100%;
    }
}

@media only screen and (max-width: 993px) {
    .galleryMain .row{
        display: flex;
        flex-direction: column-reverse;
    }

    #myDIV{
        display: none !important;
    }

    .ourVisionWWW {
        margin-top: 100px;
    }

    .fff .ourVision {
        margin-top: 30px;
    }

    .ourTeamCardInfo .ourTeamCardInfoName {
        font-size: 16px;
    }

    .ourTeamCardInfoJobTitle {
        font-size: 13px;
    }

    .ourVisionOneImg{
        max-width: 1000px !important;
        height: 220px;
    }
    
    .ourVisionVedio{
        max-width: 1000px !important;
        height: 220px;
     }

     .ourVisionOneDnone{
        display: none;
     }

     .ourVisionOneDiv{
        display: none;
     }

}

@media only screen and (max-width: 768px) {
    .ourMobail{
        display: flex;
        flex-direction: column-reverse;
     }
}

@media only screen and (max-width: 576px) {
    .ourTeamCardImg{
        max-width:200px;
        height: 200px;
    }

    .ourVisionWWW{
        margin-top: 50px;
    }

    .headerLeft .logo img {
        width: 60px;
    }

    footer{
        text-align: center;
    }
    
    footer p{
        text-align: center;
    }

    .footerLogo img {
        width: 70px;
        margin: auto;
    }

    .gg svg{
        display: none;
    }

    .gg div{
        justify-content: center;
    }
    footer .list li::after {
        width: 100px;
        margin: auto;
    }

    .aa{
        justify-content: center;
    }
    
}

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

    .ourVisionVideo .carousel-item{
        width: 100%;
        height: 300px;
    }

    .academicsWrapperImg{
        height: 500px;
    }

    .academicsWrapperInfo h5{
        font-size: 26px;
    }
    
    .academicsWrapperInfo p{
        color: #3d3d3d;
        font-size: 14px;
    }

    .academicsWrapperImg{
        height: 350px;
    }

    .ourteamMainImg{
        width: 100%;
        height: 330px;
    }
    
    .aboutUsDiv h1 {
        color: white;
        font-weight: 555 !important;
        font-size: 30px;
    }

    .ourTeamCardImg{
        max-width:150px;
        height: 150px;
    }

    .ourTeamCardInfo .ourTeamCardInfoName {
        font-size: 14px;
    }

    .ourTeamCardInfoJobTitle {
        font-size: 12px;
    }
    
}



/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* BREAKPOINTS */
@media screen and (max-width: 576px) {
    .chatbox-message-wrapper {
        width: calc(100vw - 2rem);
    }

    .chatbox-wrapper {
        bottom: 15px;
        right: 15px;
    }
}

/* BREAKPOINTS */