/* Portrait tablet to landscape and desktop */
@media (max-width: 1230px) {
	#nav .wrap,
	#footer-nav .wrap{
		width:100%;
		background-position:-50px 0;
	}
	#footer-nav li, #footer-nav ul {
		line-height:30px;
	}
	#content .row .img {
		margin-right:0
	}
	
	.bx-wrapper .bx-pager{ display: none; }
	
}
@media (max-width: 970px) {
	
	.head-right-col  { display:none; }
	
	#header{ width:auto; height:174px; padding:0;  }
	#header .wrap {  height:174px; }
	
	#header .logo{ width: 147px; height: 174px; float:none; margin:auto; display:block; }
	#header .logo a{ display:block;  height: 174px; padding:0; overflow:hidden; background:url(../img/logo-big.jpg) no-repeat center center; background-size:auto 122px; }
	
	.mobile-menu-btn,
	.mobile-search-icon-btn { display:inline-block; }
	
}


/* iPad portrait */
@media (min-width: 768px) and (max-width: 979px) {
.slide-right{
	display:none;
}
.wrap {
	width:96% !important;
	margin-right:2%;
	margin-left:2%;
}
#content .row .text {
	width:40%
}
#content .row .img {
	margin-right: 0;
	width: 50%;
}
#content .row .img img{
	width:80%;
	height:auto;
}
#content .row .img iframe {
	width:100%;
}
#footer .box {
	width:49%;
}

#content .row-4 .two-boxes .left-box,
#content .row-4 .two-boxes .right-box {
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.main-menu{ padding: 36px 0 0 170px; }
.menu{ padding: 30px 0 10px 5px; text-align: center; }
.btn-red{ width: 300px; }


#header .search-form{ margin-top:0; }

#content h1{ font-size: 24px; }
#content .row-3 .img{ height: 327px; }
#content .row-4 .box-games{ margin: 0 30px 60px 30px; }

.retailers-popup2 { left: 10%; margin-left: 0; }


/* SLIDER */
.bxslider .slider-pop-up{ width: auto; margin: 90px 0 0 0; left: 17%; }
.bxslider .slider-pop-up .title{ padding: 23px 0 0 30px; }

.bxslider .slider-pop-up .popup-inner{ padding: 0; }
.bxslider .slider-pop-up .popup-inner img{ width: 150px; }
.bxslider .slider-pop-up .popup-inner .double{ width: 300px; margin: 0 auto; }
.bxslider .slider-pop-up .popup-inner .logo-box{ width: auto; padding: 5px 0; }
.bxslider .slider-pop-up .popup-inner .logo-box2{ padding: 5px 0; }

.bx-wrapper .bx-pager{ display: none; }



	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	#header{ width:auto; height:134px; padding:0;  }
	#header .wrap {  height:134px; }
	
	#header .logo{ width: 147px; height: 134px; float:none; margin:auto; display:block; }
	#header .logo a{ display:block;  height: 134px; padding:0; overflow:hidden; background:url(../img/logo-big.jpg) no-repeat center center; background-size:auto 80px; }
	
	.mobile-search-icon-btn { width:70px; height:70px; margin-top:32px; }
	.mobile-menu-btn { width:70px; height:70px; margin-top:32px; }
	
	#sliding-search-form { height:134px; }
	#sliding-search-form  .search-box { margin-top:48px; width:80%; }
	#sliding-search-form .cancel-search-btn { margin-top:48px; }
	
	
	.slide-right{
		display:none;
	}
	.wrap {
		width:94% !important;
		margin-right:3%;
		margin-left:3%;
		overflow:hidden;
	}
	#header .wrap {
		overflow:visible;
	}
	#content .row .text {
		width:40%
	}
	#content .row .img {
		margin-right: 0;
		width: 50%;
	}
	#content .row .img img{
		width:75%;
		height:auto;
	}
	#content .row .img iframe {
		width:100%;
	}
	#footer .box {
		width:49%;
	}
	#content .row-3 { 
		padding: 50px 0; 
	}	
	#content .row-3 .img {
		height: auto;
	}
	#content .row-4 .box {
		width:100%;
		margin-right:0;
		margin-bottom:20px
	}
	#content .row-4 .two-boxes .left-box,
	#content .row-4 .two-boxes .right-box {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	.btn-red {
		margin-top: 20px;
	}
	
	.text-panel-row .btn-row {margin-top:-6px; }
	.text-panel-row .btn-row .btn-red-3 {display:block; margin:20px auto 0; }
	.btn-red-4 {width:90%; padding-left:0; padding-right:0; }
}

 
/* Landscape phones and down */
@media (max-width: 480px) {
	
#sliding-search-form .search-box { margin-top:38px; width:99%; display:block; margin:38px 0 0 0; }	
#sliding-search-form .cancel-search-btn { padding-top:14px; margin-top:0; float:left; width:100%; display:block; text-align:center; }
	

body{ background: #fff; }

#game{ display:none; }

.slide-right{ display:none; }

#content{ margin-top:20px; }
#content .row .img, 
#content .row .text {
	width:100%;
	padding:0;
	float:none;
	margin:0 0 30px 0;
	height:100%;
}
#footer .box p { font-size:13px; }

/****** ALT-BOX for hiding subscription box in footer *******/

#footer .alt-box p { font-size:13px; }

#content .row-4 .two-boxes .left-box,
#content .row-4 .two-boxes .right-box,
#content .row-4 .two-boxes .left-box .img-col,
#content .row-4 .two-boxes .right-box .img-col {
	width:100%;
	clear:both;
	float:left;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-size:100% 100%;
}
#content .row-4 .two-boxes .each-box .text-col-inner .btn-row {
	margin:146px auto 0;
	width:90%;
}
#content .row-4 .two-boxes .each-box .text-col-inner .btn-row .buy-now-btn{
	padding:1px 0;
	width:85%;
	font-weight:bold;
}

