img.responsive {
	max-width: 100%
}

@media only screen and (max-width :1200px) {
	#header-menu li {
		margin: 0 9px
	}
	#header-menu li a {
		font-size: 20px;
		line-height: 20px;
		transition: .25s ease
	}
	#posts-blocks .filter ul li button {
		font-size: 20px;
		line-height: 20px
	}
	.servicios .item {
		min-height: 140px
	}
	.servicios .item .content {
		width: 78%
	}
}

@media only screen and (max-width :992px) {
	#header-menu li {
		margin: 0 7px
	}
	#header-menu li a {
		font-size: 15px;
		line-height: 15px;
		transition: .25s ease
	}

	#posts-blocks .filter ul li {
	    width: 24%;
	}

	#posts-blocks .filter ul li button {
		font-size: 20px;
		line-height: 20px
	}
	#posts-blocks .grid-sizer,
	#posts-blocks .item {
		width: 32%
	}
	#posts-blocks .gutter-sizer {
		width: 2%
	}
	.item-tienda {
		width: 30%
	}
	.item-sizer {
		width: 2%
	}
	.item-blog {
		width: 30%
	}
	.servicios .item .content {
		width: 70%
	}
	.item-promocion .foto {
		margin-bottom: 20px
	}
}

@media only screen and (max-width :767px) {
	#header-menu ul,
	#top-menu ul {
		padding: 10px 0;
		text-align: center
	}
	#open-menu,
	.tienda-fotos .the_cat {
		color: #fff;
		font-weight: 300;
		text-transform: uppercase
	}
	#buscador,
	#header-menu ul,
	#open-menu,
	#top-menu ul,
	.filtro-blog,
	.filtro-letras,
	.filtro-tiendas,
	.servicios .filter ul,
	.servicios .item,
	.top_logo {
		text-align: center
	}
	.social_fixed {
		display: none;
	}
	#top-menu-wrap {
		background: #f7f7f7
	}
	.top_logo {
		display: block
	}
	#open-menu {
		margin-top: 30px;
		padding: 7px 0;
		background: #000;
		cursor: pointer
	}
	#open-menu.active,
	#open-menu:active,
	#open-menu:focus {
		background: #6f6f6f
	}
	#header-menu {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity .25s ease;
		position: absolute;
		top: 66px;
		z-index: 30;
		width: 100%;
		left: 0;
		right: 0;
		padding: 0 15px
	}
	#header-menu.active {
		visibility: visible;
		opacity: 1
	}
	#header-menu ul {
		background: #f7f7f7
	}
	#header-menu li,
	#header-menu li:last-child {
		display: block;
		margin: 10px 0
	}
	.parallax {
		background-size: cover!important;
		background-attachment: initial
	}
	#posts-blocks .filter ul li {
		width: 33%;
		padding: 20px
	}
	#posts-blocks .filter ul li button {
		font-size: 25px;
		line-height: 25px
	}
	#posts-blocks .grid-sizer,
	#posts-blocks .item {
		width: 48%
	}
	#posts-blocks .gutter-sizer {
		width: 4%
	}
	#newsletter .newsletter_content form {
		bottom: 200px;
		width: 80%
	}
	.filtro-tiendas li,
	.filtro-tiendas li:last-child {
		float: none;
		margin: 10px 20px;
		display: inline-block
	}
	.item-tienda {
		width: 46%
	}
	.item-sizer {
		width: 2%
	}
	.item-blog {
		width: 46%
	}
	.filtro-letras li {
		float: none;
		margin: 5px;
		border: 0;
		padding: 5px;
		display: inline-block;
		background: #f7f7f7
	}
	.tienda-fotos .the_cat {
		position: relative;
		background: #000;
		font-size: 20px;
		line-height: 20px;
		padding: 5px;
		right: 0;
		top: 0;
		display: inline-block;
		z-index: 30
	}
	.filtro-blog li,
	.filtro-blog li:last-child {
		float: none;
		margin: 10px 20px;
		display: inline-block
	}
	.servicios .filter li {
		float: none;
		display: inline-block
	}
	.servicios .item {
		min-height: 300px
	}
	.servicios .item .icon {
		margin-bottom: 5px
	}
	.servicios .item .content {
		width: 100%
	}
	.servicios .item .h3 {
		font-size: 20px
	}
	.servicios .item p {
		font-size: 13px
	}
	.item-promocion {
		border: 0;
		padding: 0;
		margin-bottom: 20px
	}
	.item-promocion .foto {
		margin-bottom: 0
	}
	.item-promocion .post_fecha {
		width: 50%;
		display: inline-block;
		margin-bottom: 20px
	}
	.item-promocion .content {
		border: 1px solid #000
	}
	.item-promocion .content h1 {
		font-size: 25px;
		padding: 0 10px
	}
	.item-promocion .content h2 {
		font-size: 17px;
		padding: 0 10px
	}
	.item-promocion:hover {
		border-bottom: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
}

@media only screen and (max-width :480px) {
	.parallax {
		background-size: cover!important;
		background-attachment: initial
	}
	#posts-blocks .grid-sizer,
	#posts-blocks .item {
		width: 49%
	}
	#posts-blocks .gutter-sizer {
		width: 1%
	}
	#posts-blocks .item .content {
		bottom: 0;
		padding: 5px
	}
	#posts-blocks .item .content h3 {
		margin: 0;
		font-size: 12px;
		line-height: 13px
	}
	#posts-blocks .item .content p.desc {
		display: none
	}
	.item-tienda {
		width: 44%
	}
	.item-sizer {
		width: 2%
	}
	.item-blog {
		width: 44%
	}
	#posts-blocks .filter ul li button {
		font-size: 15px;
		line-height: 15px
	}
	#posts-blocks .filter ul li {
		width: 30%;
		padding: 10px
	}
	#posts-blocks .item .cat {
		padding: 3px;
		font-size: 13px;
		line-height: 15px
	}
	.item-blog .nombre h2 {
		font-size: 16px;
		line-height: 20px
	}
	.item-blog .nombre p {
		font-size: 13px;
		line-height: 17px
	}
	.servicios .item {
		min-height: auto
	}
	.servicios-items .grid-sizer {
		width: 100%
	}
	.servicios-items .gutter-sizer {
		width: 0
	}
	.item-promocion .content h1 {
		font-size: 22px;
		padding: 0 10px
	}
	.item-promocion .content h2 {
		font-size: 15px;
		padding: 0 10px
	}
}

@media only screen and (max-width :320px) {
	#posts-blocks .filter ul li {
		width: 30%;
		padding: 10px
	}
	#posts-blocks .filter ul li button {
		font-size: 15px;
		line-height: 15px
	}
}