/*
Template Name:Shop Com
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****************/
.center_product{
padding-top:40px;
padding-bottom:20px; 
 }
.center_p1i ul li{
display:inline-block;
 }
.center_3l1{
border:1px solid #ddd;
padding:20px 15px;
margin-top:30px; 
 }
.center_3l1o{
margin-top:40px; 
 }
.center_3l1 .form-control{
 margin-top:15px;
 border-radius:0;
 }
.center_3l1io ul li {
display:inline-block;
margin-top:5px; 
font-size:16px;
 }
.center_3l1io ul li a{
padding:8px;
display:block;
background:#f4f4f4;
 }
.center_3l1io ul li a:hover{
 background:#57b846;
 color:#fff;
 }

  .ziehharmonika h3 {
	cursor: pointer;
	padding-right: 40px;
	transition: 0.25s all;
	position: relative;
	font-size:16px;
	font-weight:100;
}
.ziehharmonika ul{
 list-style:disc; 
 margin-left:30px;
  }
.ziehharmonika ul li{
margin-top:3px;
margin-bottom:3px;
font-size:14px; 
 }
.ziehharmonika h3.alignLeft {
	padding-left: 35px;
}
.ziehharmonika > div {
	display: none;
}

.ziehharmonika .collapseIcon {
	position: absolute;
	right: 20px;
	top: 45%;
	font-size: 24px;
	font-weight: 300;
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
}
.ziehharmonika .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}
 .ziehharmonika h3.active {
color:#57b846;
}

.blog_1 ul li{
display:inline-block;
margin-right:10px; 
color:#999;
 }
.blog_1 ul li i{
margin-right:5px;
font-size:14px;
color:#333;
 }
.blog_1{
margin-top:30px; 
 }
.center_product_1r4r ul li a{
color:#333; 
 }
.center_product_1r4r ul li a:hover{
background: #57b846;
color:#fff;
border-color:#57b846;
 }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
background: #57b846;
color:#fff;
border-color:#57b846;
 }
 
.blog_right{
border:1px solid #ddd;
padding:20px 15px;
margin-top:30px; 
 }
.blog_right ul li{
display:inline-block;
margin-right:10px; 
color:#999;
font-size:14px;
 }
.blog_right ul li i{
margin-right:5px;
font-size:14px;
color:#333;
 }
/*********************blog_detail_end****************/


@media screen and (max-width : 767px){
.blog_1 {
text-align:center; 
 }
.center_product_1r4r {
text-align:center;  
 }
.blog_right {
text-align:center; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.center_3l1  h4{
 font-size:18px;
 }
 }
@media (min-width:992px) and (max-width:1200px) {

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

 }