/*
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_detail****************/
#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;
 } 
.blod_d1 h6 a i{
margin-right:5px; 
 }
.blod_d1 h6 a {
margin-left:5px; 
margin-right:5px;
 }
blockquote {
    border-color: #f7941d;
}
.blod_d1 ul li{
display:inline-block;
margin-right:10px;
 }
.blod_d1 ul li a{
padding: 6px 15px;
background: #fbf2e8;
border-radius:30px;
display:block;
font-size:16px;
 }
.blod_d1 ul li a:hover{
background:#f7941d;
color:#fff;
 }
.mgl{
margin-left:50px;
margin-right:50px;
 }
.blod_d2i{
margin-top:30px; 
 }
.blod_d2 h3 span {
    margin-right: 5px;
}
.blod_d3i h5 span{
color:#FF0000; 
 }
.blod_d3i .form-control{
height:50px;
border-radius:0;
margin-top:15px;
border-color:#eee;
box-shadow:none;
 }
.blod_d3i .form_1{
height:180px;
 }
.blod_d3{
border:1px solid #eee;
padding:15px 20px 40px 20px;
margin-top:30px; 
 }
/*********************blog_detail_end****************/


@media screen and (max-width : 767px){
#blog{
 text-align:center;
 }
.product_1li {
 text-align:left;
 }
.blod_d1 ul li{
margin-bottom:8px; 
 }
.blod_d2i img{
margin-bottom:15px; 
 }
.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) {

 }