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

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

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

	.setHG {
		font-size: 38px;
	}

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

	header .setBND {
		width: 180px;
	}

	header .setBND i{
		width: 114px;
		height: 32px;
	}

	header small {
		font-size: 7px;
	}

	nav {
		width:-webkit-calc(100% - 204px);
		   width:-moz-calc(100% - 204px);
			 width:-o-calc(100% - 204px);
				width:calc(100% - 204px);
		margin: 16px 0;
	}

	nav li {
		font-size: 12px;
	}

	nav li i {
		width: 24px;
		height: 24px;
		background-size: 96px 24px;
	}

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

	.setLinks > li > a {
		padding: 0 24px; 
	}

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

	#isB1 {
		margin-bottom: 48px;
	}

	.setInit > li p:first-of-type {
		font-size: 24px;
	}
	/* ---------------------------------------- */

	.setPlayer {
		width: 90%;
	}

	.setPlayer .setBox {
		max-width: 480px;
		color: #FFFFFF;
	}

	.setLZD {
		width: 340px;
		margin-left: 120px;
	}

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

	.setCalidad {
		width: 80%;
	}

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

	.setColumns > li {
		width:-webkit-calc(33.333333% - 24px);
		   width:-moz-calc(33.333333% - 24px);
			 width:-o-calc(33.333333% - 24px);
				width:calc(33.333333% - 24px);
		margin: 12px;
		float: left;
	}

	.setIMG {
		background-position: center center;
		background-attachment: inherit;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 480px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Footer ----------------------- */
	/* ---------------------------------------- */

	.setColumns .setBND {
		width: 200px;
		height: 56px;
		background-size: 200px 112px;
	}

	.setColumns.setC4 > li > p,
	.setColumns.setC4 > li > p:first-of-type,
	.setColumns.setC4 > li > ul > li > a,
	.setColumns.setC4 .setPNH {
		line-height: 1.75em;
		font-size: 14px;
	}

	.setColumns.setC4 > li > h4 {
		font-size: 16px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Media Forms ------------------ */
	/* ---------------------------------------- */

	form p {
		font-size: 21px;
	}

}


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

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

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

	.setHG {
		font-size: 32px;
	}

	.setHG em {
		font-size: 48px;
	}

	nav li {
		line-height: 1em;
		font-size: 12px;
	}

	nav li strong {
		min-height: 24px;
	}

	nav li i {
		margin-top: 6px;
	}

	nav li span {
		margin-top: 12px;
	}

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

	.setLinks > li {
		display: inline-block;
		margin: 0 6px;
	}

	.setLinks > li > a {
		font-size: 12px;
		padding: 0 12px; 
	}

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

	.setInit {
		width:-webkit-calc(100% - 12px);
		   width:-moz-calc(100% - 12px);
			 width:-o-calc(100% - 12px);
				width:calc(100% - 12px);
	}

	.setInit > li {
		margin: 0 12px;
		padding: 32px;
	}

	.setInit > li small,
	.setInit > li p:last-of-type {
		font-size: 12px;
	}


	.setInit > li a {
		font-size: 12px;
	}

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

	.setCalidad {
		width:-webkit-calc(100% - 128px);
		   width:-moz-calc(100% - 128px);
			 width:-o-calc(100% - 128px);
				width:calc(100% - 128px);
		padding: 48px;
	}

	.setCalidad li p {
		width: 420px;
	}

	.setCalidad li p:first-child {
		font-size: 24px;
	}

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

	.setPlayer {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
	}

	.setPlayer .setBox {
		max-width: 360px;
		color: #FFFFFF;
	}

	.setLZD {
		width: 280px;
		margin-left: 100px;
	}

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

	.setSlider p {
		font-size: 18px;
	}

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

	.setColumns > li {
		width:-webkit-calc(50% - 24px);
		   width:-moz-calc(50% - 24px);
			 width:-o-calc(50% - 24px);
				width:calc(50% - 24px);
		margin: 12px;
		float: left;
	}

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

	.setDWN {
		width: 50%;
	}

	.setDWN a {
		font-size: 16px;
	}

	.setIMG .setTXT p,
	.setIMG .setTXT small  {
		max-width: 80%;
		line-height: 1em;
		font-size: 28px;
	}

	.setIMG .setTXT small {
		line-height: 1.25em;
		font-size: 16px;

	}

	/* ---------------------------------------- */
	/* ----- >>> Footer ----------------------- */
	/* ---------------------------------------- */

	.setColumns.setC4 > li {
		width: 33%;
		margin: 0;
	}

	.setColumns.setC4 > li > p {
		max-width: 100%;
	}

	.setColumns.setC4 > li:first-child { width: 100%; margin-bottom: 48px; }
	.setColumns.setC4 > li:last-child { width: 33%; }

}

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

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

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

	header {
		position: relative;
	}

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

	h1{ font-size: 12px; margin-bottom: 24px; }
	h2{ font-size: 24px; }
	p { font-size: 12px; }

	.setHG {
		margin-bottom: 24px;
		line-height: 1.25em;
		font-size: 18px;
		padding: 0;
	}

	.setHG em {
		font-size: 21px;
	}

	#isS01 .setWrapper {
		width: 100%;
	}

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

	header .setBND {
		margin: 24px auto;
		text-align: center;
		float: inherit;
	}

	nav {
		width: 100%;
	}

	nav li {
		font: 700 12px/2em 'Open Sans', sans-serif;
		width: 50%;
	}

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

	#isS01 {
		margin-top: 0;
	}


	.setLinks > li a {
		font-size: 10px;
		padding: 0 16px;
		margin: 6px 0;
	}

	.setLinks > li:nth-child(3) a {
		border: none;
	}

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

	#isB1 {
		background-position: top right 29%;
		background-size: 840px 490px;
		background-color: #000000;
		height: 760px;
	}

	#isB1 .setWrapper p {
		margin: 290px 24px 0 24px;
		line-height: 1.25em;
		max-width: 300px;
		font-size: 18px;
	}

	.setInit {
		width: 100%;
		-webkit-transform: translate( -50%, 0);
		   -moz-transform: translate( -50%, 0);
			-ms-transform: translate( -50%, 0);
			 -o-transform: translate( -50%, 0);
				transform: translate( -50%, 0);
		justify-content: center;
		align-items: center;
		position: absolute;
		display: block;
		bottom: -24px;
		left: 50%;
	}

	.setInit > li {
		width:-webkit-calc(100% - 80px);
		   width:-moz-calc(100% - 80px);
			 width:-o-calc(100% - 80px);
				width:calc(100% - 80px);
		margin: 24px 24px 0 24px;
		padding: 16px;
	}

	.setInit > li small,
	.setInit > li p:last-of-type {
		width: 100%;
		font-size: 12px;
	}

	.setInit > li p:first-of-type {
		margin: 6px 0 12px 0;
		font-size: 1;
	}

	.setInit > li a {
		padding: 8px 12px;
		margin: 12px 0 0 0;
		font-size: 12px;
	}

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

	.setDWN {
		width: 95%;
	}

	.setDWN a {
		font-size: 14px;
	}

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

	.setPlayer {
		width:-webkit-calc(100% - 36px);
		   width:-moz-calc(100% - 36px);
			 width:-o-calc(100% - 36px);
				width:calc(100% - 36px);
	}

	.setPlayer .setBox {
		max-width:-webkit-calc(100% - 48px);
		   max-width:-moz-calc(100% - 48px);
			 max-width:-o-calc(100% - 48px);
				max-width:calc(100% - 48px);
		padding: 12px 24px;
	}

	.setLZD {
		display: none;
	}

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

	#isB6 {
		height: 540px;
	}

	.setCalidad {
		width:-webkit-calc(100% - 128px);
		   width:-moz-calc(100% - 128px);
			 width:-o-calc(100% - 128px);
				width:calc(100% - 128px);
		display: block;
		padding: 32px;
	}

	.setCalidad li:last-child {
		width: 100%;
		margin: 0;
	}

	.setCalidad h1 {
		margin-bottom: 0;
	}

	.setCalidad li p:first-child {
		width: 100%;
		margin: 0 auto 24px auto;
		font-size: 24px;
	}

	.setCalidad li p {
		width: 100%;
		margin: 0 auto 24px auto;
		display: none;
	}

	.setCalidad li {
		width: 100%;
	}

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

	.setSlider {
		margin: 0 auto 48px auto;
	}

	.setSlider:before,
	.setSlider:after {
		display: none;
	}

	.setSlider .setItem { padding: 0;}

	.setSlider p {
		max-width: 90%;
		font-size: 14px;
	}

	.setSlider small {
		line-height: 1.5em;
		font-size: 10px;
	}

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

	.setAsesor h2 {
		margin: 24px auto 0 auto;
		font-size: 24px;
	}

	.setAsesor > ul > li,
	.setAsesor > ul > li:last-child  {
		width: 100%;
		text-align: center;
		float: left;
		margin: 0;
	}

	.setAsesor > ul > li img {
		display: inline-block;
	}

	.setAsesor > ul > li > ul > li:nth-child(1) p {
		max-width: 80%;
		font-size: 16px;
	}

	.setAsesor > ul > li > ul > li,
	.setAsesor > ul > li > ul > li:last-child  {
		width: 100%;
	}


	.setLogos > li {
		width: 50%;
		margin: 12px auto;
	}  

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

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

	.setColumns {
		margin: 24px 0;
	}

	.setColumns > li {
		width: 100%;
		margin: 6px 0;
		float: left;
	}

	.setColumns > li > p {
	}
	
	.setColumns > li > p:first-of-type,
	.setColumns > li > p strong {
		line-height: 1.25em;
		font-size: 21px;
	}

	.setIMG {
		min-height: 360px;
	}

	.setIMG .setTXT {
		bottom: 12px;
	}

	.setIMG .setTXT p {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		line-height: 1em;
		font-size: 21px;
	}

	.setIMG .setTXT small {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		font-size: 14px;
	}

