/* TURN DEVICE NOTIFICATION */
@media screen and (orientation:landscape) {
	@media only screen and (max-width: 741px), screen and (max-height: 415px) { /* Samsung S8 max height as width, IPhone 7 max width as height */
		.turnDevice{
			display: block;
		}
	}
}
@media only screen and (max-width: 1365px), screen and (max-height: 649px) { /* sorta */
	.left .topMenuNotch .mlink,.left .shareHolder .mlink{
		width: auto;
		display: inline-block;
	}
	.left .mlink.mmenu{
		float: left;
		margin-left: 8%;
	}
	.left .mlink.mlogo{
		/*float: right;*/
		/*margin-left: -8%;*/
	}
	.left .logo{
		margin-top: 39px;
		vertical-align: top;
	}
	.left .mfield{
		top: 100px;
		bottom: auto;
		height: 330px;
		overflow-x: hidden;
	}
	.topMenuNotch{
		height: 100px;
		box-shadow: 0px 10px 15px rgba(0,0,0,0.5);
	}
	.left{
		width: 100%;
		height: auto;
		min-height: 0;
		bottom: auto;
	}
	.content{
		bottom: 0;
		left: 0;
	}
	.bottom{
		display: none;
	}
	.mobileseparator{
		display: block;
		width: 100%;
		height: 100px;
	}
	.shareHolderText{
		display: block;
		width: 100%;
	}
	.shareHolder {
		text-align: left;
		padding-left: 23px;
		bottom: 20px;
		/*width: 100%;*/
		width: 85%;
	}
	.shareHolder a{
		margin-left: 12px;
	}
	.mballs{
		display: block;
	}
	.gameBalls{
		display: none;
	}
	/* about */
	.displacer{
		margin-top: 20px;
		/*padding-left: 35px;
		padding-right: 35px;*/
		padding-left: 9%;
		padding-right: 9%;
	}
	.aicon{ /* for small screens */
		background-size: contain;
		width: 60px;
	}
	.broBlock{
		display: none;
	}
	.aboutHolder, .aboutHolder .column{
    		width: 100%;
	}
	.aboutHolder{
		margin-top: 10px;
	}
	.aboutTitle, .aboutDescription{
		width: 100%;
	}
	.aboutTitle{
		font-size: 30px;
	}
	.aboutDescription{
		font-size: 18px;
		margin-top: 20px;
	}
	.aboutFoot{
		margin-top: 30px;
	}
	.buttonMobile{
		display: inline-block !important;
		position: static;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.buttonMobileWrap{
		width: 100%;
		text-align: center;
	}
	/* auth */
	
	.authPopup{
		width: 100%;
		/*height: 1080px;*/
		top: 0; /* w 100px; */
		left: 0;
		margin-top: 0;
		margin-left: 0;
		/* overflow */
		overflow: auto;
		height: auto;
	}
	.authPopup .regHolder, .authPopup .authHolder{
		width: 100%;
		border: 0;
	}
	.popupClose {
		top: 24px;
		right: 24px;
	}
	.authPopup input[type=text],.authPopup input[type=password]{
		width: 90%;
	}
	.authPopup .title {
		width: 90%;
	}
	.authPopup .padder {
    		margin-left: 10%;
   	 	margin-right: 10%;
	}
	.authPopup .regHolder {
		margin-top: 95px;
	}
	.authPopup .mover {
    		margin-top: 30px;
		margin-bottom: 30px;
	}
	.cover {
    		position: absolute;
    		background: rgba(157,213,226,0.7);
		left: 0;
		top: 100px;
	}
	.mfield{
		z-index: 4; /*must be higher than pop-ups*/
	}
	.authPopup .iamamoron {
		margin-bottom: 30px;
	}
	/* user */
	.userCabinetPrimary{
		width: 100%;
	}
	.userCabinetSecondary{
		float: left;
		margin-right: 0;
		/*text-align: center;*/
		width: 100%;
		margin-top: 60px;
	}
	.userCabinetSecondary .userPhotoPlace, .userCabinetSecondary .userPhotoButton{
		display: inline-block;
	}
	.userTitle {
		font-size: 30px;
	}
	.userCabinet input[type="text"], .userCabinet input[type="password"] {
		width: 50%;
	}
	.userCabinet label span {
		width: 70px;
	}
	.userCabinet .messageBox{
		width: 100%;
	}
	.userCabinet .messageBox .message .letterText{
		width: 68%;
	}
	.cropModeArea{
		width: 289px; height: 483px;
	}
	.exclamationMark{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.exclamation{
		font-size: 36px;
	}

	.exclamationOptions{
		text-align: center;
		margin-left: 30px;
	}
	.exclamationButton{
		margin-top: 20px;
	}
	/* code */
	.codePopup{
		width: 100%;
		margin-left: 0;
		left: 0;
		/*height: 725px;*/
		top: 0;
		margin-top: 0;
		/* overflow */
		overflow: auto;
		height: auto;
	}
	/* main 01 */
	.main.block01{
		background-size: cover;
		background-position-x: 856px;
	}
	.sTitleHolder.mobileSt{
		display: block !important;
	}
	.sTitleHolder.mainSt{
		display: none !important;
	}
	.main.block01 .wallpaperHolder{
		background-position-y: bottom;
	}
	.sTitleMover{
		margin-left: -11%;
		height: 116px;
	}
	.sTitleHolder {
		position: static;
		width: auto;
	}
	.sTitle{
		font-size: 24px;
	    	padding: 12px;
	}
	.sTitle.low {
		margin-top: -12px;
	}
	.mobileWallpaperSeparator{
		height: 517px;
	}
	.prizesHolder{
		width: auto;
	}
	.prizesHolder .prize .text{
		/*width: auto;*/
		margin-left: 6px;
		width: 76%;
	}
	.prizesHolder .prize .text br {
		display: none;
	}
	.chooseYourDestiny {
		width: auto;
		font-size: 18px;
	}
	.timer{
		position: absolute; bottom: 78px; right: 0; left: 0;
		text-align: center;
	}
	.timerTitle{
		display: inline-block;
		float: none;
		vertical-align: middle;
		font-size: 12px;
		width: 163px;
		height: 54px;
	}
	.timerTitle span{
		margin-top: 12px;
		width: 125px;
	}
	.timerSpan{
		display: inline-block;
		vertical-align: middle;
		float: none;
		font-size: 10px;
		width: 53px;
		height: 54px;
		margin-left: 12px;
	}
	.timerNumber{
		font-size: 30px;
	}
	.main .buttonMobileWrap{
		position: relative;
	}
	.main .buttonMobile{
		position: absolute;
		left: 50%;
		margin-left: -154px;
		top: -50%;
		margin-top: -38px;
		z-index: 1;
	}
	/* game field */
	.gameField{
		display: none;
	}
	/* all blocks */
	.main,.main.block01{
		display: block !important;
	}
	/* */
	.prizesHolder .prizeicon {
		width: 56px;
		height: 56px;
		background-size: contain;
	}
	/* */
	.prizesHolder .prize .text.small {
		margin-top: 17px;
	}
	.prizesHolder .prize .text{
		margin-top: 0;
	}
	.main .advancedDisplacer,
	.main.block01 .advancedDisplacer,
	.main.block02 .advancedDisplacer,
	.main.block03 .advancedDisplacer,
	.main.block04 .advancedDisplacer,
	.main.block05 .advancedDisplacer,
	.main.block06 .advancedDisplacer,
	.main.block07 .advancedDisplacer
	{
		position: relative; top: 0; left: 0;
		margin-top: 150px;
		padding-left: 9%;
		padding-right: 9%;
		padding-left: 20%;
	}
	.callToAction {
		font-size: 30px;
	}
	.callNumber {
		font-size: 200px;
		/*left: -30px;*/
	}
	.callDescription {
		font-size: 18px;
		margin-top: 47px;
		line-height: 24px;
	}
	.callDescription br{
		display: none;
	}
	.main.block03 .wallpaperHolder {
		background-image: url(/visual/images/amigos03mobile.png);
		background-position: bottom left;
	}
	.main.block03 .mobileWallpaperSeparator {
		height: 370px;
	}
	.main.block04 .wallpaperHolder .puto {
		width: 228px;
		height: 344px;
	}
	.main.block04 .wallpaperHolder {
		left: auto;
		top: auto;
		/*bottom: 40px;*/
		bottom: 118px;
		right: 50%;
		margin-right: -114px;
	}
	.main.block05 .wallpaperHolder {
		background-image: url(/visual/images/amigos05mobile.png);
		background-position: bottom left;
	}
	.main.block05 .mobileWallpaperSeparator {
		height: 420px;
	}
	.main.block06{
		overflow: visible; /* on mobiles */
	}
	.main.block06 .victoryPlacer .puto {
		width: 242px;
		height: 310px;
	}
	.main.block06 .victoryPlacer {
		top: auto;
		left: 50%;
		margin-left: -121px;
		margin-top: 0;
		bottom: 305px;
	}
	.main.block06 .victoryPlacer .nameHolder {
		/*top: 50%;*/
		top: auto;
		left: auto;
		margin-left: -20px;
		bottom: -86%;
	}
	.main.block06 .victoryPlacer .name {
		width: 260px;
		height: 62px;
		line-height: 62px;
		margin-bottom: 15px;
	}
	.main.block06 .mobileWallpaperSeparator {
		height: 660px;
	}
	.main.block07 .callToAction{
		position: relative;
	}
	.main.block07 .callNumber{
		position: absolute;
		bottom: -85px;
		left: -75px;
	}
	.main.block07 .callDescription{
		margin-top: 47px;
		font-size: 20px;
		line-height: 30px;
	}
	.main.block07 .callDescription .blue{
		text-shadow: none;
	}
	.main.block07 .advancedDisplacer {
		text-align: left;
	}
	.main.block07 .mobileWallpaperSeparator {
		display: none;
	}
	.main.block07 .userHolderHolder{
		padding-left: 9%;
		padding-right: 9%;
		padding-left: 20%;
	}
	.main.block07 .userHolder{
		margin-bottom: 38px;
	}
	.main.block07 .userHolder .puto{
		width: 238px;
		height: 361px;
	}
	.main.block07	.wallpaperHolder {
		background-size: auto;
	}
	/* link */
	.linkPopup{
		width: 100%;
		margin-left: 0;
		left: 0;
		/*height: 725px;*/
		top: 0;
		margin-top: 0;
		/* overflow */
		overflow: auto;
		height: auto;
	}
	.linkPopup .mylink{
		width: 100%;
	}
	/* load */
	.loadPopup{
		width: 100%;
		margin-left: 0;
		left: 0;
		/*height: 725px;*/
		top: 0;
		margin-top: 0;
		/* overflow */
		overflow: auto;
		height: auto;
	}
	.pupEntireLoadControls{
		position: static;
	}
	.pupLoadBtn{
		position: static;
		margin-top: 15px;
	}
	.pupUserPhotoPlace{
		/*float: none;*/
		display: inline-block;
		text-align: left;
	}
	.loadPopup .title{ display: none; }
	.loadPopup .title.mobile{ display: block; max-width: 210px; }
	.pupResultButton,.pupExchangeBtn{ display: none; }
	.pupResultButton.mobile,.pupExchangeBtn.mobile{ display: inline-block; }
	.pupExchangeBtn.mobile{ margin-bottom: 20px; }
	.pupUserPlacePlace{
		float: none;
		text-align: center;
		margin-left: -9%; /* see content padding */
	}
	.pupUserPhotoButton{
		margin-top: 20px;
	}
	.pupResultButton.mobile{
		margin-bottom: 20px; 
	}
	/* exclamations */
	.exclamation.big{
		font-size: 30px;
	}
	.subexclamation{
		margin-top: 20px;
		font-style: italic; font-size: 18px; font-weight: bold;
		margin-bottom: 20px;
	}
	.main.block06 .coverExclamation {
		top: 55px; /* uncover button */
	}
	.main.block07 .coverExclamation {
		top: 0px; /* uncover previous screen */
	}
	/* misc */
	.altBottom{ display: none; }
	.aboutButton.noButton {
		width: 309px;
	}
	.main.block04 .noButton.buttonMobile{
		top: auto;
		bottom: 41px;
		margin-bottom: 0;
	}
	.main.block04 .mobileWallpaperSeparator {
		height: 600px;
	}
	.main.block06 .victoryPlacerAlt {
		top: 50%;
		left: 50%;
		margin-left: -185px;
		margin-top: -110px;
		right: auto;
	}
	.main.block06 .victoryPlacerAlt .puto02{
		background-image: url(/visual/images/vic01.jpg);
		width: 255px;
		height: 327px;
		transform: rotate(-7deg);
		-moz-transform:rotate(-7deg);
		-webkit-transform:rotate(-7deg);
		-o-transform:rotate(-7deg);
		-ms-transform:rotate(-7deg);

		position: static;
		left: 0; top: 0;
	}
	.main.block06 .victoryPlacerAlt .puto01{
		background-image: url(/visual/images/vic02.jpg);
		width: 255px;
		height: 327px;
		transform: rotate(7deg);
		-moz-transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
		-o-transform: rotate(7deg);
		-ms-transform: rotate(7deg);

		position: absolute;
		top: 120px;
		left: 160px;
	}
	/* gender */
	.genderPopup{
		width: 100%;
		margin-left: 0;
		left: 0;
		/*height: 725px;*/
		top: 0;
		margin-top: 0;
		/* overflow */
		overflow: auto;
		height: auto;
	}
	.genderPopup .separator{
		display: none;
	}
	.genderPopup .borderer {
		text-align: center;
	}
	.genderPopup .title {
		text-align: left;
		margin-bottom: 20px;
	}
	.victoryStartWrapper{
		display: inline-block;
	}
	.victoryStartWrapper.male{
		float: none;
		margin: 0;
	}
	.victoryStartWrapper.female{
		float: none;
		margin: 0;
		margin-bottom: 20px;
	}
	.victoryStart{
		display: block;
	}
	.tableBlock{
		display: none;
	}
	.tableBlock.mobile{
		display: block;
	}
	.content-table01 .tableColBlock {
		width: 100%;
		max-width: none;
	}
	.content-table01 .tableTitleBlock {
		width: 100%;
		max-width: none;
	}
	.content-table01 .headerheader {
		padding-left: 9%;
	}
	.content-table01 .header {
		padding-left: 9%;
	}
	.tablePagination .place {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 2px;
	}
	.arrowP {
		width: 30px;
		height: 30px;
		background-size: 80%;
	}
	.arrowP.aleft{
		margin-left: 9%;
	}
	.arrowP.right{
		margin-right: 9%;
	}
	.lettericon{
		width: 26px;
		height: 26px;
		right: 50%;
		background-image: url(/visual/images/lettericonmobile.png);
		margin: 0;
		margin-right: -13px;
	}


	/*
	.main.block07 .userHolder.user1{

		transform: rotate(-7deg);
		-moz-transform:rotate(-7deg);
		-webkit-transform:rotate(-7deg);
		-o-transform:rotate(-7deg);
		-ms-transform:rotate(-7deg);

		position: static;
		left: 0; top: 0;
	}
	.main.block07 .userHolder.user2{

		transform: rotate(7deg);
		-moz-transform: rotate(7deg);
		-webkit-transform: rotate(7deg);
		-o-transform: rotate(7deg);
		-ms-transform: rotate(7deg);

		position: absolute;
		top: 120px;
		left: 160px;
	}
	*/

	.main.block06 .victoryPlacer .name:hover{
		background-color: white;
	}

	.victoryCallText{
		display: none;
	}
	.magicArrow{	
		/*display: block;*/
	}
	.deleteButton{
		width: 250px;
	}
	.timerstamp{
		left: -19px;
		top: -330px;
	}
	.warningAdvanced{
		display: none;
	}
	.warningAdvanced.mobile{
		display: block;
	}
}
/* intermediate screens sorta */
@media only screen and (min-width: 1365px) and (min-height: 649px) and (max-height: 767px) {  /* and (max-width: 1366px) - removed, so it activates on odd resolutions */
	.main.block07 .advancedDisplacer {
		margin-top: 34px;
	}
	.main.block07 .callDescription {
		margin-bottom: 30px;
	}
	.main.block07 .userHolder .puto {
		width: 234px;
		height: 355px;
	}
	.main.block06 .victoryPlacer {
		margin-top: -255px;
	}
	.main.block06 .victoryPlacer .puto {
    		width: 375px;
		height: 480px;
	}
	.aboutDescription {
		margin-top: 25px;
	}
	.aboutHolder {
		margin-top: 10px;
	}
	.aboutFoot {
		margin-top: 10px;
	}
	.main.block04 .wallpaperHolder .puto {
		width: 272px;
		height: 410px;
	}
	.userCabinet input[type="text"], .userCabinet input[type="password"] {
		margin-bottom: 10px;
	}
	.userPhotoPlace {
	    	height: 368px; /* yes, height only :( */
	}
	.cropModeArea{
		height: 368px; /* yes, height only :( */
	}
	.userCabinet .messageTitle {
		margin-bottom: 8px;
	}
	.main.block06 .victoryPlacerAlt .puto01{
		width: 337px;
		height: 430px;
	}
	.main.block06 .victoryPlacerAlt .puto02{
		width: 337px;
		height: 430px;
		left: 230px;
	}
	.content-table01 .headerheader {
    		/*font-size: 35px;*/
		font-size: 22px;
	}
	.content-table01 .tableColBlock .tableBlock {
		margin-bottom: 6px;
	}
	.tablePagination {
		margin-top: 0px;
	}
	.content-table01 .tableColBlock {
    		margin-top: 5px;
	}
	.content-table01 .headerheader {
		/*padding-top: 5px;*/
		padding-top: 0px;
	}
	.deleteButton{
		height: 32px;
		line-height: 32px;
		font-size: 18px;
	}

	.userCabinet .messageBox {
	    height: 152px; /* make space for deletion button */
	}
}
/* uber-small screens sorta */
@media only screen and (max-width: 359px), screen and (max-height: 649px) { /* smallest new generation iPhone is 375, iPhone SE is 320, Galaxy S5 is 360, thus 360-1 */
	.authPopup .title {
		font-size: 23px;
	}
	.authPopup input[type="submit"] {
		width: 100%;
		font-size: 18px;
	}
	.authPopup .buttonBlock {
    		width: 90%;
	}
	.aboutF {
    		font-size: 15px;
	}
	.aboutButton {
		font-size: 18px;
		width: 262px;
	}
	.sTitle {
		font-size: 22px;
	}
	.prizesHolder .prize .text.small {
		margin-top: 5px;
	}
	.timerTitle {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.main .buttonMobile {
		margin-left: -131px;
	}
	.callToAction {
		font-size: 25px;
	}
	.aboutButton.noButton{
		width: 309px;
	}
	.aboutButton.noButton .shareButtons a {
		margin-right: 5px;
	}
	.main.block06 .victoryPlacer .nameHolder {
    		margin-left: -11px;
	}
	.main.block07 .userHolderHolder {
		padding-left: 9%;
    		padding-right: 9%;
	}
	.mobileWallpaperSeparator {
    		height: 420px;
	}
	.main.block03 .mobileWallpaperSeparator {
		height: 290px;
	}
	.main.block04 .mobileWallpaperSeparator {
		/*height: 500px;*/
		height: 600px;
	}
	.main.block05 .mobileWallpaperSeparator {
		height: 350px;
	}
	.loadPopup .title.mobile {
		font-size: 26px;
	}
	.linkButton {
		font-size: 18px;
		width: 250px;
	}
	.loadPopup .borderer, .linkPopup .borderer {
		margin-top: 55px;
		margin-bottom: 55px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 9%;
		padding-right: 9%;
	}
	.loadPopup .title, .linkPopup .title {
		font-size: 24px;
		margin-top: 20px;
	}
	.pupUserPhotoPlace {
		width: 100%;
	}
	.userCabinet .messageBox .message .letterText {
		width: 50%;
	}
	.userCabinet .messageBox .message .from {
		font-size: 12px;
	}
	.userCabinet .messageBox .message .name {
    		font-size: 13px;
	}
	.userCabinetSecondary .userPhotoPlace{
		width: 242px;
	}
	.userCabinet input[type="text"], .userCabinet input[type="password"] {
		margin-bottom: 0px;
	}
	.userCabinet label {
		margin-bottom: 20px;
	}
	.aboutButton.noButton {
		width: 262px;
	}
	.main.block06 .victoryPlacerAlt {
		margin-left: -140px;
	}
	.main.block06 .victoryPlacerAlt .puto02, .main.block06 .victoryPlacerAlt .puto01{
		width: 188px;
	}
	.main.block06 .victoryPlacerAlt .puto01{
		left: 94px;
	}
	.genderPopup .title {
		font-size: 20px;
	}
	.content-table01 .headerheader {
		font-size: 36px;
	}
	.tableBlock.mobile .name {
		width: 135px;
		font-size: 12px;
	}
	.tableBlock.mobile .score {
		font-size: 18px;
	}
	.tableBlock.mobile .city {
    		width: 230px;
		font-size: 10px;
	}
	.tablePagination .place {
		width: 24px;
		height: 24px;
		line-height: 24px;
		margin-right: 1px;
	}
	.arrowP {
		width: 24px;
		height: 24px;
		background-size: 80%;
	}
	.timerstamp{
		left: -38px;
		top: -188px;
	}
}