/* #Media Queries
================================================== */
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 1800px) {

		.parallax{
			background-size: cover !important;
		}

	}




	/* bigger than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) {

.topBar{
	height: 86px;
	background: url(../images/bg-topbar.png) repeat-x center bottom;
	padding:0;
}
.topBar .container{
	height: 86px;
	width:100%;
	background: url(../images/topbar.png) no-repeat center bottom;	
	}
.full-header{
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: 0;
}




.topBar h1{
	display: none;
}

nav.mainMenu{
	width:603px;
	margin:0 auto;
}

nav.mainMenu ul{
	width:603px;
	height:50px;
	padding-top:21px;
}


nav.mainMenu ul li{
	float: left;
	padding: 0;
	margin: 0;
	display:inline;
	list-style-type:none !important;
	background:none !important;
}

nav.mainMenu ul li a{
	display: block;
	cursor: pointer;
	text-indent:-9877em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
	height:50px;

}



nav.mainMenu .menu01 a {
	background: url(../images/mainmenu.png) no-repeat 0px 0px;
	width:121px;
}
nav.mainMenu .menu02 a { 
	background: url(../images/mainmenu.png) no-repeat -121px 0px;
	width:120px;
}
nav.mainMenu .menu03 a {
	background: url(../images/mainmenu.png) no-repeat -241px 0px;
	width:120px;
}
nav.mainMenu .menu04 a {
	background: url(../images/mainmenu.png) no-repeat -361px 0px;
	width:120px;
}
nav.mainMenu .menu05 a {
	background: url(../images/mainmenu.png) no-repeat -481px 0px;
	width:122px;
}

nav.mainMenu .menu01 a:hover {
	background: url(../images/mainmenu.png) no-repeat 0px -50px;
	width:121px;
}
nav.mainMenu .menu02 a:hover { 
	background: url(../images/mainmenu.png) no-repeat -121px -50px;
	width:120px;
}
nav.mainMenu .menu03 a:hover {
	background: url(../images/mainmenu.png) no-repeat -241px -50px;
	width:120px;
}
nav.mainMenu .menu04 a:hover {
	background: url(../images/mainmenu.png) no-repeat -361px -50px;
	width:120px;
}
nav.mainMenu .menu05 a:hover {
	background: url(../images/mainmenu.png) no-repeat -481px -50px;
	width:122px;
}




nav.mainMenu .menu01 > a:hover,nav.mainMenu  .menu01.active > a{
	background: url(../images/mainmenu.png) no-repeat 0px -50px;
}



.t2{
	background:url('../slide/images/slides/weapon/asaduki.png') no-repeat top right #fff;
}
.t3{
	background:url('../slide/images/slides/weapon/f12a.jpg') no-repeat right bottom #fff;
}
.t4{
	background:url('../slide/images/slides/aide/p13.png') no-repeat 80% -5% #fff;
}

.mdn1{
float:right;
padding:15px;
	}
.mdn2{
padding-left:60px;
	}
.mdn3{

	}







}










	/* bigger than 480 (devices and browsers) */
	@media only screen and (min-width: 480px) {

.topBar{
	height: 128px;
	background: url(../images/bg-topbar.png) repeat-x center bottom;
	padding:20px 0;
}
.topBar .container{
	height: 86px;
	width:100%;
	background: url(../images/topbar.png) no-repeat center bottom;	
	}
.full-header{
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: -10px;
}




.topBar h1{
	display: none;
}

nav.mainMenu{
	width:603px;
	margin:0 auto;
}

nav.mainMenu ul{
	width:603px;
	height:50px;
	padding-top:21px;
}


nav.mainMenu ul li{
	float: left;
	padding: 0;
	margin: 0;
	display:inline;
	list-style-type:none !important;
	background:none !important;
}

nav.mainMenu ul li a{
	display: block;
	cursor: pointer;
	text-indent:-9877em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-decoration: none;
	height:50px;

}



nav.mainMenu .menu01 a {
	background: url(../images/mainmenu.png) no-repeat 0px 0px;
	width:121px;
}
nav.mainMenu .menu02 a { 
	background: url(../images/mainmenu.png) no-repeat -121px 0px;
	width:120px;
}
nav.mainMenu .menu03 a {
	background: url(../images/mainmenu.png) no-repeat -241px 0px;
	width:120px;
}
nav.mainMenu .menu04 a {
	background: url(../images/mainmenu.png) no-repeat -361px 0px;
	width:120px;
}
nav.mainMenu .menu05 a {
	background: url(../images/mainmenu.png) no-repeat -481px 0px;
	width:122px;
}

nav.mainMenu .menu01 a:hover, {
	background: url(../images/mainmenu.png) no-repeat 0px -50px;
	width:121px;
}
nav.mainMenu .menu02 a:hover { 
	background: url(../images/mainmenu.png) no-repeat -121px -50px;
	width:120px;
}
nav.mainMenu .menu03 a:hover {
	background: url(../images/mainmenu.png) no-repeat -241px -50px;
	width:120px;
}
nav.mainMenu .menu04 a:hover {
	background: url(../images/mainmenu.png) no-repeat -361px -50px;
	width:120px;
}
nav.mainMenu .menu05 a:hover {
	background: url(../images/mainmenu.png) no-repeat -481px -50px;
	width:122px;
}



li.active a.m1{
	background: url(../images/mainmenu.png) no-repeat 0px -50px !important;
}
li.active a.m2{
	background: url(../images/mainmenu.png) no-repeat -121px -50px !important;
}
li.active a.m3{
	background: url(../images/mainmenu.png) no-repeat -241px -50px !important;
}
li.active a.m4{
	background: url(../images/mainmenu.png) no-repeat -361px -50px !important;
}
li.active a.m5{
	background: url(../images/mainmenu.png) no-repeat -481px -50px !important;
}


.titleBar h2{
	font-weight: 700;
	font-size: 20px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 386px;
height: 60px;
display: block;
}
.titleBar h2.m2{
	background:url('../images/ttl-aboutgame.png') no-repeat top center;
}
.titleBar h2.m3{
	background:url('../images/ttl-battlecards.png') no-repeat top center;
}
.titleBar h2.m4{
	background:url('../images/ttl-characters.png') no-repeat top center;
}
.titleBar h2.m5{
	background:url('../images/ttl-specs.png') no-repeat top center;
}
.titleBar h2.m6{
	background:url('../images/ttl-contact.png') no-repeat top center;
}










}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 481px) {
		
		
		section#header-option{
			-webkit-background-size:160% auto;
		}
		.titleBar{
			margin-left: 0px;
			margin-right: 0px;
		}
		.topBar{
	background-color:#262626;
	border-color:#000000;
	padding:15px 0;
	margin:0;
}
.full-header{
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: 0;
}
	
		
		.topBar .mainMenu{
			margin: 10px auto;
			float: none;
		}
		.topBar h1{

		}
		.entry .message {
			display: none;
		}
		.topBar .mainMenu ul{
			margin: 0;
		}
		span.buttons{
			text-align: center;
		}
		.post .box-left,.post .box-right{
			float: none;
		}

		#subMenu{
			display:block;
			opacity: 1;
			margin: 0 auto 10px auto;
		}
		.mainMenu ul{
			display:none;
			opacity: 0;
		}

		.slides .flex-content{
			display: none;
		}
		
		
		
		.t2{
	background:none  !important;
}
.t3{
	background-image:none  !important;
}
.t4{
	background-image:none  !important;
}
.titleBar{
	background-color:transparent !important;
	padding: 0;
	margin: 30px 0px 20px;
}
.titleBar h2{
	font-weight: 700;
	font-size: 20px;
text-indent: none  !important;
margin:0  !important;
padding:0  !important;
	background-color:#fff  !important;
}
		.parallax{
			display:none;
		}		
		
.mdn1{
			display:none;
	}
.mdn2{
			display:none;
	}
.mdn3{
			display:none;
	}


		#pp_full_res iframe{width: 100% !important;height: auto !important;}
		.pp_pic_holder.pp_default { width: 96%!important; left: 2%!important; overflow: hidden; }
		div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
		div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
		.pp_content { width: 100%!important; height: auto!important; }
		.pp_fade { width: 100%!important; height: 100%!important; }
		a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
		#pp_full_res img { width: 100%!important; height: auto!important; }
		a.pp_close { right: 10px!important; top: 10px!important; }
		.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
		
	}

	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
		
		
		section#header-option{
			-webkit-background-size:160% auto !important;
		}
	}
	
	

	
	
	

	/* iPads (portrait) ----------- */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		section#header-option{
			-webkit-background-size:250% auto !important;
		}

	}

	
@media only screen and (max-height:500px) and (orientation : landscape) {
		

.topBar{
	display:none;
}
	}