/*
Template Name: Solar
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:100px 150px 0px 150px;
bottom:0;
left:0;
color:#fff;
width:100%;
height:100%;
 }
.center_home img{
min-height:700px; 
 }
.center_home .carousel-indicators {
bottom: 80px!important;
}
/*********************center_home_end****************/

/*********************qual****************/
.qual_1il span{
background:#0c121d;
width:70px;
height:70px;
line-height:70px; 
 }
.qual_1{
border-bottom:4px solid #86bb46; 
 }
.main_2{
bottom:-120px; 
 }
.qual_1i:hover .qual_1il span{
background:#86bb46;  
 }
.qual_1i {
/*border-right:1px solid #def1c7;*/ 
 }
/*********************qual_end****************/

/*********************story****************/
#story{
margin-top:100px; 
 }
.story_1ri1 h3{
line-height:0.6em; 
 }
.story_1ri1{
bottom:40px;
left:-25%; 
 }
 
/*********************story_end****************/


/*********************client****************/
.client_1li_last h5 i{
width:30px;
height:30px;
line-height:30px; 
 }
/*********************client_end****************/

/*********************blog_h****************/
.blog_1i2{
bottom:-32px;
 }
.blog_1i_last{
border-radius:0px 0px 10px 10px;  
 }
/*********************blog_h_end****************/

/********************* custom button fix ****************/

  

@media screen and (max-width : 767px){
.main_2{
position:static!important; 
 }
.carousel-caption {
padding:15px;
text-align:center;
}
.center_home img{
min-height:350px; 
 }
.carousel-caption .font_60{
font-size:24px; 
 }
.carousel-caption p{
font-size:14px!important;
width:100%!important;
text-align:left; 
 }
.carousel-caption br{
display:none; 
 }
.center_home .carousel-indicators {
bottom: 0!important;
}
.qual_1{
padding:0!important; 
 }
 /* team_h */
#home {
margin-top:0;
}
.story_1l h6{
text-align:center; 
 }
.story_1l{
margin-bottom:15px;
 }
.story_1ri1 {
top:0;
left:0;
}
.choose_2i{
margin-bottom:8px;
margin-top:8px; 
 }
.choose_2i p{
text-align:left;
 }
.client_1li2 {
width:70%!important; 
 }
.client_1r {
margin-top:15px; 
 }
.project_1 {
text-align:center; 
 }
.project_1 p{
text-align:left; 
 }
.project_1ril {
text-align:center!important;
margin-top:10px;
margin-bottom:10px;  
 }
.blog_1i_last {
margin-bottom:15px; 
 }
.story_1l br{
display:none; 
 }
 
.qual_1i {
border:none; 
 }
 }

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

.carousel-caption .font_60{
font-size:40px; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption br{
display:none; 
 }
.carousel-caption .font_60{
font-size:40px;
 }
.carousel-caption p{
width:70%!important;
 }
.center_home .carousel-indicators {
bottom: 100px!important;
}
.qual_1il span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.story_1r  img{
min-height:450px; 
 }
.client_1li2 {
width:70%!important; 
 }
.project_1ril .font_60{
font-size:40px; 
 }
.blog_1i_last {
padding:35px 15px!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.qual_1il span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:20px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.client_1li2 {
width:70%!important; 
 }
 }