/*
Template Name: IT Depart
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:#0000007a;
padding:30px 30px;
bottom: 9rem;
left: 10%;
width:50%;
color:#fff;
 }
.carousel-indicators{
bottom:0; 
 }
.carousel-caption h1{
font-size:50px; 
 }
/*********************center_home_end****************/

/*********************about_h****************/
.about_h1r2{
bottom: -60px;
left: 0;
border:10px solid #fff;
 }
#about_h{
padding-bottom:100px; 
 }
/*********************about_h_end****************/

/*********************serv_h****************/
#serv_h .carousel-indicators [data-bs-target] {
background-color: #e71a21; 
}
#serv_h .carousel-indicators {
bottom: -60px;
}
#serv_h  {
padding-bottom:90px;
}
.serv_h2il2 span{
width:70px;
height:70px;
line-height:72px;
text-align:center;
border-radius:50%;
box-shadow: 0 8px 25px 0 #e71a210d; 
 }
.serv_h2il2{
bottom:-35px;
right:0;
padding-right:20px; 
 }

.button_1 i {
background: #e71a21; 
padding: 12px 15px;
}
.button_1:hover {
background: #e71a21!important; 
color:#fff!important;  
}
.button_1:hover i{
background: #212529;
color:#fff!important; 
}
/*********************serv_h_end****************/

/*********************choose****************/
.choose_1li1{
bottom:50px;
right:-30px; 
 }

/*********************choose_end****************/

/*********************consult****************/
.consult_1r .form-control{
height:48px;
border-color:#e71a210d;
background:#e71a2108; 
 }
.consult_1r .form_1{
height:148px; 
 }
.consult_1r{
top:45px;
margin-left:480px;
 }
/*********************consult_end****************/

/*********************project****************/
.project_m{
background:#fb8d8a8a;
padding-top:100px;
padding-bottom:130px; 
 }
#project .carousel-indicators [data-bs-target] {
background-color: #fff; 
}
#project .carousel-indicators {
bottom: -60px;
}
#project {
background-image: url(../img/17.jpg);
background-position: center;
}
.project_1i1m2{
bottom:0;
display:none; 
 }
.project_1i1m:hover .project_1i1m2{
display:block;
 }
.project_1i1m:hover{
opacity:0.9;
 }
/*********************project_end****************/

/*********************work****************/
.work_1im1 img{
width:220px;
height:220px;
box-shadow: 0 0 30px #e71a2152;
 }
.work_1im2 span {
background: #e71a21; 
color: #fff;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
font-size:18px;
}
.work_1im1 img:hover {
box-shadow: 0 0 30px #e71a21; 
}
.work_1im2{
top:80px;
left:-15px; 
 }
/*********************work_end****************/

/*********************spec****************/
#spec {
background-image: url(../img/26.jpg);
background-position: center;
}
.spec_1 span {
text-align: center;
width: 90px;
height: 90px;
line-height: 90px;
border-radius: 50%;
font-size:18px;
}
.spec_m{
background: #252628d4;
padding-top:100px;
padding-bottom:210px;
 }
/*********************spec_end****************/



@media screen and (max-width : 767px){
.center_home img{
min-height:450px; 
 }
.carousel-caption{
left:0;
width:100%; 
bottom:4em;
padding:10px!important;
text-align:center;
 }
.carousel-caption h1{
font-size:28px;
 }
.carousel-caption br{
display:none;
 }
.carousel-caption p{
font-size:14px;
text-align:left;
 }
.about_h1r2 {
display:none; 
 }
.about_h1r1 img {
width:100%!important;
 }
.about_h1l{
margin-top:10px;
text-align:center; 
 }
.about_h1l p{
text-align:left;
 }
.about_h1l br{
display:none; 
 }
#about_h {
padding-bottom:40px;
}
.serv_h2il2 span {
width: 50px;
height: 50px;
line-height: 52px;
}
.serv_h2il2 {
bottom: -25px;
}
.serv_h2ilast {
text-align:center; 
 }
.serv_h2ilast p{
text-align:left; 
 }
.serv_h2im {
margin-top:10px; 
 }
.choose_1li1 {
right:0;
}
.choose_1r {
padding:15px!important;
text-align:center; 
 }
.choose_1r br{
display:none; 
 }
.choose_1r p{
text-align:left; 
 }
.consult_1r {
position:static!important;
margin-left:0;
padding:15px!important;
text-align:center;
}
.consult_1r p{
text-align:left;
}
.project_m {
padding-top: 40px;
padding-bottom: 70px;
}
.project_1i1m {
margin-top:10px; 
 }

.work_1im2 {
position:static!important;
text-align:center;
margin-top:20px;
 }
.work_1i_last {
margin-bottom:20px; 
 }
.main_2 {
position:static!important;
}
.spec_m br{
display:none;
 }
.spec_m {
padding-top:80px;
padding-bottom:80px; 
 }
.spec_m p{
text-align:left; 
 }
#blog_h {
margin-top:0;
}

 }


@media (min-width:576px) and (max-width:767px) {
.about_h1li{
text-align:left;
padding:10px; 
 }
 }
@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:600px; 
 }
.carousel-caption h1{
font-size:28px;
 }
.carousel-caption br{
display:none;
 }
.about_h1r2 {
display:none; 
 }
.about_h1r1 img {
width:100%!important;
height:460px;
 }
.about_h1l br{
display:none; 
 }
.about_h1lil span{
font-size:26px!important; 
 }
#about_h {
padding-bottom:40px;
}
.choose_1li img{
min-height:650px; 
 }
.choose_1r {
padding:30px 15px!important; 
 }
.choose_1li1{
right:-20px; 
 }
.consult_1r {
margin-left:300px;
padding:40px 15px!important;
}
.consult_1l  img{
min-height:650px; 
 }
.project_1i1m  img{
min-height:220px; 
 }
.work_1im1  img{
width:100%;
border-radius:0!important; 
 }
.work_1im2 {
left:0;
}
.work_1i_last  br{
display:none; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.center_home img{
min-height:600px; 
 }
.carousel-caption br{
display:none;
 }
.carousel-caption h1{
font-size:36px;
 }
.choose_1li img{
min-height:650px; 
 }
.consult_1r {
margin-left:400px;
}
.consult_1l  img{
min-height:650px; 
 }
.project_1i1m  img{
min-height:220px; 
 }
.work_1im2 {
left:0;
}
 }
@media (min-width:1201px) and (max-width:1310px) {
.carousel-caption p br{
display:none;
 }
 }