@media (max-width: 1024px) and (min-width: 800px) {

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

	footer {
		padding: 64px 0;
	}

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

	h1 	 { font-size: 64px; margin-bottom: 0;}
	h2 	 { font-size: 21px; }
	p  	 { font-size: 16px; }
	small{ font-size: 14px; }

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

	.setBND {
		margin: 8px auto 16px auto;
	}

	nav {
		margin: 29px auto;
	}

	header nav { 
		font-size: 1px;
	}

	footer nav { 
		font-size: 18px;
	}

	footer p {
		margin-bottom: 24px;
	}

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


	.setTabs > div > p {
		font-size: 24px;
	}

	.setTabs > div > p > span {
		font-size: 16px;
	}


	/*.setProducts .setItem > a > p > span {
		font-size: 10px;
	}

	.setProducts .setItem > a > p {
		margin-top: 24px;
		font-size: 21px;
	}

	.setProducts .setItem:before {
		width: 32px;
		height: 32px;
		margin-left: -16px;
		top: -16px;
	}

	.setProducts .setItem > a > i {
		width: 36px;
		height: 36px;
	}

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

	.setCare .setItem  {
		font-size: 18px;
	}

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

	#isS05 h2 { font-size: 24px; }
	#isS05 h3 { font-size: 24px; font-weight: 300; }

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

	section > h1 {
		font-size: 48px;
	}

	.setGradient {
		padding-top: 96px;
	}

	.setItems > ul > li {
		max-width: 80px;
		padding: 32px 16px 16px 16px;
		font-size: 12px;
	}

	.setColumns > div > .setContent,
	.setColumns.setFA > div:nth-child(1) .setContent,
	.setColumns.setFA > div:nth-child(2) .setContent  {
		margin: 64px 0;
	}

	.setColumns > div:nth-child(2) .setContent { 
		width:-webkit-calc(100% - 180px);
		   width:-moz-calc(100% - 180px);
			 width:-o-calc(100% - 180px);
				width:calc(100% - 180px);
		margin-left: 180px;
	}

	.setColumns.setFA > div:nth-child(1) .setContent,
	.setColumns.setFA > div:nth-child(2) .setContent  {
		width: 100% !important;
	}

	.setColumns > div > .setInfo p,
	.setColumns > div > .setInfo h2,
	.setColumns > div > .setInfo small,
	.setColumns > div > .setInfo a {
		width: 95%;
		margin-bottom: 32px !important;
		margin-left: 0;
	}

	.setColumns > div > .setInfo h1 {
		font-size: 21px !important;
	}

	.setColumns > div > .setInfo > h1 > i {
		margin-top: 12px;
	}

	.setColumns > div > .setInfo h2 {
		max-width: 80%;
		font-size: 16px !important;
		padding: 16px;
	}

	.setColumns > div > .setInfo > h2 > i {
		width: 18px;
		height: 18px;
	}

	.setColumns > div > .setInfo p {
		width: 80%;
		line-height: 1.25em;
		font-size: 14px !important;
	}

	.setColumns > div > .setInfo .setButton {
		margin-bottom: 48px !important;
		padding: 12px 24px;
		font-size: 16px;
	}

	.setColumns > div > .setContent.setInfo small {
		font-size: 12px !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.setColumns > div .setLOG {
		width: 75%;
		padding-bottom: 18.75%;
		margin-bottom: 16px;
	}

	.setColumns > div > .setContent h1,
	.setColumns > div > .setContent h2 {
		margin-bottom: 24px;
		font-size: 32px;
	}


	.setColumns > div > .setContent p, 
	.setColumns > div > .setContent small  {
		font-size: 16px !important;
		margin-bottom: 12px;
	}

	.setColumns > div > .setContent li  {
		font-size: 16px !important;
	}

	.setColumns > div > .setContent small:last-of-type {
		margin-top: 0;
	}

	.setColumns.setFA:nth-child(3) > div > .setContent {
		margin-bottom: 32px;
		margin-top: 32px;
	}

	.setColumns:last-child .setREF {
		width: 35.333333%;
	} 

	.setColumns.setFA:nth-child(3) > div:nth-child(2):before {
		margin-top: 0;
	}

}

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

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

	.setWrapper {
		width:calc(100% - 32px);
	}

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

	h1 	 { font-size: 40px; }
	h2 	 { font-size: 18px; }
	h3 	 { font-size: 16px; }
	p  	 { font-size: 16px; }
	small{ font-size: 14px; }

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

	section,
	footer {
		padding: 48px 0;
	}

	aside {
		width: 50%;
	}

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

	.setBND {
		width: 130px;
		height: 24px;
		margin: 12px auto 20px auto;
	}

	footer .setMNF {
		width: 72px;
		height: 24px;
		margin-bottom: 32px;
	} 

	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%);
		text-align: center;
		flex-direction: column;

		left: 50%;
		top: 40%
	}

	header nav ul li {
		width: 100%;
		padding: 6px 0;
		font-size: 16px;
		float: left;
	}

	footer nav {
		display: none;
	}

	footer p {
		letter-spacing: 0.1em;
		line-height: 1.50em;
		font-size: 14px;
	}

	footer small {
		letter-spacing: 0.05em;
		font-size: 12px;
	}

	footer small > span {
		width: 100%;
		display: block;
		height: 1px !important;
		margin: 0px;
		opacity: 0;
	}

	footer small > a {
		display: inline-block;
		margin-top: 21px;
	}

	aside .setTrigger {
		width: 36px;
		height: 36px;
		left: -36px;
		top: 15%;
	}

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

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

	.setSlider .setSlide {
		min-height: 100vh;
	}

	.setSlider .setPrev,
	.setSlider .setNext {
		display: none !important;
	}

	.setCare {
		width: 100%;
	}

	.setCare .setItem  {
		font-size: 21px;
	}

	.setSlider .setDots {
		bottom: 24px !important;
	}

	.setSlider .setDots > .setItem  {
		width:  8px;
		height: 8px;
	}

	.setSlider .setButton {
		width: 140px;
		font-size: 12px;
		padding: 0;
	}

	#isI01 { background-image: url(../assets/@0x/IMG_SM01.jpg?200000); } 
	#isI02 { background-image: url(../assets/@0x/IMG_SM02.jpg?200000); } 
	#isI03 { background-image: url(../assets/@0x/IMG_SM03.jpg?200000); } 
	#isI04 { background-image: url(../assets/@0x/IMG_SM04.jpg?200000); } 
	#isI05 { background-image: url(../assets/@0x/IMG_SM05.jpg?200000); } 

	#isI01 .setButton { left: 50%; top: 38%; margin-left: -70px; margin-top: 0; }
	#isI02 .setButton { left: 50%; top: 38%; margin-left: -70px; margin-top: 0; background: #004F8C; }
	#isI03 .setButton:nth-child(1) { left: 50%; top: 40%; margin-left: -70px; margin-top: 0; }
	#isI03 .setButton:nth-child(2) { left: 50%; top: 48%; margin-left: -70px; margin-top: 0; }
	#isI04 .setButton { left: 50%; top: 65%; margin-left: -70px; margin-top: 0; }

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

	.setTabs {
		border-bottom: 2px solid #9C9C9C;
		margin: 0 auto 24px auto;
		background: none;
		padding: 0;
	}

	.setTabs > div {
		-webkit-border-radius: 6px 6px 0px 0px;
		-moz-border-radius: 6px 6px 0px 0px;
		border-radius: 6px 6px 0px 0px;
		padding: 12px 0;
	}

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

	.setTabs > div > p > span {
		font-size: 12px;
	}

	.setProducts .setMove {
		flex-wrap: wrap;
		display: flex;
	}

	.setProducts .setMove .setThumb {
		width:calc(50.000% - 12px);
		margin: 6px 6px 24px 6px;
		border-radius: 6px;
	}

	.setProducts .setMove .setThumb:before {
		width: 32px;
		height: 32px;
		margin-left: -16px;
		top: -16px;
	}

	.setProducts .setMove .setThumb:before {
		width: 32px;
		height: 32px;
		margin-left: -16px;
		top: -16px;
	}

	.setProducts .setMove .setThumb > a > p {
		position: relative;
		margin-top: 32px;
		min-height: 48px;
		font-size: 16px;
	}

	.setProducts .setMove .setThumb > a > p > span {
		font-size: 10px;
	}

	.setProducts .setMove .setThumb > a > .setIMG  {
		margin-top: 0;
	}


	.setProducts .setMove .setThumb > a > i {
		width: 32px;
		height: 32px;
		border-radius: 6px 0px 6px 0px;
	}


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

	#isS05 h2 { font-size: 18px; }
	#isS05 h3 { font-size: 18px; }

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

	.setGradient {
		padding-top: 64px;
	}

	.setGradient h1 {
		margin-bottom: 0;
	}

	section > h1 {
		font-size: 28px;
	}

	.setColumns {
		display: block;
	}

	.setColumns > div:nth-child(1),
	.setColumns > div:nth-child(2)  {
		width: 100%; 
	}

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

	.setColumns > div > .setContent {
		padding: 48px 0;
		margin: 0;
	}

	.setColumns > div .setLOG {
		margin-bottom: 0;
	}

	.setBFR:before {
		width: 100%;
	}

	.setColumns > div:nth-child(2) .setContent,
	.setColumns > div:nth-child(2) .setContent.setFixed  { 
		width: 100%;
		margin-left: 0;
	}

	.setColumns > div > .setContent h1,
	.setColumns > div > .setContent h2 {
		margin-bottom: 24px;
		font-size: 32px;
	}

	.setColumns .setPRD {
		width: 100%;
		max-width: 100%;
		position: relative;
		-webkit-transform: inherit;
		   -moz-transform: inherit;
			-ms-transform: inherit;
			 -o-transform: inherit;
				transform: inherit;
		left: inherit;
		top: inherit;
	}

	.setColumns .setPRD.setMT1 { margin-top: -48px; }
	.setColumns .setPRD.setMT2 { margin-top: -64px; }
	.setColumns .setPRD.setMT3 { margin-top: -72px; }

	.setColumns > div > .setContent p,
	.setColumns > div > .setContent h2,
	.setColumns > div > .setContent li,
	.setColumns > div > .setContent small,
	.setColumns > div > .setContent .setButton {
		font-size: 14px;
	}

	.setSMP {
		float: left;
		width: 40%;
	}

	.setMT1 {
		margin-left: 00%;
	}

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

	section.setPRV > h1 {
		line-height: 1em;
		padding: 32px 0;
		font-size: 28px;
	}

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

	.setIntro,
	.setExtras {
		display: block;
	}

	.setColumns.setFA {
		position: relative;
		flex-direction: column;
		flex-wrap: nowrap;
		display: flex;
	}

	.setColumns > div {
		padding: 0 24px;

	}

	.setColumns > div > .setContent {
		width:calc(100% - 48px) !important;
	}

	.setColumns.setFA > div {
		width:calc(100% - 48px) !important;
		padding: 0 24px;
		margin: 0;
	}

	.setColumns.setFA > div:nth-child(1) { order: 2; }
	.setColumns.setFA > div:nth-child(2) { order: 1; position: relative;}

	.setColumns.setFA > div:nth-child(1).setBKG {
		padding-bottom: 62.25%;
	}

	.setColumns.setFA:nth-child(3) > div:nth-child(2) {order: 2; }

	.setColumns.setFA > div:nth-child(1) { display: block; }
	.setColumns.setFA > div:nth-child(1) .setContent,
	.setColumns.setFA > div:nth-child(2) .setContent {
		min-width: 100%;
		margin: 0 !important;
	}

	.setColumns.setFA  > div > .setContent h1,
	.setColumns.setFA  > div > .setContent h2 {
		margin-bottom: 24px;
		line-height: 1em;
		font-size: 32px;
	}

	.setColumns.setFA  > div > .setContent h2 {
		font-size: 24px;
	}

	.setColumns:last-child .setREF {
		width:calc(100% + 64px);
		position: relative;
		left: -32px;
	} 

	/* ---------------------------------------- */
	/* ----- >>> Section: Profesional --------- */
	/* ---------------------------------------- */

	.setFS01 { font-size: 36px; }
	.setFS02 { font-size: 28px; }

	.setProfesional .setItem > a > p {
		font-size: 16px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Hospital ------------ */
	/* ---------------------------------------- */

	.setPH > h1{
		line-height: 1.0em;
		width:calc(100% - 64px);
		letter-spacing: 0.05em;
		font-size: 21px;
		padding: 32px;
	}

	.setPasos {
		margin-top: 32px;
	}

	.setPasos.setSpace > li {
		width:calc(100% - 32px) !important;
		margin-left: 48px !important;
	}

	.setPasos > li .setPU {
		width: 64px;
		height: 64px;
		left: -48px;
		top: -36px;
	}

	.setPasos > li > span {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}

	.setPasos > li > p {
		line-height: 1.25em !important;
		font-size: 14px !important;
		margin-top: 4px !important;
	}

	.setPasos > li > p,
	.setPasos > li > small {
		max-width: calc(100% - 48px) !important;
	}

	.setAdds {
		width: 100%;
	}
	
	.setAdds:before,
	.setAdds:after {
		display: none;
	}

	.setAdds > p 	 { font-size: 15px !important; line-height: 1.25em !important; }
	.setAdds > small { font-size: 18px !important; }

	.setAdds .setPasos > li {
		align-items: flex-start;
	}

	.setAdds .setPasos > li .setSMP {
		margin-top: 0;
	}

	.setContent > h4 {
		font-size: 16px;
		margin: 08px 0  32px 0 !important;
	}

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

	.setItems .setPrev,
	.setItems .setNext,
	.setItems .setDots {
		display: flex !important;
	}



	.setItems .setItem {
		width: 100%;
		max-width: auto !important;
	}

	.setItems.setFixed .setItem {
		max-width: 160px;
	}

	.setItems.setFixed a {
		font-size: 14px;
	}

	.setSocial > li > a > i {
		width: 24px;
		height: 24px;
		margin-top: 32px;
	}

	.setPrev,
	.setNext {
		display: flex;
	}

	/* ---------------------------------------- */
	/* ----- >>> Menu Animation --------------- */
	/* ---------------------------------------- */

	.setMenu {
		display: block;
	}


}