/* /// for very bigger screens */

@media screen and (max-width:2560px) {}

/* // for big screen */

@media screen and (max-width:1920px) {}

/* // for mid screen */

@media screen and (max-width:1680px) {}

/* // for mid screen */

@media screen and (max-width:1600px) {}

/* // for mid screen */

@media screen and (max-width:1536px) {}

/* // for small laptop screen */

@media screen and (max-width:1440px) {}

/* // for small laptop screen */

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

    .members-sec .member-card .img-text-part h5 {
        position: absolute;
        top: 0px;
        right: 10px;
    }

    .members-sec .member-card .img-part img {
        position: absolute;
        top: 74px;
        left: 20px;
    }

    header .navbar-nav .nav-link {
        font-size: 12px;
        padding: 10px 16px !important;
    }

    .slider-students-sec .mySwiper-students .swiper-slide .card {
        max-width: 98%;
    }

    .slider-students-sec .mySwiper-students .swiper-slide .card .school-boy-img img {
        border-radius: 50%;
        height: 120px;
        width: 120px;
        border: 2px solid #000!important;
    }



}

/* // for tab screen */

@media screen and (max-width:1024px) {
    footer .col-xl-2 .footer-links {
        border-right: 1px solid rgba(255, 255, 255, 0.2392156863);
    }

    body p {
        font-size: 14px !important;
    }


}

/* // for tab screen */

@media screen and (min-width:992px) {}

@media screen and (max-width:991px) {
    header .navbar-nav .nav-link {
        color: #5d3262 !important;
    }

    header .main-nav .top-bar {
        display: none;
    }

    .swiper-slide {
        height: fit-content!important;
    }

    .slide-text h2 {
        font-size: 20px!important;
        line-height: inherit!important;

    }

    .about-us-main .text-part {
        margin: 0px;
        padding: 20px!important;
    }

    .left-shape img {
        width: 140px;
    }

    .right-shape img {
        width: 140px;
    }

    .gadjet1 img {
        width: 100px!important;
        opacity: .5!important;
    }

    h2 {
        font-size: 22px;
        line-height: 36px;
    }

    .facilities-sec button.owl-next {
        position: relative;
        top: 0px;
        right: 0;
    }

    .facilities-sec button.owl-prev {
        position: relative;
        top: 0px;
        left: 0px;
    }

    .facilities-sec .owl-theme .owl-nav {
        justify-content: center;
        display: flex;
    }

    .facilities-sec h2 {
        text-align: center;
        margin-bottom: 10px;
    }

    .slider-students-sec {
        padding: 50px 0px;
    }


}

/* // for tab screen */

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

    body p {
        font-size: 14px !important;
    }


    /* navbar start */

    header .top-header::after {
        background: #4D3803;
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0px;
    }

    header .top-header {
        display: flex;
        position: relative;
        top: 0px;
    }

    header .top-header .address-part {
        display: flex;
        justify-content: space-between;
        padding: 16px 0px;
    }

    header .top-header p {
        margin-right: 40px;
        padding-bottom: 0px !important;
        line-height: 0px !important;
        z-index: 1000;
        margin: 0px !important;
        padding-right: 20px !important;
        padding-left: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    header .top-header .social-sec {
        margin-left: 70px;
        display: none;
    }

    header .top-header a {
        color: #fff;
        text-decoration: none;
        font-size: 10px;
        letter-spacing: 1px;
    }

    header .main-nav .logo img {
        width: 100%;
        padding: 10px 20px;
    }

    header .main-nav .logo {
        position: static;
    }


    .navbar {
        padding: 10px 0px !important;
    }


    .navbar-collapse.show {
        transform: translate(0%, 0px);
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        background: white;
        width: 100;
        height: 100vh;
        left: 0;
        transform: translate(-110%, 0px);
        transition: al .5s ease-in-out;
    }

    .navbar-toggler:hover {
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent !important;
        border: 1px solid transparent;
        border-radius: .25rem;
        box-shadow: none !important;
    }

    .animated-icon1 span,
    .animated-icon2 span,
    .animated-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .animated-icon1,
    .animated-icon2,
    .animated-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    .animated-icon1 span {
        /* background: #4d3803; */
        background: #fff;

    }

    .animated-icon1 span:nth-child(1) {
        top: 0px;
    }

    .animated-icon1 span:nth-child(2) {
        top: 10px;
    }


    .animated-icon1 span:nth-child(3) {
        top: 20px;
    }

    .navbar-nav {
        padding-top: 75px !important;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        background: white;
        height: 100vh;
        left: 0;
        transform: translate(-110%, 0px);
        transition: al .5s ease-in-out;
        z-index: 1000;
    }

    .animated-icon1.open span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .animated-icon1.open {
        position: fixed;
        top: 0;
        z-index: 10000000000000000;
        right: 30px;
        top: 30px;
    }

    .animated-icon1.open span {
        background: #222222;
    }

    .animated-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .animated-icon1.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .animated-icon1.open span {
        background: #222222;
    }

    header .main-nav .navbar-nav {
        padding: 10px 21px;
    }


    .members-sec .member-card {
        margin-bottom: 20px;
        flex-direction: column;
    }

    .members-sec .member-card .img-text-part h3 {
        text-align: center;
    }

    .members-sec .member-card .img-text-part h4 {
        text-align: left;

    }


    .contact-sec .side-sec {

        margin-left: 0px;

    }

    .inner-banner-sec {
        background-image: url(../images/bg-1.webp);
        width: 100%;
        height: 200px;
    }

    .inner-banner-sec h1 {
        font-size: 44px;
    }

}

