*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html,body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
#brand{
	font-size: clamp(15px,3vw,25px);
}
.carouselHeight{
	height: 600px;
}

@media only screen and (max-width: 1050px){
	.carouselHeight{
		height: 450px;
	}
	.navbar .navbar-brand img{
		width: auto;
        height: 59px !important;
    }
	}
	#phno{
		font-size: 3vw;
	}


@media only screen and (max-width: 500px){
	.carouselHeight{
		height: 200px;
	}
}
@media only screen and (max-width: 325px){
	.navbar .navbar-brand img{
		width:10vw;
	}
	.navbar button{
		width:5vw;
		margin: auto;
		padding: 10px;
	}
}


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

	.container iframe {
		margin-left: 220px;
	}

	.box {
		margin: 50px 0;
	}
}

@media screen and (max-width:1000px) {
	.container iframe {
		margin-left: 102px;
	}
}

@media screen and (max-width:700px) {
	.container iframe {
		margin-left: 22px;
	}
}

@media only screen and (max-width: 524px) {
	.container iframe {
		width: 300px !important;
		margin-left: 51px !important;
	}

}
@media only screen and (max-width: 634px) {
	#key1{
		display: none !important;

	}
	#key{
		display:block !important;
	}
}


@media only screen and (max-width: 424px) {
	.container iframe {
		width: 300px !important;
		margin-left: 11px !important;
	}
   
}

.infra-img-hover {
	padding: 15px 5px 17px;
	text-align: center;
	background: linear-gradient(90deg, rgb(114, 86, 14), rgb(94, 66, 15));
	color: #fff;
	border: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 46px;
	overflow: hidden;
	transition: 2s all
}

.infra-img-hover h3 {
	font-size: 1.5rem;
	line-height: 2.5rem;
	color: #fff
}

.infra-list li:hover .infra-img-hover {
	height: 100%;
	opacity: .9;
	transition: 2s all
}

.infra-list li .infra-img-hover h3 {
	font-size: 1.8rem
}

.infra-list li .infra-img-hover h3,
.infra-list li .infra-img-hover p {
	width: 100%;
	transition: 2s all;
	margin: 0
}

.infra-list {
	padding: 0;
	margin: 0
}

.infra-list li {
	padding: 0;
	margin: 0;
	background-image: none;
	position: relative;
	width: 100%
}

.infra-list li img {
	width: 100%;
	display: block
}

.infra-list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap
}

.infra-list li {
	width: 45%;
	margin: 15px
}

.infra-list li:last-child {
	margin: 0 15px 15px
}


@media only screen and (min-width:1025px) {
	.infra-list li {
		width: 30.6%;
		margin: 10px
	}

	.infra-list li:last-child {
		margin: 10px
	}

	.infra-list li:hover .infra-img-hover {
		height: 100%;
		opacity: .9;
		transition: 1s all
	}

	.infra-list li .infra-img-hover h3 {
		font-size: 1.8rem
	}

	.infra-list li .infra-img-hover h3,
	.infra-list li .infra-img-hover p {
		width: 100%;
		transition: 2s all;
		margin: 0
	}
}

@media only screen and (min-width:1300px) {
	.infra-list li {
		margin: 13px
	}

	.infra-list li:last-child {
		margin: 13px
	}


}
ul li {
	list-style: none !important;
}
#key{
	display: none;
}
.rounded-circle {
	margin-top: -90px;
	height: 110px;

}
.material-icons.md-16 {
	font-size: 16px;
  }
  
  .material-icons.md-14 {
	font-size: 14px;
  }
  
  .material-icons.md-12 {
	font-size: 12px;
  }
  
  .material-icons.md-10 {
	font-size: 10px;
  }
  
  .material-icons.md-8 {
	font-size: 8px;
  }
  
  .material-icons.md-6 {
	font-size: 6px;
  }
  
  .material-icons.md-4 {
	font-size: 4px;
  }
  
  .importantLinks li {
	padding-bottom: .5em;
  }
  
  .importantLinks li a {
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	float: none;
	display: block;
	-webkit-transition: all 3s ease-in;
	transition: all 0.3s ease-in;
  }
  
  .importantLinks li a:hover {
	-webkit-transform: translate(1em, 0);
			transform: translate(1em, 0);
	color: #999 !important;
  }
  
  .facebook-bg {
	background: #3b5998;
  }
  
  .twitter-bg {
	background: #1da1f2;
  }
  
  .google-bg {
	background: #ea4335;
  }
  
  .linkedin-bg {
	background: #007bb5;
  }
  
  .youtube-bg {
	background: #ff0000;
  }
  
  .instagram-bg {
	background: #c32aa3;
	background: -webkit-linear-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED373', endColorstr='#515ECF',GradientType=1 );
	background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  }
.Give-Box{
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    padding: 4px;
    margin: 19px;
    background-color: ghostwhite;
	border-radius: 9px;
}
.Give-Box-cir{
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    padding: 32px;
    margin: 19px;
    background-color: ghostwhite;
    border-radius: 7em;
}
/* .displayy{
	display: flex;
    justify-content: center;
} */

.displayy {
	display: flex;
	justify-content: space-evenly;
	padding-left: 30px;
	padding-top: 30px;
	padding-bottom: 60px;
}

.image-events {
	width: 450px;
	height: 550px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border: 3px solid #eef4f7;
}

.displayy .box9 iframe {
	margin-left: -78px !important;
	border: 3px solid #eef4f7 !important;
	background-color: #eef4f7;
}

.box9 {
	padding: 10px 40px;
}

@media screen and (max-width:1200px) {
	#event-block {
		display: none;
	}

	#responsive-events {
		display: block !important;
		background-color: #eef4f7;
		padding-bottom: 120px;
	}

	.container iframe {
		margin-left: 220px;
	}

	.box {
		margin: 50px 0;
	}
}

@media screen and (max-width:1000px) {
	.container iframe {
		margin-left: 102px;
	}
}

@media screen and (max-width:700px) {
	.container iframe {
		margin-left: 22px;
	}
}

@media only screen and (max-width: 524px) {
	.container iframe {
		width: 300px !important;
		margin-left: 51px !important;
	}
}

@media only screen and (max-width: 634px) {
	#key1{
		display: none !important;

	}
	#key{
		display:block !important;
	}
}


@media only screen and (max-width: 424px) {
	.container iframe {
		width: 300px !important;
		margin-left: 11px !important;
	}
   
}

#responsive-events {
	display: none;
}
@media (max-width:610px) {
	#sectionAcademics div div{
	  margin-bottom: 38px !important;
	  border-radius: 10px;
	  padding: 10px;
	  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
  }