@import url('CustemCss.css');


    @media screen and (max-width:2000px) {
        .orbitorymediam{ width:49%; float:left; margin-right:1%;}

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

        html {
            width: 1440px;
            max-width: 1440px;
            margin:0 auto;
          
        }
        .First-popopen {
            width: 1440px;
            max-width: 1440px;
            top:0px;
        }
          
            .firfspopclose {
               /* top: 43px;
                left: 65%;*/
               top:0;
               left:98%;
               
            }
        .nav-section {
            width: 1440px;
            max-width: 1440px;
            margin: 0 auto;
        }
        .navigations {
            width: 1440px;
            max-width: 1440px;
            margin: 0 auto;
        }
        .bottom-fix {
            width: 1440px;
            max-width: 1440px;
           display:none;
        }
        .navigations > ul > .response-li {
            font-size: 10px;
        }
        .sizecoveter_01 {
            font-size: 22px;
            font-weight: 500
        }
        .News_text{
            font-size:12px;
        }
        .slide-container {
            width: 85.3%;
            margin: 20px auto;
        }
       
}


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


        .slide-container {
            width: 85%;
            margin: 30px auto;
        }
    }
    @media screen and (max-width:1300px) {
        
       
       
        .navigations > ul > li:first-child{  }
        .view-btn-body > .view-mem-btn{width:40%;}
    
        .menu-logo{ border:1px solid; width:50%;}
        .pop-profile { width: 35%;  left: 64%;  }

   
    }

    @media screen and (max-width:1250px) {
       
        .slide-container {
            width: 85%;
            margin:30px auto;
        }
      
      
        .slide-sec {
            width: 100%;
            display: inline-block;
            background-color: #ffffff;
            margin-top: 100px;
            margin-bottom: 25px;
        }
       
    }

    @media screen and (max-width:1200px) {
        .dovt-head {  font-size: 22px;  margin-left: 5px;  padding-top: 26px;   }
        .resize{font-size: 22px; }
    }



    @media screen and (max-width:1000px) {
        .desks_top {
            padding-top: 22px;
        }
        .nav-section .nav-logo {  width: 100%; float:none; margin:0 auto; }
        .navbar-img{ display:inline-block; width: 100%;}
        .collapse-nav{width: 100%; float:none; background-color:#2082c7; display:inline-block; margin-top:0px; padding:4px 0px 0px 0px; color:#ffffff; }
        .nam-pro-ico {  margin-top:-5px;  margin-right: -10px;  font-size:22px; color:#ffffff;}
        .nav-section .nav-logo > .navbar-img > a{ padding:3px 4px 3px 2%; }
        .menu-icon{ display:block;}
        .navigations {  width: 100%;  background-color: none;  top: 14.5%; display:none}
        .navigations > ul > li {   float: none;  text-align:center;  }
        .navigations > ul {  width: 80%; float: left; padding-left:0px; display:inline-block;  background-color: #2082c7;}
       .navigations > ul > li > a, .a-desi { width: 100%;  padding: 0px 0px; text-align:center; border-left: none; }
        .pop-profile { width: 40%;  left: 59%;  }
        .pro-left{color:#2082c7;}
        .susmass{color:#B2BAC9;}
        .fa-times-circle{color:#808080;}
        .jo-alu-ins {  padding-left: 20px;  }
        .reg-container > ul {  margin-left: 20px; margin-top: 20px; }
        /*even sub*/
        .even-menu,.about-menu { width:100%; position:unset;  margin-top:0px; background-color:#FFFFFF; color:#2082c7; display:none;}
       .even-menu > li,.about-menu > li{ list-style:none; padding:6px 0px 6px 30px;color:#2082c7;margin-left:-24%; border-top:1px solid;}
        .even-list > .ev-list{width:100%;  position:unset; background-color:#ffffff; margin-top:0px; margin-left:0%; display:none;}
        .orbitorymediam{ width:70%; }

        .even-menu > li:hover, .about-menu > li:hover {
            background-color: #ffffff;
            cursor: pointer;
            color: #2082c7;
        }

    .even-list > .ev-list > li {background-color:#ffffff;  list-style: none;  padding: 6px 0px 6px 29px;  color: #2082c7; margin-left: -26%;  border-top:1px solid; }
    .even-list > .ev-list > li:hover{background-color:#ffffff; cursor:pointer;  color:#2082c7;}
    .even-list > .ev-list > li > a{ background-color:#ffffff; color: #ffffff; display:inline-block;}
    .even-list > .ev-list > li:hover > a{ color:#2082c7; }
    .ev-list-drop:hover .ev-dropdown, .ch-list-drop:hover .ch-dropdown,.even-drop:hover .even-menu{display:none; }
    .even-menu > li:hover a,.about-menu > li:hover a {
        color: #ffffff;
    }
    .affdown{ display:block;}
    .fa-angle-right{display:none;}


        /*<about page>*/
        .Asso-list { width: 80%; }
        /*Scolerpage*/
        .last-h > .scho-co-no{width:auto; float:left;  }
        .last-h > .scho-li-tota,.reco{width:auto; float:left; }
         .reg-body {  width: 60%; }
        .reg_top,log_top {
            width: auto;float:left; margin-right:8px;
          
        }

 .navigations > ul > .response-li:first-child { width:100%; }
.navigations > ul > .response-li:nth-child(2) {  width:100%;}
.navigations > ul > .response-li:nth-child(3) {  width:100%;}
.navigations > ul > .response-li:nth-child(4) {  width:100%; }
.navigations > ul > .response-li:nth-child(5) {  width:100%; }
.navigations > ul > .response-li:nth-child(6) {  width:100%; }
.navigations > ul > .response-li:nth-child(7) {  width:100%; }
.navigations > ul > .response-li:nth-child(8) {  width:100%; }
.navigations > ul > .response-li:nth-child(9) {  width:100%; }

.response-li  ul > li {text-align:center;}
        .logotext {
            margin-left:20px;
            text-align: left;
        }

        .upcom_left { width: 100%; margin-bottom:30px; }
        .after_upcomeright {  width: 100%; }
        .event_videleft{ width: 100%; float:left; margin-bottom:30px;}
       .event_videright{ width: 100%; float:left; }
    }

.sizecoveter_01{ font-size:1vw;font-weight:500}

    /*@media screen and (max-width:1000px) {
    
        .dovt-head {  display:block;}
        .jo-alu-ins { padding-left: 20px;}
        .reg-container > ul { margin-left: 20px; margin-top: 20px; }
        .navigations {  width: 40%;   }
        .reg-btn {  width: 40%; }
        .about-img { width:40%; float:left; }
        .ab-container{width:58%;  padding-left:30px;display:inline-block; text-align:center; float:right;}
        .pop-profile { width: 45%;  left: 54%;  }
         /*<about page>*/
        /*.Asso-list { width: 90%;}


    }*/


@media screen and (max-width:800px) {
    .nav-section .nav-logo > .navbar-img > a {
        padding: 7px 4px 5px 1%;
    }

    .dovt-head {
        font-size: 18px;
        margin-left: 5px;
        padding-top: 26px;
    }

    .reg-container {
        height: 230px;
    }

    .slide-container {
        width: 100%;
        margin: 0px auto;
    }

    .reg-container {
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .img-slide {
        width: 100%;
        float: none;
    }

    .reg-box {
        width: 50%;
        float: right;
        margin-right: 1%;
    }

    .ad-event {
        width: 47%;
        float: left;
    }

    .slide-dot {
        top: 460px;
        left: 40%;
    }

    .reg-body {
        width: 70%;
    }

    .aftereye, .aftregeye {
        margin-left: -3%;
    }

    .pop-profile {
        width: 50%;
        left: 49%;
    }

    .firstpop-show {
        width: 85%;
        margin: 0 auto;
    }

    .firfspopclose {
        top: 0;
        left: 97%;
    }

    .rightimg-member {
        text-align: center;
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .left-memberconten {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    .rightimg-member img {
        height: 530px;
    }

    .logotext {
        text-align: left;
    }

    .reg-body > .log-logo {
        width: 30%;
        margin: 0 auto;
        height: 110px;
        margin-bottom: 10px;
    }

    .about-img {
        width: 50%;
        float: none;
        margin: 0 auto;
    }

        .about-img > img {
            float: none;
            width: 100%;
        }

    .about-text {
        width: 100%;
        padding: 0px 20px;
    }

    .ph-na-up, .ph-na-up-down {
        width: 100%;
        text-align: center;
    }

    .ab-container {
        width: 100%;
        padding-left: 0px;
        display: inline-block;
        float: none;
    }
    /*<about page>
        .Asso-list { width: 100%;  padding:0px 20px;}
        .com-pep,.presi-pep{  line-height:20px;}
        <Alumini prayer>
        .pry-contai{width:100%; }
        .pry-body > .body-left {  width: 100%;  float: none; padding:0px 35px; border-right:none; border-bottom:1px solid #d1d4d4;}
        .pry-body > .body-right {width: 100%; float: none; margin-top:50px;  }
        .pry-body {   box-shadow: none;  padding:0px 0px 20px 0px; }
        <member ship>
        .join-membership > .join-mem-ins{ width:70%; }
        scholersip page
        .scholar-body{width:90%; margin:30px auto;}
   

    }*/


    @media screen and (max-width:600px) {
        .dovt-head {
            font-size: 15px;
            margin-left: 5px;
            padding-top: 26px;
        }


        .nav-section .nav-logo > .navbar-img > a {
            padding: 3px 4px 3px 2%;
        }

        .nav-section > nav {
            width: 100%;
            margin: 0 auto;
        }

        .navigations {
            width: 50%;
        }

        .pop-profile {
            width: 60%;
            left: 39%;
        }

        .slide-container {
            width: 100%;
            margin: 0px auto;
        }

        .img-slide {
            height: 310px;
        }

            .img-slide img {
                width: 100%;
                max-height: 300px;
            }

        .slide-dot {
            top: 310px;
            left: 40%;
        }

        .reg-container {
            height: auto;
        }

        .reg-box {
            width: 100%;
            float: none;
            box-shadow: none;
        }

        .ad-event {
            width: 100%;
            float: none;
        }

        .ad-cont img {
            max-height: 200px;
        }
        /*<about page>*/
        .commety-list > .list-left, .commety-list > .list-right {
            width: 100%;
            float: none;
            padding-left: 20px;
        }
        /*Chapter*/
        .north-cha-imag {
            width: 100%;
            float: none;
            margin: 0 auto;
            max-height: 280px;
            margin-bottom: 10px;
        }

            .north-cha-imag > img {
                width: 100%;
                height: 280px;
            }
        /*<member ship>*/
        .join-membership > .join-mem-ins {
            width: 80%;
        }
        /*Register page*/
        .reg-body {
            width: 80%;
        }

        .non-mem > .re-btns {
            width: 60%;
        }

        .bottom-fix {
            display: none;
        }

        .aftereye, .aftregeye {
            margin-left: -4%;
        }
        /*member page*/
        .mem-list-topbtn {
            width: 80%;
            margin: 80px auto;
        }

        .mem-container > .mem-list-contai {
            width: 100%;
            float: left;
        }

        .mem-list-contai > .list-scrool {
            width: 100%;
        }

        .mem-list-topbtn > .btn-list .serch-box {
            width: 100%;
            float: left;
            margin-top: 20px;
        }

        .l-name {
            max-width: 180px;
        }

        .l-from {
            max-width: 70px;
        }

        .l-to {
            max-width: 50px;
        }

        .even-backlist {
            width: 80%;
            float: unset;
            margin: 10px auto;
        }

        .face-logo {
            width: 10%;
            position: unset;
            left: 0%;
            cursor: pointer;
        }

            .face-logo > img {
                width: 100%;
                max-height: 35px;
                background-color: white;
            }

        .last-h > .scho-co-no, .reco {
            width: 15%;
            float: left;
        }

        .last-h > .scho-li-tota, .reco1 {
            width: 85%;
            float: left;
        }

        .scho-co-no {
            width: auto;
            float: left;
        }

        .scho-li-tota {
            width: 92%;
            float: left;
        }

        .ad-ptil {
            font-size: 16px;
            font-weight: 900;
            text-align: center;
            color: #000;
            margin: 10px 0px;
        }

        .evenlist-box {
            width: 100%;
            margin: 0 auto;
            min-height: 300px;
        }

        .Fotter-boot {
            background-color: #465052;
            padding: 15px 0px;
            width: 100%;
            margin: 0 auto;
        }

        .contby-ev > span:first-child {
            width: 100%;
            float: left;
            margin-left: 10px;
        }

        .hide-wriup {
            padding-top: 90px;
        }

            .hide-wriup .htmlimage {
                width: 100%;
            }

        .member-posi {
            width: 100%;
            display: inline-block;
        }

            .member-posi span {
                width: 100%;
                float: left;
            }

        .writeupconten .fa-hand-point-right {
            width: 5%;
            float: left;
        }

        .list-format span {
            width: 90%;
            float: left;
        }

        .listtype span {
            width: 90%;
            float: left;
        }

        .after-res-head {
            display: none;
        }

        .listing-name .list-left {
            width: 100%;
            float: left;
        }

        .list-left span:first-child {
            width: 20%;
            float: left;
        }

        .list-left span:nth-child(2) {
            width: 20%;
            float: left;
        }

        .firstpop-show {
            width: 98%;
            margin: 0 auto;
        }

        .firfspopclose {
            top: 0;
            left: 97%;
        }

        section > nav {
            display: none;
        }

        .imagbaner2024 {
            width: 95%;
            height: auto;
        }

        .video1, .video2 {
            width: 100%;
            margin: 20px auto;
            text-align: center;
           
        }
        video {
            width:80%;
            height: auto;
            margin-top:10vh;
        }
    }

    @media screen and (max-width:500px) {
        .dovt-head {
            display: none;
        }

        .navigations {
            width: 60%;
        }

            .navigations > ul {
                width: 100%;
            }

        .dovt-afhead {
            display: block;
            padding-top: 15px;
            font-size: 16px;
            margin-left: 2px;
            text-align: center;
            width: 80%;
        }

        .collapse-nav > .mem-nam {
            font-size: 15px;
            margin-right: 3%;
        }

        .slide-container {
            width: auto;
            margin: 0px auto;
        }

        .reg-container {
            height: 500px;
            margin-top: -9px;
        }

        .img-slide {
            min-height: 335px;
            width: 100%;
            overflow-x: hidden;
        }

            .img-slide img {
                min-width: 140%;
                min-height: 335px;
                margin-left: -30%;
            }

        .bith-wis {
            margin-bottom: 0px;
            margin-top: -2%;
        }

        .slide-dot {
            top: 300px;
            left: 35%;
        }

        .ad-cont img {
            width: 98%;
            max-height: 200px;
        }

        .about-img {
            width: 90%;
            float: none;
            margin: 0 auto;
        }

        .Restraction-pop > .pop-body {
            width: 95%;
            margin: 40% auto;
        }
        /*<member ship>*/
        .join-membership > .join-mem-ins {
            width: 90%;
        }

        .mem-list-topbtn .btn-list .serch-box {
            width: 90%;
            float: left;
            margin-bottom: 10px;
            display: inline-block;
        }

        .serch-box > span > .fa-search {
            margin-left: -30%;
            color: #d1d4d4;
            padding: 5px;
        }

        .mem-list-topbtn .space-btnli {
            width: 100%;
            margin: 0px auto;
            padding-bottom: 0px;
        }

        .mem-list-topbtn .btn-list .serch-box {
            width: 100%;
            padding: 4px;
        }

        .Inputser {
            width: 90%;
            border: 1px solid #d1d4d4;
            padding-left: 10px;
        }

        .scho-co-no {
            width: 6%;
            float: left;
        }

        .scho-li-tota {
            width: 93%;
            float: left
        }

        .logotext {
            text-align: left;
        }
        /*Register page*/
        .reg-body {
            width: 100%;
        }

            .reg-body > .log-logo {
                width: 30%;
                margin: 0 auto;
                height: 130px;
                margin-bottom: 10px;
            }

        .aftereye, .aftregeye {
            margin-left: -5%;
        }

        .nam-pro-ico > .mem-pro-btn {
            left: 65%;
        }

        .namsearch, citysearch {
            width: 69.5%;
            max-height: 200px;
            padding-left: 10px;
        }

            .namsearch .rVName {
                padding: 2px;
            }

        .ad-ptil {
            font-size: 15px;
            font-weight: 900;
            text-align: center;
            color: #000;
        }

        .evn-desi {
            width: 100%;
            border: none;
            max-height: 400px;
            overflow: unset;
        }

        .reset-libtn {
            width: 50%;
            margin-bottom: 10px;
        }

        .rightimg-member {
            text-align: center;
            width: 98%;
            float: none;
            margin: 0 auto;
        }

        .left-memberconten {
            width: 90%;
            float: none;
            margin: 0 auto;
        }

        .rightimg-member img {
            width: 100%
        }

        section > nav {
            display: none;
        }
    }


    @media screen and (max-width: 400px) {
        .logo {
            width: 80%;
            height: 46px;
            text-align: left;
        }

        .reg_top {
            width: 100%;
            margin-bottom: 8px;
        }


        .nav-section {
            max-height: 99px;
        }

            .nav-section .nav-logo > .navbar-img > a {
                padding: 3px 4px 3px 5%;
            }

        .dovt-afhead {
            width: 75%;
        }

        .navigations {
            width: 100%;
        }

        .pop-profile {
            width: 100%;
            left: 0%;
        }

        .collapse-nav > .mem-nam {
            font-size: 14px;
        }

        .slide-container {
            width: 100%;
            margin: 0px auto;
        }

        .reg-container {
            height: 500px;
            margin-top: -9px;
        }

        .img-slide {
            min-height: 335px;
            width: 100%;
            overflow-x: hidden;
        }

            .img-slide img {
                min-width: 140%;
                min-height: 335px;
                margin-left: -30%;
            }

        .bith-wis {
            margin-bottom: 0px;
            margin-top: -2%;
        }

        .slide-dot {
            top: 300px;
            left: 35%;
        }

        .ad-event > .ad-body > .ad-cont > img {
            width: 100%;
            margin: 0 auto;
            padding: 0px 10px;
        }

        .ad-cont img {
            width: 98%;
            max-height: 190px;
        }

        .head-of-txt {
            font-size: 18px;
        }

        .nam-pro-ico > .mem-pro-btn {
            left: 60%;
        }

        .Restraction-pop {
            min-height: 700px;
        }

        .even-backlist {
            width: 90%;
            float: unset;
            margin: 10px auto;
        }

        /*Chapter*/
        .north-cha-imag {
            width: 100%;
            float: none;
            margin: 0 auto;
            max-height: 280px;
            margin-bottom: 10px;
        }

            .north-cha-imag > img {
                width: 100%;
                height: 200px;
            }

        .view-btn-body > .view-mem-btn {
            width: 60%;
        }
        /*Member photo*/
        .team-item {
            padding: 10px 40px 10px 40px;
        }
        /*Register page*/
        .reg-body {
            width: 100%;
            padding: 0px 10px;
        }

            .reg-body > .log-logo {
                width: 30%;
                margin: 0 auto;
                height: 100px;
                margin-bottom: 10px;
            }

            .reg-body > .fields {
                width: 90%;
            }

        .namesearch {
            width: 85%;
        }

        .aftereye, .aftregeye {
            margin-left: -6%;
        }

        .div-albam {
            width: 100%;
            margin-left: 0px;
        }

       /* .firfspopclose {
            top: 0;
            left: 97%;
        }*/

        .sec-phto > .phto-contai > .phto-body {
            width: 70%;
            margin: 0 auto;
            margin-top: 40px;
        }

            .sec-phto > .phto-contai > .phto-body > .phto-field {
                width: 100%;
                float: left;
                height: 200px;
                margin-left: 10px;
                margin-bottom: 10px;
            }

        .phto-contai > .alb-back > .back-btn {
            width: 45%;
            margin: 0 auto;
            margin-bottom: 30px;
        }

        .ph-sli-contai > .phto-fields {
            width: 100%;
            height: 300px;
            text-align: center;
        }

            .ph-sli-contai > .phto-fields > .photo-name {
                width: 60%;
                margin: 0 auto;
                color: pink;
                font-size: 30px;
                text-align: center;
                z-index: 999;
                font-family: 'Open Sans Regular';
            }

            .ph-sli-contai > .phto-fields > img {
                width: 80%;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                z-index: 998;
            }

        section > nav {
            display: none;
        }
    }



    .flex-row-new-banner {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .flex-column-new-banner {
        /*flex: 1 100%;*/
        width: 100%;
    }
}

@media (min-width: 300px) and (max-width: 400px) {
    .firfspopclose {
        top: 0;
        left: 95%;
        font-size: 1.4em;
    }
}

    @media screen and (max-height: 600px) {
        .navigations {
            width: 100%;
            top: 17.8%;
        }
    }

    @media screen and (max-height: 600px) {
        .navigations {
            width: 100%;
            top: 21.2%;
        }
    }

@media (min-height: 805px) and (max-height: 1200px) {


    .President_02 {
        height: 40vh;
        min-height: 53vh;
    }
    .creavite_02{ 
        min-height:15vh;
    }
    .img-slide{ 
         height: 50vh;
        min-height: 50vh;
    }
    .mySlide img {
        height: 50vh;
        min-height: 50vh;
    }
}