/*
Template Name: Institute
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_home img{
 min-height:700px;
 }
.carousel-caption h5{
letter-spacing:4px; 
 }
.carousel-caption{
background:#0000009c;
width:100%;
height:100%;
bottom:0;
left:0; 
padding-top:350px;
 }
/*********************center_home_end****************/

/*********************course****************/
.course_2i span{
width:120px;
height:120px;
border:2px dashed #27ab432e; 
line-height:120px;
font-size:50px; 
 }
.course_2i:hover span{
border:2px solid #27ab432e; 
 }
/*********************course_end****************/

/*********************about_h****************/

#diploma {
margin-top:80px; 
 }

.about_h1ril{
border-left:1px solid  #27ab432e; 
 }
.about_h1ri{
border-bottom:1px solid  #27ab432e;  
 }
/*********************about_h_end****************/

/*********************popular****************/
#popular {
background-image: url(../img/3.jpg);
background-position: center;
}
#latest .carousel-indicators{
bottom:-50px; 
 }
.latest_1i1 span{
width:120px;
height:120px;
line-height:120px; 
 }
.latest_1i1 .button_1:hover{
background:#fdc800;
 }
/*********************popular_end****************/


/*********************testim****************/
#list_o .carousel-indicators{
bottom:-50px; 
 }
#diploma_o .carousel-indicators{
bottom:-50px; 
 }
/*********************testim_end****************/


/*********************list_o1****************/
.list_o1i1 span{
width:100px;
height:100px;
line-height:100px; 
 }
.list_o1i1:hover{
box-shadow: 0 0 4px 3px #27ab432e;
 }

 
#learn {
background-image: url(../img/1.jpg);
background-position: center;
}
.learn_1r{
border-radius:0px 10px 10px 0px;
min-height:410px; 
 }
/*********************list_o1_end****************/

@media screen and (max-width : 767px){
.center_home img{
 min-height:300px;
 }
.carousel-caption{
padding:15px;
 }
.carousel-caption .font_60{
font-size:22px;
 }
.carousel-caption br{
display:none;
 }
.carousel-caption p{
text-align:left;
 }
.carousel-caption h5{
font-size:16px;
 }
.carousel-caption p{
font-size:14px;
 }
.course_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.course_2i p{
text-align:left; 
 }
#diploma {
margin-top:0;
}
.course_1l{
text-align:center;
 }
.course_1r{
text-align:center!important;
margin-top:0!important;
 }
.about_h1ril {
border:none!important;
padding:15px!important;
text-align:center; 
 }
.exep_2i {
margin-top:8px;
margin-bottom:8px; 
 }
.latest_1i1 {
margin-top:8px;
margin-bottom:8px;  
 }
.list_1i1r{
margin-top:15px;
text-align:center; 
 }
.list_1i {
margin-top:8px;
margin-bottom:8px;  
 }

.diploma_o1i1 {
margin-top:8px;
margin-bottom:8px;
text-align:center;  
 }
.diploma_o1i1 p{
text-align:left;  
 }
.list_o1i1 {
margin-top:8px;
margin-bottom:8px; 
 }
.list_o1i1 p{
text-align:left;  
 }
.learn_1r {
border-radius:0;
padding:15px;
text-align:center; 
 }
.learn_1r p{
text-align:left;
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption{
padding:20px;
 }
.carousel-caption .font_60{
font-size:32px;
 }
.carousel-caption p{
text-align:left;
 }
.carousel-caption h5{
font-size:18px;
 }
.carousel-caption p{
font-size:16px;
 }

 }
@media (min-width:768px) and (max-width:991px) {
#diploma {
margin-top:0;
}
.learn_1l img{
min-height:410px; 
 }
.learn_1r h2{
font-size:26px; 
 }
.learn_1r {
border-radius:0;
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.learn_1l img{
min-height:410px; 
 }
.learn_1r h2{
font-size:36px; 
 }
.learn_1r {
border-radius:0;
 }
 }
@media (min-width:1201px) and (max-width:1330px) {

 }