.menu-desktop {
	width: 900px;
	margin: 0 auto;
}
.menu-mobile { display: none; }

@media( max-width: 768px ) {
	#page { border-top: none; }
	/*Main Menu*/
	.menu-desktop { display: none; }
	
	.menu-mobile {
		display: inline-block !important;
		position: relative;
	}

	.menu-mobile-main-menu-container,
	.menu-mobile .search-form { display: none; }

	.toggled .menu-mobile { height: 100vh; }

	.toggled .menu-mobile-main-menu-container,
	.toggled .menu-mobile .search-form { display: inline-block; }

	.menu-mobile img {
		margin: 0 auto;
		display: block;
		width: 80%;
	}

	.mobile-menu .menu-toggle {
		position: absolute;
		right: 0;
		top: 15px;
	}

	.menu li  { text-align: center; }

	.menu-toggle {
		display: block !important;
		border: none;
		background: transparent;
		color: #fff;
		box-shadow: none !important;
		text-shadow: none;
		font-size: 0;
		width: 100%;
		text-align: right;
		position: absolute;
		top: 30px;
		right: 20px;
	}

	.menu-toggle:before {
		content: "\f0c9";
		font-family: "fontAwesome";
		color: #fff;
		font-size: 18px;
	}

	.toggled .menu-toggle:before { content: "\f00d"; }

	.menu-mobile .search-form {
	    width: 90%;
	    margin: 4vh 0 0 5%;
	}

	.menu-mobile .search-field {
	    border-radius: 0;
		background-color: transparent;
		color: #fff !important;
		padding: 12px 3%;
		width: 83%;
		text-transform: uppercase;
		float: left;
		border: 1px solid #fff;
		height: 8px;
	}

	html > body #masthead #site-navigation.sticky { padding: 15px 10px; }

	.menu-mobile .search-field::placeholder { color: #fff; }

	.menu-mobile .search-submit {
	    float: right;
		width: 35px;
		border-radius: 0;
		border: 1px solid #fff;
		height: 34px;
		position: relative;
		right: 1px;
		color: #101E39;
		text-align: center;
	}

	.header-social {
		display: none;
		width: 100%;
	}

	.header-social ul {
		width: 52%;
		position: absolute;
		bottom: 2vh;
		left: 25%;
		font-size: 20px;
	}

	.header-social ul li:first-child { padding-left: 3%; }

	.header-social ul li {
		display: inline;
		float: left;
		text-align: center;
		padding: 0 3%;
	}

	.toggled .header-social,
	.toggled ul { display: inline-block !important; }

	.toggled .menu-mobile .header-social li a { color: #fff; }

	/*Home Page*/
	html > body #primary,
	html > body #secondary { max-width: 100%; }

	.footer-sidebar .widget,
	.footer-top .social { width: 100%; }

	.footer-top .social ul {
		margin: 0 auto;
		width: 45%;
	}

	.main-navigation .nav-menu li { display: none !important; }

	.main-navigation.toggled .nav-menu li {
		display: inline-block !important;
	}

	html > body #masthead #site-navigation { position: relative; }


	html > body #masthead #site-navigation > .nine-hundred { margin-top: 0; }

	html > body #masthead #site-navigation > .nine-hundred .menu-menu-with-logo-container {
		border: none;
		padding: 0 30px 20px 30px;
	}

	html > body #masthead #site-navigation .menu > li {
		max-width: 100%;
		width: 100%;
		right: -10px;
		top: 10px;
		margin: 10px 0;
	}

	html > body #masthead #site-navigation .menu > li#menu-item-19352 {
		display: block !important;
	    max-width: 85%;
	    position: absolute;
	    left: 0;
	    top: 20px;
	}

	html > body #masthead #site-navigation .menu > li img {
		margin: 5px auto;
		max-width: 80%;
	}

	#ig-image {
		height: auto;
		width: 100%;
	}

	.featured-posts { width: 100%; }

	.footer-top { border-bottom: none; }

	.featured-posts p { font-size: 1.5em; }

	.footer-top .social ul li { font-size: 20px; }

	.footer-top .info {
	    float: none;
	    text-align: center;
	    font-size: 14px;
	    padding: 0 40px;
	    line-height: 30px;
	}

	.cd-right {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		height: 100vw;
	}

	/*Shop Page*/
	#shop-cards-wrap .shop-cards--item { width: 100% !important; }

	/*About Page*/
	.about-page { margin-top: 0; }

	.about-top .left {
		margin-left: 0;
		text-align: left;
		width: 100%;
	}

	.about-top .right {
		width: 100%;
		margin-top: 20px;
	}

	.about-top h1 { margin-top: 0; }

	.about-top .right img { width: 100%; }

	.about-top ul { text-align: left; }
}

@media( max-width: 375px ) {
	.menu-mobile .search-field { width: 82%; }
}