.content{
		transform: translateY(0%) !important;
		-webkit-transform: translateY(0%) !important;
	}
	.row{
		    margin-right: 0px;
	}
	#modal-content {
	display: none;}
  #modal-content label {
  display: block;
  margin-bottom: 5px;
}

#modal-content input {
  width: 95%;
}
.single-top-popular-course .popular-course-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 54%;
    padding: 30px;
}
.border1{
	border:1px solid #ccc;
	width:35%;
	transform: translate(95%,0px);
	padding: 82px 0px;
	
	background-repeat: no-repeat !important;
	background-size: 360px 228px !important;
}
.border2{
	border:1px solid #ccc;
	width:70%;
	transform: translate(20%,0px);
	padding: 82px 0px;
	background-repeat: no-repeat !important;
	background-size: 329px 228px !important;
}

@media screen and (min-width:425px) and (max-width: 517px){
	.border1{
		border: 1px solid #ccc;
    width: 70%;
    transform: translate(50px,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 265px 175px !important;
	}
	.border2{
		border: 1px solid #ccc;
    width: 70%;
    transform: translate(50px,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 265px 175px !important;
	}
	.mx-auto p{
	    text-align:justify !important;
	}
	.hero-slides .single-hero-slide {
    height: 200px !important;
    }
    .top-features-area {
        transform: translateY(50%);
        margin-bottom:20px;
    }
}
@media screen and (min-width:375px) and (max-width: 424px){
	.border1{
		border: 1px solid #ccc;
    width: 100%;
    transform: translate(0%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 305px 175px !important;
	}
	.border2{
		border: 1px solid #ccc;
    width: 100%;
    transform: translate(0%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 305px 175px !important;
	}
	.mx-auto p{
	    text-align:justify !important;
	}
	.mx-auto h3{
	    font-size:25px !important;
	}
	.mx-auto h4{
	    font-size:23px !important;
	}
	.hero-slides .single-hero-slide {
	        
    height: 180px !important;
    }
    .top-features-area {
        transform: translateY(50%);
        margin-bottom:20px;
    }
    
   
    
}
@media screen and (min-width:320px) and (max-width: 374px){
	.border1{
		border: 1px solid #ccc;
    width: 100%;
    transform: translate(0%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 255px 175px !important;
	}
	.border2{
		border: 1px solid #ccc;
    width: 100%;
    transform: translate(0%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 255px 175px !important;
	}
	.border1>a{
		width:200px !important;
	}
	.mx-auto p{
	    text-align:justify !important;
	}
	.mx-auto h3{
	    font-size:20px !important;
	}
	.mx-auto h4{
	    font-size:18px !important;
	}
	.hero-slides .single-hero-slide {
    height: 150px !important;
    }
    .top-features-area {
        transform: translateY(50%);
        margin-bottom:20px;
    }
}

@media screen and (min-width:768px) and (max-width: 1023px){
	.border1{
		border: 1px solid #ccc;
    width: 70%;
    transform: translate(20%,0px);
    padding: 55px 60px;
	
	background-repeat: no-repeat !important;
	background-size: 350px 215px !important;
	}
	
}
@media screen and (min-width:1024px) and (max-width: 1365px){
	
	.border3{
		border: 1px solid #ccc;
    width: 40%;
    transform: translate(75%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
    background-size: 350px 215px !important;
	}
	.border2{
		border: 1px solid #ccc;
    width: 80%;
    transform: translate(10%,0px);
    padding: 55px 60px;
	background-repeat: no-repeat !important;
	background-size: 350px 215px !important;
	}
}
.hero-slides .single-hero-slide {
    height: 639px;
}
.top-features-area .features-content {

    background: #3688c7;

}
.call-to-action-area {

    background: #3377b0;

}
.academy-btn.btn-3, .academy-btn.btn-3:hover {
    background: #3a8cc9 !important;
}
.academy-btn, .academy-btn:hover{
    background-color:#3a8cc9 !important;
    
    background-image: unset !important;
}
.single-blog-post .post-meta p a {
    font-size: 12px;
    color: #3688c7;
    font-weight: 500;
}
.single-blog-post .post-meta p {
    font-size: 12px;
    color: #3688c7;
    margin-bottom: 0;
}