@media screen and (max-width: 1280px) {
	nav .nav-side-link {
		opacity: 0;
		visibility: hidden;

		-webkit-pointer-events: none;
		-moz-pointer-events: none;
		-o-pointer-events: none;
		-ms-pointer-events: none;
		pointer-events: none;

		-webkit-transform: translateX(-125px);
		-o-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		-moz-transform: translateX(-125px);
		transform: translateX(-125px);

		-webkit-transition: opacity 500ms ease 0s, -webkit-ransform 500ms ease 0s, visibility 0s ease 500ms;
		-moz-transition: opacity 500ms ease 0s, -moz-transform 500ms ease 0s, visibility 0s ease 500ms;
		-o-transition: opacity 500ms ease 0s, -o-transform 500ms ease 0s, visibility 0s ease 500ms;
		-ms-transition: opacity 500ms ease 0s, -ms-transform 500ms ease 0s, visibility 0s ease 500ms;
		transition: opacity 500ms ease 0s, transform 500ms ease 0s, visibility 0s ease 500ms;
	}
		nav .nav-side-link:nth-of-type(2) {
			-webkit-transform: translateX(125px);
			-o-transform: translateX(125px);
			-moz-transform: translateX(125px);
			-ms-transform: translateX(125px);
			transform: translateX(125px);
		}
}

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

	body {
		width: auto;
		min-width: 0;
		display: block;
	}

	/* UNIVERSAL classes! */
		.mobile-hide { display: none; }
		.mobile-block { display: block !important; }
		.mobile-inline { display: inline !important; }

	#mobile-logo {
		display: block;
		position: relative;
		height: 125px;
		width: auto;
		padding: 10px;
		margin-bottom: -60px;
		z-index: 51;
		background: black;
	}
		#mobile-logo div {
			display: block;
			height: 100%;
			width: 100%;
			background: url('../img/logo_@2x.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}

	#cover {
	}

	#loading {
		display: block;
	}

	#loading-logo {
		width: 80%;
		height: 50%;
	}

	h1 {
		font-size: 30px;
		margin: 0 0 10px 0;
	}
	h1.title {
		font-size: 40px;
		width: auto;
		margin: 10px 0 30px 0;
	}
	h2 {
		font-size: 25px;
		margin-right: -10px;
		margin-left: -10px;
	}
		.col h2 {
			margin-right: -10px;
			margin-left: -10px;
		}
			.col .editable:first-child h2:first-child, .col .editable-text:first-child h2:first-child { margin-top: -10px; }
		.across h2 {
			margin-right: -15px;
			margin-left: -15px;
		}
		.across h2:first-child {
			margin-top: -20px;
		}

	h3 {

	}

	h4 {

	}

	h5 {

	}

	hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	nav{
		width: auto;
		min-width: 0;
		position: relative;
		font-size: 15px;
		font-weight: bold;
		background: rgba(0,0,0,.8);
		top: 62px;
	}
		nav ul { width: 100%; }
		nav ul li {
			display: block;
			width: 25%;
		}
		nav ul li a {
		}
		nav ul li#logo, nav .nav-side-link { display: none; }

	#a, #b, #c, #d { padding: 10px; overflow: hidden; }
	#a { height: auto; min-height: 0; position: relative; padding-top: 72px; padding-bottom: 45px; }

	#motto, #mail, #shows, #camera, #shoes, #tickets {
		position: relative;
		display: block;
		width: 100%;
		height: 60px;
		background: rgba(0,0,0,.5);
		overflow: hidden;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin: 0 auto 10px auto;
		border-radius: 3px;
		line-height: 60px;
		text-align: center;
		font-family: 'Love Ya Like A Sister';
		white-space: nowrap;
		text-transform: uppercase;
		font-size: 20pt;
		box-shadow: inset 0 0 0 2px rgba(255,255,255,.2); max-width: 500px;
		max-width: 450px;
	}
	.item:last-of-type {
		margin-bottom: 0;
	}

		.item:not(#motto) .img, .item map, .item area, .item span.item-label { display: none; }

		.item a::before, a.item::before {
			content: '';
			color: white;
			text-decoration: none;
			text-align: center;
		}
			.item {
				text-decoration: none;
			}
			.item a {
				width: 100%;
				height: 100%;
				display: block;
				text-decoration: none;
			}

		#motto { background: transparent; height: calc(100px + 10vh); box-shadow: none; overflow: visible; margin-bottom: 80px; }
			#motto .img { background-size: contain; }

		#mail { background: rgba(184, 34, 149, .8); }
			#mail::before { content: '* Get SK Emails *'; }

		#camera { background: rgba(254, 111, 76, .8); }
			#camera::before { content: '* Photo Gallery *'; }

		#phone { position: static; background: transparent; display: block; width: auto; height: auto; right: auto;top: auto;left: auto;bottom: auto; margin: 0; }
			#phone .link-wrap {
				width: auto;
				max-width: 450px;
				height: auto;
				margin: auto;
				background: transparent;
				position: static;
				padding: 0;
			}
			body.unloaded #phone .link-wrap {
				opacity: 1;
				-webkit-transform: none;
				-moz-transform: none;
				-o-transform: none;
				-ms-transform: none;
				transform: none;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}
			body:not(.unloaded) #phone .link-wrap {
				-webkit-transform: none;
				-moz-transform: none;
				-o-transform: none;
				-ms-transform: none;
				transform: none;
				-webkit-transition: none;
				-moz-transition: none;
				-o-transition: none;
				-ms-transition: none;
				transition: none;
			}
			#phone .link-wrap a {
				position: relative; display: block; width: 100%; height: 60px; background: rgba(0,0,0,.5); overflow: hidden; top: auto; bottom: auto; left: auto; right: auto; margin: 0 0 10px 0; border-radius: 3px; line-height: 60px; text-align: center; font-family: 'Love Ya Like A Sister'; white-space: nowrap; text-transform: uppercase; font-size: 20pt; box-shadow: inset 0 0 0 2px rgba(255,255,255,.2); border: 0;word-break: hyphenate;
			}
				#phone .link-wrap a br {
					content: '';
				}
					#phone .link-wrap a br::before {
						content: ' ';
					}
			#phone .link-wrap a:first-of-type {
				font-size: 20pt;
				margin: 0 0 10px 0;
				padding-top: inherit;
				background: rgba(146, 224, 22, .8);
			}
			#phone .link-wrap a:nth-of-type(2) {
				  font-size: 20pt;
				  margin: 0 0 10px;
				  padding-top: inherit;
				  background: rgba(255, 227, 18, .8);
			}
				#phone .link-wrap a::before { content: '* '; }
				#phone .link-wrap a::after { content: ' *'; }
			#phone::before { content: ''; }

		#shoes, #shows { display: none; }

		#tickets { background: rgba(255, 56, 68, .8); }
			#tickets::before { content: '* Tickets *'; }



	.across {
		width: auto;
		margin: -10px -10px 10px -10px;
		padding: 20px 15px 15px 15px;
		border-radius: 0;
	}

	i.info {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.col-wrap {
		width: auto;
	}
		.col {
			width: auto;
			max-width: 500px;
			float: none;
			margin: 0 auto 10px auto;
			padding: 10px;
		}
			.col:last-of-type {
				margin-bottom: 0;
			}

		#b #class-list h3 {
			margin: 0 -10px;
		}

		#class-list {
		}

		#class-list .cl-class {
			margin: 0 -10px;
		}

		#class-list .cl-class.show-info {
			background: white;
		}

		#class-list .cl-class .cl-info-wrap {
		max-width: 100%;
		background: transparent !important;
		color: black !important;
		padding: 0 12px 12px 12px;
		height: auto;
		}
		#class-list .cl-class .cl-info-wrap::before { display: none; }
		#class-list .cl-class .cl-info-wrap > span {
		display: block;
		text-align: center;
		}

		#class-list .cl-class:hover .cl-info-wrap {
		/* height: auto; */
	}

	#class-list .cl-class .cl-info-wrap i.tooltip {
			display: block;
			position: relative;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			transform: none;
			min-width: auto;
			margin: 0 0 -15px 0;
		    left: 0;
		    width: auto;
		    border-radius: 2px;
		    height: 0;
		    padding: 0;
		    border: 0;
		    box-sizing: border-box;
		    opacity: 0;
		    visibility: 0;
		    box-shadow: none;

		    transition: height 0ms ease 0, opacity 300ms ease 100ms;
		}
			#class-list .cl-class .cl-info-wrap i.tooltip > h4 {
				display: none;
			}

	#class-list .cl-class:hover .cl-info-wrap i.tooltip {
			opacity: 0;
			visibility: 0;
		}

		#class-list .cl-class.show-info .cl-info-wrap i.tooltip {
			opacity: 1;
			visibility: visible;
			height: auto;
			margin: 0px 0px 15px 0px;
		}

		table.details {
			width: auto;
			table-layout: fixed;
		}
			table.details tr td {
				padding: 7px 5px;
			}
			table.details tr td:first-of-type {
				width: 30%;
			}
			table.details tr td:last-of-type {
				width: 70%;
			}

	/* POPUPS */
	.popup {
		padding: 10px;
		left: 0;
		right: 0;
		width: 95% !important;

		-webkit-transform: perspective(500px) translateY(-100px);
		-o-transform: perspective(500px) translateY(-100px);
		-ms-transform: perspective(500px) translateY(-100px);
		-moz-transform: perspective(500px) translateY(-100px);
		transform: perspective(500px) translateY(-100px);
	}
	.popup.visible {
		-webkit-transform: perspective(500px) translateY(0px);
		-o-transform: perspective(500px) translateY(0px);
		-ms-transform: perspective(500px) translateY(0px);
		-moz-transform: perspective(500px) translateY(0px);
		transform: perspective(500px) translateY(0px);
	}
	.popup.sticky {
		position: fixed;
	}
	.popup h2 {
		margin: 10px -10px;
	}
		#contact-us-popup {

		}
		#about-popup {

		}
		#mail-popup {
			position: absolute;
			width: 100% !important;
			margin: auto;
			height: 500px !important;
			overflow-x: hidden;
			overflow-y: scroll;
		}
		#registration-popup {
			width: 100% !important;
			height: 100% !important;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			margin: 0;
			display: block !important;
			position: fixed;
			font-size: 15px;
			border-radius: 0;
			overflow: hidden;
		}
			#registration-popup h1 {
				line-height: 45px;
				height: 90px;
				padding: 0 10px;
				margin-bottom: 0;
			}
			#registration-popup-text {
				overflow-y: scroll;
				overflow-x: hidden;
				height: calc(100% - 145px);
				display: block;
			}
			#registration-popup-links {
				position: absolute;
				padding: 10px !important;
				margin: 0 !important;
				bottom: 0;
				right: 0;
				left: 0;
				height: 60px;
				top: auto;
			}

	/* #C - Shows */
		.col .pro-logo-wrap {
			height: 170px;
			margin: -10px -10px 0 -10px;
		}
}