/**************/
/* NAVIGATION */
/**************/
.invisible {
	display: none;
}

/* NAVIGATION */
div.header .container_12 .grid_12 {
	width: 930px;
}
.ssp_nav_mobile,
/* div.navigation ul.ssp_nav_mobile,
div.navigation ul#ssp_nav_main,
div.navigation ul#ssp_nav_settings,
div.navigation ul#ssp_nav_user */ {
	display: none;
}
.ssp_nav_mobile_item {
	display: none;
}

.alt_nav_right,
div.header div.navigation ul li.alt_nav_right {
	float: right;
}
.alt_nav_right a,
div.header div.navigation ul li.alt_nav_right a {
	background-position: left top;
}


/* HOME PAGE LOGGED-OUT */
.rc_icon_outer {
	display: none;
}


/*
Everything before the media queries gets
applied to screen sizes greater than 960 pixels
Note that for the Media Queries to work, it needs the next meta tag in the html:
<meta name="viewport" content="width=device-width" />
*/

/*****************/
/* MEDIA QUERIES */
/*****************/

@media screen and (min-width: 961px) {
	#ssp_nav {
		display: block!important;
	}
}

@media only screen and (max-width: 960px) {
	body {
		min-width: 335px;
	}
	div.content {
		padding-top: 12px;
	}
	
	.apple_warning {
		display: none !important;
	}
	
	#choose_sport .select_sport, #choose_language .select_language {
		font-size: 16px !important;
		padding: 5px;
	}
	#choose_sport p, #choose_language p {
		margin: 2em 0;
	}
	
	div.club_banner {
		width: 100%;
		display: table;
		border-collapse: collapse;
		border-spacing: 0;
	}
	div.club_banner div.name {
		float: none;
		width: 90%;
		display: table-cell;
		vertical-align: middle;
	}
	div.club_banner img {
		float: none;
		display: table-cell;
		margin-right: 10px;
		max-width: 100%;
	}
	
	div.external_banner {
		width: 100%;
		height: auto;
		/* display: inline-block; */
		display: inline-block;
		background: url("../images/session_external_banner_2.jpg") center left repeat-y;
		padding: 5px 0;
		border-radius: 4px;
	}
	div.external_banner:last-child {
		display: none;
	}
	div.external_banner_cell {
		display: block;
	}
	div.external_banner_strapline {
		width: 100%;
	}
	div.external_banner_join {
		float: none;
		margin: 0 auto;
	}
	
	.container_12,
	.container_16 {
		margin: 0 auto 0 auto;
	}
	
	/* HEADER */
	div.header .container_12 .grid_12 {
		width: 100%;
		margin: 0;
	}
	div.header a.logo,
	div.header a.logo img {
		margin: 0;
	}
	div.header div.login,
	div.header div.logged_in {
		padding-left: 0;
		padding-right: 8px;
	}
	div.header img.reseller_logo {
		/* width: 270px; */
		max-width: 270px;
		margin: 0px;
	}
	div#div_global_setting_box {
		display: none;
	}
	
	/* FOOTER */
	div.footer {
		width: 720px;
		margin: 0 auto;
	}
	div.footer .footer_bl,
	div.footer .footer_br {
		position: relative;
	}
	
	/* HOME PAGE LOGGED-OUT */
	.grid_12.banner {
		width: auto;
		margin: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0 12px;
	}
	.banner_content img {
		width: 100%;
	}
	.banner_buttons_wrap {
		padding-top: 30px;
	}
	.sta, .fba {
		display: none;
	}
	.banner_links {
		display: none;
	}
	.club_logos_slider_container {
		/* display: none; */
		height: 76px;
		overflow: hidden;
	}

	.logos_slide {
		margin:10px 0 0 5px;

	}
	.logos_slide a {		
		margin: 0 5px;
	}
	
	
	.home_boxes,
	.home_boxes.x2 {
		/* width: 218px; */
		width: calc( 100% - 33px);
	}
	.home_boxes .padding {
		height: 215px;
		padding: 0;
	}
	.home_boxes_slider {
		margin: 0;
		width: calc( 100% - 0px);
	}
	.home_boxes .slide,
	.small_slider_nav {
		padding: 0 4px 10px 4px;
		width: calc( 100% - 0px);
	}
	
	.testimonials .slide blockquote {
		width: 120px;
	}
	.small_slider_nav .prev,
	.small_slider_nav .prev:hover {
		margin-left: -20px;
	}
	.small_slider_nav .next,
	.small_slider_nav .next:hover {
		margin-left: 20px;
	}
	
	
	.social_box {
		width: auto;
	}
	.social_box .left_side,
	.social_box .right_side {
		width: auto;
		margin: auto;
		float: none;
	}
	.social_box .left_side {
		max-width: 200px;
	}
	.social_box .right_side {
		margin-top: 20px;
		max-width: 370px;
	}
	
	.rc_text {
		width: auto;
		height: auto;
	}
	.join_btn {
		display: none;
	}
	.rc_links {
		width: 100%;
		height: auto;
		border: 1px solid #bfbfbf;
	}
	.rc_links li {
		margin-bottom: 15px;
	}
	.rc_links ul {
		width: 615px;
		margin: auto;
	}
	
	/* VIEW SESSION */
	.infobar {
		display: none;
	}
	.grid_9.ext_links {
		width: auto;
		float: right;
	}
	.extrenal_vs_video1,
	.extrenal_vs_video2	{
		display: inline-block;
	}
	
	div.profile_summary {
		max-width: 400px;
	}

	div.progressions div.comments {
		width: 100%;
	}
	
	div.progressions div.flash_wrapper {
		width: 100%;
		margin-bottom: 20px;
	}

	div.progressions div.even div.image,
	div.progressions div.even div.flash_wrapper,
	div.progressions div.image,
	div.progressions div.flash_wrapper {
		float: left;
	}
	div.progressions div.flash {
		width: auto;
		max-width: 434px;
	}
	
	
		
	/* NAVIGATION */
	div.header div.navigation ul {
		width: 100%;
		height: auto;
		min-height: 21px;
		padding: 0;
	}
	
	div.header div.navigation ul li.alt_nav a,
	div.header div.navigation ul li.alt_nav a:link,
	div.header div.navigation ul li.alt_nav a:hover,
	div.header div.navigation ul li.alt_nav a:active,
	div.header div.navigation ul li.alt_nav a:visited,
	div.header div.navigation ul li a,
	div.header div.navigation ul li a:link,
	div.header div.navigation ul li a:hover,
	div.header div.navigation ul li a:active,
	div.header div.navigation ul li a:visited,
	div.header div.navigation ul li a.active,
	div.header div.navigation ul li a.active:hover,
	ul#ssp_nav_main li a,
	ul#ssp_nav_main li a:link,
	ul#ssp_nav_main li a:hover,
	ul#ssp_nav_main li a:active,
	ul#ssp_nav_main li a:visited,
	ul#ssp_nav_main li a.active,
	ul#ssp_nav_main li a.active:hover {
		height: 24px;
		padding: 8px 10px;
		line-height: 22px;
		font-size: 14px;
	}
	ul#ssp_nav {
		position: static;
		display: none;
		overflow: hidden;
	}
	ul#ssp_nav  li {
		margin-bottom: 1px;
		overflow: hidden;
	}
	ul#ssp_nav li, ul#ssp_nav li a {
		width: 100%;
		margin: 0;
		min-height: 21px;
	}
	ul#ssp_nav_main {
		height: auto;
	}
	.ssp_nav_mobile,
	.ssp_nav_mobile_item,
	.ssp_nav_mobile.invisible,
	.ssp_nav_mobile_item.invisible {
		display: block !important;
	}

	.home_boxes.x2 {
		width: calc( 100% - 33px);
		margin-left: 15px;	
		/* width: 100%; */
	}
	.home_boxes.x2 .padding {
		width: calc( 100% - 0px);
		margin: 0 0 0 0;		
	}

}

