/* LESS Document */
@import "elements.less";
@import "config.less";

@media only screen
and (max-width : 480px){
	.nc_main_container{
		.landingpage{
			.page_inner{
				background-position:center center;
				.cont_shadow{
					margin-top:-119px;					
				}
				.cont{
					margin-top:-182px;
					.booster{
						top: -14px;
						left: 42%;
					}
				}
			}
		}
		.pfl-container{
			.pfl-close{
				a{
					span:first-child{
						display:none;
					}
				}
			}
		} 
		.winnerpage{
			.topsection{
				padding-top: 132px;
				.rightsection{
					width: 414px;
					margin-left: -207px;
					left: 50%;
					transform: scale(0.8);
					position: relative;
					margin-top: -30px;
					margin-bottom: -30px;
				}
			}
		}
		.chance_cont{
			width:105px;
			height:105px;
			left:20px;
			background:url(../images/chance_m.png);
			.label{
				top: 65px;
			    left: 15px;
			    font-size: 1.5rem;
			}
			.number{
				top: 6px;
				left: 14px;
				font-size: 7rem;
			}
		}
		.menu_bar{
			width:100%;
			top:0;
			left:0;
			background:#fe9c46;
			position:fixed;
			.menu_button{
				background:none;
			}
			.menu_button:hover, .menu_button.active{
				background:none;
			}
		}
		.appicon{
			margin-left:-75px;
			top:54px;
			left:50%;
		}
		.footer_logo{
			right:10px;
		}
		.winnerpage{
			background-image:url(../images/bg4.jpg);
			.topsection{
				.leftsection, .rightsection{
					float:none;
					width:auto;
				}
				.leftsection{
					img{
						display:none;
					}
					.mobiletext{
						display:block;
						text-align:center;
						margin:15px auto;
						font-size:3rem;
						line-height:1;
						color:#FFF;
					}
				}
				.rightsection{
					.wincard_cont{
						.claim_code{
							.note{
								display:none;
							}
						}
					}
				}
			}
			.bottomsection{
				width:100%;
				.headsection{
					font-size:1.25rem;
					padding:10px;
					background:#fe9c46;
					.rounded(0);
				}
				.bodysection{
					padding:10px 20px 70px;
					.rounded(0);
					.winners{
						min-height:initial;
						.winner{
							width:33%;
						}
					}
					.leftbutton{
						left: auto;
						right: 50%;
						top: auto;
						bottom: 10px;
					}
					.rightbutton{
						bottom: 10px;
						top: auto;
						left: 50%;
						right: auto;
					}
				}
			}
		}
		.popbg{
			.popoutbox{
				.title{
					margin-bottom:10px;
				}
			} 
			.registrationprompt{
				.nc_row{
					margin:0;
					width:auto;
					.input_cnt{
						float:none;
						width:auto;
						.input-text{
							width:300px;
						}
					}
				}
			} 
			.exhuastedprompt{
				.bonus_fans{
					display:none;
				}
			}
			.popoutboxbg{
				.footerlabel{
					.tips{
						.tip{
							.icon{
								display:none;
							}
							.description{
								width:auto;
							}
						}
					}
				}
			}
		} 
	}	
}

@media only screen
and (max-width : 375px){
	.nc_main_container{
		.landingpage{
			.page_inner{
				background-position:center center;
				.cont_shadow{
					margin-top:-129px;
					transform:scale(0.8);
				}
				.cont{
					margin-top:-185px;
					transform:scale(0.8);
					.booster{
						top: -11px;
					}
				}
			}
		}
		.winnerpage{
			.topsection{
				padding-top: 112px;
			}
		}
		.chance_cont{
			width:105px;
			height:105px;
			left:4px;
			top:85px;
			background:url(../images/chance_m.png);
			.label{
				top: 65px;
			    left: 15px;
			    font-size: 1.5rem;
			}
			.number{
				top: 6px;
				left: 14px;
				font-size: 7rem;
			}
		}
		.menu_bar{
			width:100%;
			top:0;
			left:0;
			background:#fe9c46;
			position:fixed;
			.menu_button{
				width:100px;
				background:none;
			}
			.menu_button:hover, .menu_button.active{
				background:none;
			}
		}
		.appicon{
			margin-left:-50px;
			top:54px;
			left:50%;
			width:100px;
			height:60px;
			background-size:cover;
		}
		.footer_logo{
			width:120px;
			height:40px;
			background:url(../images/etudelogo.png);
			position:absolute;
			bottom:10px;
			right:10px;
			background-size:cover;
		}
		/*
		.popbg{
			.popoutbox{
				transform-origin: 50% 50%;
				transform: scale(0.8);
				position: relative;
				left: 50%;
				width: 480px;
				margin-left: -240px;
				margin-top: -47px;
				margin-bottom: -55px;
			} 
			.popoutboxbg{
				.footerlabel{
					.tips{
						.tip{
							.description{
								h3{
									font-size:2.5rem;
								}
								p{
									font-size:1.5rem;
									line-height:1.7rem;
								}
							}
						}
					}
				}
			}
		}*/
	}	
}

@media only screen
and (max-width : 320px){
	.nc_main_container{
		.popbg{
			.popoutbox{
				transform-origin:50% 50%;
				transform: scale(0.7);
				position: relative;
				left: 50%;
				width: 480px;
				margin-left: -240px;
				margin-top:-103px;
				margin-bottom:-40px;
			} 
			.popoutboxbg{
				.footerlabel{
					.tips{
						.tip{
							.description{
								h3{
									font-size:2.5rem;
								}
								p{
									font-size:1.5rem;
									line-height:1.7rem;
								}
							}
						}
					}
				}
			}
		}
	}	
}