@media only screen and (max-width: 750px) {
	body {
		width: 100%;
		height: 100%;
	}

	header .menuColumn {
		display: none;
	}

	.slideout-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 256px;
		min-height: calc(100vh - 200px);
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		z-index: 0;
		display: none;
		background: #3a393f;
	}

	.slideout-menu-left {
		left: 0;
	}

	.slideout-menu-right {
		right: 0;
	}

	.slideout-panel {
		position: relative;
		z-index: 1;
		will-change: transform;
	}

	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		overflow: hidden;
	}

	.slideout-open #menu.slideout-menu {
		display: block;
	}

	main .mobileMenuOpener {
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		z-index: 10;
	}

	.motrig {
		display: block;
		position: absolute;
		font-size: 30px;
		margin-top: 5px;
	}

	body main {
		padding-top: 50px !important;
		word-wrap: break-word;
	}

	body.home main {
		padding-top: 0 !important;
	}

	header {
		height: 50px;
	}

	.menuColumn {
		margin: 0 !important;
		margin-top: 50px !important;
	}

	.menuColumn ul li {
		float: left;
		width: 100%;
	}

	.menuColumn ul li a {
		width: calc(100% - 30px);
		padding: 10px 20px 10px 10px;
		display: block;
	}

	.menuColumn ul li a .subNavArrow {
		float: right;
	}

	.menuColumn ul ul {
		padding-left: 20px;
	}

	header .logoColumn {
		text-align: center;
		float: none;
	}

	#menu li a {
		color: #fff;
		border-bottom: 1px solid #ededed;
	}

	#menu div > ul {
		border-top: 1px solid #4a494e;
		width: 100%;
	}

	main .double_heading_wb_container h2 {
		font-size: 5rem;
	}

	footer .container > .row {
		display: block;
	}

	footer .columns:not(:last-of-type) {
		margin-bottom: 25px;
	}

	footer .socialIconsFooter {
		text-align: left;
	}

	main .stayfocused .vc_parallax-inner {
		left: -55%;
	}

	.giveColorOnMobile {
		background: #3a393f;
		color: #D7D7D7;
	}

	.blox-dark-playlist .blox-album-image {
		background-position: -300px 0 !important;
	}

	.menuColumn ul li a:hover, .menuColumn .socialIcons a:hover {
		color: #3a393f !important;
	}

	footer {
		position: relative;
		z-index: 10;
	}

	.vc_row.vc_row-o-full-height {
		padding-top: 51px !important;
	}

	main .stayfocused {
		left: 15px !important;
		width: 100vw !important;
	}

	main .stayfocused .vc_parallax-inner {
		top: auto !important;
	}

	main .ug-textpanel-description {
		font-size: 1.5rem !important;
		top: 4px !important;
	}

}

@media screen and (orientation:landscape) and (max-width: 750px) {
	main .stayfocused .vc_parallax-inner {
		height: 150% !important;
	}
}