/*
Template Name: Shop On
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************blog****************/
#blog{
 padding-top:40px;
 padding-bottom:40px;
 }
.blog_1l{
 border:1px solid #eee;
 padding:30px 15px;
 }
.blog_1l .form-control {
    height: 48px;
    font-size: 18px;
    border-color: #eee;
    box-shadow: none;
	border-radius:0;
}
.blog_1l .input-group .btn {
    background: #333;
    margin-left: 0!important;
    padding: 10.5px 20px;
    font-size: 18px;
	border-radius:0;
} 
.blog_1l h4 span{
margin-right:5px; 
 }
.product_1li img{
float:left;
margin-right:20px; 
 }
.product_1li h6 .span_1{
margin-right:5px;
 }
.product_1li h6 .span_2{
margin-right:5px;
margin-left:20px;
 }
.product_1li{
margin-top:15px;
border-bottom:1px solid #eee;
padding-bottom:15px; 
 }
.blog_1l ul li {
display:inline-block;
margin:5px 5px 8px 0px;
font-size:16px; 
 } 
.blog_1l ul li a {
display:block;
background:#fbf2e8;
padding:8px 14px;
 }
.blog_1l ul li a:hover {
background:#f7941d;
color:#fff;
 }
.blog_1li{
box-shadow: 0 0 10px rgba(0,0,0,0.6);
padding:26px 15px 30px 15px;
margin-top:15px;  
 }
.blog_1li .button{
display:block;
text-align:center;
 } 
.blog_home_1i1{
 padding:40px 20px;
 background:#fbf2e8;
 }
.blog_home_1i:hover .blog_home_1i1{
 box-shadow: 0 0 10px rgba(0,0,0,0.6);
 }
.blog_home_1i1 ul.social-network li a {
    background: #fff;
}
.blog_home_1i1 h6 .span_1{
margin-right:5px;
 }
.blog_home_1i1 h6 .span_2{
margin-right:5px;
margin-left:20px;
 }
.blog_home_1{
margin-top:30px; 
 }

.product_1_last{
margin-top:20px; 
 }
.product_1_last ul li{
 display:inline-block;
 margin: 0 2px;
 width:45px;
 height:45px;
 line-height:45px;
 background:#fbf2e8;
 text-align:center;
 }
.product_1_last ul li a{
display:block;
color: #f7941d;
 }
.product_1_last ul li:hover{
 background: #f7941d;
 }
.product_1_last ul li:hover a{
 color: #fff;
 }
.act{
  background: #f7941d!important;
 }
.act a{
 color: #fff!important;
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
#blog{
 text-align:center;
 }
.product_1li {
 text-align:left;
 }
.blog_home_1i1{
 padding:20px 10px;
 }
.blog_home_1i1 h6 .span_2{
margin-left:5px; 
 }
.blog_home_1i1{
margin-bottom:10px; 
 } 
.blog_1l {
margin-bottom:15px; 
 }
}

@media (min-width:768px) and (max-width:991px) {

 }
@media (min-width:992px) and (max-width:1200px) {
.product_1li h6 .span_2{
margin-left:5px; 
 }
.product_1li h6 .span_1{
margin-right:0; 
 }
 }
@media (min-width:1201px) and (max-width:1350px) {

 }