/*
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>
*/
/********************* blog_main ****************/
#blog_main{ 
 /* background-image: url(../img/63.jpg); */
 background-repeat: no-repeat;
 background-size: cover;
 padding-top:180px;
 padding-bottom:180px;
 }
.blog_main_1{ 
 background-color: #bd17008c;
 padding: 20px;
 width: 25%;
 text-align: center;
 float: right;
 border-radius: 50px 10px 50px 10px;
 }
.blog_main_1 h2{ 
 color:#fff;
 }
.blog_main_1 li{ 
 display:inline;
 font-size:20px;
 color:#fff;
 }
.blog_main_1 i{ 
 color:#fff;
 }
.blog_main_1 li a{ 
 font-size:20px;
 color:#fff;
 }
/********************* blog_main_end ****************/
/********************* history ****************/
#history{ 
 padding-top:30px;
 padding-bottom:30px;
 }
.history_2{ 
 text-align:center;
 }
.history_3{  
 background-color: #fff;
 box-shadow: 0 0 2px 1px #f9dcd8;
 padding-bottom: 27px;
 margin-bottom:20px;
 }
.history_3 h3{ 
 padding-top:10px;
 padding-bottom:10px;
 color:#d42b14; 
 }
.history_4 h4{ 
 color: #861101;
 font-size: 30px;
 font-weight: bold;
 letter-spacing: 1px;
 }
.history_4 ul{ 
 padding-top:20px;
 padding-bottom:20px;
 }
.history_4 li{ 
 padding-bottom:10px;
 border-bottom: 1px solid #efeaea;
 padding-bottom: 10px;
 padding-top: 10px;
 }
.history_4 li a{ 
 font-size:18px;
 color:#000;
 }
.history_5{ 
 padding-top:20px;
 padding-bottom:20px;
 }
.history_3 p{ 
 padding-bottom:26px;
 padding-left: 10px;
 padding-right: 10px;
 }
.blog_13 ul {
 text-align:center;
 margin-top:20px;
}
.blog_13 li {
 display: inline-block;
 margin: 2px;
}
.well_27 {
 border: 1px solid #bb0000;
 font-size: 16px;
 color: #FFF;
 background-color: #bb0000;
 padding: 10px 20px 10px 20px;
}
.well_28 a:hover {
 border: 1px solid #bb0000;
 color: #FFF;
 background-color: #bb0000;
}
.well_28 a {
 border: 1px solid #e5e5e5;
 font-size: 16px;
 color: #000;
 background-color: #e5e5e5;
padding: 10px 20px 10px 20px;
}


.blog_1l1 .form-control {
height: 48px;
font-size: 16px;
border-color: #fdede1;
box-shadow: none;
border-radius: 0;
}
.blog_1l1 .input-group .btn {
background: #d42b14;
margin-left: 0!important;
padding: 11.5px 20px;
font-size: 16px;
border-radius: 0;
border-color: #d42b14;
}
.blog_1l2{
padding:20px 15px 20px 15px;
margin-top:25px; 
border: 1px solid #fdede1;
 }
.blog_1l2 ul li a{
background: #741a1a;
    color: #fff;
    display: block;
    padding: 8px 16px;
    border-radius: 10px;
 }
.blog_1l2 ul li a:hover{
background:#d42b14;
color:#fff;
 }
.blog_1l2 ul li{
display:inline-block;
margin:3px 1px;
 }
.blog_1l2 .form-control {
height: 48px;
font-size: 18px;
border-color: #fdede1;
box-shadow: none;
border-radius: 0;
margin-top: 15px;
}
.blog_1l2 h4{
color: #d42b14;
font-size:24px;
 }
.blog_1l2 .hr_line{
margin-left:0;
 }
.blog_1l2 h6 i{
margin-right:5px;
font-size:10px;
color: #d42b14;
 }

/********************* history_end ****************/




@media screen and (max-width : 767px){
#blog_main {
 padding-top: 80px;
 padding-bottom: 80px;
}
.blog_main_1 {
float:none;
width:100%;
border-radius:0;
}
#history {
 padding-top: 30px;
 padding-bottom: 10px;
 text-align: center;
}
.history_3 p{
text-align:left; 
 }
.blog_13 li{
margin-bottom:5px; 
 }
.blog_13 li a{
display:block;
 }
.blog_1lm{
margin-top:15px; 
 }
.blog_1l2{
text-align:left; 
 }
.blog_1l2 h4 {
text-align:center;
}
.blog_1l2 .hr_line{
margin-left:auto;
}
.blog_1l2 h5{
text-align:center;
}
}

@media (min-width:768px) and (max-width:991px) {
#blog_main {
 padding-top: 150px;
 padding-bottom: 150px;
}
.blog_main_1 {
 width:40%;
 margin-left:15px;
 margin-right:15px;
}
}

@media (min-width:992px) and (max-width:1200px) {
#blog_main {
 padding-top: 150px;
 padding-bottom: 150px;
}
.blog_main_1 {
 width:40%;
  margin-left:15px;
 margin-right:15px;
}
}

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

 }