/* LESS Document */
@import "elements.less";
@import "config.less";
@media only screen and (max-width: 768px){
	
}



@media only screen and (max-width: 767px){
	body{
		.top_bg{
			display:none;
		}
		.nav-desktop{
			display:none;
		}
		.nav-mobile{
			display:block;
		}
		.page{
			padding-bottom:100px;
		}
		.sharebox{
			display:none;
		}
		.minisharebox{
			display:inline-block;
		}
		.hideSmall{
			display:none !important;
		}

	}
}

@media only screen and (max-width: 699px){
	body{
		.winnerpage{
			.winnerboxes{
				width:auto;
				.winnerbox{
					width: calc(~"100% - 20px");
				}
			}
		}
	}
}

@media only screen and (max-width: 600px){
	body{
		.popbg{
			.popoutbox{
				padding:40px 10px;
				.deco1{
					display:none;
				}
			}
			.maxattempt_prompt{
				.socialbox{
					width:auto;
				}
			} 
		}
	}
}

@media only screen and (max-width: 596px){
	body{
		.gamepage{
			.gamebox{
				width:auto;
				background-position:center center;
				.boxtop{
					right:auto;
					left:50%;
					width:444px;
					margin-left:-222px;
					.prize{
						left:0;
					}
					.eggs {
						left:135px;
					}
				}
				.boxbottom{
					position:absolute;
					width:432px;
					right:auto;
					left:50%;
					margin-left:-216px;
					top:0;
					.gamenumbers{
						left:0;
					}
					.number6{
						left:5px;
					}
					.number5{
						left:31px;
					}
					.number4{
						left: 68px;
					}
					.number3{
						left: 111px;
					}
				}
			}
		}
		.popbg{
			.pastentries_prompt{
				.code{
					width:50%;
				}
				.code:nth-child(3n+1)::before{
					display:block;
				}
				.code:nth-child(2n+1)::before{
					display:none;
				}
			}
		} 
	}
}

@media only screen and (max-width: 475px){
	body{
		.gamepage{
			.gamebox{
				.boxtop{
					width: 320px;
				    margin-left: -160px;
					.history_scroll {
						right:5px;
					}
					.eggs{
						top:6px;
						.egg{
							width: 30px;
						    height: 39px;
						    padding-top: 4px;
						    font-size: 1.4em;
						    background: url(../images/number-cloud_s.png);
						    line-height: 39px;
						}
					}
				}
				.boxbottom{
					position: absolute;
				    width: 320px;
				    right: auto;
				    left: 50%;
				    margin-left: -160px;
				    top: 0;
				    .gamenumbers{
				    	width:320px;
						left:0;
						.gamenumber{
							margin-left: 2px;
    						margin-right: 2px;
						}
					}
					.number7{
					}
					.number6{
						padding-left: 28px;
					}
					.number5{
						padding-left: 52px;
					}
					.number4{
						padding-left: 73px;
					}
					.number3{
						padding-left: 95px;
					}
					.buttons{
						float: none;
					    position: absolute;
					    top: 90px;
					    left: 50%;
					    width: 100px;
						margin-left: -50px;
					    .roundbtn{
					    	line-height: inherit;
						    border-radius: 5px;
						    padding: 10px 20px;
						    width: 100px;
					    }
					}
				}
			}
		}
		.gamenumber{
			width:40px;
			height:60px;
			position:relative;
			float:left;
			.imagebtn{
				.big{
					display:none;
				}
				.small{
					display:block;
				}
			}
			.btn_top{
				position:absolute;
				width:26px;
				height:26px;
				top:-20px;
				left:50%;
				margin-left:-13px;
			}
			.btn_bottom{
				position:absolute;
				width:26px;
				height:26px;
				bottom:-20px;
				left:50%;
				margin-left:-13px;
			}
			.numberlayer{
				width:40px;
				height:60px;
				background:url(../images/code_s.jpg);
				overflow:hidden;
				.rounded(7px);
				background-repeat-y: repeat;
			    background-repeat-x: no-repeat;
			    -webkit-transition:background-position .2s ease-in;  
			    -moz-transition:background-position .2s ease-in;  
			    -o-transition:background-position .2s ease-in;  
			    transition:background-position .2s ease-in; 
				.numbermask{
					width:40px;
					height:60px;
					background:url(../images/codebox_s.png);
				}
			}
		}
		.static_numbers{
			.gamenumber.number0{
				.numberlayer{
					background-position:0 0px;
				}
			}
			.gamenumber.number1{
				.numberlayer{
					background-position:0 -60px;
				}
			}
			.gamenumber.number2{
				.numberlayer{
					background-position:0 -120px;
				}
			}
			.gamenumber.number3{
				.numberlayer{
					background-position:0 -180px;
				}
			}
			.gamenumber.number4{
				.numberlayer{
					background-position:0 -240px;
				}
			}
			.gamenumber.number5{
				.numberlayer{
					background-position:0 -300px;
				}
			}
			.gamenumber.number6{
				.numberlayer{
					background-position:0 -360px;
				}
			}
			.gamenumber.number7{
				.numberlayer{
					background-position:0 -420px;
				}
			}
			.gamenumber.number8{
				.numberlayer{
					background-position:0 -480px;
				}
			}
			.gamenumber.number9{
				.numberlayer{
					background-position:0 -540px;
				}
			}
		}
		.minisharebox{
			margin-top:60px;
		}
		.popbg{
			.tutorial{
				.static_numbers{
					.hugenum{
						display:none;
					}
					.smallnum{
						display:inline-block;
					}
				}
			}
		}
	}
}