.modal{
	width: 100%;
}

.modal-container{
	background-color: #fff;
	max-width: 1000px;
}

.modalClassImage{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.closeModal{
	float: right;
}

.modalClassDetails{
	width: 100%;
	text-align: justify;
}



/*===========================
      03.Our Classes css 
===========================*/
.single_courses img {
	border-radius: 3px;
	width: 95%;
  }
  
  .single_courses .title a {
	font-size: 20px;
	font-weight: 500;
	margin-top: 25px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
	.single_courses .title a {
	  font-size: 24px;
	}
  }
  
  @media (max-width: 767px) {
	.single_courses .title a {
	  font-size: 24px;
	}
  }
  
  .single_courses .title a:hover {
	color: #402722 !important;
  }
  
  .single_courses p {
	margin-top: 15px;
  }