@media screen and (max-width:768px){
.justify-text{text-align:justify!important;}
.text-max{
	font-size:16.4px!important;
}
.col-gap-md{margin-bottom:30px;}
/**==Logo wraper==*/
.logoo-wraper{
	width:100%;
	display:flex;
	flex-direction:column;
	height:auto;
	justify-content:space-between;
	padding:10px 0;
}
#logo{
	flex-basis:100%;
	display:flex;
}
.clg-name{
	font-size:18px;
}
.clg-name span{
    font-size:16px;
}
.headr-btn{
	flex-basis:28%;
	height:auto;
    display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.headr-btn ul{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	justify-content:space-around;
}
.headr-btn ul li{
	margin:0;
	padding:0;
	display:block;
	margin-top:6px;
}
/**==about==*/
.about-clg{
	width:100%;
	height:360px;
}

/*=end=*/

.left-menu-area {
		width:100% !important;
		padding:0px;
		float:none;
		margin:0 auto;
		height:auto;
		overflow:hidden;
		background-color:#f1f1f1;
		display:block;
		clear:both;
	}
	.left-menu-area ul li {
		border-right:none;
	}
	.right-content-area {
		width:98%;
		padding:0px 1%;
		float:none;
		margin:0 auto;
	}
	.right-content-area h2 {
		text-align:center;
		background-position:center bottom;
	}
	.right-content-area h4 {
		text-align:center;
	}
	.faculty img {
		float:none;
		width:50%;
		height:auto;
		margin:10px 25%;
	}
	.faculty a {
		float:none;
		margin:10px auto;
		display:block;
		clear:both;
		text-align:center;
	}
	.youtube-tab {
		width:47%;
	}
	.gallery{
		display:flex;
		justify-content:space-between;
	}
	.gallery-image-wraper{
		flex-basis:50%;
		max-width: 50%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.slider-section{
	width:100%;
height:auto!Important;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.slider-wraper{
	flex-basis:100%;
	max-width:100%;
	overflow:hidden;
	height:auto;
}
.quick-notice{
	flex-basis:100%;
	max-width:100%;
	overflow:hidden;
	/*background:green;*/
	margin-top:30px;
}
}
@media screen and (max-width:490px){
.d-block-mb{
	display:block!important;
}
.d-none-mb{
	display:none!important;
}
.order_1{order:2;}
.order_2{order:1;}
.justify-text{text-align:justify;}
.col-gap{margin-bottom:30px;}
/**==Logo wraper==*/
.navbar-nav{text-align:center;}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
.dropdown-menu{text-align:center;}
.logoo-wraper{
	width:100%;
	display:flex;
	flex-direction:column;
	height:auto;
	justify-content:space-between;
	padding:10px 0;
}
#logo{
	flex-basis:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.headr-btn{
	flex-basis:100%;
	height:auto;
    display:flex;
	justify-content:center;
	align-items:center;
}
.clg-name{
	font-size:16px;
	font-weight:700;
}
.clg-name span{
    font-size:14px;
	font-weight:600;
}
.headr-btn ul{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	justify-content:space-between;
	text-align:center;
}
/**==Banner slider==*/
.slider{
	width:100%!Important;
	height:400px!Important;
	overflow:hidden!Important;
}
.mt-80 {
    margin-top:
0px;
}
/**==Notice==*/
.notice-wraper{
	width:100%;
	display:table;
	padding:20px;
    border-radius: 4px;
    /*background-color: #fff;*/
    box-shadow: 0 0 30px #cccccc73;
    margin-bottom:30px;
	
}
/**==about==*/
.about-clg{
	width:100%;
    height: auto;
}
/**==admission==*/
.admission-wraper{
	width:100%;
	height:262px;
}
.admission-wraper p{
	color:#fff!important;
	font-size:20px
}
.faq-wraper{
	width:100%;
	display:table;
	overflow:hidden;
	background:rgba(0,0,0,0.7);
	transition:.3s;
}
.faq-wraper ul{
	width:100%;
	display:flex;
	flex-direction:column;
}
	.faq-wraper ul li{
	flex-basis:100%;
	text-align:centr;
	display:block;
}
.faq-wraper ul li a{
	text-decoration:none;
	text-align:center;
	color:#fff;
	border:none;
	display:block;
	padding:24px 10px;
	font-weight:600;
	font-size:20px;
	border-bottom:1px solid #eee;
}
	.youtube-tab {
		width:97%;
		float:none;
		display:block;
		clear:both;
	}
	.gallery{
		display:flex;
		justify-content:space-between;
	}
	.gallery-image-wraper{
		flex-basis:100%;
		max-width:100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.about-wraper{
		height:auto !important;
	}
/*=end=*/
}

@media screen and (max-width:375px){
.headr-btn ul li a{
	text-decoration:none;
	display:block;
	color:#fff;
	background:#800000;
	padding:5px 8px;
	font-weight:600;
	border-radius:5px;
}
/*=end=*/
}

/* ==========================================================================
   UPCOMING EVENTS – RESPONSIVE
   ========================================================================== */

@media screen and (max-width:768px){
	.upcoming-events-area{
		padding:36px 0 30px;
	}
	.events-main-heading{
		font-size:26px;
	}
	.event-card-img-wrap{
		height:180px;
	}
}

@media screen and (max-width:490px){
	.upcoming-events-area{
		padding:28px 0 24px;
	}
	.events-main-heading{
		font-size:22px;
	}
	.events-sub-tagline{
		font-size:14px;
		padding:0 10px;
	}
	.event-col-gap{
		margin-bottom:20px;
	}
	.event-card-img-wrap{
		height:200px;
	}
	.event-card-body{
		padding:14px 16px 16px;
	}
	.event-card-title{
		font-size:16px;
	}
	.view-all-events-btn{
		font-size:15px !important;
		padding:10px 24px !important;
	}
}

/* ==========================================================================
   BANNER AREA – LARGE SCREEN SCALING (≥1400px)
   Increases .flash-wraper height and .quick-notice ul li font-size/padding
   so all three banner columns grow in height proportionally with the slider.
   ========================================================================== */
@media screen and (max-width: 1280px) {
	.quick-notice ul li {
		padding: 6.5px 5px;
		font-size: 15px;
	}
	.flash-wraper {
		height: 250px;
	}
	.flash-wraper iframe {
		height: 230px !important;
	}
}

@media screen and (min-width: 1400px) {
	.quick-notice ul li {
		padding: 9.5px 5px;
		font-size: 15px;
	}
	.flash-wraper {
		height: 300px;
	}
	.flash-wraper iframe {
		height: 280px !important;
	}
}

@media screen and (min-width: 1600px) {
	.quick-notice ul li {
		padding: 13px 5px;
		font-size: 15.5px;
	}
	.flash-wraper {
		height: 400px;
	}
	.flash-wraper iframe {
		height: 380px !important;
	}
}

@media screen and (min-width: 1920px) {
	.quick-notice ul li {
		padding: 17px 5px;
		font-size: 16px;
	}
	.flash-wraper {
		height: 430px;
	}
	.flash-wraper iframe {
		height: 410px !important;
	}
}