*, *:after, *:before {padding:0;margin:0;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.mobile-only {display:none !important;}
@media (max-width: 768px) {
	.mobile-only {display:block !important;}
	#app {min-width:100%;width: 768px;overflow:hidden;}
	.header ul li a {font-size:21px;}
	.main-art {max-height:40vh;}
	.main-sub > div:before {position:static;display:block;margin:0 auto 30px;}
	.main-sub > div {padding:0;}
	.main-sub p {font-size: 10px;line-height: 25px;-webkit-text-size-adjust:200%;text-size-adjust:200%;}
	.apps, .runs, .events {padding: 0 60px;}
	.runs {padding:30px 60px;}
	.event div.date {height:130px;margin:0;}
	.event div.date > div .day {margin-top:13px;font-size:60px;}
	.event div.date > div .dayname {font-size:22px;}
	.event div.title {height: 200px;overflow: hidden;margin:0;padding:20px 10px 25px;background:#efefef;}
	.event div.title h2 {font-size: 30px;line-height: 34px;}
	.event div.title p {font-size: 16px;line-height: 20px;}
	.event-buttons  {background:#efefef;overflow:hidden;}
	.event-buttons .btn {float:left;width:50%;}
	.event-buttons .btn + btn {float:none;width:auto;display:block;overflow:hidden;}
	#events > h1 {display:none;}
	#events {width:100%;}
	#events .event {width:50%;}
	#events .event:nth-child(2n+1) {clear:left;}
	.mobile-controls .col-xs-3 {float:none;width:auto;margin:0;padding:0;}
	.mobile-controls .event-buttons .btn {font-size: 18px;}

	#eventsList .nextmonth, #eventsList .prevmonth, #eventsList .next, #eventsList .prev {
		-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);
		top:50%;
	}
	#eventsList .nextmonth, 
	#eventsList .next {margin-left: 10px;}
	#eventsList .prevmonth, 
	 #eventsList .prev {margin-right: 10px;}
	.btn.icon-run {padding-left: 60px;background-position: 10px 8px;}
	.btn.icon-run > span {white-space: nowrap;}

	.apps h2 {font-size: 26px;line-height: 30px;}
	.apps p {font-size: 16px;line-height: 20px;}
	.follow > div {padding:60px;}

	#dialog > div {width: 768px;font-size: 20px;line-height: 29px;text-align:left;}
	#dialog > div .head {width: 640px;padding: 20px 0px 40px;}
	#dialog > div .body > div.trainers-list {max-width: 670px;}
	#dialog > div h2 {line-height: 34px;font-size: 30px;}
	#trainers h2 + strong,
	.trainers-list .details {font-size: 20px !important;}
	#dialog > div .body > div {padding-bottom:60px;}

	.event-details h1 {margin-bottom:20px;display: block;}
	.event-details h1 + div {font-size: 20px;line-height: 29px;}
	.event-details .data > div {width:50%;margin-bottom: 30px;}
	.event-details .data > div + div + div {margin-bottom: 0px;}
	form label.text {float:none;width:auto;display:block;}
	form label.text:nth-child(even) {padding:0;}
	form label.text > span {width: 230px;text-align: right;padding-right: 20px;line-height: 38px;}
	form label.text select, form label.text input {padding: 10px;width: 340px;height: 45px;font-size: 22px;}

	#eventsListActions {display:none;}
}