/* Responsive */
@media only screen and (max-width: 1366px){
	.header.actual{
		width: 100%;
	}
	.centralColumn{
		width: 100%;
	}
}
@media only screen and (max-width: 1279px){
	.nav .social .txt{
		display: none;
	}
	.content-main02 {
		margin-left: 5%;
	}
	.nyArtBlock[rel~="8"] .nyArtContent{
		text-shadow: 2px 1px 1px white;
	}
	.content-table01{
		margin-left: 0px;
		margin-top: 102px;
	}
}
@media only screen and (max-width: 1170px){
	.wrapperMinefieldLayer1{
		display: none;
	}
	.content-main01 .block02{
		margin-left: 20px;
		margin-top: 32px;
	}
	.content-main01{
		margin-left: 520px;
	}
	.nyTopBack img {
		left: -330px;
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		margin-left: -45%;
	}
	.nyArtBlock[rel~="0"] .nyArtContent {
		margin-left: 45%;
	}
	.nyArtBlock[rel~="1"] .nyArtContent {
		margin-left: -35%;
	}
	.nyArtBlock[rel~="2"] .nyArtContent {
		margin-left: 45%;
	}
	.nyArtBlock[rel~="3"] .nyArtContent {
		margin-left: -35%;
	}
	.nyArtBlock[rel~="4"] .nyArtContent {
		margin-left: 45%;
	}
	.nyArtBlock[rel~="5"] .nyArtContent {
		margin-left: -35%;
	}
	.nyArtBlock[rel~="6"] .nyArtContent {
		margin-left: 45%;
	}
	.nyArtBlock[rel~="7"] .nyArtContent {
		margin-left: -35%;
	}
	.nyArtBlock[rel~="8"] .nyArtContent {
		margin-left: 45%;
	}
	.nyArtBlock[rel~="9"] .nyArtContent {
		margin-left: -35%;
	}
	.nyLowerBout {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="1"] .nyArtImage,
	.nyArtBlock[rel~="3"] .nyArtImage,
	.nyArtBlock[rel~="5"] .nyArtImage,
	.nyArtBlock[rel~="7"] .nyArtImage,
	.nyArtBlock[rel~="9"] .nyArtImage {
		left: 450px;
	}
}
@media only screen and (max-width: 1140px){
	.nav a{
		margin-left: 10px;
		margin-right: 0px;
	}
	.nav a[rel~="1"] {
		margin-right: 0px;
	}

}
@media only screen and (max-width: 1055px){
	.content-main02 {
		margin-left: 30%;
	}
	.content-main02 .game {
		margin-left: -36px;
	}
	.secondaryCounter{
		margin-left: -36px;
	}
}
@media only screen and (max-width: 1040px){
	.nav .logo{
		display: block;
		float: left;
	}
	.nav .social{
		display: inline-block;
		margin-left: 10px;
		margin-top: 8px;
		float: none;
	}
	.wrapperMinefieldLayer2{
		margin-left: -80px;
	}
	.content-main01{
		margin-left: 550px;
	}
	.content-main01 .block02 .productImage{
		display: inline-block;
		float: none;
	}
	.content-main01 .block02{
		width: 350px;
	}
}
@media only screen and (max-width: 932px){
	.content-main01{
		margin-left: 500px;
	}
	.wrapperMinefieldLayer0 {
		display: none;
	}
	.content-main02 {
		margin-left: 25%;
	}
}
@media only screen and (max-width: 860px){
	.content-main01{
		margin-left: 400px;
	}
	.nav{
		width: 90%;
	}
	.nav a{
		/*display: inline-block;
		margin-left: 100px;
		margin-right: 100px;*/
	}
	.nyTopBack img {
		left: -380px;
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		margin-left: -35%;
	}
	.nyArtBlock[rel~="0"] .nyArtContent {
		margin-left: 35%;
	}
	.nyArtBlock[rel~="1"] .nyArtContent {
		margin-left: -25%;
	}
	.nyArtBlock[rel~="2"] .nyArtContent {
		margin-left: 35%;
	}
	.nyArtBlock[rel~="3"] .nyArtContent {
		margin-left: -25%;
	}
	.nyArtBlock[rel~="4"] .nyArtContent {
		margin-left: 35%;
	}
	.nyMiddleBack img {
		left: -300px;
	}
	.nyArtBlock[rel~="5"] .nyArtContent {
		margin-left: -25%;
	}
	.nyArtBlock[rel~="6"] .nyArtContent {
		margin-left: 35%;
	}
	.nyArtBlock[rel~="7"] .nyArtContent {
		margin-left: -25%;
	}
	.nyArtBlock[rel~="8"] .nyArtContent {
		margin-left: 35%;
	}
	.nyArtBlock[rel~="9"] .nyArtContent {
		margin-left: -25%;
	}
	.nyLowerBout {
		margin-left: 8%;
	}
	.nyArtBlock[rel~="1"] .nyArtImage,
	.nyArtBlock[rel~="3"] .nyArtImage,
	.nyArtBlock[rel~="5"] .nyArtImage,
	.nyArtBlock[rel~="7"] .nyArtImage,
	.nyArtBlock[rel~="9"] .nyArtImage {
		left: 300px;
	}
	.content-table01 .tableColBlock{
		max-width: 100%;
		margin-left: 14px;
		width: 100%;
	}

}
@media only screen and (max-width: 780px){
	.wrapperMinefieldLayer2{
		/*margin-left: -180px;*/ /* was for old photo of Carina. */
		margin-left: -80px;
	}
	.nav{
		margin-left: 20px;
	}
	.nav .logo {
		margin-right: 10px;
	}
	.nav .social {
		margin-right: 0px;
	}
	.content-main01{
		/*margin-left: 0;*/
		width: 300px;
		/*position: absolute;
		right: 60px;*/
		margin-left: 48%;
	}
	.content-main01 .block01,.content-main01 .block02{
		display: inline-block;
		text-align: left;
		width: 300px;
	}
	.content-main01 .block01 .bigText, .content-main01 .block02 .bigText,
	.content-main01 .block01 .smallText, .content-main01 .block02 .smallText{
		display: block;
		text-align: left;
		width: 300px;
		float: none;
	}
	.content-main01 .block01 .link, .content-main01 .block02 .link{
		display: block;
		width: 300px;
		float: none;
	}
	.content-main02 {
		margin-left: 20%;
	}
	.nyTopBack img {
		left: -400px;
	}
	.nyMiddleBack img {
		left: -320px;
		opacity: 0.6 !important; /* important overrides animation */
	}
	.nyLowerBout {
		margin-left: 10%;
	}

	.nyBubblesBlockTop{
		left: -247px;
	}

	.nyArtBlock[rel~="0"] .nyArtImage{
		top: 750px;
		width: 650px;
	}
	.nyArtBlock[rel~="1"] .nyArtImage,
	.nyArtBlock[rel~="2"] .nyArtImage,
	.nyArtBlock[rel~="3"] .nyArtImage,
	.nyArtBlock[rel~="4"] .nyArtImage,
	.nyArtBlock[rel~="5"] .nyArtImage,
	.nyArtBlock[rel~="6"] .nyArtImage,
	.nyArtBlock[rel~="7"] .nyArtImage,
	.nyArtBlock[rel~="8"] .nyArtImage,
	.nyArtBlock[rel~="9"] .nyArtImage {
		top: 420px;
		width: 650px;
	}
	.nyArtBlock[rel~="1"] .nyArtImage,
	.nyArtBlock[rel~="3"] .nyArtImage,
	.nyArtBlock[rel~="5"] .nyArtImage,
	.nyArtBlock[rel~="7"] .nyArtImage,
	.nyArtBlock[rel~="9"] .nyArtImage {
		left: 50px;
	}
	.nyArtImage{
		/*display: none;*/
		opacity: 0.6 !important;
	}

	.nyArtBlock[rel~="1"] .nyBubblesBlock,
	.nyBubblesBlock.Middle,
	.nyArtBlock[rel~="2"] .nyBubblesBlock,
	.nyArtBlock[rel~="5"] .nyBubblesBlock,
	.nyArtBlock[rel~="8"] .nyBubblesBlock {
		left: -100px;
	}
	.nyArtBlock[rel~="9"] .nyBubblesBlock{
		left: 100px;
	}

	.nyArtBlock[rel~="8"] .nyArtContent{
		text-shadow: none;
	}

}
@media only screen and (max-width: 680px){
	.content-main02 {
		margin-left: 15%;
	}
	.nyTopBack img {
		left: -625px;
		opacity: 0.6 !important; /* important overrides animation bugs */
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="0"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="1"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="2"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="3"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="4"] .nyArtContent {
		margin-left: 0%;
	}
	.nyMiddleBack img {
		left: -460px;
	}
	.nyArtBlock[rel~="5"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="6"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="7"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="8"] .nyArtContent {
		margin-left: 0%;
	}
	.nyArtBlock[rel~="9"] .nyArtContent {
		margin-left: 0%;
	}
	.nyLowerBout {
		margin-left: 0%;
		width: 100%;
		text-align: center;
	}
	.nyLowerBout .productImage {
		width: 100%;
		background-repeat: no-repeat;
		background-position-x: center;
	}
	.nyLowerBout .bigText{
		float: none;
		margin-left: 25%;
		margin-right: 50%;
	}
	.tablePagination {
	    margin-left: 0px;
	}
	.arrowP {
		margin-left: 0px;
		margin-right: 0px;
	}
	.arrowP.right{
		margin-left: 0px;
		margin-right: 0px;
	}
	.tablePagination .place{
		margin-left: 2px;
		margin-right: 2px;
	}
}
@media only screen and (max-width: 639px){
	.wrapperMinefieldLayer2{
		display: none;
	}
	/*.header.actual {
		height: 150px;
		margin-bottom: -50px;
	}*/
	.nav a{
		font-size: 12px;
		height: 18px;
		line-height: 18px;
	}
	.nav .social {
		margin-right: 40px; /* wrap */
	}

	.content-main01{
		width: 100%;
		text-align: center;
		/*position: static;*/
		margin-left: 0;
	}
	.content-main01 .block01,.content-main01 .block02{
		display: inline-block;
		width: 310px;
	}
	.content-main02 {
		margin-left: 10%;
	}
	.content-main02 .block01 .bigText {
		margin-top: 128px;
	}
	.content-table01 .tableColBlock{
		max-width: 100%;
		margin-left: 0px;
		width: 100%;
	}
	.tablePagination{
		padding-left: 2px;
		padding-right: 2px;
	}
}
@media only screen and (max-width: 560px){
	.content-main02 {
		margin-left: 45px;
	}
	.content-main02 .game{
		width: 370px;
		height: 800px;
	}
	.content-main02 .game .intelHolder .authVictory .productBlock .smallTextTitle {
		display: block;
	}
	.content-main02 .game .intelHolder .authVictory .productBlock .productImage {
		margin-top: 13px;
		margin-left: 36%;
	}
	.content-main02 .game .intelHolder .authVictory .productBlock .productDescription .bigText {
		margin-top: 20px;
	}
	.content-main02 .game {
		margin-left: 50px;
		margin-top: 24px;
	}
	.secondaryCounter{
		width: 370px;
		margin-left: 50px;
	}
	.nyTopBack{
		top: 62px;
	}
	.nyTopBack img {
		/*left: -675px;*/
		left: -840px;
	}
	.nyMiddleBack img {
		left: -560px;
	}
	.nyLowerBout .bigText{
		float: none;
		margin-left: 22%;
		margin-right: 50%;
	}
}
@media only screen and (max-width: 520px){
	.content-main02 {
		margin-left: 3%;
	}
	.content-main02 .textblocks {
		width: 100%;
	}
	.content-main02 .block01 .bigText {
		margin-top: 140px;
		width: 400px;
	}
	.content-main02 .block01 .smallText .artheader{
		margin-left: 12px;

	}
}
@media only screen and (max-width: 480px){
	.nav{
		margin-left: 0;
	}
	.nav a{
		width: 100%;
	}
	.nav .logo{
		width: 100%;
		background-position: center;
	}
	.nav .social{
		width: 100%;
		text-align: center;
	}
	/*.header.actual {
		height: 260px;
		margin-bottom: -120px;
	}
	.header.fake .repeat{
		display: none;
	}
	.header.fake{
		height: 260px;
		background-color: rgb(45,86,156);
		background-position: bottom;
		background-image: url('/visual/images/menumobile.png');
	}*/
	.content-main02 {
		margin-top: 40px;
	}
	.content-main02 .block03 .megaBigText {
		width: 100%;
		margin-top: 25px;
		margin-left: 8px;
	}
	.content-main02 .game {
		margin-left: 30px;
		margin-top: 14px;
	}
	.secondaryCounter{
		margin-left: 30px;
	}
	.content-main02 .block03 .inviteshareHolder {
		width: 95%;
		margin-left: 28%;
	}
	.content-main02 .block03 .shareHolder,
	.content-main02 .block03 .inviteHolder {
		width: 225px;
	}
	.content-main02 .block03 .inviteHolder .smallText,
	.content-main02 .block03 .inviteHolder .bigText,
	.content-main02 .block03 .shareHolder .smallText,
	.content-main02 .block03 .shareHolder .bigText
	{
		width: 100%;
		margin-left: 0px;
	}
	.content-main02 .block03 .shareHolder .social {
		margin-left: 0px;
		display: inline-block;
	}
	.content-main02 .block03 .inviteHolder .link {
		margin-left: 0px;
	}	
	.content-main02 .block01 .bigText,
	.content-main02 .block01 .smallText {
		width: 380px;
	}
	/* NY */
	.nyBubblesBlockTop{
		display: none;
	}
	.nyArtBlock[rel~="0"] .nyArtImage{
		top: 950px;
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		width: 360px;
	}
	.nyArtContent {
		width: 360px !important;
	}
	/*.nyArtBlock[rel~="0"] .nyArtContent {
		width: 360px;
	}*/
	.nyLowerBout .bigText{
		margin-left: 15%;
	}
	/* table */
	.content-table01{
		margin-top: 120px;
	}
}
@media only screen and (max-width: 414px){
	.content-main02 .game {
		margin-left: 10px;
	}
	.secondaryCounter{
		margin-left: 10px;
	}
	.content-main02 .block03 .inviteshareHolder {
		margin-left: 23%;
	}
	.content-main02 .game .intelHolder .authVictory .productBlock .smallTextTitle {
		width: 340px;
	}
	.content-main02 .block01 .bigText,
	.content-main02 .block01 .smallText {
		width: 340px;
	}
}
@media only screen and (max-width: 402px){
	.content-main02 .game .intelHolder .nonAuthVictory .bigText {
		margin-left: -32px;
	}
	.content-main02 .game .intelHolder .nonAuthVictory .smallText {
		margin-left: -32px;
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		width: 300px;
	}
	.nyArtContent {
		width: 300px !important;
	}
	.nyArtBlock .artheader {
		width: 300px !important;
	}
	/*.nyArtBlock[rel~="0"] .nyArtContent {
		width: 300px;
	}*/
	.nyLowerBout .bigText{
		margin-left: 10%;
	}
	.nyMiddleHolder {
		display: none;
	}
}
@media only screen and (max-width: 390px){
	.content-main02 .game {
		margin-left: 0px;
	}
	.secondaryCounter{
		margin-left: 0px;
	}
	.content-main02 .block03 .inviteshareHolder {
		margin-left: 20%;
	}
}
@media only screen and (max-width: 366px){
	.content-main02 .game {
		margin-left: -8px;
	}
	.secondaryCounter{
		margin-left: -8px;
	}
	.content-main02 .block01 .bigText,
	.content-main02 .block01 .smallText {
		width: 300px;
	}
	.content-main02 .authblock .bigText {
		width: 300px;
	}
	.content-main02 .authblock .social .txt {
    		margin-right: 20px;
	}
	.content-main02 .authblock .authform .submit {
    		width: 120px;
	}
	.nyTopBack img {
		display: none;
	}
	.nyBubblesBlock{
		display: none;
	}
	.nyArtImage{
		display: none;
	}
	.nyArtBlock[rel~="0"] {
		margin-top: 140px;
	}
	.nyArtContent {
    		margin-top: 40px !important;
	}
	.nyArtBlock[rel~="0"] .nyArtPreview {
		width: 280px;
	}
	.nyArtContent {
		width: 280px !important;
	}
	.nyArtBlock .artheader {
		width: 280px !important;
	}
	/*.nyArtBlock[rel~="0"] .nyArtContent {
		width: 280px;
	}*/
	.nyLowerBout .bigText{
		margin-left: 5%;
	}
	.nyLowerBout {
	    margin-top: 85px;
	}
	.nyLowerBoutHolder {
		min-height: 620px;
	}
}
@media only screen and (max-width: 340px){
	.content-main01 .block01,.content-main01 .block02{
		display: inline-block;
		width: 270px;
	}
	.content-main01 .block01 .bigText, .content-main01 .block02 .bigText,
	.content-main01 .block01 .smallText, .content-main01 .block02 .smallText{
		width: 270px;
	}
	.content-main01 .block01 .link, .content-main01 .block02 .link{
		width: 270px;
	}
	.content-main02 .game {
		margin-left: -27px;
	}
	.content-main02 .game .intelHolder .authVictory .productBlock .productDescription {
		margin-left: 25px;
	}
	.content-main02 .game .intelHolder .nonAuthVictory .bigText {
		margin-left: 0px;
	}
	.content-main02 .game .intelHolder .nonAuthVictory .smallText {
		margin-left: 0px;
	}
	.secondaryCounter{
		margin-left: -27px;
	}
	body{
		overflow-x: hidden;
	}
	.content-main02 .block03 {
    		margin-left: 0px;
	}
	.content-main02 .block03 .inviteshareHolder {
		margin-left: 16%;
	}
	.content-main02 .authblock .social .txt {
    		margin-right: 10px;
	}
	.content-main02 .authblock .authform .submit {
    		width: 115px;
	}
	.content-main02 .authblock .authform .email {
		width: 174px
	}
}
/* NEW MENU */
@media only screen and (max-width: 1260px){
	.naviBox a, .naviBox a[rel~="2"]{
		margin-left: 0px;
		margin-right: 10px;
	}
}
@media only screen and (max-width: 1140px){
	.naviBox a, .naviBox a[rel~="2"]{
		margin-left: 0px;
		margin-right: 5px;
		margin-bottom: -6px;
	}
	.logoBox{
		margin-right: 5px;
	}
	.naviBox a[rel~="3"]{
		min-width: 0px;
	}
}
@media only screen and (max-width: 750px){
	.naviBox{
		padding-top: 10px;
	}
	.header.actual{
		height: 160px;
	}
	.logoBox{
		width: 147px;
		margin-left: 5px;
	}
	.logoBox .logoWrapper{
		margin-left: 0px;
	}
}
@media only screen and (max-width: 640px){
	.socialBox {
		width: 145px;
	}
}
@media only screen and (max-width: 560px){
	.socialBox {
		display: inline; /* yup! */
		float: none;
	}
	.socialBox .socialWrapper{
		text-align: left;
	}	
	.socialBox .textBox{
		display: none;
	}
	.socialBox .linkBox {
		display: inline-block;
		margin-left: 0px;
		margin-top: 19px;
	}
	.naviBox {
		padding-top: 0px;
	}
	.logoBox .logoWrapper {
		margin-top: 16px;
	}
	.naviBox a {
		font-size: 11px;
	}
}
@media only screen and (max-width: 480px){
	.mainmenu{
		position: relative;
	}
	.logoBox {
		width: 100%;
		margin-left: 0px;
		height: 100px;
		text-align: center;
	}
	.naviBox {
		width: 100%;
		text-align: center;
	}
	.socialBox{
		position: absolute;
		bottom: 0;
		left: 50%;
		height: 50px;
		width: 145px;
		margin-left: -72px;
	}
	.naviBox a {
	    font-size: 12px;
	}
	.header.actual{
		height: 220px;
		margin-bottom: -90px;
	}
	.header.fake .repeat{
		background-color: rgb(45,86,156);
		background-image: url('/visual/images/menumobile.png');
		background-repeat: repeat-x;
		background-position: bottom center;
		height: 260px;
	}
}
@media only screen and (max-width: 340px){
	.naviBox {
		width: 92%;
	}
	.naviBox a {
		height: 26px;
		line-height: 26px;
	}
	.header.actual{
		height: 260px;
		margin-bottom: -90px;
	}
	.header.fake .repeat{
		height: 295px;
	}
}
@media only screen and (min-width: 2000px){
	.logoBox .logoWrapper {
		margin-top: 10px;
	}
}
/* experimental, swaps blocks on mobile */
@media (max-width: 1055px) {
  .content-main02.victoryActive {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .content-main02.victoryActive .textblocks {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .content-main02.victoryActive .textblocks .block03{
	margin-top: 30px;
  }
  .content-main02.victoryActive .game{
	margin-top: 102px;
  }

  .content-main02.victoryActive .game {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .secondaryCounter{
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    display: block;
  }
  .animatedLoader.primary{
	display: none;
  }
}