#content .row-4 .box-games-panel {margin-left:0; }

.btn{ width:100% !important }

.main-menu{ height: auto; padding: 10px 0 0 0; /*display: none;*/ }
.main-menu .a-button h2{ text-align: center; margin-top:50px; }
.menu{ padding: 20px 0; }
.menu li{ margin: 0 0 10px 0; }
.menu li a{ width: 260px; }
.menu li a:hover{ background: #be1e28; color: #fff; }

/* Deleted
#header .logo{ width: 95px; height: auto; position: relative; margin: 0; float: left; }
#header .logo a{ width: 95px; height: 100px; padding: 0; }
*/

#header .search-form{ width: 202px; margin: 35px 0 0 0; }

.buy-now-wrap a{ background-size: 30%; width: 180px; height: auto; padding: 15px 10px; font-size: 24px; }

#content h1{ text-align: center; color:#2d2d2d; margin-bottom: 15px; }
#content .text img{ margin-bottom: 15px; }

.btn-red{ font-size: 21px; width: 300px; height: auto; padding: 20px 0; float: none; margin: 0 0 30px !important; }
.btn-red-3{ width: 180px; font-size: 16px; height: auto; padding: 15px 0; }

#content .row h1{ text-align: left; font-size: 21px; }
#content .row p{ text-align: left; font-size: 16px; line-height: 21px; }
.btn-red-4 {width:100%; padding-left:0; padding-right:0; }

#content .row-1{ padding: 8px 0 0; }
#content .row-1 .video-player{ width:99%; display:block; padding: 0; position: relative; z-index: 9999; left:0; top: 50px;  }


.social-box{ margin-top: 300px; }

#content .row-2{ padding: 30px 0 0 0; }
#content .row-2 h1{ margin-bottom: 15px; }
#content .row-2 .img{ width: 400px; }
#content .row-2 .video-player{ width: 100%; padding: 0; position: relative; z-index: 9999; top: 50px;  }


#content .row-3{ padding: 30px 0 0 0; }
#content .row-3 .img{ width: 400px; }
#content .row-3 .video-player{ width: 100%; padding: 0; position: relative; z-index: 9999; top: 50px;  }


#content .row-4{ padding: 30px 0; }
#content .row-4 h1{ font-size: 21px; margin: 0 0 30px 0; text-align: center; }
#content .row-4 .video-player{ width: 100%; padding: 0; position: relative; z-index: 9999; top: 50px; }


#content .row-4 .box-games{ float: none; margin: 0 auto; padding-bottom: 40px; }
#content .row-4 .box-games p{ font-size: 16px; line-height: 21px; }

#content .row .video-player, #content .row .img {
    position: static
}

#footer-nav{ padding-top: 10px; }
#footer-nav ul li a{ font-size: 8px; }
#footer .box{ width: 200px; height: 110px; padding: 20px 10px; margin: 0 0 20px 0; }
#footer .copy{ font-size: 7px; line-height: 16px; }

.popup-inner{ width: 240px; padding: 0; }

.retailers-popup2{ width: 344px; margin: 0 auto; left: 55px; } /*top: 0;*/
.retailers-popup2 .title{ width: 220px; padding: 10px 0 10px 15px; font-size: 13px; text-align: left; line-height: 18px; }
.retailers-popup2 .close-btn{ width: 40px; height: 40px; padding: 5px 5px 0 0; }
.retailers-popup2 .close-btn img{ height: 40px; }

.popup-inner .logo-box{ float: none; height: 40px; padding: 5px 0; text-align: center; }
.popup-inner .logo-box img{ height: 40px; margin:0 auto; }
.popup-inner .logo-box2{ height: 58px; text-align: center; padding: 5px 0; }
.popup-inner .logo-box2 img{ height: 58px; }

