@charset "UTF-8";
/* --------------- responsive styles ---------------- */

/* ------ my weird breakpoint ------ */
@media (min-width:961px) and (max-width:1020px){	
}

@media (min-width:961px){
}

@media (max-width:960px){
	#playstation {
	clear: left;
}
}

@media (min-width:960px){
}

@media (min-width:650px) and (max-width:959px){
}

@media (max-width: 649px) {
	
	/* -- TWBS Color Generator -- */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #c12632;
  }
  
  #ankakespa {
	clear: left;
	}
	#multi #wallpapers a {
	/*for 3 links*/
	font-size: 18px;
	margin-right: 24px;
	margin-left: 12px;
	
	/*for 4 links
	font-size: 15px;
	margin-right: 24px;
	margin-left: 12px;*/
}
h3 {
	padding-left: 0px;
	padding-right: 0px;
	/*text-align: left;*/
	font-size: 21px;
	line-height: 21px;
}
#story p, #feat p, #sys p {
	padding-left: 0px;
	padding-right: 0px;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
nav {
	font-size: 23px;
}
	
/* -- CAD ADD -- */
.navbar-default .navbar-nav > li {
  margin-left: 0px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* insert styles here */
}


  /* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
#steam {
	top: 260px;
	left: 10px;
}
    }

  /* My weird breakpoint */
@media only screen and (max-width : 620px) {
#steam {
	top: 250px;
}
    }

  /* My weird breakpoint */
@media only screen and (max-width : 576px) {
#steam {
	top: 230px;
}
    }


/* ------ Smartphones (portrait and landscape) ------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	/* ------ navbar styles ------ */
.navbar-brand img{
	margin-top: -2px;
}	
.navbar-default .navbar-nav > li.top-icon2 {
  margin-left: 20px;
}

#ankakespa {
	clear: none;
	}
	#playstation {
	clear: none;
}
#order {
	width: 55px;
	height: 70px;
	margin-left: 79%;
	margin-top: 2%;
}
	#steam {
	width: 55px;
	height: 70px;
	top: 190px;
}
}

/* ------ Smartphones (portrait) ------ */
@media only screen and (max-width : 414px) {
	#story .subhead {
	margin-top: -120px;
}
#multi #wallpapers a {
	/*for 3 links*/
	font-size: 14px;
	margin-right: 12px;
	margin-left: 6px;
}
h2 {
	font-size: 45px;
	line-height: 45px;
	padding-top: 15px;
}
h3 {
	text-align: left;
	font-size: 18px;
	line-height: 18px;
}
}