@media all and (max-width: 769px) {
	
	.base{width:95%;} .prev-event, .next-event{display:none;}
	div[class^=col-], a[class^=col-], a[class^=span-], div[class^=span-]{width:100%; float:none; margin-right:0%; margin-bottom:20px;}
	
	.desktop{display:none;}
	.mobile{display:block;}
	
	/* nav */
	nav.main{margin-bottom:0px;}
	nav.main ul li{width:100%; border-bottom:1px solid #fff;} nav.main ul li a{font-size:13px;}
	nav.main ul li:nth-child(1) a, nav.main ul li:nth-child(2) a, nav.main ul li:nth-child(3) a, nav.main ul li:nth-child(4) a{font-size:15px;}
	nav.main ul li:first-child a, nav.main ul li:last-child a{border-radius:0px;}
	
	/* banner */
	.banner .owl-carousel .owl-wrapper-outer{top:0px;}
	.banner .item .contain .msg{width:65%; margin-top:3%;}
	.nav-toggle{display:inline-block; padding:10px; background:#719629; text-decoration:none; font-size:18px; color:#fff;} .giro .nav-toggle{background:#D85276;}
	.nav-toggle:before{content:"\f0c9  "; font-family:FontAwesome}
	a.giro-launch{position:absolute; bottom:-0px !important; right:00px;}
	
	/* 	routes
		## mobile on content added ##
	 */
	
	/* caoursel */
	.carousel{margin-top:0px;}
	
	/* secondary */
	.secondary-ui .col-4{width:32%; margin-bottom:20px; float:left; margin-right:2%;}
	.secondary-ui div:nth-child(3n).col-4{margin-right:0%;}
	
	.giro .tabs li{width:100%; margin-right:0%;} .giro .tabs li a{border-radius:0px; margin-bottom:1px;} .giro .tabs li:last-child a{margin-bottom:0px;}
	.giro .panel, .giro .panel .sc{height:auto;}
	
	/* tidy up on menu */
	nav.main ul li a{height:auto}
	.giro nav.main ul li:nth-child(5) a, nav.main ul li:nth-child(5) a{background:none; padding-left:20px;}
	nav.main ul li:hover>ul{display:none;}
	nav.main ul li>ul{ display:none;}

	.col-3.home { width: 100% !important; }

	.funders-desktop { display: none; }
	#map-container img { width: 100%; }
	.news-item .col-4, .news-item .col-7 { width: auto; }
	.news-item .col-4 { margin-left: 7px; }

	.captcha-newsletter-container { width: auto; }
	.feedbackCaptcha div { float: none !important;width: auto !important; }

	#banner-carousel { display: none !important; }
    .banner-lower #banner-carousel { display: block !important; }
    .banner-lower #banner-carousel img { width: 100%;height: auto; }
}

@media all and (max-width: 568px) {
	
    .logo{width:100% !important;max-width: 420px; text-align:center;}
    .fb-header{ top: 85px;}	
    .btn-all-events {position: static !important; display: block; margin: 5px 0 1px 0; }

	/* banner */
	.banner{display:none;} .routes{margin-top:20px;}
	a.giro-launch{position:relative; bottom:auto; right:auto;}
	.giro-container{padding:20px 0px; text-align:center; background:#f2678e;}
	
	/* secondary */
	.secondary-ui .col-4{width:100%; float:none; margin-right:0%;}
	.secondary-ui div:nth-child(3n).col-4{margin-right:0%;}
	
	.giro .panel .map{display:none;}
	
    .event-detail-pods div:nth-child(5n) { margin-right:10px; }
}

@media all and (max-width: 320px) {
	
	.logo{width:100% !important; text-align:center;}
	.logo a, .logo img{width:100% !important;}
	.fb-header{ top: 85px;}	
	.ar{padding:20px; text-align:center;}
    .btn-all-events {position: static !important; display: block; margin: 5px 0 1px 0; }
    .event-detail-pods div:nth-child(5n) { margin-right:10px; }
}

/* haXzor orientation */

@media only screen and (orientation:landscape){
    .prev-event, .next-event{display:none;}
}

@media only screen and (orientation:portrait){
	.prev-event, .next-event{display:none;}
}