/*mission-and-vision page*/
@media only screen and (max-width: 767px) {
  .grid-mission-vision{
    display: block;
  }
  
  .right-section-mission-vision{
    min-height: 400px;
  }
  
  .strategic-priorities-block {
    display:block;
  }
  
  .strategic-priorities {
    position: static;
  }
  
  .priorities-img{
    width:100%;
  }
}

@media only screen and (max-width: 992px) {
  .strategic-priorities-block {
    display:block;
    margin-bottom: 5rem;
  }
  
  .strategic-priorities {
    position: static;
  }
  
  .priorities-img{
    width:100%;
  }
  
  
}

/*End of mission and vision*/



/*Leadership Page*/
@media only screen and (max-width: 767px) {
  .other-officers-img{
    /*min-height: 400px;*/
  }
}



/* Admissions Page*/
@media only screen and (max-width: 767px) {
  .admission-body-banner{
    padding: 0px;
  }
  #admission-links-block{
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 992px){
  .admission-body-banner{
    padding: 0px;
  }
  .right-section{
    padding-left: 0px;
  }
}


/* Academic Calender*/
@media only screen and (max-width: 992px){
  .calender-image{
    display: none;
  }
  .full-calendar-banner{
    margin-bottom: 0rem;
  }
}

/* History Page*/
.contain{
	  text-align: center;
    margin: 10vh 0 10vh 0;
}

.bottom-location{
	    padding: 0px 25vw;
}

.bottom-location h2{
	text-transform: uppercase;
}

.bottom-location p, .bottom-location a, .bottom-location h2{
	color: white;
	text-align:center;
	text-shadow: 5px 5px 10px #000000;
	font-weight: 500;
}

.history-bottom-menu{
	display:flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 40px 0;
	padding-left: 0;
	justify-content: space-between;
}

.history-bottom-menu li{
	padding: 1rem 0;
	margin-right: 1rem;
}

@media (max-width:576px){
	.bottom-location{
		padding: 0;
	}
	.history-body{
		padding-left: 15px;
	}
}

@media (max-width: 991px) {
    .history-2{
        display:block;
    }

    .history-1{
        display:none;
    }
    
}


@media only screen and (max-width: 425px) {
    .history-body-2{
        padding: 25px;
    }
}


/* Overview */
@media only screen and (max-width: 767px){
  .wrapper{
    display: block;
  }
  .image1, .image2{
    margin-bottom: 20px;
  }
  .image2 img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .image3 img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  
}

@media only screen and (max-width: 991px){
  #pic2 img{
    width: 100%;
  }
  #pic1 img{
    width: 100%;
  }
}
@media only screen and (max-width: 767px){
	#pic2 img{
		padding-left:0px;
	}
}

@media only screen and (max-width: 425px){
  #pic1 img{
    border-radius:0px 0px 30%;
  }
  #pic2 img{
    border-radius: 30% 0px 0px;
  }
  .admission-right-block{
  	padding: 20px 20px;
  }
}


@media only screen and (min-width: 768px){
	#col2{
		padding-left: 70px;
	}
}

/* Overview Menu*/
#block-aboutmenu .menu{
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

#block-aboutmenu .menu a{
	font-weight: 500;
}

@media (max-width: 768px){
	#block-aboutmenu .menu {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
    border-bottom: 0;
  }
  #block-aboutmenu .menu .menu-item {
    border-bottom: 1px solid #c5c5c5;
  }
  
  #block-aboutmenu .menu a {
    padding: 0.5rem 0rem;
    display: block;
  }
}


	



/*Admission*/
.right-section{
	margin-bottom:60px;
}

/* Banner Header*/
.banner-content h1{
	  font-size: clamp(1.6rem, 2.5vw, 2.5rem);
}
.banner-content{
	padding: 0px;
}



/* Academics */
@media only screen and (max-width: 600px){
	.grid-container{
		grid-template-columns: 1fr;
	}
	
	.grid-container2{
		grid-template-columns: repeat(1,1fr);
	}
	
	.grid-item1{
		grid-row-end: 2;
	}
	
	.buttons-image{
		height: 400px;
	}
	
	.centre-institute-grid{
		grid-template-columns: repeat(1,1fr);
	}
}

.container-1{
	flex-wrap: wrap;
}

.info-summ-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.img-ttl-summ-lnk img, .img-ttl-summ-butn img{
	width:100%;
}

.centre-institute-grid{
	margin-bottom: 50px;
}


.footer-give-social {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.socialIcons {
    margin-top: 0px;
    color: white;
    padding:0px;
}

.socialIcons .social-media-links--platforms{
	  display: flex;
    flex-wrap: wrap;
    justify-content: center;
}