/*#########################################

# >>	Media query for mobiles, portrait and landscape

#########################################*/
@media (max-width: 768px), (max-width: 1024px) and (max-height: 700px) and (orientation: landscape){
	/*xs*/

	/* #game_list_student_mode_container bootstrap derogations */
	/*-----------------------------------*/
	#game_list_student_mode_container .container{
		padding: 0px;
	}
	#game_list_student_mode_container .tab-content {
		padding: 15px 0px;
	}
	#game_list_student_mode_container .panel-body{
		padding: 0px;
	}



	/* tabs */
	/*-----------------------------------*/
	#tabClasses{margin-top:20px;}
	#tabClasses li a{padding:0px 5px;}

	#tabClasses.nav-tabs > li.active > a, #tabClasses.nav-tabs > li.active > a:hover, #tabClasses.nav-tabs > li.active > a:focus{
			background: #FFF; color: #333;}
		
	#tabSubjects{float:none; padding:10px 0px; border:none; border-bottom: solid 1px #CCC;}
	#tabSubjects.nav-tabs{margin-right: 0px;}

	#tabSubjects.nav-tabs .active a, #tabSubjects.nav-tabs .active a:hover, #tabSubjects.nav-tabs .active a:focus{ border:none;}
	#tabSubjects i{margin-bottom: 0px;}
	#tabSubjects.nav > li > a{padding:0px 10px; min-width: 0px;}
	
	#tabSubjects li{display: inline-block;}

	#tableResultPerGame.table th { font-size: 0.8em; }

	/* >> -- Thumbs */
	/*-----------------------------------*/
	.gameThumb .gameThumbInner {
		width: 22em;
	}
	.gameThumb .textInThumb {
		font-size: 1.3em;
		letter-spacing: -0.04em;
	}
	.gameThumb .textInThumb .longName{
		letter-spacing: -0.05em;
		font-size: 0.8em;
	}
	.gameThumb .gameDescription {
		width: 23em;
		margin-left: 0px;
		padding: 10px 10px;
	}

	/* badges */
	/*-----------------------------------*/
	.game_thumbs_list .panel-default > .panel-heading .vp_badge {
		padding-top: 5px;
	}

	/* game_list_student_mode_container */
	/*-----------------------------------*/
	#promote_game_list_col .game_list{
		padding: 10px 0px;
		margin-bottom: 20px;
		background: bisque;
	}


	#other_games_list{
		padding: 0px;
	}
	#other_games_list .nav-tabs{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#other_games_list .nav-tabs li{
		display: flex;
		float: none;
	}
	#other_games_list .nav > li > a{
		padding: 0px;
	}
	#other_games_list .nav.nav-tabs .matiere_header{
		border-radius: 20px;
		padding: 3px 10px;
		font-size: 1.6em;
	}
	#other_games_list li:not(#other_games_list li.active){
		margin-top: -1px;
		margin-right: 0px;
	}

	#other_games_list .nav-tabs > li.active > a, #other_games_list  .nav-tabs > li.active > a:hover, #other_games_list .nav-tabs > li.active > a:focus{
		background-color: #FFFFFF00;
		border: none;
	}


	/* game_details_container */
	/*-----------------------------------*/
	.mobile_full_screen #game_details_container{
		display: none;
	}

	/* is_dys_bloc */
	/*-----------------------------------*/
	#is_dys_bloc {
		width: auto;
	}
	
}





/*#########################################
# >>	xs landscape
#########################################*/
@media only screen and (max-width: 768px) and (orientation: landscape){
	/*xs landscape*/


}





/*#########################################
# >>	IPAD / Big phones (A42 galaxy) LANDSCAPE
#########################################*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){


}