html body{ min-width: 300px; }

#gdlr-main-navigation{ display: block; }
#gdlr-responsive-navigation{ display: none; }

/*--- tablet ---*/
@media only screen and (max-width: 959px) {
	body .container{ max-width: 768px; }	
	body .body-wrapper.gdlr-boxed-style { max-width: 808px; }
	
	.flex-direction-nav .flex-prev,
	.flex-direction-nav .flex-next { opacity: 1; }
	
	.gdlr-header-style-1 .gdlr-logo{ float: none; margin: 35px auto 10px; }
	.gdlr-header-style-1 .gdlr-navigation { margin-top: 0px; float: none !important; 
		display: block; text-align: center; line-height: 0; }
	.gdlr-header-style-1 .gdlr-navigation > ul.sf-menu{ display: inline-block; float: none; 
		line-height: 1.7; text-align: left; }
	.gdlr-header-style-1 .gdlr-main-menu > li > a{ padding-bottom: 20px; }
	.add_to_cart_button {
float: none;
position: relative !important;
top: 40px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
color: #23B2DC !important;
font-weight: 400;
padding: 0;
/* background: #56aed2; */
margin: 0;
padding: 0;
border-left: none;
border-right: none;
top: -40px;
position: relative;
float: none;
display: inline-block;
width: 100%;
}
html .woocommerce ul.products li.product h3, html .woocommerce-page ul.products li.product h3 {
font-size: 18px;
font-weight: lighter;
padding: 10px 0 !important;
border-top: 1px solid #E0E0E0;
margin-top: 12px;
}
}

/*--- mobile landscape style ---*/
@media only screen and (max-width: 768px) {

.woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a {
text-decoration: none;
display: inline;
}
.add_to_cart_button {
float: none;
position: relative !important;
top: 28px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
color: #23B2DC !important;
font-weight: 400;
padding: 0;
/* background: #56aed2; */
margin: 0;
padding: 0;
border-left: none;
border-right: none;
top: -42px;
position: relative;
float: none;
display: inline-block;
width: 100%;
}
html .woocommerce ul.products li.product a img, html .woocommerce-page ul.products li.product a img {
margin: 0 0 20px;
margin-bottom: 25px !important;
}
html .woocommerce ul.products li.product h3, html .woocommerce-page ul.products li.product h3 {
font-size: 18px;
font-weight: lighter;
padding: 10px 0 !important;
border-top: 1px solid #E0E0E0;
margin-top: 25px;
}
	body .container{ max-width: 420px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 460px; }
	body .body-wrapper{ overflow: hidden; }
	
	.one-ninth, .one-eighth, .one-seventh,.one-fifth,
	.two-fifth, .three-fifth, .four-fifth,
	.one, .two, .three, .four, .five, .six, .seven,
	.eight, .nine, .ten, .eleven, .twelve{ width: 100%; }	
	
	/*--- top bar ---*/
	.top-navigation-container{ text-align: center; line-height: 1; }
	.top-navigation-left{ display: none; }
	.top-navigation-right{ float: none; }
	.top-navigation-right-text{ float: none; padding: 6px; }
	.top-social-wrapper{ float: none; margin-left: 0px; display: inline-block; padding-top: 4px; }
	
	/* .top-navigation-left { float: none; display: inline-block;  }	
	.gdlr-top-menu.sf-menu{ position: relative; }
	.gdlr-top-menu.sf-menu > .gdlr-mega-menu .sf-mega { left: 0px; right: 0px; }
	.gdlr-top-menu.sf-menu > .gdlr-mega-menu .sf-mega-section { float: none; } */	
	
	/*--- logo ---*/
	.gdlr-header-wrapper .gdlr-logo{ float: none; text-align: center; margin: 30px 15px; padding-right: 65px; }
	.gdlr-logo-right-text{ float: none; text-align: center; margin: 0px 10px 30px; }
	
	#gdlr-main-navigation{ display: none; }
	#gdlr-responsive-navigation { display: block; height: 0px; position: static; float: none; }
	#gdlr-responsive-navigation .dl-trigger{ position: absolute; right: 10px; top: 5px; }
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ margin: 0px 15px; width: 390px; }
	
	/*--- stunning-text ---*/
	.gdlr-stunning-text-item{ text-align: center; }
	.gdlr-stunning-text-item.type-normal.gdlr-button-on{ padding-right: 0px; }
	.gdlr-stunning-text-item.type-normal .stunning-text-button{ position: static; margin-top: 0px; }
	.gdlr-stunning-text-item.with-padding.gdlr-button-on{ padding-right: 35px; }
	
	html .woocommerce ul.products li.product, html .woocommerce-page ul.products li.product { width: 99% !important; }
	
	/*--- single page ---*/
	.gdlr-portfolio-style1 .gdlr-portfolio-description{ float: none; margin-right: 0px; width: auto; }
	.gdlr-portfolio-style1 .gdlr-portfolio-info{ width: auto; float: none; margin-bottom: 30px; }	
	.gdlr-portfolio-style2 .gdlr-portfolio-thumbnail {
    max-width: 100%; float: none; margin-right: 0px; margin-left: 0px; width: auto !important;  }
	
	/*--- slider ---*/
	.gdlr-caption-wrapper .gdlr-caption .gdlr-caption-text { display: none; }
	.gdlr-caption-wrapper .gdlr-caption .gdlr-caption-title { margin-bottom: 0px; font-size: 15px; }
	.gdlr-caption-wrapper .gdlr-caption { max-width: 100%; padding: 13px 12px; }	 
	
	/* BANNER APLICADOR */
