@charset "utf-8";
/* CSS Document */

@media  screen and  (min-width: 501px) and (max-width: 1980px)  {
	/*FIX para Slicks de poco elementos:*/
	body .Slider-three .slick-list div.slick-track {
    left: 0 !important;
	}
}

@media screen and (max-width: 1000px) {
	
	article {
		width: 96%;
		padding: 50px 2%;
	}
	aside {
		width: 96%;
		padding: 0 2%;
	}
	section h2, section h2 a {font-size:32px; line-height:36px; letter-spacing: -0.015em;}
	section h2.more-pading, section h2.more-pading a {padding: 0 0 50px;}
	section h3, section h3 a {font-size:20px; line-height:24px; padding: 20px 0 10px;}
	section p, section p a {font-size: 14px; line-height: 22px;}
	section p.big {font-size:16px; line-height:24px;}
	section img {width:90%;}
	section img.initial {width:initial;}
	
	figure h1 {font-size:20px; line-height:17px;}
	figure h2 {font-size:30px; line-height:34px;}
	figure article {
    height: 320px;
    width: 96%;
    padding: 0 2%;
    background-size: 480px;
    background-position: 90% 50%;
	}
	
	.LogoDIRECTV {
		width:initial;
	}
	
	/* =Grillas en % con margen - css
	--------------------------------------- */
	.Half {width:49%; margin:0 0 0 1%;}
	.Half:first-child {margin:0 1% 0 0; }
	.Half p {width:90%;}

}
@media screen and (max-width: 980px) {
	#html5-close{right: 16px !important;}
}

@media screen and (max-width: 730px) {
	figure article {background-size: 360px;}
}


@media  screen and  (min-width: 320px) and (max-width: 600px)  {
	
	article {
		width: 94%;
		padding: 40px 3%;
	}
	figure article {
		width: 94%;
		padding: 40px 3% 0;
	} 
	figure article div {padding-top:0;}
	aside {
		width: 94%;
		padding: 0 3%;
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px; padding-bottom: 20px;}
	section h2.more-pading, section h2.more-pading a {padding: 0 0 40px;}
	section h3, section h3 a {font-size: 18px; line-height: 22px;}
	section a {font-size:14px;}
	article.CTA {padding-bottom: 20px;}
	section p, section p.big {font-size: 14px;}
	
	figure article {
		height: auto;
		background-size: 90%;
		background-position: 40% 160px;
	}
	figure h1 {
		font-size: 20px;
		line-height: 17px;
		margin: 0 auto;
		text-align: center;
		display: block;
		width: 182px;
	}
	figure h2 {
		font-size: 28px;
		line-height: 34px;
		width: 100%;
		text-align: center;
		padding: 20px 0 70%;
	}
	figure a { width:100%; text-align:center;}
	
	.Half {width: 100%;}
	article .Half:first-child {padding-bottom:40px;}
	
	img.Mobile {display:block;}
	img.Desktop {display:none;}
	section img.initial, section img {width:100%;}
	section img.initial.small {width:initial;}
	.pad-bottom-30 {padding-bottom:20px;}
	.WidthEspecial-A {width: 90%;}
	.LogoDIRECTV {width: 40%;}
	
}