.bxslider .slider-pop-up {width: 344px; margin:0 auto; }
.bxslider .slider-pop-up .popup-inner {width:240px; padding:0; }

.text-panel-row p {font-size:16px; line-height: 22px; }

.product-box-01{ margin-top: 70px; }
.product-box-02{ margin-top: 445px; }
.product-box-03{ margin-top: 820px; }



/* SLIDER */
.buy-now-wrap{ display: none; }
.bx-wrapper .bx-pager{ display: none; }
.mobile-retailers{ display: block; }



/* MOBILE */
nav ul{ display: none; }
nav select{ display: block; }
.main-menu{ padding:10px 0 0 80px; }
.main-menu .a-button h2{ font-size: 22px; text-align: center; }
#footer-nav ul li{ line-height: normal; padding: 0 5px; margin: 0; }
#footer-nav ul .line{ font-size: 9px; }


}
 
/* Portrait phones and down */
@media (max-width: 321px) {

body{}

.slide-right{ display:none; }

/*
#header{ padding: 0; }
#header .logo{ width: 70px; height: 80px; position: relative; padding: 0; margin-left: 0; }
#header .logo a{ background-size: 100% auto; width: 70px; height: 90px; padding: 0; }
*/

#header .search-form{ width: 202px; margin: 25px 0 0 0; }

.main-menu{ height: auto; padding: 0; }
.main-menu .a-button h2{ text-align: center; }
.menu{ padding: 10px 0; }
.menu li{ margin: 0 0 10px 0; }
.menu li a{ width: 260px; }
.menu li a:hover{ background: #be1e28; color: #fff; }

#content h1{ text-align: center; color:#2d2d2d; margin-bottom: 15px; }
#content .text img{ margin-bottom: 15px; }

.btn-red{ font-size: 21px; width: 300px; height: auto; padding: 20px 0; }

.row-shadow{ text-align: center; }	
.row-shadow img{ width: 100%; }

#content .row h1{ text-align: left; font-size: 21px; }
#content .row p{ text-align: left; font-size: 16px; line-height: 21px; }

#content .row-1{ padding: 30px 0 0 0; }
#content .row-1 .video-player{ padding: 0; position: relative; left:0; z-index: 9999; top: 50px; }

.social-box{ margin-top: 300px; }

#content .row-2{ padding: 30px 0 0 0; }
#content .row-2 h1{ margin-bottom: 15px; }
#content .row-2 p{ display: none; }
#content .row-2 .img{ width: 300px; }

#content .row-3{ padding: 30px 0 0 0; }
#content .row-3 .img {width: 300px;}

#content .row-4{ padding: 30px 0; }
#content .row-4 h1{ font-size: 21px; margin: 0 0 30px 0; }
#content .row-4 .box-games{ float: none; margin: 0 auto; padding-bottom: 40px; }
#content .row-4 .box-games p{ font-size: 16px; line-height: 21px; }

#content .row .video-player, #content .row .img {
    position: static
}

#footer .wrap{ padding-top: 20px; }
#footer .box {
	float: none;
	margin: 0;
	padding: 15px 0;
	width: 100%;
}

#footer-nav {
	width:100%;
	float:none; }
#footer-nav ul{
	width:100% !important;
}
#footer-nav .line{
	display:none;
}
#footer-nav li {
	float: none;
	display: block;
	clear:both;
	width:100% !important;
	padding: 0;
}

#footer-nav{ padding-top: 10px; }
#footer-nav ul li{ line-height: 24px; }
#footer-nav ul li a{ font-size: 14px; }

#footer{ padding: 0 0 20px 0; }
#footer .copy{ font-size: 11px; line-height: 18px; }


.retailers-popup2{ width: auto; margin: 0 10px; left: 0; } /*top: 0;*/
.retailers-popup2 .title{ width: 220px; padding: 10px 0 10px 15px; font-size: 13px; text-align: left; line-height: 18px; }
.retailers-popup2 .close-btn{ width: 40px; height: 40px; padding: 5px 5px 0 0; }
.retailers-popup2 .close-btn img{ height: 40px; }

.bxslider .slider-pop-up {width:auto; margin:0 10px; }


.popup-inner .logo-box{ float: none; height: 40px; padding: 5px 0; text-align: center; }
.popup-inner .logo-box img{ height: 40px; margin:0 auto; }
.popup-inner .logo-box2{ height: 58px; text-align: center; padding: 5px 0; }
.popup-inner .logo-box2 img{ height: 58px; }

.bxslider .slider-pop-up .popup-inner .logo-box {padding:5px 0; }

.product-box-01{ margin-top: 70px; }
.product-box-02{ margin-top: 445px; }
.product-box-03{ margin-top: 820px; }


/* SLIDER */
.buy-now-wrap{ display: none; }
.bx-wrapper .bx-pager{ display: none; }
.mobile-retailers{ display: block; }


}