/*
Template Name:Computer Repair
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/********************* services_main ****************/
#services_main{ 
 /* background-image: url(../img/22.jpg); */
 background-repeat: no-repeat;
 background-size: cover;
 padding-top:180px;
 padding-bottom:180px;
 background-position:center;
 }
.services_main_1{ 
 background-color: #bd17008c;
 padding: 20px;
 width: 25%;
 text-align: center;
 float: right;
 border-radius: 50px 10px 50px 10px;
 }
.services_main_1 h2{ 
 color:#fff;
 }
.services_main_1 li{ 
 display:inline;
 font-size:20px;
 color:#fff;
 }
.services_main_1 i{ 
 color:#fff;
 }
.services_main_1 li a{ 
 font-size:20px;
 color:#fff;
 }
/********************* services_main_end ****************/
/********************* services ****************/
#services{ 
 padding-top: 20px;
 padding-bottom: 150px;
 background:#f4f4f4;
 }
.services_1{ 
 text-align:center;
 }
.services_1 h4 {
 color: #2d4a8a;
 font-weight: bold;
 padding-bottom: 10px;
}
.services_1 h2 a {
 color: #2d4a8a;
}
.services_3 img{  
 position: relative;
 }
.services_4{  
position: absolute;
box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
top: 80%;
background-color: #a93626;
padding: 10px 30px 20px;
width: 88%;
left: 6%;
border-bottom: 3px solid #971d0c;
text-align: center;
 }
.services_4 h4{  
  color: #e39d9d;
    padding-bottom: 4px;
    font-weight: bold;
    font-size: 28px;
 }
.services_4:hover h4{  
 color:#fff;
 }
.services_4:hover p{  
 color:#fff;
 }
.services_4:hover a{  
 color:#fff;
 }
.services_4 p{  
 padding:0px;
 margin:0px;
 padding-top:7px;
 padding-bottom:10px;
 color: #fff;
 }
.services_4 a{  
  color: #e39d9d;
  font-size: 16px;
 }
.services_4 i{  
 padding-left: 5px;
 }
.services_4:hover{ 
 background-color:#263045;
 }
.services_2{ 
 padding-top:30px;
 }
.services_6{ 
 padding-top:140px;
 }
 
#services_pg1{
padding-top:40px;
padding-bottom:40px; 
 }
.services_pg1im{
position:relative; 
 }
.services_pg1im2{
position:absolute;
width:100%;
top:0;
padding-top:160px;
background:#00000061;
height:100%; 
 }
.services_pg1im2:hover{
background:#000000a1;
 }
.services_pg1i{
margin-top:20px; 
 }
#repair{
background:#861101;
padding-top:40px;
padding-bottom:40px; 
 }
.repair_1 p{
margin-top:20px;
margin-bottom:20px; 
 }
 
#plan{
padding-top:40px;
padding-bottom:40px; 
 }
.plan_1i{
border:1px solid #f1e6e4; 
 }
.plan_1i1 h1 span{
font-size:20px;
font-weight:normal; 
 }
.plan_1i1{
border-bottom:1px dotted #f1e6e4;
padding:30px 20px; 
 }
.plan_1i1 p{
font-size:12px;
margin-top:20px; 
 }
.plan_1i2{
padding:30px 20px; 
 }
.plan_1i2 h5{
margin-bottom:20px;
 }
.plan_1{
margin-top:30px; 
 }
 
/********************* services_end ****************/

/********************* services_detail ****************/
#servd_main{
background-image: url(../img/64.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 padding-top:180px;
 padding-bottom:180px; 
 }
#servd{
 padding-top:40px;
 padding-bottom:40px;
 }
.servd1l .hr_line{
margin-left:0; 
 }
.servd1l h2{
margin-top:20px; 
 }
.servd1l h3{
margin-top:20px; 
 }
.servd1l ul{
margin-top:20px; 
 }
.servd1l ul li i{
margin-right:5px; 
 }
.servd1l ul li {
margin-bottom:5px; 
 }
 
.panel-success {
border: none;
background: #fff;
margin:0;
}
.query_r .panel-heading {
background: #861101;
color: #fff;
padding: 20px 15px;
}
.query_r .panel-heading h5 {
font-size: 18px;
font-weight: bold;
}
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.query_r .panel-body {
font-size: 16px;
background:#f4f4f4;
}

.servd1r1{
background:#f4f4f4;
padding:30px 15px; 
 }
.servd1r1 .hr_line{
margin-left:0;  
 }
.servd1r1 ul li{
margin-top:10px;  
 }
.servd1r1 ul li i{
margin-right:5px;  
 }
.servd1r1{
margin-top:30px; 
 }
.servd1r1 span{
font-size:60px; 
 }
.services_pg1o{
background:#f4f4f4; 
 }
/********************* services_detail_end ****************/



@media screen and (max-width : 767px){
.services_main_1 {
float:none;
width:100%;
border-radius:0;
}
#services_main {
 padding-top: 80px;
 padding-bottom: 80px;
}
.services_4 {
 position: static;
 width: 100%;
}
.services_6 {
 padding-top: 0px;
}
#services {
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
}
.services_pg1im1 img{
min-height:274px; 
 }
.repair_1 p{
text-align:left; 
 }
.plan_1i {
margin-bottom:10px; 
 }
#servd_main {
padding-top:80px;
padding-bottom:80px;
}
#servd {
text-align:center;
}
#servd .hr_line{
margin-left:auto;
}
#servd  p{
text-align:left;
}
.servd1l ul {
text-align:left;
}
.servd1r{
margin-top:15px; 
 }
.servd1r1 ul {
text-align:left;
}
.servd1r1 h3{
text-align:center; 
 }
}

@media (min-width:768px) and (max-width:991px) {
#services_main {
 padding-top: 150px;
 padding-bottom: 150px;
}
.services_main_1 {
 width: 40%;
 margin-left:15px;
 margin-right:15px;
}
.services_4 {
 position: static;
 width: 100%;
}
.services_6 {
 padding-top: 20px;
}
#services {
 padding-top: 20px;
 padding-bottom: 30px;
}
.services_pg1im1 img{
min-height:274px; 
 }
.services_pg1im2  h3{
font-size:20px; 
 }
}

@media (min-width:992px) and (max-width:1200px) {
#services_main {
 padding-top: 150px;
 padding-bottom: 150px;
}
.services_main_1 {
 width: 40%;
 margin-left:15px;
 margin-right:15px;
}
.services_4 {
 position: static;
 width: 100%;
}
.services_6 {
 padding-top: 20px;
}
#services {
 padding-top: 20px;
 padding-bottom: 30px;
}
.services_4 h4 {
 font-size: 19px;
}
.services_pg1im1 img{
min-height:274px; 
 }
.gallery_main_1{
margin-left:15px;
margin-right:15px;
width:40%; 
 }
}
 
@media (min-width:1201px) and (max-width:1325px) {

 }