/* Setup for new responsive items to hide them for none-responsive */
		.menu-trigger{display: none;}
		#mobile{display: none;}
		#mobile-cover{z-index:-1; display: none;}
		.mobile-block-spacer{display: none;}
		#contact-mobile{display: none;}
		.mobile-name{display: none;}


	/* Hero resizing */
	@media only screen and (max-width : 992px) {
		#hero{ height: 390px !important; }
	}

	@media only screen and (max-width : 880px) {
		#hero{ height: 360px !important; }
	}

	@media only screen and (max-width : 768px) {
		#hero{ height: 315px !important; }
	}

	@media only screen and (max-width : 624px) {
		#hero{ height: 260px !important; }
	}

	@media only screen and (max-width : 480px) {
		#hero{ height: 215px !important; }
	}

	@media only screen and (max-width : 400px) {
		#hero{ height: 190px !important; }
	}	

	@media only screen and (max-width : 320px) {
		#hero{ height: 160px !important; }
	}


	@media only screen and (max-width : 992px) {
	/* Medium Devices, Desktops */
	

		/* 
		* Fonts 
		*
		*/
		body{
			font-size: 16px;
		}
		p,
		.typography p,
		.news-article p, 
		ul, 
		.holder ul, 
		.typography,
		.typography h4{
			font-size: 16px;
			line-height: 24px;
		}
		.typography strong{
			font-size: 18px;
		}
		.typography header h1,
		.typography .h1,
		.address.column h3,
		.typography h2,
		.typography .news-box h2,
		#blog-listing article header h2
		{
			font-size: 20px;
		}

		/* 
		* Menu
		*
		*/

		/* Cover for the main site when the menu is open*/
		#mobile-cover{
			display: block;
			opacity: 0;
			height: 100%;
			width:100%;
			background-color: #fff;
			z-index: -1;
			position: absolute;
			transition: all 0.3s;
			-webkit-transition: 0.3s all;
			-moz-transition: 0.3s all;			
		}

		.navigation-is-open #mobile-cover{
			z-index: 850;
			opacity: 0.5;
			
		}

		/* Mobile slide out pane */
		#mobile{
			display: block;			
			position: fixed;
			right: 0px;
			top: 0px;
		    width: calc(100% - 80px);
		    height: 100%;

		    overflow: auto;
		    background-color: #000;
		    background: url("../images/menu-bg-repeat.jpg");

		    color: #fff;
		    font-family: Verdana;

		    opacity: 0;
		}

		/* IE Specific */
		_::selection, #mobile { width: 90%\0; }

		.navigation-is-open #mobile{
			opacity: 1;
		}

		.mobile-button{
			text-align: center;
			float: left;
			width: 50%;
			height: 80px;
			line-height: 80px;
			background-color: #272727;

			color: #fff;
			font-size: 19px;
			text-decoration: none;
			font-family: 'TheSerifBold';

		}

		#mobile-contact{
			background-color: #47aa42;
		}

		.mobile-button span{
			color: #f2c924;
		}

		/* Search Form */
		#mobile .mobile-search{
			display: block;
			width: 75%;
			height: 60px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 20px;
			margin-bottom: 110px;
			text-align: left;
			position: relative;
			border-radius: 4px;
			overflow: hidden;
		}

		#mobile .mobile-search input{
			background-color: transparent;
			border: none;
			float: left;
			line-height: 50px;
			padding: 5px 15px 5px 15px;
			font-size: 24px;
			background-color: #3c3c3c;
			transition: border linear, 0.2s;
			-webkit-transition: border linear, 0.2s;			
			color: #fff;
		}

		#mobile .mobile-search input[type="text"]{
			width: 100%;
			height: 60px;
			box-sizing: border-box;
			padding-right: 20%;
			position: relative;
		}

		#mobile .mobile-search input:focus {
			background-color: #fff;
			color: #3c3c3c;	    
		}

		#mobile .mobile-search input[type=image]{
			padding: 15px;
			position: absolute;
			height: 100%;
			width: auto;
			right: -2px;
			box-sizing: border-box;
		}

		/* Mobile Menu */
		#mobile .mobile-menu{
			margin-bottom: 40px;
			margin-left: 20%;
			padding-top: 105px;
		}

		#mobile .mobile-menu ul{
			margin: 0;
		}

		#mobile .mobile-menu li a{
			display: block;
			color: #fff;
			font-size: 18px;
			padding: 12px 0px;
			text-decoration: none;
		}

		#mobile .mobile-menu-footer{
			position: fixed;
			background-color: #3c3c3c;
			bottom: 0px;
			width: 90%;
			width: calc(100% - 80px);
			text-align: center;
			font-size: 12px;
			display: none;
		}

		_::selection, #mobile .mobile-menu-footer{ width: 90%\0; }

		#mobile .mobile-menu-footer a{
			display: block;
			width: 27%;
			color: #fff;
			margin: 10px 0px;
			padding: 0px 3%;
			text-decoration: none;
			float: left;
		}

		#mobile .mobile-menu-footer .middle{
			border-left: 1px solid #bfbfbf;
			border-right: 1px solid #bfbfbf;
		}

		#mobile .mobile-menu-footer div{
			color: #bfbfbf;
			clear: both;
		}

		/* menu button */
		#menu-wrapper{
			width: 100%;
			position: fixed;
			top:0px;
			z-index: 850;
		}

		.menu-trigger{
			display: inline-block;
			cursor: pointer;
			background-color: #252525;
			height: 40px;
			width: 45px; 
			position: absolute;
			right:20px; top: 20px;
			transition: top 0.3s;
			-webkit-transition: 0.3s top;
			-moz-transition: 0.3s top;
		}

		.scrolling-down .menu-trigger{
			top: -80px;
		}

		.navigation-is-open .menu-trigger span {
			transition: all 0s;
			-webkit-transition: 0s all;
			-moz-transition: 0s all;
		}

		.menu-trigger span {
			position: absolute;
			top: 50%;
			left: 9px;
			display: block;
			width: 27px;
			height: 4px;
			margin-top: -2px;
			background-color: #fff;
			font-size: 0px;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-transition: all 0.3s;
			transition: all 0.3s; 
			-moz-transition: all 0.3s;
		}

		.navigation-is-open #menu-top {
			transition: all 0s;
			-webkit-transition: 0s all;
			-moz-transition: 0s all;
		}

		#menu-top {
			-ms-transform: translate(0,-9px);
			-webkit-transform: translate3d(0,-9px,0);
			transform: translate3d(0,-9px,0);
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			-moz-transition: all 0.3s;  
		}

		.navigation-is-open #menu-bottom {
			transition: all 0s;
			-webkit-transition: 0s all;
			-moz-transition: 0s all;
		}

		#menu-bottom {
			-ms-transform: translate(0,9px);
			-webkit-transform: translate3d(0,9px,0);
			transform: translate3d(0,9px,0);
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			-moz-transition: 0.3s all;
		}

		.menu-open #menu-top {
			-ms-transform: translate(0,0) rotate(45deg);
			-webkit-transform: translate3d(0,0,0) rotate(45deg);
			transform: translate3d(0,0,0) rotate(45deg);
			transition: 0.3s all;
			-webkit-transition: 0.3s all;
			-moz-transition: 0.3s all;
		}

		.menu-open #menu-bottom {
			-ms-transform: translate(0,0) rotate(-45deg);
			-webkit-transform: translate3d(0,0,0) rotate(-45deg);
			transform: translate3d(0,0,0) rotate(-45deg);
			transition: 0.3s all;
			-webkit-transition: 0.3s all;
			-moz-transition: 0.3s all;
		}

		.menu-open #menu-mid {
			opacity: 0;
			transition: 0.3s all;
			-webkit-transition: 0.3s all;
			-moz-transition: 0.3s all;
		}

		#site-content ,#menu-wrapper{
			-webkit-overflow-scrolling: touch;
			/* Force Hardware Acceleration in WebKit */
			-webkit-transform: translateZ(0);
			-moz-transform: translateZ(0);
			-ms-transform: translateZ(0);
			-o-transform: translateZ(0);
			transform: translateZ(0);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			transition: transform 0.3s;
			-webkit-transition-timing-function: cubic-bezier(0.10, 0, 0.6, 0.99);
			-moz-transition-timing-function: cubic-bezier(0.10, 0, 0.6, 0.99);
			transition-timing-function: cubic-bezier(0.10, 0, 0.6, 0.99);

		}

		.navigation-is-open #site-content,.navigation-is-open  #menu-wrapper{
			-webkit-transform: translateX(calc(80px - 100%));
			-moz-transform: translateX(calc(80px - 100%));
			-ms-transform: translateX(-90%);
			-o-transform: translateX(-90%);
			transform: translateX(calc(80px - 100%));
		}

		#breadcrumbs {
			margin-top: 16px;
		}

		#header-bottom #free-lions-logo {
			margin: 0;
			position: absolute;
			top: 50px;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);			
		}
		#match-map{
			width: 100%;
		}
		.match-column {
			margin-top: -30px;
		}
		/* 
		* Layout
		*
		*/
		#site-content,
		section#hero,
		nav#primary ul,
		#header-middle,
		.spnsrholder.long,
		#header-bottom,
		#page,
		#footer
		{width: auto;}

		.column1, 
		.column2, 
		.column3, 
		.column4, 
		.column5,
		section#partners, 
		#main-content, 
		#sidebar,
		#footer ul,
		.gg-content-main,
		section#tournament-hero
		{
			width: 95%;
			margin-left: auto;
			float: none;
			margin-right: auto;
		}		

		#page{
			margin-top: 0;
		}

		#breadcrumbs{
			margin-bottom: 0px;
		}

		section#tournament-hero{
			width: 100%;
		}

		/*
		* Padding
		*
		*/
		.pagination,.sub-nav nav , #gg-change-section{
			margin-bottom: 0px;
		}

		#main-content{
			margin-bottom: 20px;
		}
		
		.column5 > div{
			margin: 0;
		}

		.spnsrholder.med{
			margin-bottom: 0;
		}

		.sub-nav,
		.spnsrholder.med, 
		.fb_iframe_widget,
		#sidebar #twitter,
		.onsite-action,
		.latest-block, 
		#gg-change-section
		{
			padding-top: 20px;
			padding-bottom: 20px;
		}
		.current-poll,
		#main-content article.product{
			margin-top: 40px;
			margin-bottom: 40px;
		}
		#page-home #twitter,
		#free-lions #twitter
		{
			margin-top: 20px;
			margin-bottom: 40px;
		}

		.onsite-link{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.onsite-link + .onsite-link{
			margin-top: 0;
		}

		#sidebar #twitter{
			margin-top: 20px;
			margin-bottom: 40px;
		}		
		/* Closer elements */
		.onsite-link + .onsite-link,

		.sub-nav + .sub-nav{
			padding-top: 0px;
		}

		/* 
		* Header
		*  
		*/
		body{
			background-image: none !important;
		}

		#site-content{
			overflow: hidden;
			background: #fff;
		}

		#header-top{
			display: none;
		}

		#header-search{
			display: none;
		}
		#header-middle{
			max-width: 100%;
			overflow: hidden;
		}

		#header-middle .contact{
			display: none;
		}
		#header-middle{
			margin: 0;
		}

		.spnsrholder.long{
			height: auto;
		}

		#header-bottom{
			position: relative;
			height: 200px;
			padding-top: 100px;
			background-position: top left;
			margin-bottom: 0;
			overflow: hidden;
		}

		.logo{
			display: block;
			text-align: center;
		}
		#header-bottom #logo{
			display: inline;
			float: none;
			width: 70%;
			max-width: 250px;
			height: auto;
			margin: 0;
		}
		#primary {
			display: none;
		}
		#header-bottom ul li{
			height: 44px;
			width: 32%;
			max-width: 143px;
			margin: 0.5% !important;

		}
		#header-bottom ul li a{
			font-size: 16px;

		}
		#header-bottom ul li a {
			padding-left: 34px;
			width: auto;
			height: 30px;
			line-height: 30px
		}
		#header-bottom .spnsrholder.mini{
			display: none
		}
		#header-bottom ul{
			float: none;
			margin: 0;
			width: 100%;
			max-width: 400px;
			margin-left: auto;
			margin-right: auto;
			position: absolute;
			bottom: 20px;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);			
		}
		#contact-mobile{
			display: block;
		}

		#main-content header{
			margin-top: 20px;
		}

		/* 
		* Home Page 
		*
		*/
		/* hero */

		#slides, #slides li, #slides img{
			position: relative !important;
			width: 100% !important;
		}

		#slides li, #slides img{
			height: auto !important;
		}

		#slides h1, #slides span{
			display: block;
			position: relative !important;
			top: auto !important;
			background: none !important;
			padding-left: 20px !important;
			white-space: normal !important;
			line-height: 100%;
		}

		section#hero #slides h1, section#hero #slides span{
			font-size: 24px;
			padding: 5px;
		}

		section#hero #slides h1{
			padding-bottom: 0;
		}
		
		section#hero #slides span{
			padding-top: 0;
			padding-bottom: 200px;
			line-height: 50%;
		}

		#pagination{
			display: none;
		}

		.mobile-block-spacer{
			display: block;
			background-color: #000;
			height: 40px;
			width: 100%;
			margin-bottom: 40px;
		}

		/* homepage column system */
		#page-home .column1 {
			top: auto;
		}
		#main-content .holder{
			margin: 0;
		}
		#main-content img{
			max-width: 100% !important;
			height: auto !important;
		}

		/* Homepage news section */
		.cutout{
			display: none;
		}
		.latest-block .text {
			width: 55%;
		}

		.latest-block .text h3 {
			font-size: 20px;
			line-height: 130%;
			margin-bottom: 10px;
		}

		.latest-block .text p{
			padding-bottom: 0;
		}
		.latest-block img {
			width: 35%;
			border: 1px #ccc solid;
		}

		.latest-block header{
			margin-bottom: 20px;
		}

		.latest-block .snippet-block {
			margin-bottom: 20px;
		}

		/* Homepage Boxes boxes */
		.page-boxes{
			margin-bottom: 0px !important;
		}
		.column4{
			margin-top: 0px;
			margin-bottom: 0px !important;
			  clear: both;
		}
		.onsite-action{
			max-width: 300px;
			width: 47%;
			margin-top: 0;
			margin-right: 0;
		}
		.onsite-action .text{
			height: auto;
		}

		.onsite-action img{

		    width: 100%;
		    height: auto;
		}

		.onsite-action + .onsite-action
		 {
			margin-top: 0;
			margin-right: 0;
			margin-left: 6%;
			float:right;
		}

		.onsite-action h5 {
			font-size: 20px;
			background: #fff;
		}

		/*  Footer Sponsor */
		section#partners{
			height: auto;
			text-align: center;  

			margin-top: 40px;
			margin-bottom: 20px;
			background: url("../images/content_background_noise.jpg");
		}

		section#partners div{
			display: block !important;
			width: auto !important;
			float: none;
			height: auto;
			margin: 0;
			padding-top: 20px;
			padding-bottom: 20px;
			background-image: url("../images/bkg_other_links.png");
		}

		#funding{
			border-right: none !important;
			border-bottom: 1px #ccc solid;
		}

		div#funding h6, div#official h6{
			text-decoration: underline;
			display: inline !important;
			padding-right: 50px;
			font-size: 16px;
		}


		/* 
		* Blog Page and Listing 
		*
		*/
		#blog-listing img,
		.article-content img,
		.article-content object{
			width: 100%;
			height: auto;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		.article-content iframe{
			width: 100%;
			height: auto;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}


		.sub-nav, #gg-change-section{
			max-width: 300px;
			display: block;
			margin-left: auto;
			margin-right: auto;			
		}

		.holder aside .posted,
		.holder aside time{
			font-size: 14px;
			font-style: italic;
		}

		.typography .pagination ul{
			width: 100%;
		}

		#comments-section .fb-comments{
			display: block;
			float: none;
			margin-left: auto;
			margin-right: auto;
		}

		/* 
		* Petitions Page 
		*
		*/
		.petitionimg{
			width: 100%;
			height: auto;
		}

		.sign, .signatories{
			width: 47%;
		}
		.sign{
			margin-right: 6%;
		}
		.contact-form{
			text-align: center;
		}

		.contact-form fieldset{
			display: block;
			float:none;
			width: 100%;
		}
		.contact-form .input,
		.contact-form textarea{
			width: 100% !important;
			margin: 0;
			box-sizing: border-box;
		}
		.contact-form .QapTcha{
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
		.contact-form-oneline .label {
			float:left !important;
		}
		#signatures li{
			display: table;
			width: 100%;
		}
		#signatures .user-details,
		#signatures .bubble-container
		{
			display: table-cell;
		}
		#signatures .bubble-container .bubble{
			width: 85%;
			margin-left: auto;
		}
		#signatures .user-details {
			width: 15%;
		}
		#signatures .user-details img{
			width: 100%;
			height: auto;
		}
		#signatures .bubble-container {
			width: 85%;
		}
		

		/*
		* Donation Page
		*
		*/

		#main-content article.product {
			display: block;
			float: none;
			width: 100%;
			height: auto;
			box-sizing: border-box;	
		}

		#main-content article.product form img{
			height: auto;
			width: auto;
		}


		/*
		* Join form and Account
		*
		*/
		form.form-holder{

		}
		form.account-settings .field{
			display: block;
			float: left;
			width: 50%;
			padding: 5px;
			box-sizing: border-box;
		}

		form.account-settings input[type="text"], form.form-holder input[type="email"], form.form-holder input[type="password"], .table input[type="text"],
        form.form-holder input[type="text"], form.form-holder input[type="email"], form.form-holder input[type="password"], .table input[type="text"]{
			box-sizing: border-box;
			width: 100%;
		}

		form.form-holder .field + .field {
			margin-top: 0;
		}

		form.form-holder label.left {
			width: 100% ;
		}
		/*
		* Side Bar
		*
		*/
		/* sponsor boxes homepage */
		.spnsrholder.med , .fb_iframe_widget{

			width: 300px !important;
			float:left;
		}

		.fb_iframe_widget{
			float: right;
		}


		.poll-symbol{
			position: absolute;
			z-index: 2;
			top:0px;
			left:0px;
			height: 30px;
			width: 50px;
			background-image: url("../images/bkg_current_poll.png");
		}

		/* twitter */
		#sidebar #twitter, #twitter{
			height: 136px;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		#sidebar #twitter ul, #twitter ul {
			font-size: 16px;
			min-height: 100px;
		}

		#sidebar #twitter ul:before {
		    top: 30px;
		}		

		/* Poll */
		/* onsite links*/
		.current-poll, .onsite-link{
			overflow: hidden;
			width: 100%;
			margin-left: 0 !important;
			min-height: 133px;
		}
		.current-poll .text, .onsite-link .text {
			width: 100%;
			height: auto;
			min-height: 133px;
			float: none;
			display: block;
			box-sizing: border-box;
			padding-left: 158px !important;
		}
		.current-poll img,.onsite-link img{
			position: absolute;
			height: 133px;
			width: auto;
			z-index: 1;
		}
		.current-poll .text h6, .onsite-link .text h4{
			background-image: none;
			margin-top: 0;
			padding-left: 20px;
		}
		.current-poll .text p ,.onsite-link .text p{
			padding-left: 10px;
			padding-right: 10px;
		}	

		/*
		* Search
		*
		*/

		#page-search .searchbar label {
			width: 30%;
		}
		#page-search .searchbar input[type="search"]{
			width: 40%;
		}


		/*
		* Ground Guide
		*
		*/
		.gg-content-main .column1 {
			width: 100%;
		}
		.groundguide-hero .gg-links li:first-child, .groundguide-hero.sections-3 .gg-links li:first-child {
			margin: 0 1% 0 1%;
		}		
		.groundguide-hero .gg-links li {
			width: 48.5%;
		}
		.groundguide-hero .gg-links li a {
			text-align: center;
		}
		#groundguide .searchbar form {
			height: auto;
		}
		#Form_GroundGuideSearchForm label{
			width: 20%;
		}
		#Form_GroundGuideSearchForm .filterselect {
			width: 30% !important;
			float:left;
			margin-right: 0;
		}
		#Form_GroundGuideSearchForm select{
			width: 90% !important;
		}
		#Form_GroundGuideSearchForm #SearchTerm{
			float:right;
			width: 40%;
		}
		#Form_GroundGuideSearchForm input.filterinput{
			box-sizing: border-box;
			width: 100%;
		}
		.searchbar .filterselect .selectBox, .searchbar .filterselect select {
			width: 100% !important;
		}

		#groundguide header{
			margin-top: 20px;
		}

		#gg-more ul li {
			width: 46%;
		}

		/*
		* Footer 
		*
		*/
		#footer{
			  background: url("../images/menu-bg-repeat.jpg");
			  height: auto;
			  text-align: left;
			  position: relative;
			  margin-top: 0;
			  margin-bottom: 0;
		}

		#footer ul li{
			width: 40%;
			padding-left: 5% !important;

			padding-top: 5px;
			padding-bottom: 5px;
			float:left;
			line-height: 150%;
			border-left: none
		}

		#footer .footer-copy{

			width: 95%;
			text-align: center;
			padding-left: 0 !important;
			display: block;
			margin: 20px auto 20px auto;
		}


	}


	/* Small Devices, Tablets */
	@media only screen and (max-width : 767px) {

		/*
		* Petition Page
		*
		*/
		.sign, .signatories{
			width: 100%;
			float: none;
			padding-bottom: 10px;
		}
		.sign p, .signatories p{
			margin-bottom: 0;
		}
		.sign{
			margin-right: 0%;
		}

		/*
		* Polls
		*
		*/
		#pollresults .bar {
			width: 100%;
		}
		a.poll-results{
			width: auto;
		}

		/*
		* Blog Listing
		*
		*/
		.pagination .right {
			display: block;
			position: relative;
			margin-left: auto;
			margin-right: auto;
		}

		/* Button */
		.page-bar-btn{
			float:none;
			display: block;
			margin-top: 22px;
		}

		#janrainEngageShare{
			float: none;
		}

		#janrainEngageShare .stButton{
			margin-top: 10px;
		}

		/*
		* Ground Guide
		*
		*/
	
		.groundguide-hero .gg-links li {
			width: 98%;
			float: none;
			display: block;
			margin-left: auto !important;
			margin-right: auto !important;
		}

	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 650px) {

		.spnsrholder.med , .fb_iframe_widget{

			width: 300px !important;
			float:none;
			display: block !important;
			margin-left: auto;
			margin-right: auto;
		}

		.fb_iframe_widget{
			float: none;
		}


		#twitter ul {
			font-size: 14px;
		}

		/*
		* Join form
		*
		*/
		form.account-settings .field,
		form.form-holder .field{
			display: block;
			float:none;
			width: 100%;
		}
		form.account-settings input[type="text"], form.form-holder input[type="email"], form.form-holder input[type="password"], .table input[type="text"],
		form.form-holder input[type="text"], form.form-holder input[type="email"], form.form-holder input[type="password"], .table input[type="text"]{
			box-sizing: border-box;
			width: 100%;
		}

		/*
		* Contact Us
		*
		*/
		#page-contact-us .left,
		#page-contact-us .right{
			float: none;
			display: block;
			width: 100%;
		}

		/*
		* Ground Guide
		*
		*/
		#Form_GroundGuideSearchForm label{
			width: 30%;
		}
		#Form_GroundGuideSearchForm .filterselect {
			width: 60% !important;
			float:right;
		}
		#Form_GroundGuideSearchForm select{
			width: 90% !important;
			float: right;
		}
		#Form_GroundGuideSearchForm #SearchTerm{
			float:none;
			width: 100%;
		}
		#Form_GroundGuideSearchForm input.filterinput{
			width: 100%;
			margin-top: 20px;
		}
		#groundguide .club-information img {
			float: none;
		}
		#groundguide .club-information dl {
			float:none;
			display: block;
			text-align: center;
			width: 100%;
		}
		#groundguide .club-information dt,
		#groundguide .club-information dd {
			width: 48%;
		}

		.wikiEditForm  #Form_edit_action_preview{
			clear:left;
			margin-top: 10px;
		}

		/* Article table font size */
		table td, table th {
  			font-size: 8px;
  		}

	}


	/* Small Devices, Tablets */
	@media only screen and (max-width : 480px) {


		/*
		* Menu
		*
		*/
		#mobile .mobile-menu-footer a{
			width: 30%;
			padding: 0px 1%;

		}

		.navigation-is-open #site-content,.navigation-is-open  #menu-wrapper{
			-webkit-transform: translateX(calc(50px - 100%));
			-moz-transform: translateX(calc(50px - 100%));
			-ms-transform: translateX(-90%);
			-o-transform: translateX(-90%);
			transform: translateX(calc(50px - 100%));
		}

		.menu-trigger{
			height: 29px;
			width: 32px; 
			right:10px; top: 10px;

		}

		.scrolling-down .menu-trigger{
			top: -80px;
		}

		.navigation-is-open .menu-trigger span {
			transition: all 0s;
			-webkit-transition: 0s all;
			-moz-transition: 0s all;
		}

		.menu-trigger span {
			left: 6px;
			width: 20px;
			height: 3px;
			margin-top: -2px;
		}

		#menu-top {
			-webkit-transform: translate3d(0,-7px,0);
			transform: translate3d(0,-7px,0);

		}

		#menu-bottom {
			-webkit-transform: translate3d(0,7px,0);
			transform: translate3d(0,7px,0);
		}


		#mobile{
			width: 90%;
		    width: calc(100% - 50px);
		}
		_::selection, #mobile { width: 90%\0; }

		.mobile-button{
			font-size: 14px;
		}

		#mobile .mobile-menu li a{
			font-size: 13px;
		}

		#mobile .mobile-menu-footer{
			font-size: 10px;
		}

		#mobile .mobile-menu li a{
			padding: 8px 0px;
		}

		.mobile-button{
			height: 40px;
			line-height: 40px;
		}

		#mobile .mobile-search{
			width: 75%;
			height: 40px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		#mobile .mobile-search input{
			line-height: 30px;
			padding: 5px 10px 5px 10px;
			font-size: 16px;
			border-radius: 0px;

		}
		#mobile .mobile-search input[type=text]{
			height: 40px;
		}
		#mobile .mobile-search input[type=image]{
			padding: 10px;
			border-radius: 0px;
		}

		#mobile .mobile-menu{
			padding-top: 60px;
			margin-bottom: 0;
		}

		/* header customisation */
		#counter{
			float: none;
		}
		section#match-countdown{
			float: none;
			width: 100%;
		}
		section#match-countdown > h3{
			display: none;
		}

		section#match-information > #match-essentials > div > ul, section#tournament-match-information > #match-essentials > div > ul {
			display: block;
			width: 75%;
			margin-left: auto;
			margin-right: auto;
			float: none;
			text-align: left;
			padding-top: 20px;
		}

		.free_lions_content .free_lions_sidebox {
			width: 100%;
			box-sizing: border-box;
			float: none;
			margin: 20px 0 20px 0;
			background-size: cover;			
		}

		#header-bottom ul li a{
			font-size: 14px;
		}
		#header-bottom ul li a span{
			display: none;
		}

		div#funding h6, div#official h6{
			display: block !important;
			padding-right: 0px !important;
		}

		.onsite-action{
			width: 100%;
			float:none;
			margin: 0 auto 0 auto !important;
		}
		.onsite-action + .onsite-action{
			float: none;
		}
		.column4 {
			margin-bottom: 20px !important;
		}
		
		.latest-block .text {
			width: 100%;
		}
		.latest-block img {
			width: 100%;
			margin-bottom: 20px;
		}

		/* 
		*
		* Petition Page 
		*/
		.mobile-name{
			display: block;
		}
		.user-details .user-name,.user-details  .user-team{
			display: none;
		}

		#signatures .bubble-container .bubble{
			width: 75%;
			margin-left: auto;
		}

		#twitter ul {
			font-size: 12px;
			line-height: 16px
		}	

		/* Poll */
		/* onsite links*/
		.current-poll .text {

			padding-left: 10px !important;
		}
		.current-poll img{
			position: relative;
			z-index: 0;
			margin-right: 18px;
		}

		/* Ground Guide */
		.gg-content-main ul.tournament-stadiums li {
			width: 100%;
		}

		#gg-more ul li {
			width: 100%;
		}


	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {

	}

	/* Custom, iPhone Retina */ 
	@media only screen and (min-height : 700px) {
		#mobile .mobile-menu-footer{
			display: block;
		}
	}



	/* free Lions */

	@media only screen and (max-width : 880px) {
		section#match-information > #match-essentials, 
		section#tournament-match-information > #match-essentials {
			float: none;
			width: 100%;
		}
		section#match-information > div#summary, section#tournament-match-information > div#summary{
			float: none;
			width: 100%;
		}

	}