@media only screen and (max-width: 1280px) {
.wrapper { width:96%;}

.logo {
position:absolute;
top:5%;
z-index:1;
text-align:center;
width:100%;
}
#menu {
float:left;
width:80%;
font-size:80%;
}

#menu a {
padding:0 2%;
}
.social_icons {
float:left;
width:20%;
}
}

@media only screen and (max-width: 1024px) {
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.social_icons {
float:left;
width:100%;
}
.widget_info_last {
float:left;
min-height:100px !important;
}
.logo {
position:absolute;
top:15%;
z-index:1;
text-align:center;
width:100%;
}
.logo img {
width:30%;
}

#top {
position: relative;
top: auto;
left: auto;
z-index:2;
width:100%;
background:#0f0b0e;
background:rgba(15, 11, 14, 0.6);
float:left;
padding:0;
margin:0;
}

#video-container { margin-top:0;}

.play_button {
bottom:10%;
width:49%;
left:0;
text-align:right;
}

.preorder {
bottom:10%;
width:100%;
right:0;
text-align:center;
}

.demo {
font-size:1em;
bottom:25%;
width:100%;
right:0;
text-align:center;
}

.demo a {
padding: 3px;
}

footer {
background:url(../img/new/footer-1024.png) no-repeat bottom center;
-webkit-background-size:auto;
-moz-background-size:auto;
-o-background-size:auto;
background-size: auto;
height:auto;
text-align:center;
padding-top:100px;
padding-bottom:30px;
}
.about img { width:19%; display:inline-block;}
.box_preload {
padding:10px 1%;
margin:40px 1% 0 26%;
width:23%;
}

.box_preload_last {
padding:10px 1%;
margin:40px 0 0 0;
width:23%;
}

.box_preload_last img { width:40%; float:left; margin-right:3%;}
.box_preload_last span {
float:none;
width:auto;
padding-top:0;
}

.box_preload_last a {
float:none;
width:auto;
text-align:center;
padding:5px 4%;
margin:0 0 0 3%;
}

#content {
padding:120px 0 0;
}

#news {
	margin:60px 0 0;
}


}
@media only screen and (max-width: 800px) {
.play_button, .preorder {
font-size:1.8em;
}
.widget_info_last {
float:left;
min-height:100px !important;
}
.logo {
position:absolute;
top:10%;
z-index:1;
text-align:center;
width:100%;
}
.logo img {
width:30%;
}
.play_button a, .preorder a {
padding:10px 7%;
}

footer {
background:url(../img/new/footer-800.png) no-repeat bottom center;
-webkit-background-size:auto;
-moz-background-size:auto;
-o-background-size:auto;
background-size: auto;
height:auto;
text-align:center;
padding-top:100px;
padding-bottom:30px;
}

.bottom_nav {
width: 50%;
}

.box_preload h4, .box_preload_last h4 {
font-size:120%;
}

.box_preload p, .box_preload_last p {
	font-size:70%;}
.box_preload a { float:left;}

.box_preload_last {
padding:10px 1%;
margin:40px 20% 0 0;
width:23%;
}
}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 640px) {
.play_button {
position:relative;
float:left;
padding:15px 0;
}
.widget_info_last {
float:left;
min-height:100px !important;
}
.preorder {
position:relative;
float:right;
padding:15px 0;
}
.logo {
position:absolute;
top:15%;
z-index:1;
text-align:center;
width:100%;
}
.logo img {
width:30%;
}
.play_button, .preorder {
font-size:1.5em;
}

footer {
background:url(../img/new/footer-600.png) no-repeat bottom center;
-webkit-background-size:auto;
-moz-background-size:auto;
-o-background-size:auto;
background-size: auto;
height:auto;
text-align:center;
padding-top:100px;
padding-bottom:30px;
}
.bottom_nav {
width: 70%;
}

footer h5, .about h1, .preorder_container h2 {
font-size:1.5em;
}
.about img { width:30%; display:inline-block;}

.box_preload {
padding:10px 1%;
margin:40px 1% 0 22%;
width:28%;
}

.box_preload_last {
padding:10px 1%;
margin:40px 0 0 0;
width:28%;
}

.box_preload_last img { width:100%;}
.box_preload_last span {
float:none;
width:auto;
padding-top:0;
}

.box_preload_last a {
float:none;
width:auto;
text-align:center;
padding:5px 4%;
margin:0 0 0 3%;
}
#news {
	margin:10px !important;
}

}
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 480px) {
.box_preload_last span, .box_preload span {
	font-size:90%;
}

.box_preload {
padding:10px 1%;
margin:40px 1% 0 10%;
width:40%;
}


.box_preload a { float:right; margin:0;}
.box_preload_last {
padding:10px 1%;
margin:40px 0 0 0;
width:40%;
}
.logo {
position:absolute;
top:15%;
z-index:1;
text-align:center;
width:100%;
}
.logo img {
width:50%;
}
.widget_info {
float:left;
min-height:190px !important;
}
.widget_info_last {
float:left;
min-height:100px !important;
}
#news {
	margin:10px !important;
}



}
@media only screen and (max-width: 320px) {
.play_button {
width:100%;
text-align:center;
padding:10px 0;
}
.logo {
position:absolute;
top:10%;
z-index:1;
text-align:center;
width:100%;
}
.logo img {
width:60%;
}

.preorder {
width:100%;
text-align:center;
padding:10px 0;
}

.play_button a, .preorder a {
display:block;
width:75%;
text-align:center;
margin-left:5%;
}

footer {
background:url(../img/new/footer-320.png) no-repeat bottom center;
-webkit-background-size:auto;
-moz-background-size:auto;
-o-background-size:auto;
background-size: auto;
height:auto;
text-align:center;
padding-top:100px;
padding-bottom:30px;
}

.social_footer img {
	width:25%;}
.about img { width:45%; display:inline-block;}

.about {
padding:0 0 50px 0;
margin:0;
width:100%;
float:left;
text-align:center;
}

.box_preload, .box_preload_last {
padding:10px 3%;
margin:40px 0 0 0;
width:100%;
}

.box_preload_last img { width:100%; float:left; margin-right:0;}
.box_preload_last span {
float:left;
width:auto;
padding-top:0;
}

.box_preload_last a {
float:right;
width:auto;
text-align:center;
padding:5px 4%;
margin:0;
}

#content {
	}
#news {
	margin:0px !important;
}

}