﻿/*Mobile*/
@media screen and (max-width: 900px) {
	.desktopOnly {
		display:none;
	}

	.mobileOnly {
		display:block;
	}

	.topLogo {
		position:fixed;
		top:-80px;
		left:-120px;
		padding-top:100px;
		width:100%;
		text-align:center;
		z-index:200;
	}

	.topLogo img {
		width:100px;
	}

	.sideMenu {
		background-color:black;
		width:100%;
		position:fixed;
		top:80px;
		left:0px;
		width:100%;
		text-align: center;
		display:none;
		z-index:100;
	}

	.sideMenuMobile {
		position:fixed;
		top:0;
		left:0px;
		height:80px;
		background-color:black;
		width:100%;
		text-align:right;
		z-index:100;
	}

	.sideMenuMobile img {
		width:40px;
		margin:20px 20px 0 0;
	}

	.homeContainer {
		background-position: right;
	}

	.homeContent {
		width:100%;
		left:0px;
		display:block;
		text-align:center;
		margin:0 auto;
	}

	.homeContent img {
		width:90%;
	}

	.homeContentText {
		padding-left:0px;
		text-align:center;
	}

	.registerContainer {
		background-image:url(../img/gnd1.jpg);
		background-position: right;
	}

	.registerContent {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.registerCenterBlock {
		width:90%;
		display:block;
		text-align:center;
		padding:0px 0 0 0;
		margin:0 auto;
	}

	.registerFormTitle {
		text-align: center;
	}

	.registerContentText {
		padding:0;
		text-align: center;
	}

	.registerFormBlock {
		padding:0;
		width:100%;
		text-align:center;
		display:block;
	}

	.registerFormRow {
		display:block;
		width:95%;
		margin:0 auto;
	}

	.registerFormItem {
		display:block;
		width:100%;
		padding-right:0px;
		margin:0 auto;
	}

	.registerFormCheckbox {
		width:90%;
		margin:20px auto 0 auto;
	}

	.button100perc {
		width:90%;
	}

	.contattiContent {
		width:95%;
		margin-left:0;
		margin:0 auto;
	}

	.contattiBox1 {
		width:100%;
		margin-right:0px;
	}

	.contattiBox2 {
		margin:20px 0;
		width:100%;
	}

	.dashboardContent {
		width:100%;
		display:block;
		margin: 0 auto;
		padding-top:140px;
	}

	.dashboardBox {
		width:95%;
		display:block;
		margin: 10px auto;
	}

	.dashboardBox button {
		width:100%;
		margin:10px auto;
		font-size:18px;
		height:30px;
	}

	.dashboardTopBoxes {
		text-align:center;
	}

	.dashboardTopBoxes div {
		margin:5px auto;
	}

	.dashboardProfileBoxContent {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardProfileBoxContentLeft {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardProfileBoxContentCenter {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardProfileBoxContentCenter label {
		display:block;
		margin-top:5px;
	}

	.dashboardProfileBoxContentRight label {
		display:block;
		margin-top:5px;
	}

	.dashboardBoxGameTable {
	width:100%;
	display:block;
	margin: 0 auto;
	}

	.dashboardBoxGameContent {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardBoxGameTableCellLeft {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardBoxGameTableCellRight {
		width:100%;
		display:block;
		margin: 10px auto;
		text-align:center;
	}

	.dashboardBoxGameContentCell {
		width:100%;
		display:block;
		margin: 10px auto;
	}
	
	.dashboardBoxGameContentCell img {
		width:auto;
	}

	.dashboardProfileImage {
		margin:0 auto;
	}

	.dashboardProfileBoxContent input {
		width:100%;	
		margin: 0 auto;
		font-size:16px;
	}

	.dashboardProfileBoxContentRight {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardPassportBoxContent {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardPassportBoxContentItem {
		display:inline-block;
		width:auto;
		margin:10px 0;
	}

	.dashboardLevelTable {
		width:100%;
		display:block;
		margin: 0 auto;
	}

	.dashboardLevelTableLeftTitle {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardLevelTableRightTitle {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardLevelTableLeft {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardLevelTableRight {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardLevelProgressBar {
		margin:5px auto;
	}

	.dashboardLevelTabelSubContainer {
		display:table;
		width:100%;
	}

	.dashboardLevelTableLeftScore {
		display:table-cell;
		width:50%;
	}

	.dashboardLevelTableLeftNextLevel {
		display:table-cell;
		width:50%;
	}

	.dashboardFidelityTable {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardFidelityTableLeft {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.dashboardFidelityTableRight {
		width:100%;
		display:block;
		margin: 0 auto;
		text-align:center;
	}

	.comboBuilderContent {
		width:100%;
		margin-left:0;
		padding-top:100px;
	}

	.comboBuilderTitle {
		padding-bottom:20px;
		font-size:40px;
	}

	.comboBuilderTitleBlock {
		display:block;
		width:100%;
	}

	.comboBuilderTitleLeft {
		width:100%;
		display:block;
		margin:0 auto;
		text-align:center;
	}

	.comboBuilderTitleRight {
		width:100%;
		display:block;
		margin:0 auto;
		text-align:center;
	}

	.comboBuilderQuizBlock {
		width:95%;
		margin:5px auto;
		display:block;
		height:auto;
		padding:10px 0;
	}

	.comboBuilderQuizBlockAnswers {
		padding:0;
		margin-top:15px;
	}

	.comboBuilderQuizBlockAnswer {
		display:block;
		margin:0 auto;
		width:95%;
	}

	.comboBuilderHowItWorks {
		width:95%;
		margin:0 auto;
		display:block;
	}

	.comboBuilderScores {
		width:95%;
		margin:10px auto;
		display:block;
	}

	.comboBuilderMainBlock {
		padding-bottom:20px;
	}

	.comboBuilderQuizBottomBlockIcon {
		width:40px;
	}

	.comboBuilderQuizBottomBlockIcon img {
		width:20px;
	}

	.comboBuilderQuizBottomBlock  {
		height:auto;
		display:block;
		width:95%;
		margin:15px auto;
		padding:20px 0;
	}

	.ageGateContent input {
		width:80px;
		height:53px;
		font-size:20px;
	}
	
	.genericContent {
		width:95%;
		margin:0 auto;
	}

	.loggedBox  {
		top:86px;
	}

	.genericTitle {
		font-size:30px;
		text-align:center;
	}

	.contattiTitle {
		font-size:30px;
		text-align:center;
	}

}

