/*
Template Name: Edu Kids
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****************/
.carousel-caption{
text-align:left;
background: #0000008a;
padding:110px 150px 0px 150px;
bottom:0;
left:0;
color:#fff;
width:100%;
height:100%;
 }
.center_home img{
min-height:700px; 
 }
.main_2{
bottom:-190px; 
 }
.center_home .carousel-indicators {
bottom: 20%;
}
/*********************center_home_end****************/

/*********************about_h****************/
#about_h{
margin-top:190px; 
 }
.about_h1l2{
bottom:-170px; 
 }
.about_h1l1{
border-left:20px solid  #ff4880;
 }
.about_h1ri1r span{
width:60px;
height:60px;
line-height:60px; 
 }
/*********************about_h_end****************/


/*********************spec****************/
.spec_1i{
height:245px; 

 }
.spec_1im{
 border:5px dashed  #ff4880;
 }
.spec_1im:hover{
border-style:solid;
 }
.spec_1im1{
 border:5px dashed  #ffc107;
 }
.spec_1im2{
 border:5px dashed  #8bb83c; 
 }
.spec_1im3{
 border:5px dashed  #00cae9;
 }
.spec_1i1{
background:#ffc107; 
 }
.spec_1i2{
background: #8bb83c; 
 }
.spec_1i3{
background:#00cae9; 
 }
.spec_2l span{
width:80px;
height:80px; 
line-height:75px;
 }
/*********************spec_end****************/


/*********************gallery****************/
.gallery_1m1i1{
background: #0000008a;
padding-top:32%;
display:none;
 }
.gallery_1m1:hover .gallery_1m1i1{
display:block;
 }
#gallery .modal-dialog {
max-width: 700px;
}

/*********************gallery_end****************/


@media screen and (max-width : 767px){
.center_home img{
min-height:350px; 
 }
.carousel-caption {
padding:10px;
bottom:0;
left:0;
width:100%;
text-align:center;
}
.carousel-caption p{
text-align:left;
font-size:14px;
width:100%!important;
}
.carousel-caption .font_60{
font-size:32px; 
 }
.carousel-caption br{
display:none;
 }
.center_home .carousel-indicators {
bottom:0;
}
 
.main_2{
position:static!important; 
 }
.qual_1i{
margin-top:15px; 
 }
.qual_1i p{
text-align:left
 }
#about_h{
margin-top:0; 
 }
.spec_1im{
margin-top:8px;
margin-bottom:8px; 
 }
.spec_2r{
margin-top:15px; 
 }
.spec_2ril{
text-align:center;
margin-bottom:15px; 
 }
.spec_2rir h4{
text-align:center;
 }
.gallery_1m{
margin-top:8px;
margin-bottom:8px;  
 }
.spec_1im {
border-radius:0!important; 
 }
.spec_1i {
border-radius:0!important;
padding-top:60px!important;
 }

 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption {
padding:30px;
}

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption p{
font-size:14px;
width:70%!important;
}
.qual_1i  h4{
font-size:20px; 
 }
.qual_1i  p{
font-size:14px; 
 }
.about_h1ri1r span  {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
margin-right:5px!important;
}
.spec_1im {
border-radius:0!important; 
 }
.spec_1i {
border-radius:0!important;
 }
.spec_2l img{
min-height:350px; 
 }
.spec_2l span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.spec_2l img{
min-height:350px; 
 }
.spec_2l span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:22px!important;
}
 }
@media (min-width:1201px) and (max-width:1330px) {

 }