@media only screen and (max-width: 1024px)  {
.wrapper > div, .wrapper > h2, .legals > div, #Footer {
	width:100%;
}
}

@media only screen and (max-width: 900px) and (min-width:471px) {
#Footer .Desktop {
	display:none !important;
}
#Footer .Mobile {
	display:inline-block !important;
}
.legals {
	font-size:10px;
	line-height:12px;
	padding-left:5px;
	height:35px;
}
.legals .percentuali-vincita {
	line-height:13px;
	padding-right:5px;
}
.legals .link-correction img {
	height:25px;
}
#Header {
	padding:35px 0 0 0;
}
#Header img {
	height:30px;
}
.wrapper.sfondo {
	background-image:none;
}
#Main {
	background-size:900px;
	height: 280px;
    background-position: 50% 0%;
}
.Top_text {
	width:40%;
	font-size:18px;
	top:15px;
}
.Bottom_text {
	width:40%;
	font-size:18px;
	top:95px;
}
#Dettagli {
	width:40%;
	font-size:12px;
	bottom:10px;
	top:auto;
}
#Button {
	position: absolute;
	top: 205px;
	padding:4px 0 8px 0;
	width:20%;
	right:10%;
}
#Button .Text {
	font-size:16px;
	line-height:normal;
}
.freccia img {
	width:30px;
}
h1 {
	width:40%;
	font-size:14px;
	top:10px;
}
}

@media only screen and (max-width: 900px) {
.variable-image {
	    left: auto;
    right: 37%;
	top:0;
}
.variable-image img {
	width:380px;
	height:auto;
	margin-top:5px;
}
.blue-subtitle {
	font-size: 14px;
    line-height: 18px;
	padding:15px 10px 0 10px;
}
#Footer {
	position:relative;
	width:100%;
	top:0;
	padding:20px;
	overflow:hidden;
	height:auto;
}
#Dx {
	position:relative;
	width:100%;
	top:0;
	right:0;
	text-align:center;
}
.Punto2 {
	position:relative;
	width:100%;
	height:auto;
	left:0;
	right:0;
	top:0;
	margin-bottom:15px;
}
#Dx img {
	width:auto;
}
#Informativa {
	margin-top:20px;
	position:relative;
	width:100%;
	top:0;
}
#Informativa div {
	margin-bottom:5px;
}
#Legals {
	background-color:#FFF;
	position:relative;
	padding:10px;
	top:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
	left:0;
	right:0;
}
#Legals img {
	width:100%;
	height:auto;
	max-width:385px;
}
#Dettagli_txt {
	position:absolute;
	width:90%;
	height:100%;
	top:0;
	right:0;
	z-index:99;
	border-radius:0;
	margin-top:0;
}
#Dettagli_txt div.Text {
	font-size:16px;
	line-height:20px;
}
.products {
	width:100%;
	height: auto;
	display: block;
	padding:15px 20px;
	transition:0.5s;
}
.products.middle {
	margin-left:auto;
	margin-right:auto;
}
.products > div {
	border:none; width:100%;
	padding: 0px;	
	margin-bottom: 0px;
	display: block;
	text-align:left;
}
.products img {
	float:left; margin-top:0px; margin-right:15px;
	width:80px;
}
.products h4, .products h3 {
	padding-bottom:5px; 
	padding-top: 15px;
	padding-right:10px;
}
.products p {
	display: inline-block;
	width:100%;
	padding-left:0;
	padding-bottom:15px;
	padding-top: 10px;
	text-align:justify;
}
.products .cta {
    width: 100%;
    padding: 5px;
    position: relative;
    bottom: 0px;
}

.products .scopri {
	display:inline-block;
}
.products .closed {
	overflow:hidden;
	height:0;
	padding:0 !important;
}
#Riconoscimenti {
	position:relative;
	width:100%;
	left:0;
	right:0;
	top:0;
	padding-top:20px;
	text-align:center;
	padding-bottom:0;
}
#Riconoscimenti img {
	width:280px;
}
#itqf {
	position:relative;
	width:100%;
	left:0px;
	top:0px;
	background-color:#FFF;
	padding-top:20px;
}
#itqf img {
	width:70%;
	max-width:280px;
}

}

@media only screen and (max-width: 470px) {
.Desktop {
	display:none !important;
}
.Mobile {
	display:inline-block !important;
}
.variable-image {
	position:relative;
	top:0px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	left:0;
}
.variable-image img {
	width:280px;
	height:auto;
}
#Header {
    padding: 60px 0 0 0;
}
#Header img {
	height:30px;
}
#Main {
	background-image:url(images/sisal-scommesse_mobile.jpg);
	background-size: 430px;
	height: auto;
	background-position: 50% -30px;
}
.wrapper.sfondo {
	background-image: none;
	background: #2a4a72;
}

.legals {
	height:auto;
	font-size:10px;
	line-height:11px;
	
	text-align:center;
}
.legals > div {
	height:100%;
	padding-top:5px;
	padding-bottom:5px;
}
.legals .link-correction img {
	height:20px;
}
.legals .gioco-vietato {
}
.legals .link-correction {
	margin-left:5px;
}
.legals .percentuali-vincita {
	position:relative; 
	width:100%;
	top:0px; 
	text-align:center;
	line-height:11px;
}

h1 {
    font-size: 16px;
    line-height: 18px;
    left: 0px;
	right:0;
    width:100%;
    top: 5px;
	z-index:99;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	letter-spacing:1px;
} 
.Top_text {
	position:relative;
	top:0px;
	right:0px;
	left:0;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	font-size:18px;
	margin-top:5px;
	margin-bottom:200px
}
.Container {
	overflow:hidden;
}

.Bottom_text {
	position:relative;
	font-size:20px !important;
	margin-bottom:0px;
	margin-top:0px;
	top:0;
	width:100%;
	left:0;
	text-align:center;
}

.Bottom_text .big {
	display:inline-block !important;
	font-size:1.8em;
	line-height:1.4em;
}
.Bottom_text .two {
	display:inline-block !important;
	line-height:1.4em;
}

#Button {
	position:relative;
	margin-left:25px;
	margin-right:25px;
	left:0;
	top:0;
	padding-top:4px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
}
#Button .Text {
	font-size: 28px;
    line-height: 29px;
}
#Dettagli {
	position: relative;
	left:0;
	top:0;
	width:100%;
	margin-top:20px;
	padding-bottom:10px;
}

}
@media only screen and (max-width: 380px) and (orientation: portrait) {
#Dettagli {
	margin-top:10px;
}
}
@media only screen and (max-width: 330px) and (orientation: portrait)  {
.Punto2 .store img {
	width:90px;
}
}