.college img{
width:100%;
}
.college>.div{
overflow:hidden;
}
.college>.div>a{
display:block;
float:left;
width:18%;
margin:0px 1%;
}
.college>.div>div{
padding:0px 1% 10px 1%;
color:#9A231D;
border-bottom:1px solid #9A231D;
margin-bottom:15px;
font-size:20px;
font-weight:bold;
font-family:'Arial';
}
.college>.div>a>.img>img{
transition: all 0.6s;
}
.college>.div>a>.img{
overflow:hidden;
}
.college>.div>a>.padd{
font-size:16px;
text-align:justify;
font-family:'Arial';
}
.college>.div>a>.img>img:hover{
transform: scale(1.2);
}									





@media screen and (min-width: 1240px) {
}
@media (min-width: 1200px) and (max-width: 1239px){
}
@media (min-width: 992px) and (max-width: 1199px){
}
@media (min-width: 750px) and (max-width: 991px){
}
@media (min-width: 0px) and (max-width: 749px){
.college{
padding:0px 2%;
}
.college>.div>a{
width:100%;
margin:0px 0px 6% 0px;
}
}