/*
 * CORE LAYOUT - Responsive
 */
@media (max-width: 1023px)
{
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
	/*
	 * Hidden position
	 */
	 body.avatar-responsive *[id*="avatar-position-stick"],
	 body.avatar-responsive *[id*="avatar-position-fixed"] {
	 	display: none;
	 }
	 
	 /*
	  * more than 3 cols -> to 1 cols
	  */
	 
	 body.avatar-responsive *[id*="avatar-pos-top"],
	 body.avatar-responsive *[id*="avatar-pos-promo-top"],
	 body.avatar-responsive *[id*="avatar-pos-user"],
	 body.avatar-responsive *[id*="avatar-pos-promo-bottom"],
	 body.avatar-responsive *[id*="avatar-pos-footer"] {
	 	float: none !important;
	 	width: 100% !important;
	 }
}
@media (max-width: 767px)
{
	/*
	 * Module
	 */
	body.avatar-responsive #avatar-pos-main-body {
		padding: 0 10px;
		margin: 0 10px;
	}
	
	/*
	 * main content to 1 cols
	 */
	body.avatar-responsive #avatar-left,
	body.avatar-responsive #avatar-content,
	body.avatar-responsive #avatar-right,
	body.avatar-responsive #avatar-pos-inner-left,
	body.avatar-responsive #avatar-main-content,
	body.avatar-responsive #avatar-pos-inner-right {
		width: 100% !important;
		float: none !important;
	}
}
@media (max-width: 480px)
{
	body.avatar-responsive .flex {
		flex-direction: column;
	}
	/*
	 * 2 cols to 1 col
	 */
	body.avatar-responsive *[id*="avatar-pos-left-middle"],
	body.avatar-responsive *[id*="avatar-pos-right-middle"],
	body.avatar-responsive *[id*="avatar-pos-content"] {
		width: 100% !important;
		/*float: left !important;*/
	}
	body.avatar-responsive #avatar-header-block,
	body.avatar-responsive .email-top,
	#avatar-header-inside-block:before,
	#avatar-header-inside-block:after,
	body.avatar-responsive .avatar-nav-responsive ul.menu-horizontal li.item-123,
	body.avatar-responsive .lineas-home .separador,
	body.avatar-responsive .category-view .separador {
		display: none !important;
	}
	body.avatar-responsive .banner-container {
		overflow: hidden;
	}
	body.avatar-responsive .banner-container video {
		height: 640px !important;
		width: auto !important;
	}
	body.avatar-responsive .banner-container:before {
		width: 100%;
		left: -50%;
	}
	body.avatar-responsive .banner-container .banner-text {
		width: 100%;
	}
	body.avatar-responsive .banner-container .banner-text h1 {
		font-size: 32px;
	}
	body.avatar-responsive .banner-container .banner-text span.uppercase.verde.space {
		font-size: 14px;
		letter-spacing: 0.15rem;
	}
	body.avatar-responsive .bg-home img.logo-home {
		display: block;
		margin: 0 auto 20px auto;
		width: 50% !important;
		height: auto !important;
	}
	body.avatar-responsive .logo-alfa {
		width: 100px;
		height: auto;
	}
	body.avatar-responsive .mainmenu {
		position: relative;
	}
	body.avatar-responsive .mainmenu .menu-horizontal {
		position: absolute;
		top: -130px;
		left: 0;
		width: 100%;
		height: 100%;
	}
	body.avatar-responsive .avatar-nav-responsive ul.menu-horizontal {
		display: none;
		height: auto;
	}
	body.avatar-responsive .at-main-menu .menu-horizontal li a {
		color: #fff;
	}
	body.avatar-responsive .alfa-cart-module {
		top: -130px;
		right: 47px;
	}
	body.avatar-responsive .alfa-login-module {
		top: -130px;
		right: 117px;
	}
	body.avatar-responsive .alfa-login-module .login {
		box-sizing: border-box;
    	width: 340px;
    	padding: 20px;
    	margin-left: -170px;
	}
	body.avatar-responsive .alfa-cart-module .vm_cart_products {
		width: 320px;
	}
	body.avatar-responsive .lineas-home .lineas-container {
		position: static;
	}
	body.avatar-responsive .lineas-home .lineas-container .flex {
		flex-direction: column;
	}
	body.avatar-responsive .lineas-home .item {
		width: 100%;
		margin: 10px 0;
	}
	body.avatar-responsive .category-module-blog .card-title {
		transform: translateY(50px);
	}
	body.avatar-responsive #ff_elem1 {
		width: 195px;
	}
	body.avatar-responsive .alfa-menu-bottom {
		text-align: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	body.avatar-responsive #avatar-footer-block * {
		text-align: center;
	}
}