/* Tablet Screen Sizes */
@media only screen and (max-width: 760px) {
	.container_12,
	.container_16 {
		width: auto;
		float: left;
		margin: 0;
	}

	.header .container_12 {
		float: none;
	}

	
	
	/* HEADER */
	div.header div.login,
	div.header div.logged_in {
		display: none;
	}
	div.header div.login,
	div.header div.logged_in {
		padding-left: 0;
	}
	
	/* FOOTER */
	div.footer {
		width: 100%;
		min-height: 110px;
		margin: 0;
		text-align: center;
	}
	.footer_bl,
	.footer_br,
	div.footer .footer_bl,
	div.footer .footer_br {
		position: relative;
		/* float: left; */
	}
	div.footer p,
	div.footer .nav,
	div.footer ul li a {
		font-size: .9em;
		/* line-height: 26px;
		margin-bottom: 4px; */
	}
	
	/* HOME PAGE LOGGED-OUT */
	.grid_12.banner {
		/* width: 100%; */
		margin: 0;
	}
	.banner_buttons_wrap {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: center;
	}
	.banner_demo_btn, .banner_join_btn {
		display: inline-block;
	}
	.wrapper > .content > .clearfix {
		padding-left: 12px;
		padding-right: 12px;
	}
	.home_boxes.x2,
	.home_boxes {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.home_boxes .padding {
		/* width: 268px; */
		width: 100%;
		margin: auto;
	}
	.home_boxes .slide {
		padding: 0;
	}
	.resource_center {
		margin-left: 0;
		margin-right: 0;
	}
	.rc_icon_outer {
		display: block;
		float: right;
		margin-left: 15px;
	}
	.rc_links ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.rc_links li {
		width: 31%;
		margin: 1%;
		display: inline-block;
	}
	.rc_links a {
		height: auto;
	}
	.rc_links a .rc_icon {
		display: none;
	}
	.rc_links a .rc_links_title {
		position: relative;
		display: block;
		border-radius: 5px;
	}
	.resources {
		width: auto;
	}
	
	/* VIEW SESSION */
	.extrenal_vs_video1,
	.extrenal_vs_video2	{
		display: inline-block;
	}
	div.profile_summary,
	div.social_summary	{
		width: 93%;
		height: auto;
		/* min-width: 330px; */
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
		max-width: none;
	}
	div.social_summary {
		margin-top: 0;
	}
	div.profile_summary h2,
	div.social_summary h2 {
		width: 100%;
	}
	div.progressions div.flash_wrapper {
		float: left;
		width: 100%;
	}
	div.progressions div.flash .color {
		width: 98%;
	}
	div.progressions div.flash img {
		width: 100%;
		height: auto;
		max-height: 255px;
	}


	.club_logos_slider_container {
		/* display: none; */
		height: 76px;
		overflow: hidden;
	}

	.logos_slide {
		margin:10px 0 0 5px;

	}
	.logos_slide a {
		/* margin-left: 0;
		margin-right: -15px; */
		-webkit-transform: scale(.85);
        transform: scale(.85);		
		margin-left: calc ( ( 100% - ( 9 * 66 ) ) / 20 );
		margin-right: calc ( ( 100% - ( 9 * 66 ) ) / 20 );
	}

	
}

@media only screen and (max-width: 640px) {
	.logos_slide a {
		/* margin-left: 0;
		margin-right: -15px; */
		-webkit-transform: scale(.7);
        transform: scale(.7);		
		margin-left:0;
		margin-right: -5px;
	}

}

@media only screen and (max-width: 600px) {
	.logos_slide a {
		/* margin-left: 0;
		margin-right: -15px; */
		-webkit-transform: scale(.7);
        transform: scale(.7);		
		margin-left:0;
		margin-right: -15px;
	}

		
	div.progressions div.flash_wrapper  {
		/* width: 464px;
		height: 274px; */
	}


	div.progressions div.flash_wrapper div.flash,
	div.progressions div.flash_wrapper div.flash .color,
	div.progressions div.flash_wrapper div.flash .color > div {
		width: 434px;
		height: 254px;
	}


}


@media only screen and (max-width: 540px) {

	.logos_slide {
		margin:10px 0 0 2px;

	}
	.logos_slide a {		
		margin-left: 0;
		margin-right: -18px;
		-webkit-transform: scale(.7);
        transform: scale(.7);
	}


	/* HOME PAGE LOGGED-OUT */
	.banner_buttons_wrap {
		padding-top: 0;
		margin-top: 0;
		position: relative;
		background-color: #000000;
	}
	.banner_demo_btn, .banner_join_btn, .join_btn {
		width: 164px;
	}
	
	/* HEADER */
	div.header > .container_12 {
		height: auto;
	}
	div.header a.logo {
		margin: 0;
		width: 140px;
		height: 78px;
		background-size: contain;
	}
	div.header a.logo img {
		width: auto;
		height: 78px;
	}
	div.header img.reseller_logo {
		/* width: 190px;
		height: auto; */
		width: auto;
		max-width: 190px;
		height: 78px;
	}
	
	/* VIEW SESSION */
	.extrenal_vs_video1,
	.extrenal_vs_video2	{
		display: none;
	}
}

/* Mobile Portrate Screen Sizes */
@media only screen and (max-width: 520px) {
	.grid_9.ext_links {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* HOME PAGE LOGGED-OUT */
	.banner_buttons_wrap {
		display: block;
	}
	
	/* VIEW SESSION */
	div.profile_summary,
	div.social_summary	{
		width: 92%;
	}
	
	.external_banner_strapline,
	.external_banner_join {
		width: 100%;
	}
	.external_join_now {
		margin: auto;
		width: auto;
		width: 35%;
		max-width: 193px;
		font-size: 16px;
	}

	/* div.progressions div.flash object {
		display: none;
	} */
	
	div.progressions div.flash {
		height: auto;
		position: relative;
		padding: 0;
	}
	div.progressions div.flash .color {
		width: 98%;
		height: auto;
		position: relative;
	}
	
	div.progressions div.flash .color > div {
		position: relative; 
	}
	/*!important*/
	
	.lines_key .col {
		min-width: 150px;
	}
	
	/* VIEW MATCH */
	.team_sheet {
		width: auto;
	}
	.team_list .first {
		margin-right: 0;
	}

	
	.logos_slide {
		margin:10px 0 0 2px;

	}
	.logos_slide a {		
		margin-left: 0;
		margin-right: -25px;
		-webkit-transform: scale(.6);
        transform: scale(.6);
	}
	
}

@media only screen and (max-width: 380px) {
	.extrenal_vs_video1,
	.extrenal_vs_video1,
	.infobar {
		display: none;
	}
	div.profile_summary,
	div.social_summary	{
		width: 90%;
	}
	div.profile_summary .image,
	div.social_summary .image {
		display: none;
	}
}