@media screen and (max-width: 970px) {
	body .Grid-Flexible.txt-destacado{
  		width: 45%;
	}
}

@media screen and (max-width: 920px){
	body figure article img.logo {
    	top: 180px;
	}
}
@media screen and (max-width: 925px) {
	body section.Destacado.App article h3 {
    	padding: 22px 0 10px;
	}
	body .Grid-Flexible.versiones {
    	width: 205px;
	}
}

@media screen and (max-width: 850px){
	body .Grid-Flexible.txt-destacado {
    	width: 45%;
	}
	body section.Destacado.App img.logo-A {
    	width: 72%;
	}
    body section.Destacado.App img.logo-B {
    	width: 69%;
	}
	body .Grid-Flexible.versiones {
    	width: 20%;
    	padding: 20px 20px 0 1%;
	}
	body section article.First {
    	padding: 0 2% 0;
	}
}

@media screen and (max-width: 700px){
	body section.Destacado.App img.logo-B, body section.Destacado.App img.logo-A {
    	width: 80%;
	}
	body .Grid-Flexible.versiones {
    	width: 15%;
	}
}

@media screen and (max-width: 780px) {

	/*TROFEO*/
	body ul.lista-tiquet li {padding: 0px 0 5px 39px;margin: 0 0 6px; background: url("/Shared/Images/deportes/generico/bullets.png") no-repeat scroll 0 5px transparent;
    font: 14px/24px Arial;}
	body .Grid-Flexible .middle {height: 222px;}
	body .Grid-Flexible.list-tick {width: 66%;padding: 0 0 0 0;}
	body .Grid-Flexible.trofeo {width: 34%;}
	body .Grid-Flexible.trofeo img {width: 78%;}
	body .Grid-Flexible.trofeo, body .Grid-Flexible.list-tick {margin: 50px 0 0 0;}
}

@media screen and (max-width: 620px){

	/*TROFEO*/
	body .Grid-Flexible.trofeo img {width: 84%;}
	body section.Widget{
		margin: 0 0 30px 0;
	}
	section.Line-top{
		
	}

	body section.Widget{
		padding: 0 0 10px;
	}

	body section div.Modulo-Sports h3{
		padding: 10px 0 20px 0;
	}

	html body section article, html body section.Cta article {
	  width: 92%;
	  padding: 40px 4%;
	}

	html body section article.pdd-btm, html body section article.First {
    	padding: 0px 4% 30px;
	}

	body section article.article-especial {
    	padding: 10px 4% 30px;
	}

	body section article.article-especial h2{
		padding: 0 0 22px;
	}

	html body figure article{
		   padding: 0 4% 30px;
		   width: 92%;
	}

	body .Grid-Flexible.list-tick {
    	margin: 0px 0 0 0;
	}
	body a.Social-Box p {
		font: bold 14px Arial;
		padding: 16px 0;
	}
	
	/*2 Columnas*/ 
	body .grid-two-content {
		width: 100%;
		margin:20px 0 0 0;
	}
	body .grid-two-content:first-of-type {margin: 0;}
	
	/*Flex Layout*/
	article.First {
		display: flex;
		display: -webkit-flex;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
	}
	article.First .Half {
		flex: 1 100%; /*:para que queden al 100%*/
		-webkit-flex: 1 100%;
		float:none;
	}
	/*article.First .Half:nth-of-type(2) {order: 1;-webkit-order: 1;margin-bottom:20px;}
	article.First .Half:nth-of-type(2) img.centerImage {width:100%;}
	article.First .Half:nth-of-type(1) { order: 2; -webkit-order: 2; }*/
	div.Half-1, div.Half-2, div.Half-2 img{width: 100%;}
	div.Half-2 img{margin: 20px 0 0;}

}

@media screen and (max-width: 600px){

	body figure h1 {
    	top: 200px;
	}
	body figure article{
	    height: 150px;
	    background: -moz-linear-gradient(top, rgba(0,0,0,0) 41%, rgba(0,0,0,0.2) 56%, rgba(0,0,0,0.65) 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));
	    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.2) 56%,rgba(0,0,0,0.65) 100%);
	    background: -o-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.2) 56%,rgba(0,0,0,0.65) 100%);
	    background: -ms-linear-gradient(top, rgba(0,0,0,0) 41%,rgba(0,0,0,0.2) 56%,rgba(0,0,0,0.65) 100%);
	    background: linear-gradient(to bottom, rgba(0,0,0,0) 41%,rgba(0,0,0,0.2) 56%,rgba(0,0,0,0.65) 100%);
	}
  body .Modulo-Sports img, body .Modulo-Sports .Box {
    width: 100%;
    float: none;
	}
	body .Modulo-Sports img{
		    margin: 0px 0 0;
	}
	/*body .Modulo-Sports img {padding-bottom:20px;}*/

	body .Grid-Flexible.img-destacado {
    	width: 100%;
	}
	body .Grid-Flexible.txt-destacado {
    	width: 92%;
    	padding: 0 4%;
    }
	body .Grid-Flexible.versiones {
    	width: 96%;
    	padding: 0 0 20px 4%;
    	float: left;
	}
	body section.Destacado.App img.logo-B {
	    width: 135px;
	}
	body section.Destacado.App img.logo-A {
    	width: 165px;
	}
	body section.Destacado.App article p{
		padding: 0 0 10px;
	}
}