.setPTN.setP1 { background-size: 100px 100px; }
.setPTN.setP2 { background-size: 100px 96px; }


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

	.setColumns.setC5 > li {
		width: 100%;
		margin: 12px 0;
	}

	/* ---------------------------------------- */
	/* ----- >>> Media Forms ------------------ */
	/* ---------------------------------------- */

	form {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		margin: 64px auto;
	}

	form ul > li ,
	form ul > li:last-child{
		width: 100%;
	}

	form p {
		font-size: 16px;
	}

	.setInput.setMRG {
		margin-top: 0;
	}

	.setInput.setHalf {
		width: 100%;
		margin: 0 0 12px 0;
	}

	.setInput label {
		font-size: 12px;
		text-align: left;
	}

	.setOutput {
		font-size: 12px;
	}


	/* ---------------------------------------- */
	/* ----- >>> Footer ----------------------- */
	/* ---------------------------------------- */

	/*.setNewsletter {
		width: 100%;
		float: left;
	}

	.setNewsletter p {
		font-size: 12px;
	}
	
	.setNewsletter form {
		width: 100%
	}

	.setNewsletter input[type="text"] {
		width: 100%;
		margin-bottom: 12px;
	}

	.setNewsletter .setBTN {
		width: 100%;
	}

	.setColumns.setC4 > li > p,
	.setColumns.setC4 > li > p:first-of-type,
	.setColumns.setC4 > li > ul > li > a,
	.setColumns.setC4 .setPNH {
		max-width: 100%;
		font-size: 12px;
	}

	.setColumns.setC4 {
		display: block;
	}

	.setColumns.setC4 > li,
	.setColumns.setC4 > li:first-child,
	.setColumns.setC4 > li:last-child {
		width: 100%;
		margin-bottom: 24px;
	}

	.setColumns.setC4 .setPNH {
		line-height: 40px;
		font-size: 14px;
	}*/

	.setMailing .setBND,
	.setMailing .setPNH,
	.setMailing > div > p{
		display: inline-block;
	}

	.setMailing .setSocial {
		margin-bottom: 64px;
	}

	footer {
		text-align: center;
	}

	footer p,
	footer form,
	footer .setColumns.setC4 {
		display: none;
	}

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

	.setSocial {
		width: 100%;
		text-align: center;
		margin-top: 48px;
	}

	.setSocial li {
		margin: 0 6px;
		display: inline-block;
		float: none;
	}

	.setSocial li i {
		width: 32px;
		height: 32px;
		background-size: 224px 32px;


}