/*
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>
*/
/********************* details_main ****************/
#details_main{ 
 /* background-image: url(../img/57.jpg); */
 background-repeat: no-repeat;
 background-size: cover;
 padding-top:180px;
 padding-bottom:180px;
 }
.details_main_1{ 
 background-color: #bd17008c;
 padding: 20px;
 width: 25%;
 text-align: center;
 float: left;
 border-radius: 50px 10px 50px 10px;
 }
.details_main_1 h2{ 
 color:#fff;
 }
.details_main_1 li{ 
 display:inline;
 font-size:20px;
 color:#fff;
 }
.details_main_1 i{ 
 color:#fff;
 }
.details_main_1 li a{ 
 font-size:20px;
 color:#fff;
 }
/********************* details_main_end ****************/

/********************* details ****************/
.detail_l p{
margin-top:15px; 
 }
.detail_li ul li{
display:inline-block;
margin-right:10px; 
 }
.detail_li ul li i{
vertical-align:middle;
 }
.detail_li hr{
border-width:2px;
border-color: #d42b14;
width:6%;
margin-left:0;
 }
.detail_li img{
margin-top:20px; 
 }
.detail_li1l ul li{
display:inline-block;
margin-right:5px; 
 }
.detail_li1l ul li a{
display:block;
background:#d42b14;
color:#fff;
padding:10px;
border-radius:20px; 
 }
.detail_li1l ul li a:hover{
  background:#861101;
 }
.detail_li1r ul li a{
 background:#d18383;
 }
 
.detail_li2r h5 a {
 margin-left: 30px;
}
.detail_li2{
background:#fafafa;
padding:15px 15px 15px 0px;
margin-top:30px; 
 }
.detail_li3{
margin-top:10px; 
 }
.detail_li3 .button_2 i{
 vertical-align:middle;
 }
.detail_li3 .form-control{
margin-top:10px;
height:50px;
box-shadow:none;
border-color:#fbe6e6;
width:60%; 
 }
.detail_li3 .form_1{
height:150px; 
 }
 
.detail_li ul li i{
margin-right:5px; 
 }
.detail_li1 {
margin-top:20px; 
 }
.detail_li2r  h4{
font-size:24px; 
 }
.detail_li3 .button_2{
margin-top:10px; 
 }
/********************* details_end ****************/




@media screen and (max-width : 767px){
#details_main {
 padding-top: 80px;
 padding-bottom: 80px;
}
.details_main_1 {
float:none;
width:100%;
border-radius:0;
}
.detail_li hr {
margin-left:auto;
}
.detail_li ul{
text-align:left; 
 }
.detail_l p {
text-align:left; 
}
.detail_l h3 {
text-align:left; 
}
.detail_li1l ul{
text-align:left;  
 }
.detail_li1l ul li{
margin-bottom:10px; 
 }
.detail_li1r {
text-align:left; 
 }
.detail_li2r h5{
text-align:left; 
 }
.detail_li2r{
margin-top:10px; 
 }
.detail_li3 {
text-align:left;  
 }
.detail_li3 h2{
text-align:center;  
 }
.detail_li3 .form-control{
width:100%; 
 }
.detail_li3 h5{
text-align:center;  
 }
}

@media (min-width:768px) and (max-width:991px) {
.details_main_1 {
width:40%;
margin-left:15px;
margin-right:15px;
}
.detail_li1l ul li{
 margin-bottom:5px;
 }
}

@media (min-width:992px) and (max-width:1200px) {
.details_main_1 {
margin-left:15px;
margin-right:15px;
width:40%;
}
.detail_li1l ul li{
 margin-bottom:5px;
 }
}

@media (min-width:1201px) and (max-width:1325px) {

 }