@media screen and (max-width: 550px){

	/*TROFEO*/
	body .Grid-Flexible.trofeo{display: none;}
	body .Grid-Flexible.list-tick {margin: 10px 0 0 0; width: 100%;}
	body .Grid-Flexible .middle {height: auto;}
	body .Grid-two{width: 100%;margin: 0;}
	body .Grid-two.First{margin: 0 0 20px;}

	/*DESTACADO*/
	/*body .Grid-Flexible.txt-destacado {margin: 30px 0 0 0; width: 100%; padding: 0;}*/
	body .Grid-Flexible.img-destacado {width: 100%;}
	body section.Destacado .Grid-Flexible.img-destacado img{width: 100%; padding: 0;}
	body section.Destacado {padding: 6% 0 0 0;}
	body section.Destacado h2{font: 28px/32px 'DTV-DIN-LIGHT';}
	body .Grid-Flexible.img-clasico {width: 100%;}
	body section.Destacado .Grid-Flexible.img-clasico img {
    	width: 100%;
    	padding: 0;
	}
	body .Grid-Flexible.txt-clasico {
    	margin: 30px 0 0 0;
    	width: 100%;
    	padding: 0;
	}
}
@media screen and (max-width: 540px){

	body figure h1 {
   	 	top: 133px;
	}
}

@media screen and (max-width: 600px) {
	#html5-close {top: -34px !important; right: 0 !important;}
}


/*Modulo Opta
***********************************************/
@media screen and (max-width: 1050px) {	
	body .Wrap2 {width: 100%;}
	body .opta-widget-container {width: auto;}
	/*body section.Widget .opta-widget-container .fixtures-plus-strip .fixture .scoreLine span.team-name{width: auto !important;}*/
	body section.Widget h2 {padding: 38px 0 25px 35px;}
}

@media screen and (max-width: 1030px) {	
	body .Directv-Play {padding: 38px 35px 20px 0;}
}
@media screen and (max-width: 970px) {	
}

@media screen and (max-width: 950px) {
	.Wrap{
		width: 100%;
		float: left;
	}
}
@media screen and (max-width: 970px) {
	body .Directv-Play img, body .Directv-Play p{display: none;}
	body .Directv-Play {width:auto;}
	body .Directv-Play a {margin-top: 12px;}
}
@media screen and (max-width: 770px) {
	body .Directv-Play a {
    	margin-top: 0px;
	}
}
@media screen and (max-width: 600px){
	body .Directv-Play {
    position: absolute;
    bottom: -212px;
    padding: 0;
    left: 35px;
	}
	body .module{
    height: 340px;
	}
	body section.Widget{background-size: 600%;    height: 340px;}
}
@media screen and (max-width: 480px){
	
	body.inner-space-1 {padding: 5px 30px;}
}
@media screen and (max-width: 350px){

	body section.Widget h2{
		font-size: 24px;
	}

	body section.Destacado img.logo {
    	width: 46%;
    	margin: 15px 3% 0 0;
	}
}


/* =Figure
------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	body figure article {
	  width: 96%;
	  padding: 0 2% 0;
	  height: 400px;
	}
	html body figure {margin: 0 0 50px 0;}
	body section article {    padding: 50px 2%;}
}
@media screen and (max-width: 970px) {
	body article.First {padding: 0 2% 0;}
	body article.First {padding: 0 2% 50px;}
}
@media screen and (max-width: 920px) {
	html body figure {
  		background-position: -180px -23px;
  		background-size: 1430px;
	}
}

@media screen and (max-width: 680px) {
	html body figure {
	  height: 270px;
	  background-position: center 0;
	  background-size: 1090px;
	}
}

@media screen and (max-width: 600px){
	html body figure article {
    	height: 270px;
	}
}

@media screen and (max-width: 540px) {

	html body figure {
  		height: 200px;
  		background-position: center 0px;
  		background-size: 810px;
	}
	html body figure article {
    	height: 200px;
	}

}
@media screen and (max-width: 490px) {

	html body figure {margin: 0 0 30px 0;}
	html body figure article {padding: 0 5% 30px;width: 90%;}
	body section.Destacado.App img.logo-A {width: 122px;}
	body section.Destacado.App img.logo-B {width: 100px;}
}
