@media screen and (max-width:767px) {
article {margin-bottom: 12vw;}
.right{text-align: center;}
.main-wrapper {width: 90%;}
header{margin: 0 0 12vw 0;}
article {margin-bottom: 12vw;}
	
aside {padding: 7vw 0 2vw 0; background: linear-gradient(to bottom,rgba(0, 0, 0, 1) 100%, rgba(255, 255, 255, 0));}
aside.scroll{padding: 11vw 0 1vw 0;}
.logo-menu {margin: 5.3vw 0 0 0;}
.logo-menu-left {width: 20%; margin: 0 10% 0 0;}
.logo-menu-right {width: 70%;}
aside.scroll .logo-menu {margin: 0;}
aside.scroll .logo-menu-left {width: 15%; margin: 0 15% 0 0;}
.social-icns{font-size: 4vw; display: block; margin: 0 0 2vw 0;}
.social-icns i{margin: 0 6vw;}
.social-icns i:last-child{margin: 0 0 0 6vw;}
.tb-01{font-size: 3vw; margin-right: 3.5vw; border-radius: 1vw;}
.tb-01 a{padding: 2vw 3vw;}

.tb-02{margin-right: 0; border-radius: 1vw;}
.tb-02 img{width: 10vw;}
.tb-02 a{padding: 1.5vw 3vw;}
.m-line{display: none;}
aside.scroll .m-line{display: none;}
.headers{margin: 35vw 0 0 0; padding:0;}
.headers figcaption{font-size:4vw; line-height:6vw; bottom:5vw; left:7.5vw;}
.headers figcaption span{font-size: 6vw;}

.h-btn{font-size: 3vw; border-radius: 1vw; margin: 3vw 0 0 0;}
.h-btn a{padding: 1vw 3vw;}
	
.ticker-area{padding: 4vw 0;}
.ticker-left{width: 100%; display: block; margin: 0 0 3vw 0; padding: 2vw 3vw; font-size: 4vw; border-radius: 1vw;}
.ticker-mid{width: 100%; display: block; margin: 0; font-size: 3.5vw;}
.ticker-right{display: none;}
	
.block-01-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.block-01-left img{margin: 3vw 0 0 0;}
.block-01-right{width: 100%; display: block;}
.arrow{width: 6%; margin: 0 3vw 0 0;}
.phead01{font-size: 8vw; line-height: 8.5vw; margin: 0 0 3vw 0;}

.counting-area{margin: 5vw 0 0 0; border: solid 2px #e5e5e5;}
.counting-block{width: 50%; display: inline-block; font-size: 4vw; line-height: 6vw; border-right: none; padding: 4vw 0 0 0; min-height: 40vw; max-height: 40vw;}
.counting-block:last-child{border-right: none;}
.counting-block span{font-size: 10vw; margin: 4vw 0;}
	
.pro-bg{padding: 12vw 0; 
    background-size: cover;}
.body-txt{font-size: 4vw; line-height: 6vw;}
.body-txt p{margin: 0 0 4vw 0;}
.body-txt ul{margin: 0 0 4vw 0;}
.body-txt li{margin: 0 0 3vw 6vw;}

.pro-area{margin: 4vw 0 0 0;}
.pro-block{padding: 4vw 5vw; margin: 3vw 5vw;}
.pro-block figure{margin: 0 0 4vw 0;}
.pro-block figcaption {font-size: 4vw; line-height: 5vw;}
.pro-block figcaption ul{margin: 0 0 3vw 0;}
.pro-block figcaption li{margin: 0 0 2vw 3vw;}
.pro-block figcaption a{font-size: 4.5vw;}
.phead02{font-size: 6vw; line-height: 7vw; margin: 0 0 4vw 0;}
	
.why-bg{background-image: url("../images/why-bg-mobile.webp"); padding: 14vw 0;}
.why-boxes-area{width: 100%; margin: 6vw 0 0 0;}
.flip-box {
    perspective: 1000px;
    width: 100%;
    height: 50vw;	
	margin: 0 0 5% 0; display: block; border-radius: 3vw; padding: 3vw 3vw 2.5vw 3vw;
}
.flip-box-front figure {margin-bottom: 2vw;}
.flip-box-front figcaption p {font-size: 4vw; line-height: 4.5vw; margin: 0 0 3vw 0;}
.flip-box-back p {font-size: 4vw; line-height: 4.5vw; margin: 0 0 3vw 0;}
	
.placement-left{width:100%; display:block; margin: 0 0 10vw 0;}
.placement-right{width:100%; display:block;}
.phead03{font-size: 5.5vw; margin: 6vw 0;}

.collaboration-area{padding: 3vw;}
.collaboration-block{margin: 0 5vw;}
.img-shadow{margin: 0 0 5vw 0;}
	
.rec-logo{margin: 0 5vw;}
	
.block-02{margin: 7vw 0 0 0;}
.block-02-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.block-02-right{width: 100%; display: block;}
	
.block-03{margin: 4vw 0 0 0;}
.block-03-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.block-03-right{width: 100%; display: block;}
.pc-05{margin: 5vw 0 0 0;}	
	
.pic-block figure h2{font-size: 5vw; bottom: 5vw; left: 5vw; }
.pic-block figure h2 span{font-size: 4vw; margin: 1vw 0 0 0;}
.pc-01{width: 100%; display: block; margin: 0 0 5vw 0;}
.pc-02{width: 100%; display: block; margin: 0 0 5vw 0;}
.pc-03{width: 100%; display: block; margin: 0 0 5vw 0;}
.pc-04{width: 100%; display: block; margin: 0;}

.alu-speak{padding: 5vw; min-height: 90vw !important; max-height:90vw !important; margin: 5vw 4vw 2vw 4vw;}
.alu-speak figure{margin: 0 0 3vw 0;}
.alu-quote{margin: 0 3vw 0 0;}
.alu-pic{margin: 0 3vw 0 0;}
.alu-txt{width: 65%; font-size: 3.2vw;}
.alu-speak figcaption{font-size: 3.5vw; line-height: 5vw;}
	
.vdo{margin: 3vw 4vw 0 4vw;}
	
.explore{margin: 5vw 0 0 0;}
.exp-01{width: 38%;}
.exp-02{width: 22%; z-index: -1;}
.explore a{padding: 3vw 6vw; display: inline-block; font-size: 3vw; letter-spacing: 0.1vw; margin: 4vw 3vw 20vw 0;}
.explore a:last-child{margin: 4vw 0 20vw 0;}
	
.footer-bg{padding: 12vw 0;}
.footer-menu{width: 100%; display: block;}
.footer-logo-block-area{width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 5vw;}
.footer-logo-block{width: 100%; display: block; margin: 0 0 6vw 0;}
.footer-logo-block:last-child{margin: 0 0 6vw 0;}
.f-logo-txt{margin: 2vw 0 0 0; font-size: 5vw; line-height: 6.5vw;}
.f-txt{font-size: 3vw; line-height: 4vw;}
.f-icn{margin: 3vw 4vw 0 0;}

.footer-menu-block{width: 100%; display: block; margin: 0 0 5vw 0;}

.footer-map{width: 100%; display: block; position:static; right: auto; margin: 3vw 0 0 0; border-right: solid 5px #666; }
.footer-map iframe{height: 50vw;}

.copyright{padding: 4vw 0;}
.copyright-left{width: 100%; display: block; font-size: 3vw; letter-spacing: 0.2vw; text-align: center;}
.copyright-right{width: 100%; display: block; text-align: center; font-size: 3vw; letter-spacing: 0.2vw;}

.more{padding: 3vw 5vw; font-size: 3vw;}
	
.inside-header{min-height: 40vw; margin: 35vw 0 12vw 0;}

.inside-heading{bottom: 6vw; left: 0; right: 0; text-align: center; padding: 0 4vw;}
.inside-heading h1{font-size: 7.8vw; width: 100%;}
.inside-heading h1 span{font-size: 3.5vw; margin: 3vw 0 0 0;}
.wrapper {display: none;}

.faculty-area{margin: 8vw 0 5vw 0;}
.faculty-search{width: 100%; display: block; margin: 0 0 3vw 0;}
.faculty-filter{width: 100%; display: block;}
.faculty-area input{padding: 4vw; margin: 0 0 1vw 0; width: 80%;}
.faculty-area button{font-size: 5vw; padding: 4.4vw; width: 20%;}
.faculty-area select{padding: 4vw;}

.faculty-block{width: 100%; display: block; margin: 0 0 5vw 0;}
.faculty-pics figure{width:100%; display:block; margin:0 0 4vw 0;}
.faculty-pics figure img{min-height: 100vw; max-height: 100vw;}
.faculty-pics figcaption{font-size: 5vw; text-align: center;}
.faculty-pics figcaption span{font-size: 4vw;}
.countings{width: 60%; margin: 8vw 0 0 0;}
	
/*Popus CSS Start*/
.popup-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%; height: 90%;
  padding: 4vw;
  border-radius: 3vw; overflow: scroll;
}
.pop-left{width: 100%; display: block; margin: 0 0 7vw 0;  text-align: center;}
.pop-left figure{width:100%; display:block; margin:0 0 4vw 0;}
.pop-left figure img{min-height: 92vw; max-height: 92vw;}
.pop-left figcaption{font-size: 5vw; margin: 0 0 5vw 0;}
.pop-left figcaption span{font-size: 4vw;}
.pop-left .social-icns{margin: 0 0 2vw -5vw;}
	
.pop-right{width: 100%; display: block; font-size: 3.5vw; line-height: 5vw;}
.pop-right p{margin: 0 0 4vw 0;}
.pop-right ul{margin: 4vw 0 5vw 0;}
.pop-right li{margin: 0 0 2vw 5vw;}

.pop-head{font-size: 3.5vw;}
/*Popus CSS End*/
	
.inside-main{margin-bottom: 12vw;}
.inside-area-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.inside-area-right{display: none;}
.inside-area-right-02{display: none;}
.infra-pics-area{margin: 8vw 0 0 0;}
.infra-pics{margin: 0 3% 3vw 0;}

.dt-area-red{padding: 5vw; margin: 10vw 0 0 0;}
.dt-head{font-size: 5vw; margin: 0 0 3vw 0;}
.dt-area-red figure{width: 100%; display: block; margin: 0 0 5vw 0;}
.dt-area-red figcaption{width: 100%; display: block;}

.more-btn {padding: 3vw 6vw; font-size: 3.5vw; letter-spacing: 0.1vw; margin: 4vw 0 0 0;}

.dt-area-blue{padding: 5vw; margin: 10vw 0 12vw 0;}
.dt-area-blue figure{width: 100%; display: block; margin: 0 0 5vw 0;}
.dt-area-blue figcaption{width: 100%; display: block; margin: 0 0 6vw 0;}
.dt-area-blue ul{margin: 5vw 0 0 0;}
.dt-area-blue li{width:100%; display:block; margin:0 0 4vw 0;}
.dt-area-blue li:last-child{margin: 0 0 4vw 0;}
.dt-area-blue li div{font-size: 5vw;}
.dt-area-blue li div img{margin: 0 0 3vw 0;}
.dt-area-blue li div span{font-size: 4vw; line-height: 5vw; margin: 3vw 0 0 0;}
	
.left-pic{width: 30%; display: block; float: none; margin-left: auto; margin-right: auto; margin-bottom: 2vw;}
.right-pic{width: 30%; display: block; float: none; margin-left: auto; margin-right: auto; margin-bottom: 2vw;}
	
.right-big-pic{width: 80%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 5vw;}
	
	
.placements-bg{padding: 12vw 0; 
    background-size: cover;}
.test-margin{margin: 0 5vw;}

.placements-left{width:100%; margin:0 0 5vw 0; display: block;}
.placements-right{width:100%; display: block;}
.place-margin{margin: 0 5vw;}
	
.comp-logos-col-inside{width: 48%;}
.comp-logos-col-inside figure{padding:3vw;}
	
.academic-block-area{margin: 3vw 0 0 0;}
.academic-block{width: 50%; font-size: 3.2vw; line-height: 4vw; margin: 0;}
.academic-block a{padding: 3vw;}	
	
.inside-header-academics{min-height: 80vw; margin: 35vw 0 12vw 0;}
.inside-heading-academics{bottom: 0vw; left: 0; right: 0; text-align: center; padding: 0 4vw;}
.inside-heading-academics h1{font-size: 4vw; width: 100%;}
.inside-heading-academics h1 strong{font-size: 9vw;}
.inside-heading-academics h1 span{font-size: 3.5vw; margin: 1vw 0 0 0;}
	
/*Tabs CSS Starts*/
.tabs {margin: 0;}
.tabs label {padding: 4.5vw 3vw; font-size: 4.5vw;}
.tabs .tab {padding: 3vw 0 6vw 3vw;}
.tabs input[type="radio"]:checked + label {border-bottom: solid 1vw #ed1c24;}
.tabs input[type="radio"] + label {text-align: left; border: solid 1px #ccc; margin: 0 0 2vw 0;}
/*Tabs CSS Ends*/
	
.vm-area{margin: 8vw 0 0 0;}
.vm-area figcaption{padding: 4vw; margin-top: -0.1; font-size: 3.5vw; line-height: 5vw; width: 90%;}
.vm-area figcaption p{margin: 0 0 5vw 0;}
.phead04{font-size: 5vw; line-height: 5vw; margin: 0 0 2vw 0;}
.ph-top{margin: 70vw 0 6vw 0 !important;}
.ph-top-02{margin: 20vw 0 6vw 0 !important;}
	
.container {flex-direction: column; height: 200vh;}
.card h2 {margin-bottom: 5vw; font-size: 5vw; padding: 0 4vw;}
	
.admission-area{margin: 5vw 0 6vw 0; display: block;}
.admission-block{width: 100%; display: block; padding: 5vw;}
.admission-block-02{width: 100%; display: block; padding: 3vw;}

.right-big-pic-02{width: 80%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 5vw;}

.more-btn-02{display: block; font-size: 3vw; margin: 0 0 3vw 0;}
.more-btn-02 a{padding: 3vw 6vw;}
.more-btn-02 i{margin: 0 0 0 1.5vw;}

.click-button{display: block; font-size: 3vw; margin: 0 0 3vw 0;}
.click-button a{padding: 3vw 6vw;}
.click-button i{margin: 0 0 0 1.5vw;}
	
	
.board-container {grid-template-columns: 1fr; gap: 4vw;}
.member-card {padding: 4vw 2vw;}
.role {margin-bottom: 2vw;}
	
.dtr-review-area{margin: 5vw 0 0 0;}
.dtr-review-box{width: 50%; margin: 0 0 5vw 0;}
.dtr-review-box figcaption{font-size: 4vw; margin: 0 0 3vw 0;}
.dtr-review-box span{font-size: 3vw; margin: 3vw 0 0 0;}
	
/*Purple Table CSS Start*/
.table-container {grid-template-columns: 1fr 80px; margin: 6vw 0 0 0;}
.cell {padding: 2vw;}
/*Purple Table CSS End*/
	
/*Pink Table CSS Start*/
.pl-wrapper {margin-top: 6vw;}
.pl-grid {grid-template-columns: 1fr 1.5fr;}
.pl-grid-04 {grid-template-columns: 1fr 1.5fr 1fr 1.5fr;}
.pl-cell {padding: 3vw;}
.pl-header {display: flex;}
/*Pink Table CSS End*/	

.download{width: 15vw;}
	
/*Pink Table for Multiple Cols CSS Start*/
.custom-table-02, 
    .custom-table-02 tbody, 
    .custom-table-02 tr, 
    .custom-table-02 td {
        display: block !important;
        width: 100% !important;
    }
    .custom-table-02 thead {
        display: none;
    }
    .custom-table-02 tr {
        border: 1px solid #ccc;
    }
    .custom-table-02 td {
        position: relative;
        padding-left: 45% !important; 
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        padding-right: 10px !important;
        border: none !important;
        border-bottom: 1px solid #eee !important;
        box-sizing: border-box;
        text-align: left !important;
    }
    .custom-table-02 td:last-child {
        border-bottom: none !important;
    }
    .custom-table-02 td::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%; /* Label ki fixed width */
        background-color: #ff8e8e;
        color: white;
        font-weight: bold;
        padding: 12px 10px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
    }	
/*Pink Table for Multiple Cols CSS End*/
	
	
.fields-left{width: 100%; display: block; margin: 0;}
.fields-right{width: 100%; display: block;}
.c-form input{border-radius: 1vw; padding: 4vw; font-size: 4vw; margin: 0 0 3vw 0;}
.c-form select{border-radius: 1vw; padding: 4vw; font-size: 4vw; margin: 0 0 3vw 0;}
.c-form i{margin: 0 0 0 3vw;}
.cap{border-radius: 1vw; padding: 4vw;}
.c-form button{padding: 5vw; font-size: 5vw; border-radius: 1vw;}
	
.virtual-vdo{width: 90%; border-radius: 3vw;}
.virtual-vdo video{height:70vw; border-radius:3vw;}
	
  .quote-bg {
    font-size: 3.5vw;
    padding: 4vw;
    margin: 0 0 8vw 0;
  }
	

.abc-vdo{width: 100%; display: block; margin: 0 0 5vw 0; border-radius: 3vw;}
.abc-vdo iframe{height:50vw; border-radius:1vw;}

.mandatory-area{margin: 5vw 0 0 0;}
.mandatory-box{width: 50%; margin: 0 0 5vw 0;}
.mandatory-box figcaption{font-size: 4vw; line-height: 5vw; margin: 0 0 3vw 0;}
.mandatory-box span{font-size: 3vw; margin: 3vw 0 0 0;}
	
.c-mid-txt{padding: 1vw 0 0 0;}
.c-icns{width: 10vw; display: block; margin: 0 5vw 10vw 0;}
.c-map{width: 97%; height: 40vw; float: none; display: block; margin: 0 0 8vw 0; border-radius: 1vw;}

.c-bg{padding: 12vw 0; background-size: auto 100%;}
.c-form-left{width: 100%; display: block; margin: 0 0 5vw 0;}
.c-form-right{width: 100%; display: block;}
.c-pic{border-radius: 3vw; width: 100%;}
.c-form textarea{border-radius: 1vw; padding: 4vw; font-size: 4vw; margin: 0 0 3vw 0;}
	
.inside-area-right-03{width: 100%; display: block; padding: 0; position:static; top: auto;}
	
.card-1:hover .hidden-content{font-size: 3.5vw; line-height: 5vw; padding: 3vw; bottom: 12vw;}
.card-2:hover .hidden-content{font-size: 3.5vw; line-height: 5vw; padding: 3vw; bottom: 12vw;}
.card-3:hover .hidden-content{font-size: 3.5vw; line-height: 5vw; padding: 3vw; bottom: 12vw;}
	
.click-center{margin: 3vw 0 0 0;}



.news-events-bg{padding: 12vw 0; background-size: cover;}
.news-left{width: 100%; display: block; margin: 0 0 8vw 0;}
.news-block{padding: 7vw;}
.news-block-01{width: 100%; display: block; margin: 0 0 5vw 0;}
.news-block-01 h3{font-size: 4vw;}
.news-block-01 span{font-size: 3vw; margin: 4vw 0 5vw 0;}
.news-block-02{width: 100%; display: block; border-left: 0; border-top: solid 1px #cccccc; padding: 6vw 0 0 0;}
.news-block-02 h4{font-size: 4vw;}
.news-block-02 span{font-size: 3vw; margin: 3vw 0 0 0;}

.rm-button{font-size: 3vw; margin: 0 0 3vw 0;}
.rm-button a{padding: 3vw 6vw;}
.rm-button i{margin: 0 0 0 1.5vw;}

.news-gap{margin: 4vw 0;}

.news-right{width: 100%; display: block;}
.news-right figcaption{font-size: 4vw;}
.news-right figcaption span{font-size: 3vw; margin: 0 0 3vw 0;}

.news-gap-02{display: block; margin: 5vw 0;}

    
figure.gallery-pic {margin: 0 0 5vw 0;}
.photo-gallery li{display: block; width: 100%; margin: 8vw 0; text-align: -webkit-center;}

figure.gallery-pic img {
   margin-left: auto; margin-right: auto; margin-top: 8vw; margin-bottom: 8vw; min-height: 60vw; max-height: 60vw;
  padding: 3vw 3vw 4vw 3vw;
}

figure.gallery-pic figcaption {
  height: 27vw;
}

figure.gallery-pic h3 {
  font-size:8.5vw;
  padding: 5vw;
}
.gal-btn{display: table; font-size: 3vw; margin: 0 0 3vw 0;}
.gal-btn a{padding: 3vw 6vw;}
.gal-btn i{margin: 0 0 0 1.5vw;}    
    
    
    
    
    
.virtual-vdo-02{width: 100%; display: block; margin: 5vw 0; border-radius: 3vw;}
.virtual-vdo-02 video{height:55vw; border-radius:3vw;}    

.virtual-vdo-02 iframe {
  height: 53vw;
  border-radius: 3vw;
}

.pro-bg-02{padding: 12vw 0; margin: -12vw 0 0 0; background-size: cover;}
}