.foto-banner {
left: -35% !important;
}
.texto-banner-aplicador {
font-size: 18px !important;
line-height: 23px !important;
top: 245px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 50px !important;
top: 260px !important;
left: 90% !important;
}
.titulo-banner-aplicador {
font-size: 34px !important;
line-height: 38px !important;
top: 15px !important;
}
	
/* BANNER manipulador */
.titulo-banner1 {
top: 11% !important;
font-size: 20px !important;
}
.titulo-banner2 {
top: 18% !important;
font-size: 35px !important;
}
.titulo-banner3 {
top: 32% !important;
font-size: 20px !important;
}
.texto-banner-manipulador {
top: 68% !important;
font-size: 19px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 18px !important;
line-height: 18px !important;
top: 44% !important;
text-align: center;
padding: 0 20px !important;
margin: 0 auto !important;
position: relative;
}
.texto-banner2-higiene {
font-size: 37px !important;
line-height: 18px !important;
top: 6% !important;
text-align: center;
padding: 0 20px !important;
left: 78% !important;
}
.titulo-banner-higiene {
font-size: 34px !important;
line-height: 30px !important;
top: 39% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
margin: 0 auto !important;
position: relative;
}	

}
@media only screen and (max-width: 640px) {
/* BANNER APLICADOR */
.foto-banner {
left: -55% !important;
}
.texto-banner-aplicador {
font-size: 18px !important;
line-height: 23px !important;
top: 245px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 50px !important;
top: 260px !important;
left: 90% !important;
}
.titulo-banner-aplicador {
font-size: 34px !important;
line-height: 38px !important;
top: 15px !important;
}
/* BANNER manipulador */
.titulo-banner1 {
font-size: 15px !important;
top: 36% !important;
padding: 0px !important;
width: 100%;
text-align: center;
}
.titulo-banner2 {
font-size: 32px !important;
line-height: 23px !important;
top: 33% !important;
text-align: center;
padding: 36px 0px !important;
background: rgba(0,0,0,.2);
width: 100%;
}
.titulo-banner3 {
font-size: 17px !important;
top: 53% !important;
width: 100%;
text-align: center;
padding: 0px !important;
}
.texto-banner-manipulador {
font-size: 14px !important;
line-height: 18px !important;
top: 70% !important;
text-align: left;
padding: 0 20px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 18px !important;
line-height: 18px !important;
top: 44% !important;
text-align: center;
padding: 0 20px !important;
margin: 0 auto !important;
position: relative;
}
.texto-banner2-higiene {
font-size: 37px !important;
line-height: 18px !important;
top: 6% !important;
text-align: center;
padding: 0 20px !important;
left: 78% !important;
}
.titulo-banner-higiene {
font-size: 34px !important;
line-height: 30px !important;
top: 39% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
margin: 0 auto !important;
position: relative;
}
	body .container{ max-width: 300px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 340px; }
	
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }
}
@media only screen and (max-width: 530px) {
.foto-banner {
left: -90% !important;
}

}
/*--- mobile portrait style ---*/
@media only screen and (max-width: 479px) {
/* BANNER APLICADOR */
.foto-banner {
left: -100% !important;
}
.texto-banner-aplicador {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 37px !important;
top: 280px !important;
left: 90% !important;
}
.titulo-banner-aplicador {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER manipulador */
.titulo-banner1 {
font-size: 12px !important;
top: 36% !important;
padding: 0px !important;
width: 100%;
text-align: center;
}
.titulo-banner2 {
font-size: 24px !important;
line-height: 23px !important;
top: 33% !important;
text-align: center;
padding: 30px 80px !important;
background: rgba(0,0,0,.2);
}
.titulo-banner3 {
font-size: 12px !important;
top: 56% !important;
width: 100%;
text-align: center;
padding: 0px !important;
}
.texto-banner-manipulador {
font-size: 12px !important;
line-height: 18px !important;
top: 15px !important;
text-align: left;
padding: 0 20px !important;
}
/* BANNER riesgos */

.texto-banner-riesgos {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}

.titulo-banner-riesgos {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 18px !important;
line-height: 18px !important;
top: 40% !important;
text-align: center;
padding: 0 20px !important;
}
.texto-banner2-higiene {
font-size: 33px !important;
line-height: 18px !important;
top: 5% !important;
text-align: center;
padding: 0 20px !important;
left: 72% !important;
}
.titulo-banner-higiene {
font-size: 31px !important;
line-height: 30px !important;
top: 35% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
}
	body .container{ max-width: 300px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 340px; }
	
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }
}
@media only screen and (max-width: 410px) {
/* BANNER APLICADOR */
.foto-banner {
left: -140% !important;
}
.texto-banner-aplicador {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 37px !important;
top: 280px !important;
left: 295px !important;
}
.titulo-banner-aplicador {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER manipulador */
.titulo-banner1 {
font-size: 12px !important;
top: 41% !important;
padding: 0px !important;
width: 100%;
text-align: center;
}
.titulo-banner2 {
font-size: 22px !important;
line-height: 23px !important;
top: 38% !important;
text-align: center;
padding: 30px 0px !important;
background: rgba(0,0,0,.2);
}
.titulo-banner3 {
font-size: 12px !important;
top: 56% !important;
width: 100%;
text-align: center;
padding: 0px !important;
}
.texto-banner-manipulador {
font-size: 12px !important;
line-height: 18px !important;
top: 15px !important;
text-align: left;
padding: 0 20px !important;
}
/* BANNER riesgos */

.texto-banner-riesgos {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}

.titulo-banner-riesgos {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 15px !important;
line-height: 18px !important;
top: 40% !important;
text-align: center;
padding: 0 20px !important;
}
.texto-banner2-higiene {
font-size: 30px !important;
line-height: 18px !important;
top: 5% !important;
text-align: center;
padding: 0 20px !important;
left: 70% !important;
}
.titulo-banner-higiene {
font-size: 28px !important;
line-height: 28px !important;
top: 37% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
}
	body .container{ max-width: 300px; }
	body .body-wrapper.gdlr-boxed-style { max-width: 340px; }
	
	.dl-menuwrapper .dl-menu, .dl-menuwrapper > .dl-submenu{ width: 270px; }
}
@media only screen and (max-width: 356px) {
/* BANNER APLICADOR */
.foto-banner {
left: -165% !important;
}
.texto-banner-aplicador {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 37px !important;
top: 280px !important;
left: 295px !important;
}

.titulo-banner-aplicador {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER manipulador */
.titulo-banner1 {
font-size: 12px !important;
top: 43% !important;
padding: 0px !important;
width: 100%;
text-align: center;
}
.titulo-banner2 {
font-size: 20px !important;
line-height: 23px !important;
top: 40% !important;
text-align: center;
padding: 30px 0px !important;
background: rgba(0,0,0,.2);
}
.titulo-banner3 {
font-size: 12px !important;
top: 58% !important;
width: 100%;
text-align: center;
padding: 0px !important;
}
.texto-banner-manipulador {
font-size: 12px !important;
line-height: 18px !important;
top: 15px !important;
text-align: left;
padding: 0 20px !important;
}
/* BANNER riesgos */

.texto-banner-riesgos {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}

.titulo-banner-riesgos {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 15px !important;
line-height: 18px !important;
top: 40% !important;
text-align: center;
padding: 0 20px !important;
}
.texto-banner2-higiene {
font-size: 30px !important;
line-height: 18px !important;
top: 5% !important;
text-align: center;
padding: 0 20px !important;
left: 30% !important;
}
.titulo-banner-higiene {
font-size: 24px !important;
line-height: 28px !important;
top: 36% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
}
}
@media only screen and (max-width: 320px) {
/* BANNER APLICADOR */
.foto-banner {
left: -185% !important;
}
.texto-banner-aplicador {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 37px !important;
top: 280px !important;
left: 275px !important;
}
.titulo-banner-aplicador {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER manipulador */
.foto-banner {
left: -185% !important;
}
.titulo-banner1 {
font-size: 12px !important;
top: 36% !important;
padding: 0px !important;
width: 100%;
text-align: center;
}
.titulo-banner2 {
font-size: 24px !important;
line-height: 23px !important;
top: 34% !important;
text-align: center;
padding: 30px 0px !important;
background: rgba(0,0,0,.2);
}
.titulo-banner3 {
font-size: 12px !important;
top: 59% !important;
width: 100%;
text-align: center;
padding: 0px !important;
}
.texto-banner-manipulador {
font-size: 12px !important;
line-height: 18px !important;
top: 15px !important;
text-align: left;
padding: 0 20px !important;
}
.icono-banner {
width: 37px !important;
top: 280px !important;
left: 275px !important;
}
.titulo-banner-manipulador {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER riesgos */

.texto-banner-riesgos {
font-size: 12px !important;
line-height: 18px !important;
top: 255px !important;
text-align: left;
padding: 0 20px !important;
}

.titulo-banner-riesgos {
font-size: 24px !important;
line-height: 28px !important;
top: 15px !important;
}
/* BANNER higiene */

.texto-banner-higiene {
font-size: 15px !important;
line-height: 18px !important;
top: 40% !important;
text-align: center;
padding: 0 20px !important;
}
.texto-banner2-higiene {
font-size: 30px !important;
line-height: 18px !important;
top: 5% !important;
text-align: center;
padding: 0 20px !important;
left: 30% !important;
}
.titulo-banner-higiene {
font-size: 24px !important;
line-height: 28px !important;
top: 36% !important;
text-align: center;
padding: 20px !important;
background: rgba(0,0,0,.2);
}
}