/* // for tab screen */

/* // for mobile screen */

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


    .main-banner .banner-sec .banner-text h1 {
        font-size: 40px;
        letter-spacing: 5px;
    }


    .top-header {
        display: none;
    }


    header .top-header p {
        padding-right: 0px !important;
    }

    header .top-header i {
        margin-right: 6px;
    }


    .main-banner .banner-sec .banner-text h1 {
        font-size: 44px;
        letter-spacing: 3px;
    }

}


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


    .navbar {
        padding: 10px 0px !important;
    }

    .navbar-collapse.show {
        transform: translate(0%, 0px);
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        background: white;
        width: 100;
        height: 100vh;
        left: 0;
        transform: translate(-110%, 0px);
        transition: al .5s ease-in-out;
    }

    .navbar-toggler:hover {
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent !important;
        border: 1px solid transparent;
        border-radius: .25rem;
        box-shadow: none !important;
    }

    .animated-icon1 span,
    .animated-icon2 span,
    .animated-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .animated-icon1,
    .animated-icon2,
    .animated-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    .animated-icon1 span {
        /* background: #4d3803; */
        background: #fff;

    }

    .animated-icon1 span:nth-child(1) {
        top: 0px;
    }

    .animated-icon1 span:nth-child(2) {
        top: 10px;
    }

    .animated-icon1 span:nth-child(3) {
        top: 20px;
    }

    .navbar-nav {
        padding-top: 75px !important;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: 0;
        background: white;
        height: 100vh;
        left: 0;
        transform: translate(-110%, 0px);
        transition: al .5s ease-in-out;
        z-index: 1000;
    }

    .animated-icon1.open span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .animated-icon1.open {
        position: fixed;
        top: 0;
        z-index: 10000000000000000;
        right: 30px;
        top: 30px;
    }

    .animated-icon1.open span {
        background: #222222;
    }

    .animated-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }

    .animated-icon1.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .animated-icon1.open span {
        background: #222222;
    }

    header .main-nav .navbar-nav {
        /* text-align: center; */
        padding: 10px 21px;
    }

    /* Facilities-sec  start*/
    .Facilities-sec .list-sec ul li {
        width: 100%;
    }

    /* Facilities-sec  End*/
}

/* footer CSS END here */

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

    header .top-header p {
        padding-right: 0px !important;
    }

    header .top-header i {
        margin-right: 6px;
    }



    .main-banner .banner-sec .banner-text h1 {
        font-size: 44px;
        letter-spacing: 3px;
    }



    .services-sec .services-main {
        margin-left: 0px;
    }

    .services-sec .services-main .row .col-12:nth-child(odd) {
        margin-top: 0px;
    }

    .services-sec .service-card {
        margin-top: 18px;
    }

    .dev-logo-sec img {
        width: 100px;
    }



    .our-leaders-sec .text-part h3 {
        font-size: 18px;
        padding-left: 30px;
    }

    .our-leaders-sec .shoeb-intro .info-sec h3::after {
        width: 20px;
    }


    .our-leaders-sec .shoeb-intro {
        position: relative;
        margin-top: 60px;
    }

    .our-leaders-sec .shoeb-intro .text-part {
        margin-top: 40px;
    }

    .counter-sec {
        background-image: url(../images/bg-map.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: auto;
        padding: 0px;
    }

    .counter-sec h3 {
        font-size: 30px;
        color: rgb(205, 145, 5);
        font-weight: 600;
        padding-bottom: 10px;
    }

    .main-banner .banner-sec video {
        height: 60vh;
        width: 100%;
    }

    .main-banner .banner-sec::before {
        height: 60vh;
        width: 100%;
    }

    .our-leaders-sec .shoeb-intro img {
        height: 400px;
        width: 335px;
    }



    .inner-banner-sec h1 {
        font-size: 34px;
        text-align: center;
    }

    /* footer CSS start here */
    .privacy-policy {
        flex-direction: column;
        display: flex;
    }

    /* footer CSS END here */





}

/* // for mobile screen */

@media screen and (max-width:375px) {
    .main-banner .banner-sec .banner-text h1 {
        font-size: 32px;
        letter-spacing: 3px;
    }


    .main-banner .banner-sec .banner-text {
        position: absolute;
        bottom: 100px !important;
    }

    .our-leaders-sec .shoeb-intro img {
        height: 400px;
        width: 270px;
    }

    .our-leaders-sec .shoeb-intro .img-part::after {
        right: 60px;
        height: 400px;
        content: "";
        top: 17px;
        width: 78%;
    }

    /* footer CSS start here */


    /* footer CSS END here */


}

/* // for very small mobile screen */

@media screen and (max-width:320px) {}