@media screen and (min-width: 1024px) {
.setMenu, span.mobile-view {
    display: none;
}

}
/* ---------------------------------------- */
/* ----- >>> Layout: Tablet --------------- */
/* ---------------------------------------- */

@media (max-width: 1024px) and (min-width: 0px) {
.desktop-view{display: none;}
	.setWrapper {
		width:-webkit-calc(100% - 80px);
		   width:-moz-calc(100% - 80px);
			 width:-o-calc(100% - 80px);
				width:calc(100% - 80px);
	}

	header .setWrapper {
		width:-webkit-calc(100% - 64px) !important;
		   width:-moz-calc(100% - 64px) !important;
			 width:-o-calc(100% - 64px) !important;
				width:calc(100% - 64px) !important;
	}

	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */

	h1		{ font-size: 36px; }
	h2		{ font-size: 21px; }
	h3		{ font-size: 21px; }
	h4		{ font-size: 21px; }
	p		{ font-size: 16px; }
	small	{ font-size: 12px; }

	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */

	nav li a {
		font-size: 16px;
		padding: 32px 16px;
	}

	footer small {
		font-size: 10px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.setCover {
		margin-top: 80px;
	}

	.setCover .setItem {
		padding-bottom: 50%;
	}

	.setCover .setItem > div {
		max-width: 360px;
	}

	.setCover .setItem > div > h1 {
		font-size: 54px;
	}



	.setCover .getComercial {
		padding: 16px 32px;
		font-size: 18px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Páginas ------------- */
	/* ---------------------------------------- */

	article h1 { font-size: 36px; }
	article h2 { font-size: 21px; }
	article h3 { font-size: 16px; }
	article p  { font-size: 16px; }

	article .setM32 { margin-bottom: 24px; }
	article .setM64 { margin-bottom: 32px; }

	.setTable > li {
		font-size: 16px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Productos ----------- */
	/* ---------------------------------------- */

	.setTMB {
		width: 320px;
		height: 320px;
		margin-left: -480px;
	}

	.setCover.setSmall > div {
		height: 360px;
	}

	.setCover.setSmall .setContent {
		margin-top: 32px;
	}

	.setCover.setSmall .setContent h1 {
		width: 360px;
		margin-top: 48px;
		font-size: 54px;
	}

	.setCover.setSmall .setContent h1 sup {
		font-size: 16px;
		top: -24px;
	}


	.setCover.setSmall .setContent h1 em {
		font-size: 24px;
		top: 64px;
	}

	.setPRD > li > a > div > p {
		margin-left: 16px;
		font-size: 16px;
	}

	.setBox > ul {
		margin-bottom: 16px;
		margin-left: 16px;
	}

	.setBox > ul > li {
		font-size: 16px;
	}

	/* ---------------------------------------- */

	.setM01:after,
	.setM02:after {
		display: none;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Consejos ------------ */
	/* ---------------------------------------- */

	.setCNS > li > div > h1 {
		font-size: 32px;
	}

	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	.setBND {
		width: 128px;
		height: 64px;
	}

	/* ---------------------------------------- */

	.setColumns.setC31 > div:nth-child(1) {
		width:-webkit-calc(100% - 200px);
		   width:-moz-calc(100% - 200px);
			 width:-o-calc(100% - 200px);
				width:calc(100% - 200px);
	}

	.setList {
		margin: 0 auto;
		float: none;
	}

	/* ---------------------------------------- */

	.setList .setItem a > p,
	.setSlider .setItem a > p {
		font-size: 16px;
	}

	.setSlider.setBRD .setItem a > div > div > p {
		font-size: 16px;
	}

	.setButton {
		padding: 16px 32px;
		font-size: 14px;
	}

}

/* ---------------------------------------- */
/* ----- >>> Layout: Mobile --------------- */
/* ---------------------------------------- */

@media (max-width: 640px) and (min-width: 0px) {

	.setWrapper,
	footer .setWrapper {
		width:-webkit-calc(100% - 48px);
		   width:-moz-calc(100% - 48px);
			 width:-o-calc(100% - 48px);
				width:calc(100% - 48px);
		background: rgba(255,0,0,0);
	}

	.setWide {
		width: 100%;
		max-width: 100%;
	}

	header .setWrapper {
		width: 100% !important;
	}

	/* ---------------------------------------- */
	/* ----- >>> Structure -------------------- */
	/* ---------------------------------------- */

	section {
		padding: 15% 0; 
	}

	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */

	h1		{ font-size: 28px; }
	h2		{ font-size: 16px; letter-spacing: 0.1em; }
	h3		{ font-size: 16px; margin-top: 24px }
	h4		{ font-size: 16px; }
	p		{ font-size: 14px; }
	small	{ font-size: 10px; }

	.setTDU { 
		padding-bottom: 12px;
		position: relative; 
	}

	.setTDU:before{ 
		width: 24px;
		height: 8px;
		content: "";
	}

	.setTAC .setTDU:before{ 
		margin-left: -12px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */

	header .setBND { margin-left: 16px; }

	header nav {
		height: 100vh;
		display: none;
	}

	header nav > ul {
		width: 100%;
		position: absolute;
		-webkit-transform: translate( -50%, -50%);
		   -moz-transform: translate( -50%, -50%);
			-ms-transform: translate( -50%, -50%);
			 -o-transform: translate( -50%, -50%);
				transform: translate( -50%, -50%);
		left: 50%;
		top: 50%;
	}

	header nav > ul > li {
		width: 100%;
		display: inline-block;
		margin: 16px 0;
	}

	header nav > ul > li > a {
		width: 100%;
		font-weight: 400;
		font-size: 21px;
		padding: 0;
	}

	nav li:hover a,
	nav li.isCurrent a,
	#isS02 nav li:nth-child(2) a,
	#isS03 nav li:nth-child(3) a,
	#isS04 nav li:nth-child(4) a,
	#isS05 nav li:nth-child(5) a,
	#isS06 nav li:nth-child(6) a {
		background-color: transparent;
		font-weight: 500;
	}

	footer .setBND { 
		margin-bottom: 32px; 
	}

	footer nav {
		display: none !important;
	}

	footer p {
		line-height: 1.25em;
		font-size: 12px;
	}

	/* ---------------------------------------- */

	.setLinks > li > a > i {
		width: 24px;
		height: 24px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.setCover {
		margin-top: 64px;
	}

	.setCover .setItem {
		height: 62.2vh;
		padding-bottom: 0;
	}

	.setCover .setItem.setSLD01 { background-image: url(../assets/@0x/IMG_MBL01.jpg); }
	.setCover .setItem.setSLD02 { background-image: url(../assets/@0x/IMG_MBL02.jpg); }
	.new-slider .setCover .setItem.setSLD03 { background-image: url(../assets/@0x/IMG_MBL05.jpg); }
	.setCover .setItem.setSLD04 { background-image: url(../assets/@0x/IMG_MBL04.jpg); }
	.new-slider .setCover .setItem.setSLD03 {
		background-position: 0px 110%;
		background-color: #a5c5b2;
	}

	.setCover .setItem > div {
		width: 100%;
		max-width: 260px;
		bottom: 48px;
		left: 6px;
	}

	.setCover .setItem > div > h1 {
		max-width: 320px;
		margin-left: 6px;
		font-size: 24px;
	}
	.setSLD02 a.getComercial {
		transform: translate(-50%, 80%);
	}
	.setCover .getComercial {
		transform: translate(-50%, -200%);
		border-radius:  32px;
		padding: 12px 24px;
		font-size: 12px;
		right: unset;
		bottom: unset;
		top: inherit;
		left: 50%;
	}

	.setCover .setItem.setSLD03 > div {
		width: 100%;
		position: absolute;
		max-width: unset;
		bottom: 0.0rem;
		left: 0;
		right: 0%;
	}

	.setCover .setItem.setSLD03 > div img {
		width: 60% !important;
		margin-left: 25%;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Páginas ------------- */
	/* ---------------------------------------- */

	article h1 { font-size: 28px; }
	article h2 { font-size: 16px; }
	article h3 { font-size: 16px; }
	article p  { font-size: 14px; }

	article .setM32 { margin-bottom: 12px; }
	article .setM64 { margin-bottom: 24px; }

	.setTable > li {
		font-size: 14px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Productos ----------- */
	/* ---------------------------------------- */

	.setTMB {
		width: 172px;
		height: 172px;
		margin-left: 0;
		left: 8px;
	}

	.setCover.setSmall > div {
		height: 240px;
	}

	.setCover.setSmall .setContent {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		margin-top: 64px;
	}


	.setCover.setSmall .setContent h1, 	.setCover.setSmall.Faq-font .setContent h1 {
		width: 240px;
		line-height: 1.00em;
		font-size: 28px;
		margin-top: 0;
	}

	.setCover.setSmall.adv-font .setContent h1 {
		width: 330px;
	}

	

	.setCover.setSmall .setContent h1 sup {
		font-size: 12px;
		top: -12px;
	}

	.setCover.setSmall .setContent h1 em {
		font-size: 16px;
		top: 32px;
	}

	.setCover.setSmall .setContent h1 em > span {
		font-size: 12px;
		top: 0;
	}

	.setBox {
		margin-bottom: 12px;
		margin-top: 0px;
	}

	.setBox > ul {
		width: 100%;
		margin-bottom: 16px;
		margin-left: 0;
	}

	.setBox > ul > li {
		line-height: 1.5em;
		font-size: 14px;
	}

	.setColumns > div > h1 {
		margin-top: 48px;
	}

	.setPRD {
		width: 100%;
		display: block;
	}

	.setPRD > li {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		margin: 0 16px 16px 16px;
	}

	.setPRD > li > a > div:before {
		width: 32px;
		height: 32px;
	}

	/* ---------------------------------------- */

	.setModal .setContent {
		width:-webkit-calc(100% - 80px);
		   width:-moz-calc(100% - 80px);
			 width:-o-calc(100% - 80px);
				width:calc(100% - 80px);
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
			  	border-radius: 8px;
		padding: 16px 24px;
	}

	.setModal .setContent h1 {
		margin-bottom: 16px;
		font-size: 24px;
	}

	.setModal .setContent p {
		font-size: 12px;
	}

	.setModal .setContent small {
		line-height: 1.25em;
		font-size: 12px;
	}

	.setModal .setContent .setButton {
		margin-bottom: 16px;
		padding: 12px 0px;
		font-size: 14px;
		margin-top: 0;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Consejos ------------ */
	/* ---------------------------------------- */

	.setCNS > li > div > h1 {
		margin-top: 12px;
		font-size: 24px;
	}

	.setCNS > li > div > p {
		font-size: 14px;
	}

	.setCNS > li > div > i {
		width: 48px;
		height: 48px;
		margin-right: 16px;
	}

	/* ---------------------------------------- */

	.setList {
		display: none !important;
	}

	.setList .setItem a > p,
	.setSlider .setItem a > p {
		margin-top: 12px;
		font-size: 14px;
	}

	.setSlider.setBRD .setItem a > div > div > p {
		font-size: 14px;
	}

	.setList .setItem a > div:before,
	.setSlider .setItem a > div:before {
		width: 32px;
		height: 32px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Sintomas ------------ */
	/* ---------------------------------------- */

	.setSNT {
		margin-bottom: 24px;
	}

	.setSNT > li {
		width: 33.33%;
		margin-bottom: 0px;
	}

	.setSNT > li > i {
		width: 80px;
		height: 80px;
	}

	.setSNT > li > p {
		font-size: 12px;
	}

	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	.setBND {
		width: 96px !important;
		height: 48px !important;
		margin-bottom: 16px;
	}

	.setPDG {
		padding: 16px 0;
	}

	.setSHP {
		padding-bottom: 20%;
		padding-top: 32px;

	}

	.setMobile {
		display: block;
	}

	.setMobile .setSlider {
		margin: 0;
	}

	.setSI0:before { background-image: url(../assets/SVG/IMG_SI1.svg); } 


	/* ---------------------------------------- */

	.setSlider {
		margin: 24px auto;
	}

	.setPrev,
	.setNext {
		display: none;
	}

	/* ---------------------------------------- */

	.setZigZag .setItem:nth-child(2n){
		margin-top: 0;
	}

	/* ---------------------------------------- */

	.setColumns {
		display: block;
	}

	.setColumns > div {
		width: 100%;
	}

	.setColumns.setC31 > div:nth-child(1) {
		width: 100%;
		padding-bottom: 64px;
		max-width: auto;
	}

	.setColumns.setC31 > div > article {
		width:-webkit-calc(100% - 48px);
		   width:-moz-calc(100% - 48px);
			 width:-o-calc(100% - 48px);
				width:calc(100% - 48px);
		background: rgba(255,0,0,0);
		margin: 0 auto;
		float: none;
	}

	.setColumns.setC31 > div:nth-child(2) {
		display: none;
	}

	.setColumns.setC31 > div {
		padding: 32px 0;
	}

	/* ---------------------------------------- */

	.setButton {
		width: 180px;
		margin: 48px auto 0 auto;
		padding: 16px 32px;
		text-align: center;
		font-size: 12px;
		display: block;
	}

	/* ---------------------------------------- */
	/* ----- >>> Advance Spray ------------ */
	/* ---------------------------------------- */

	.setHadv.setHCL .setColumns {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.setHadv.setHCL .setColumns > div {
		max-width: 125px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Preguntas frecuentes ------------ */
	/* ---------------------------------------- */

	.faq-question {
		font-size: 20px;
	}

	.faq-answer {
		font-size: 14px;
	}

	/* ---------------------------------------- */
	/* ----- >>> CUCARDAS ------------ */
	/* ---------------------------------------- */


	section.adv24:after, section.actua2:after, section.rapidaac:after {
		right: 5%;
		max-width: 150px;
		width: 100%;
		height: 125px;
		top: -8%;
	}

	section.adv24:after {
		top: -6%;
	}
}