.game_box{display: block; max-width: 1197px; min-height: 500px; width: 100%; margin: auto; overflow: hidden; margin-top: 30px;}
.game_header{display: block; width: 100%; height: 46px; overflow: hidden; margin-bottom: 28px;}
.game_body{display: block; width: 100%; margin-bottom: 46px; overflow: hidden;}
.game_footer{clear: both; display: block; width: 100%; margin-bottom: 48px;}

/** Top menu */
#main_menu{display: block; width: 60%; float: left;}
#search_box{display: block; width: 40%; float: right; overflow: hidden; padding-top: 6px; text-align: right;}
#search_box .search_field{height: 36px; width: 65%; padding: 0 4px}
#search_box .search_button{height: 36px; margin-right: 9px; margin-left: -5px; font-weight: 500;}
#main_menu ul{list-style: none; margin: 0; padding: 0;}
#main_menu ul li{float: left; overflow: visible; margin-right: 10px; z-index:99999 !important;}
#main_menu ul li a{display: block; box-sizing: border-box; padding: 10px 30px 10px 9px; height: 46px; font-weight: bold; font-size: 18px; text-transform: uppercase; text-decoration: none; color: #fff;}
#main_menu ul li a:hover{color: #fed402;}
#main_menu ul li a:active, #main_menu ul li a.active  {background-color:#272523;color: #fed402;}
#main_menu ul.slide_menu{ overflow: hidden; margin: 0; background: #2e2d2c; color: #a5a5a5; padding: 10px 18px; position: absolute; display: none; font-size: 11px;z-index: 9999;}
#main_menu ul.slide_menu li {display:block; background:none !important; clear: left !important; box-sizing: border-box; }
#main_menu ul.slide_menu li{height: 26px; width: 100%; margin-right: 0px; border: 0px solid #00ff00; clear:left; text-align: left; margin-bottom: 8px;}
#main_menu ul.slide_menu a{display: block; padding: 0 !important; color: #a5a5a5; text-decoration: none; width: 100%; height:100%; font-size:14px; font-weight:normal; }
#main_menu ul.slide_menu a:hover{color: #fed402; }
.lastMenuItem{background: none !important;}
.active_top_no_sub{color: #fed402 !important; text-decoration: underline !important;}
.menu_top_normal_state, .menu_top_active_state, .menu_top_selected_state{background: url(../images/bkg_menu-arrow-sprite.png) no-repeat; }
.menu_top_normal_state{background-position: right 0;}
.menu_top_active_state{background-position: right -92px;}
.menu_top_selected_state{background-position: right -46px;}

/** Game list */
.nothing_message{display: none; text-align: left; color: #fff; padding: 9px;}
.nothing_message > div:first-child{font-size: 36px;}
.nothing_message > div:last-child{font-size: 18px;}
.game_list ul{margin: 0; padding: 0; list-style: none;}
.game_list ul li{float: left; display: block; position: relative; max-width: 399px; max-height: 389px; width: 33.33%}
.game_list ul li > img{width: 100% !important;}
.game_list ul li .game_hover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; cursor: pointer; background: url(../images/bkg_game-over.png) repeat-x; background-position: left bottom;background-size: contain;}
.game_list ul li:hover .game_hover{display: block; overflow: hidden;}
.game_list ul li .game_hover .game_info{display: inline-block; width: 100%; margin-top: 22%; padding: 0 30px 30px 30px; overflow: hidden; text-align: left;}
.game_list ul li .game_hover .game_info > div{display: inline-block; width: 100%; color: #fff;}
.game_title{position: relative; font-size: 2.4em; font-weight: bold; height: 192px !important; vertical-align: bottom !important; color: #fed402 !important; 	line-height: normal; text-transform: uppercase;}
.game_title span{position: absolute; bottom: 0;}
.availability{font-size: 18px; font-weight: 600; text-transform: uppercase;}
.platforms{height: 37px;}
.find_out_more{font-size: 14px; font-weight: 400;}
.platform_icon{display: inline-block; margin-right: 10px; height: 100% !important;}

/** Game footer */
.game_footer ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.game_footer ul li{display: inline-block; margin-right: 44px; font-size: 18px; font-weight: 500;}
.game_footer ul li span{color: #fed402}
.game_footer ul li a:link, .game_footer ul li a:visited{color: #fff; text-decoration: none;}
.game_footer ul li a:hover, .game_footer ul li a:active{color: #fed402; text-decoration: none;}
.last_item{margin-right: 0 !important;}

/** Game detail */
.gamedetail_video{float: left; width: 50%; height: 390px;}
.gamedetail_photo{float: left; width: 50%;}
.gamedetail_photo img{width: 100%;}
.gamedetail_info{float: right; width: 48%; text-align: left;}
.game_title_detail{font-size: 36px; font-weight: bold; color: #fed402 !important; line-height: normal; margin-bottom: 18px;}
.game_extra_info{color: #fff !important; font-size: 18px; font-weight: bold; margin-bottom: 23px;}
.game_extra_info span{text-transform: uppercase;}
.game_extra_info a{color: #fff !important; text-decoration: none;}
.game_extra_info a:hover{color: #fed402 !important; text-decoration: none;}
.game_detail{color: #fff !important; font-size: 16px; font-weight: 400; margin-bottom: 26px;}
.related_game_box{display: block; overflow: hidden; text-align: left; margin-top: 30px;}
.related_game_box h1{color: #0880af !important; font-size: 35px; font-weight: bold;}

/** Services games */
.services_games{display: block; max-width: 1680px; min-width: 768px; width: 100%; clear: both; margin: auto; overflow: hidden; margin-top: 60px; margin-bottom: 50px;}
.services_games ul{margin: 0; padding: 0; list-style: none;}
.services_games ul li{float: left;}
.services_row_1 li, .services_row_3 li{display: table; width: 25%; max-width: 420px; max-height: 391px; position: relative;}
.services_row_2 li{display: block; width: 50%; max-width: 840px; max-height: 819px; position: relative;}
.services_row_1 li > img, .services_row_2 li > img, .services_row_3 li > img{width: 100%; }
.services_game_item{display: block; position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; background: url(../images/bkg_services-game-item.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.services_game_item:hover{background: none !important;}
.service_game_info{display: block; position: absolute; bottom: 0; padding: 30px;}
.services_game_title, .services_game_title2x{font-weight: bold; color: #ffd400; text-transform: uppercase;line-height: normal;}
.services_game_title{font-size: 27px; }
.services_game_title2x{font-size: 40px;}
.services_game_platforms{height: 30px;}
.services_game_platforms2x{height: 46px;}

.services_games_phone{display: block; max-width: 600px; min-width: 320px; width: 100%; clear: both; margin: auto; overflow: hidden; margin-top: 80px; margin-bottom: 50px;}
.services_games_phone ul{margin: 0; padding: 0; list-style: none;}
.services_games_phone ul li{float: left;}
.services_phone_row_2{clear: both;}
.services_phone_row_1 li, .services_phone_row_3 li, .services_phone_row_5 li{display: block; width: 50%; max-width: 300px; max-height: 293px; position: relative;}
.services_phone_row_1 li .services_game_item, .services_phone_row_2 li .services_game_item, .services_phone_row_3 li .services_game_item, .services_phone_row_4 li .services_game_item, .services_phone_row_5 li .services_game_item{background: none !important;}
.services_phone_row_2 li, .services_phone_row_4 li{display: block; width: 100%; max-width: 600px; max-height: 585px; position: relative;}
.services_phone_row_1 li > img, .services_phone_row_2 li > img, .services_phone_row_3 li > img, .services_phone_row_4 li > img, .services_phone_row_5 li > img{width: 100%; }


/* ==============================
   Tablet landskape
   ============================== */
@media only screen and (max-width: 1076px){
	.game_title {font-size: 36px; height: 180px !important;}
}
@media only screen and (max-width: 1024px){
	.service_game_info{padding: 24px;}
	.game_title {font-size: 36px; height: 172px !important;}
	.services_game_title{font-size: 18px;}
	.services_game_title2x{font-size: 28px;}
	.services_game_platforms{height: 24px;}
	.services_game_platforms2x{height: 30px;}
}
@media only screen and (max-width: 992px){
	.game_title {font-size: 36px; height: 162px !important;}
}
@media only screen and (max-width: 800px){
	.game_title {font-size: 24px; height: 122px !important;}
	.availability{font-size: 14px;}
	.platforms{height: 28px;}
	.service_game_info{padding: 20px;}
	.services_game_title{font-size: 14px;}
	.services_game_title2x{font-size: 22px;}
	.services_game_platforms{height: 20px;}
	.services_game_platforms2x{height: 25px;}
}

/* ==============================
   Tablet Portrait
   ============================== */
@media only screen and (max-width: 768px){
	.game_title {font-size: 16px; height: 102px !important;}
	.availability{font-size: 12px;}
	.platforms{height: 26px;}
	#search_box .search_field{height: 30px;}
	#search_box .search_button{height: 30px;}
	.service_game_info{padding: 18px;}
	.services_game_title{font-size: 13px;}
	.services_game_title2x{font-size: 21px !important; text-transform: uppercase;}
	.services_game_platforms{height: 20px;}
	.services_game_platforms2x{height: 24px;}
}

/* ==============================
   Small Tablet
   ============================== */
@media only screen and (max-width: 600px){
	.game_header{height: 180px;}
	#main_menu{width: 100%;}
	#main_menu ul li{clear: both;}
	#search_box{width: 100%; float: left; text-align: left;}
	#search_box .search_field{width: 80%; margin-left: 9px;}
	.game_list ul li{max-width: 600px; max-height: 586px; width: 100%}
	.game_list ul li .game_hover{display: block !important; background: none;}
	.game_title{font-size: 3em; height: 300px !important;
	.availability{font-size: 30px !important;}
	.platforms{height: 37px;}
	
	.services_phone_testimonial .testimonial_item{width: 600px; height: 600px; padding: 40px 25px;}

	.gamedetail_video{width: 100%; height: 390px; border: 1px solid #ff0000;}
	.gamedetail_photo{width: 100%;}
	.gamedetail_info{clear: both; width: 100%; text-align: left;}
}

/* ==============================
   Phone
   ============================== */
@media only screen and (max-width: 480px){
	.game_header{height: 180px;}
	#main_menu{width: 100%;}
	#main_menu ul li{clear: both;}
	#search_box{width: 100%; float: left; text-align: left;}
	#search_box .search_field{width: 80%; margin-left: 9px;}
	.game_list ul li{max-width: 480px; max-height: 469px; width: 100%}
	.game_list ul li .game_hover{display: block !important; background: none;}
	.game_title{font-size: 2.4em; height: 200px !important;
	.availability{font-size: 20px !important;}
	.platforms{height: 37px;}
}

/* ==============================
   Small Phone
   ============================== */
@media only screen and (max-width: 320px){
	.game_header{height: 180px;}
	#main_menu{width: 100%;}
	#main_menu ul li{clear: both;}
	#search_box .search_field{width: 75%; margin-left: 9px;}
	.game_list ul li .game_hover{background: url(../images/bkg_game-over_2.png) repeat-x;}
	.game_title {font-size: 1.8em; height: 160px !important;}
	.availability{font-size: 16px !important;}
	.platforms{height: 30px;}
}