/*
Template Name: E-Learning
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.center_1l{
padding-top:120px; 
 }
.learn_1ri{
transition: 0.3s;
 }
.learn_1ri:hover{
background:#1eb2a6!important;
color:#fff; 
 }
.learn_1ri:hover p{
color:#fff; 
 }
.learn_1ri:hover span{
color:#fff; 
 }
.learn_1r{
padding-top:35px; 
 }
/*********************center_home_end****************/



@media screen and (max-width : 767px){
.center_1l {
padding-top:0;
text-align:center;
margin-bottom:15px;
}
.center_1l p{
text-align:left;
}
.center_1l ul li{
display:block!important;
margin-left:0!important;
margin-top:10px;
}
.learn_1r{
text-align:center; 
 }
.learn_1r p{
text-align:left; 
 }
#learn{
padding-top:30px;
padding-bottom:30px; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.center_1l ul li{
display:inline-block!important;
margin-left:5px!important;
margin-right:5px!important;
}
.learn_1r{
text-align:left; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.center_1r img{
min-height:550px; 
 }
.center_1l .button{
padding-left:10px;
padding-right:10px;
}
.center_1l .button_1{
padding-left:10px;
padding-right:10px;
}
.center_1l br{
display:none;
}
.center_1l .font_50{
font-size:32px;
}
.learn_1l img{
min-height:730px; 
 }
.learn_1ril .font_50{
font-size:32px; 
 }
.learn_1rir p{
font-size:14px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_1r img{
min-height:550px; 
 }
.center_1l br{
display:none;
}
.center_1l .font_50{
font-size:42px;
}
.learn_1l img{
min-height:730px; 
 }
 }
@media (min-width:1201px) and (max-width:1250px) {

 }