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

/********************* contact****************/
#contact{
padding-top:40px;
padding-bottom:40px; 
 }
.contact_2{
 margin-top:30px;
 }
.contact_2l h4{
line-height:1.8em;
font-weight:normal;
font-size:18px; 
 }
.contact_2l ul li a{
background:#d18383;
 }
.contact_2l ul li{
display:inline-block;
 }
#contact .hr_line{
margin-left:0; 
 }
.contact_2l ul{
margin-top:20px;
display:block; 
 }
.blog1l5 .form-control {
height: 50px;
font-size: 16px;
box-shadow: none;
border: none;
background: #f4f4f4;
height: 50px;
margin-top: 15px;
border-radius: 0;
}
.blog1l5 .form_1 {
height: 120px;
}
.blog1l5 h5 {
margin-top:20px;
}

/********************* contact_end ****************/





@media screen and (max-width : 767px){
#contact_main {
 padding-top: 80px;
 padding-bottom: 80px;
}
.contact_main_1 {
float:none;
width:100%;
border-radius:0; 
}
.contact_2r {
margin-top:15px; 
 }
.contact_2 {
text-align:center; 
 }
.contact_2 .hr_line {
margin-left:auto!important;
 }
.contact_2l h4 {
text-align:left;
 }
}

@media (min-width:768px) and (max-width:991px) {
#contact_main {
 padding-top: 150px;
 padding-bottom: 150px;
}

.contact_main_1 {
 width: 40%;
 margin-left:15px;
 margin-right:15px;
}

}

@media (min-width:992px) and (max-width:1200px) {
#contact_main {
 padding-top: 150px;
 padding-bottom: 150px;
}

.contact_main_1 {
 width: 40%;
  margin-left:15px;
 margin-right:15px;
}

}

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

 }