.school{
padding:30px 0px;
}
.school img{
 margin-bottom: 15px;
}
.school_detail p{
 text-align: justify;
}
.gallery1 img{
  border:1px solid #d6d0d0;
  margin-bottom: 15px;
}
.online{
width: 800px; margin: auto;
}

.online1{
	width: 800px;
	margin: auto;
	/*border:1px solid #000000;*/

}

.photo_upload input{
  height: 150px;
  width: 150px;
}
.date1{
 position: absolute;
 bottom: 1px;
 
}

/**/
.imagePreview {
    width: 200px;
    height: 200px;
    background-position: center center;
  background:url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
  background-color:#fff;
    background-size: cover;
  background-repeat:no-repeat;
    display: inline-block;
  box-shadow:0px -3px 6px 2px rgba(0,0,0,0.2);
}
.btn-primary
{
  display:block;
  border-radius:0px;
  box-shadow:0px 4px 6px 2px rgba(0,0,0,0.2);
  margin-top:-5px;
}
.imgUp
{
  margin:20px 0px 10px; 
 
  width: 200px;
    height: 200px;
    float: right;

}
.del
{
  position:absolute;
  top:0px;
  right:15px;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  background-color:rgba(255,255,255,0.6);
  cursor:pointer;
}

@media only screen and (max-width: 600px) {
 	.online{
	width: 320px; margin: auto;
	}
  .mobileimg{
   margin-bottom: 45px;
  }
}