/*  RESPONSIVE  CSS
-------------------------------------------------- */


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

	div#wrapper { width: 900px !important; margin: 0; }
	div#search { right: -20px !important; width: 196px !important; right: 0 !important; backgrond: #f60; }
	#search form input#i-search { width: 150px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff !important; left: 0 !important; right: auto !important; }
	div#search form input#i-search-submit { left: auto !important; right: 6px !important; }
	ul#nav li.nav-about-junior-golf { width: 101px; }
	ul#nav li.nav-membership { width: 126px; }
	ul#nav li.nav-tournaments { width: 135px; }
	ul#nav li.nav-player-development { width: 178px; }
	ul#nav li.nav-schools { width: 110px; }
	ul#nav li.nav-gallery { width: 95px; }
	ul#nav li.nav-news { width: 82px; }
	ul#nav li a { font-size: 15px; }
	ul#nav { position: relative; top: auto; margin: 0 0 0 18px; width: 884px !important; }
	body.home div#banner div#banner-base { right: 20px !important; }
	div#right { width: 195px !important; margin-top: 70px !important; float: right !important; }
	div#right dl.teaser { width: 145px !important; }
	div#teasers-base { min-height:215px; }

	div#teasers-base dl.teaser { float: left; width: 202px; margin: 0px 14px 0px 0px !important; padding: 0px; border-radius: 7px; border: 1px solid #EFEFEF; background: none repeat scroll 0% 0% #FFF; min-height: 230px; }
	div#main.right-col { margin-left: 18px !important; margin-right: 18px !important; margin-top: 70px !important; width: 670px !important; border-radius: 7px; }
	div#right div#sponsor-slider { margin-left: 12px; }
	div.news-headlines { width: 195px; min-height: 150px; }
	div.news-headlines p.rss-link { display: none; }
	div#right ul.counter { position: absolute; left: 12px; bottom: 0; }
	div#right dl.newsletter dd img { width: 148px !important; float: none !important; display: block !important; }
	div#teasers-right dl dd { width: 150px !important; }
	div#teasers-right dl.newsletter dd input.f-newsletter,  div#teasers-right dl.newsletter dd input.f-name,  div#teasers-right dl.newsletter dd input.f-postcode { width: 115px !important; }
	div#teasers-right dl.newsletter dd input.sub { right: 0 !important; }
	body.home div#mid div#main.right-col { margin-top: 145px !important; }
	body.sub div#right dl.teaser dd img { width: 100% !important; height: auto !important; }
	div#footer { width: auto !important; margin=-left:18px; }
	.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 6px; padding-right: 6px; }
	div.featured, div.highlighted { width: 40%; }
	div.featured { margin-right: 18px; }
	body.home h1 { display: none; }
	body.home div#mid div.box div.tab table { width: 620px !important; font-size: 10px; }
	body.home div#mid div.box div.tab table tr td { font-size: 10px; }
	img.img-50 { margin: 0 0 1.5em 25px;  }
	img.img-100 {margin: 0 0 1.5em 50px; }
	img.img-150 { margin: 0 0 1.5em 100px; }
	img.img-200 {margin: 0 0 1.5em 150px; }
	img.img-250 { margin: 0 0 1.5em 200px;}
}
@media only screen and (max-width:820px) {

	div#wrapper { width: 760px !important; margin: 0; }
	ul#nav li.nav-about-junior-golf { width: 81px; }
	ul#nav li.nav-membership { width: 106px; }
	ul#nav li.nav-tournaments { width: 115px; }
	ul#nav li.nav-player-development { width: 158px; }
	ul#nav li.nav-schools { width: 90px; }
	ul#nav li.nav-gallery { width: 75px; }
	ul#nav li.nav-news { width: 62px; }
	ul#nav li a { font-size: 14px; }
	ul#nav { position: relative; top: auto; margin: 0 0 0 18px; width: 744px; }
	div#banner-base { display: none; }
	div#banner-top { padding: 27px 0px 0px 30px; width: 520px; }
	div#teasers-base dl.teaser { width: 160px; margin: 0px 10px 0px 0px !important; min-height: 230px; }
	div#teasers-base dl.teaser img { width: 100% !important; height: auto !important; }
	div#main.right-col { margin-left: 18px !important; margin-right: 18px !important; margin-top: 70px !important; width: 530px !important; border-radius: 7px; }
	div.featured, div.highlighted { width: 40%; }
	div.featured { margin-right: 18px; }
	div.featured img { width: 100% !important; height: auto !important; }
	div.calendar { margin: 0px 0px 0; padding: 18px 0px 6px 0; }
	div#mid ul.tabs { float: left; }
	div#mid ul.tabs li { font-size: 12px !important; }
	div#mid div.box div.tab { margin: 0 !important; }
	#home-table { display: none !important; }
	body.home h1 { padding: 0 0 0 20px !important; margin: 0 0 9px 0 !important; position: relative !important; text-align: left !important; display: block; }
	body.home .tabs { display: none; }
	#comp-list { display: block !important; }
	#comp-list .clearfix { clear: none !important; height: 75px !important; }
	#comp-list ul.clearfix { height: 55px !important; }
	div#teasers-base { min-height:0; height:auto; }
	img.img-50 { margin: 0 0 1.5em 0; }
	img.img-100 {margin: 0 0 1.5em 0;  }
	img.img-150 {  margin: 0 0 1.5em 50px;  }
	img.img-200 { margin: 0 0 1.5em 100px; }
	img.img-250 {  margin: 0 0 1.5em 150px;  }
	

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

	div#wrapper { width: auto !important; margin: 0 18px !important; }
	div#logo { left: 0 !important; }
	ul#util-nav { display: none; }
	div#search { top: 92px !important; right: 0 !important; width: 180px !important; text-align: left; z-index: 10998 !important; }
	#search form input#i-search { left: auto !important; right: 0 !important; width: 142px !important; background: #fff !important; float: left !important; margin: 0 !important; background: #fff !important; }
	div#search form input#i-search-submit { left: auto !important; right: 0 !important; }
	.responsive-handle { display: block !important; width: 45px; height: 37px; position: absolute; left: 60px; top: 87px; background: transparent url(/themes/site_themes/default_site/images/global/icon_toggle_menu.png) no-repeat; opacity: 0.5; z-index: 9999 !important; }
	span.responsive-handle:hover { opacity: 1; cursor: pointer; }
	.responsive-handle strong { display: none !important; }
	ul#nav { width: 302px !important; height: auto; margin: 0 0 0 -2px; z-index: 9998 !important; position: absolute !important; }
	ul#nav li { float: none; display: block; margin: 0; width: auto !important; font-size: 15px; height: auto; }
	ul#nav li ul { display: block; width: auto; text-align: center; }
	ul#nav li a { border-bottom: 0; }
	ul#nav li ul li a { text-align: center; height: auto; padding: 7px; }
	ul#nav li { display: none; margin: 0; }
	ul#nav li.nav-home { display: block; }
	ul#nav li.nav-home a { border-radius: 7px 7px 0 0; float: none; position: relative; }
	ul#nav li.nav-home a span.text { float: none; margin: 0 auto; }
	form#login-form { width: 274px; margin: 9px 0 0 0 !important; padding: 12px 12px 0 12px; z-index: 10999 !important; }
	#login-pwd-label, #login-uid-label { clear: left; width: 80px; }
	#login-form a#login-close { top: 0; right: 8px; }
	#login-form fieldset input#login-submit { clear: left; margin-left: 85px; margin-bottom: 9px; }
	#login-form fieldset p { text-align: center; }
	div#breadcrumb { background: none !important; border-radius: 7px 7px 0 0; padding: 0; color: #333; }
	div#mid div#breadcrumb:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
	div#mid div#breadcrumb { display: block; }
	div#breadcrumb p { float: left !important; display: block !important; text-align: left; margin: 0 !important; font-size: 12px !important; clear: left; }
	div#breadcrumb p, div#breadcrumb p a { color: #fff !important; }
	div#breadcrumb p.rss-link { top: 18px !important; right: 0 !important; }
	body.search div#breadcrumb p.rss-link { display: none !important; }
	body.home div#breadcrumb p.rss-link { top: 36px !important; }
	div#breadcrumb p.rss-link a { color: #fff !important; }
	div#tw, div#fb { float: left !important; position: relative !important; width: 100px; top: -3px; }
	div#fb { right: auto; margin-bottom: 12px; }
	div#tw { right: auto; margin-bottom: 12px; }
	div#fb iframe { width: auto !important; }
	div#tw iframe { width: auto !important; }
	div#mid div#main { background: none !important; width: auto !important; margin: 0; }
	div#mid div#main.right-col { margin-right: 18px; width: auto; margin-left: 18px; margin-top: 0 !important; background: none !important; width: auto !important; }
	div#mid div#content { background: none !important; padding: 0; }
	div#mid div#main.right-col { background: none !important; width: auto !important; margin: 0 !important; }
	body.home div#mid div#main.right-col { }
	div#banner { margin: 0 18px 0 18px; width: auto; top: auto; position: relative; z-index: 1003; position: relative; display: block; float: none; }
	body.home div#banner { position: relative; float: none; clear: left; top: auto; height: auto; width: auto !important; }
	div#banner-top { color: #333; position: relative; z-index: 10004; padding: 0; width: auto; }
	div#banner-top p { color: #333 !important; font-size: 14px; text-shadow:1px 1px #e5f3d1 !important; }
	div#banner-top p a { color: #333 !important; text-decoration: underline !important; }
	div#banner-base { display: none; }
	div#banner h1 { position: relative; display: block; float: none; margin: 0 0 12px 20px; top: auto; }
	div#home-slider { margin: 0 !important; padding: 0 !important; }
	div.nivo { padding: 0 0 1px 0 !important; margin-bottom: 18px !important; }
	div.nivo-caption { text-align: left !important; }
	div.nivo-controlNav { bottom: 0 !important; }
	#home-table { display: none !important; }
	div.calendar { padding-top: 0 !important; }
	body.home h1 { padding: 0 !important; margin: 0 0 9px 0 !important; position: relative !important; text-align: center !important; }
	body.home div#mid div.box div.tab { padding: 0; margin: 0; }
	body.home .tabs { display: none; }
	#comp-list { display: block !important; }
	#comp-table { display: none; }
	ul.tournaments { display: none; }
	.comp-filters { float: right !important; clear: both; }
	.comp-filters label { }
	#mid div#textpage { margin-top: 18px; border: 1px solid #ccc; float: none!important; display: block !important; padding: 18px 18px 9px 18px !important; min-height: 0; text-align: left; }
	div#news-box { background: #f1f5ec; margin: 0 0 18px 0; width: auto; padding: 0 0 0 18px; }
	div.featured, div.highlighted { width: auto; padding: 12px 0 0 0; float: none; }
	div.featured img { float: none; margin: 0 auto; }
	body.news div.normal { text-align: left; }
	body.news div.normal h2 { float: none; display: block; }
	div#main p.post-date { float: none; margin: 5px 10px 0px 0px; }
	div#mid { border-top: 1px solid #75a4c9; margin: 37px 0 0 0 !important; padding: 27px 0 0 0 !important; width: 100%; text-align: center !important; }
	div#right { position: relative; width: auto !important; display: block !important; z-index: 999; margin: 0 !important; display: block !important; height: auto; float: none !important; background: none !important; border-radius: 0 !important; }
	div#mid div#intro-box { margin-top: 18px; background: #f1f5ec; border: 1px solid #ccc; border-radius: 7px; padding: 18px; text-align: left; }
	div#mid div#intro-box:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
	div#mid div#intro-box { display: block; }
	div#mid div#ib-inner { border-bottom: 0; background: #f1f5ec; padding: 0 !important; height: auto; border: none; }
	div#mid div#intro-box img { margin: 0 0 18px 0 !important; width: 100% !important; height: auto !important; border-right: 0; position: relative; float: none !important; display: block; left: auto; top: auto; }
	div#mid div#intro-box p { font-size: 14px; }
	div#right { display: none !important; }
	body.home div#right { display: block !important; }
	div#right div#sponsor { float: none !important; height: auto; margin: 0 0 12px 0 !important; background: #fff; text-align: center!important; padding: 0 0 9px 0; background: transparent url(/themes/site_themes/default_site/images/global/bg_transparent.png); }
	div#right div#sponsor .sponsors-label { background: #fff; width: 220px; margin: 0 auto 9px auto; padding-bottom:3px; border-radius: 0 0 5px 5px; color: #333; font-size: 12px; border: 1px solid #ccc; border-top: 0; }
	div#right div#sponsor #sponsor-slider { position: relative; top: auto; left: auto; right: auto; margin: 0 auto !important; width: 155px; }
	div#right div.news-headlines { 
		float: none !important; 
		display: block !important; 
		background: transparent url(/themes/site_themes/default_site/images/global/bg_transparent.png); 
		width: auto; 
		margin: 0; 
		text-align: center; 
		padding: 0 !important;
		min-height: 0;
		border-radius:5px;
		border:0;
	}
	
	div#right div.news-headlines dl.teaser { margin: 0 !important; padding: 0 0 5px 0 !important; }
	div#right dl.teaser dt, div#right dl.teaser { margin: 0 !important; padding: 0 !important; }
	div#right dl.teaser dt, div#right div#teasers-right dl.teaser dt { 
		background: #fff; 
		border: 1px solid #ccc; 
		border-top: 0; 
		width: 180px; 
		margin: 0 auto 0 auto !important; 
		border-radius: 0 0 5px 5px; 
		font-size: 12px; 
		color: #333; 
		text-align: center; 
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; 
		font-weight: normal;
		padding: 1px 18px 3px 0 !important; 
		width:200px !important; 
		background:#fff url(/themes/site_themes/default_site/images/global/responsive_handle_small.png) no-repeat right center;
		cursor:pointer;	
	}
	
	div#right div.news-headlines dl.teaser dt { width: 100px; margin-bottom:9px !important; }
	div#right div.news-headlines dl.teaser dd,
	body.home div#right dl.teaser dd { 
	 	display:none;
		margin-top:18px !important;
	}
	div#right div.news-headlines dl.dl-selected dt, div#right div#teasers-right dl.dl-selected dt { 
		
	}
	div#right dl.newsletter dt { width: 140px; }
	div#right dl.newsletter dd img { width: auto !important; float: none !important; display: block !important; }
	body.home div#right div#teasers-right dl.teaser { padding-left: 0 !important; }
	div#teasers-right dl.newsletter dd { margin: 0px auto; padding: 0 !important; }
	div#teasers-right dl dd { width: auto !important; }
	body.home div#mid div#main.right-col { margin-top: 0 !important; background:none !important; }
	div#right dl.teaser dt a, div#right dl.teaser dt span { color: #333; font-weight: normal !important; }
	div#right ul.list-01 { margin: 0 !important; padding: 0 !important; min-height: 100px; }
	div#right ul.list-01 li { font-size: 14px; padding: 0; margin: 0 0 9px 0 !important; }
	div#right dl.teaser dd img { margin: 0 auto 9px auto !important; float: none !important; display: block !important; }
	div#right .news-headlines ul.counter { position: relative; left: auto; bottom: auto; float: none !important; margin: 0 auto 18px auto !important; width: 190px; padding-left: 25px !important; }
	div#right .news-headlines ul.counter li { background: #fff; }
	div#right .news-headlines ul li.on { background: #000; }
	div#right .news-headlines p.rss-link { display: none; }
	div#right ul.counter li.show-all { position: relative !important; left: auto !important; bottom: auto !important; padding-left: 5px !important; background: none; }
	div#right p.rss-link { background-position: right 3px !important; margin: 0 auto !important; width: 50px; }
	div#teasers-right { margin: 0 0 9px 0 !important; width: auto !important; background: none !important; width: auto !important; float: none; }
	div#right div#teasers-right dl.teaser { margin-bottom: 12px !important; background: transparent url(/themes/site_themes/default_site/images/global/bg_transparent.png) !important; }
	div#teasers-base dl.teaser { float: none; clear: both; margin-bottom: 18px !important; }
	div#teasers-base { height: auto; min-height: 0; float: none !important; display: block !important; padding: 0 !important; margin: 36px 0 0 0 !important; }
	div#teasers-base dl.teaser dd img { width: 30% !important; height: auto !important; }
	body.home .calendar { clear: both !important; display: block; float: none; }
	div#right dl.teaser { padding: 12px; width: auto !important; border:0 !important; }
	body.sub div#right dl.teaser { display: none; margin-bottom: 18px !important; border: 1px solid #ccc; background: transparent url(/themes/site_themes/default_site/images/global/bg_transparent.png); }
	body.sub div#right dl.teaser dd { padding-bottom: 9px; }
	div#teasers-base { height: auto !important; margin-bottom: 0 !important; }
	body.sub div#teasers-base { padding-left: 0 !important; height: auto !important; padding-right: 0 !important; }
	body.sub div#teasers-base dl.teaser { width: auto !important; margin: 0 0 18px 0 !important; border: 1px solid #ccc; }
	div#teasers-base dl.teaser { float: none !important; display: block !important; width: auto; margin: 0 0 18px 0 !important; border: 1px solid #ccc !important; min-height: 0; text-align: center; }
	div#teasers-base dl.teaser img { float: none; margin: 0 auto 18px auto; }
	div#teasers-right dl.newsletter dd form { text-align: center; }
	div#teasers-right dl.newsletter dd form label { margin-top: 9px; float: none; }
	div#teasers-right dl.newsletter dd input.f-newsletter { text-align: center; float: none; margin: 0 auto !important; background: #fff; border: 1px solid #ccc !important; }
	div#teasers-right dl.newsletter dd input.f-name { float: none; margin: 0 auto !important; background: #fff; border: 1px solid #ccc !important; }
	div#teasers-right dl.newsletter dd input.f-postcode { float: none; margin: 0 auto 18px auto !important; background: #fff; border: 1px solid #ccc !important; }
	div#teasers-right dl.newsletter dd input.sub { position: relative !important; right: auto !important; bottom: auto !important; width: 28px !important; height: 27px !important; margin: 1px auto 0 auto !important; padding: 5px !important; border: 1px solid #ccc !important; border-radius: 5px !important; background-position: 3px 4px !important; }
	div#teasers-right dl.newsletter dd input.sub:hover { bacckground-color: #fff !important; border-color: #333 !important; }
	div#teasers-right dl.on dd input.sub { bottom: 3px !important; }
	#footer { text-align: center !important; display: block; float: none; margin-left: 0 !important; margin-right: 0 !important; height: auto !important; }
	#footer ul { position: relative !important; top: auto !important; margin: 18px auto 0 auto; height: auto !important; float: none !important; }
	#footer ul li { display: block !important; text-align: center !important; margin: 0 0 9px 0 !important; float: none !important; }
	#footer ul li.twitter { margin: 0 0 9px 5px !important; }
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
	img.img-50 { float: none; display: block; margin: 0 0 1.5em 0; padding: 0; width: 100% !important; height: auto !important; }
	img.img-100 { float: none; display: block; margin: 0 0 1.5em 0; padding: 0; width: 100% !important; height: auto !important; }
	img.img-150 { float: none; display: block; margin: 0 0 1.5em 0; padding: 0; width: 100% !important; height: auto !important; }
	img.img-200 { float: none; display: block; margin: 0 0 1.5em 0; padding: 0; width: 100% !important; height: auto !important; }
	img.img-250 { float: none; display: block; margin: 0 0 1.5em 0; padding: 0; width: 100% !important; height: auto !important; }
	div#mid div.box div.tab p.view-calendar { float: none !important; }
	div#mid div.box div.tab p a { float: none !important; }
	#comp-list .clearfix { clear: both !important; height: auto !important; }
	#comp-list ul.clearfix { height: auto !important; }
}
@media only screen and (max-width:560px) {
	ul#util-nav { display: none; }
	div.nivo-controlNav { display: none; }
	div#breadcrumb p.rss-link { }
}