@media (min-width: 769px) {
	.just-mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	
	html {
		font-size: 3.5vw;
	}
	
	body {
		padding-top: 4rem;
	}
	
	.container {
		width: 95%;
	}
	
	body > header {
		background: #191b41 !important;
		height: 4rem;
		border-bottom: 1px solid #604180;
	}
	
	body.home  >  header .container::after {
		display: none;
	}
	
	body > header .container {
		width: 100%;
		padding: 0;
		height: 4rem;
	}
	
	body > header .logo {
		margin-top: 0.9rem;
		margin-left: 0.7rem;
		width: 7rem;
	}
	
	body > header .contact a {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	
	body > header .contact {
		margin-top: 0.9rem;
		margin-left: 2.5rem;
	}
	
	.mobile-toggle {
		position: absolute;
		right: 1.3rem;
		top: 0.2rem;
		width: 3.5rem;
		height: 3.5rem;
		background: url('../img/mobile-menu-button-white.png') no-repeat center center;
		background-size: contain;
		z-index: 99;
	}
	
	header ul.menu {
		float: none;
		position: fixed;
		z-index: 100;
		top: 4rem;
		right: -100%;
		bottom: 0;
		width: 100%;
		background: #191b41;
		margin: 0;
		overflow: auto;
		opacity: 0.97;
	}
	header ul.menu.visible {
		right: 0;
	}
	
	header ul.menu > li:last-child > a .icon {
		display: none;
	}
	
	header ul.menu li {
		display: block;
		padding: 0;
		border-bottom: 1px solid #604180;
		margin: 0;
	}
	
	header ul.menu li a {
		display: block;
		text-align: center;
		padding: 1.2rem;
	}
	
	header ul.menu > li:last-child > a {
		padding-right: 1.2rem;
	}
	
	header ul.menu > li > ul {
		position: relative;
		top: 0;
		left: 0;
		min-width: 0;
	}
	
	header ul.menu > li:hover > ul {
		display: none;
	}
	
	header ul.menu > li > ul > li {
		border-top: 1px solid #604180;
		border-bottom: none;
	}
	
	body.home header::after {
		display: none;
	}
	
	section.slideshow {
		min-height: 55rem;
	}
	
	section.slideshow .slide-content {
		right: 2%;
		width: 96%;
		height: 60vh;
		min-height: 30rem;
	}
	
	section.slideshow .slide-content .table-row .table-cell h3 strong {
		font-size: 7.5rem;
		line-height: 7.5rem;
	}
	
	section.slideshow .slide-content .table-row .table-cell h3 {
		font-size: 3.5rem;
		line-height: 3rem;
	}
	
	section.slideshow .slide-page {
		top: auto;
		bottom: 10vh;
		height: 30vh;
	}
	
	section.slideshow .slide-page .table {
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 30vh;
		min-height: 20rem;
	}
	
	section.slideshow.home .slide-page .table .table-cell {
		padding-top: 0;
		text-align: center;
	}
	
	section.slideshow .slide-page img {
		width: 80% !important;
		height: auto;
	}
	
	section.slideshow.home .slide-page-2 .table {
		left: 0;
	}
	
	section.slideshow.home .slide-page-2 .table img {
		width: 65%;
	}
	
/*
	section.slideshow.home .slide-content-1 .table-row .table-cell h3 {
		font-size: 9.5rem;
		line-height: 9.5rem;
	}
	
	section.slideshow.home .slide-page-1 {
		bottom: 0;
		height: 100%;
	}
	
	section.slideshow .slide-content-1 {
		height: 100%;
	}
*/
	
	section.welcome .content {
		float: none;
		width: 100%;
	}
	
	section.welcome .image .icons {
		display: none;
	}
	
	section.welcome .content {
		padding: 2rem 0;
	}
	
	section.welcome .content h2 strong {
		line-height: 6rem;
		font-size: 6rem;
	}
	
	section.welcome .content h3 {
		margin-bottom: 1rem;
	}
	
	section.welcome .image {
		float: none;
		width: 100%;
		padding: 2rem;
	}
	
	section.home-blocks .container {
		width: 100%;
	}
	
	section.home-blocks .col-1 {
		width: 100%;
		float: none;
		margin-bottom: 1.5rem;
	}
	
	section.home-blocks {
		padding: 1.5rem 0;
	}
	
	.home-block-1 {
		height: 22rem;
	}
	
	.home-block-2 {
		height: 22rem;
	}
	
	section.home-blocks .col-2 {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 1.5rem;
	}
	
	section.home-blocks .block-3 {
		height: 40rem;
	}
	
	section.home-blocks .col-3 {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	section.home-blocks .block-4 {
		height: 40rem;
	}

	
	.home-block-1 img {
		transform: translateY(0) scale(0.9, 0.9);
	}

	.home-block-1 .content {
		opacity: 1;
		top: 0;
	}
	
	.home-block-2 img {
		transform: translateY(0) scale(0.9, 0.9);
	}

	.home-block-2 .content {
		opacity: 1;
		top: 0;
	}

	section.home-blocks .block-3 .content {
		opacity: 1;
		top: 0;
	}
	
	section.home-blocks .block-4 .content {
		opacity: 1;
		top: 0;
	}
	
	section.home-blocks .block-4 .content h3 {
		font-size: 1.8rem;
	}
	
	section.home-blocks .block-4 .content ul li {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	
	section.home-blocks .block-4 .content h3 strong {
		font-size: 2.5rem;
	}
	
	section.home-ideas .content {
		float: none;
		width: 100%;
	}
	
	section.home-ideas .content h2 {
		font-size: 3rem;
		line-height: 3rem;
		margin-bottom: 0;
	}
	
	section.home-ideas .content h3 {
		font-size: 1.8rem;
		line-height: 1.8rem;
		margin-bottom: 1rem;
	}
	
	section.home-ideas .content p {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	
	section.home-ideas .image {
		float: none;
		width: 100%;
		margin: 0 0 2rem;
		text-align: center;
	}
	
	section.home-ideas .image img {
		width: 60%;
	}
	
	section.home-ideas ul li {
		width: 30%;
		margin: 0 0.5rem 0.7rem 0;
	}
	
	section.home-ideas ul li:nth-child(3n+3) {
		margin-right: 0;
	}
	
	section.slideshow.banners .slide-page {
		bottom: 0 !important;
		height: 100% !important;
	}
	
	section.slideshow.banners .slide-page .table {
		bottom: 5rem !important;
		top: auto !important;
		left: 0 !important;
		width: 100% !important;
		height: 40% !important;
		text-align: center;
	}
	
	section.slideshow.banners .slide-page .table img {
		width: 80% !important;
	}
	
	section.slideshow.banners .slide-content {
		right: 5%;
		width: 90%;
	}
	
	section.slideshow.testimonials .slide-content {
		left: 5%;
		margin-left: 0;
		width: 90%;
	}
	
	section.slideshow.testimonials {
		min-height: 0;
		height: 30rem;
	}
	
	section.slideshow.testimonials .left-arrow {
		top: auto;
		bottom: 1rem;
		margin-top: 0;
	}
	section.slideshow.testimonials .right-arrow {
		top: auto;
		bottom: 1rem;
		margin-top: 0;
	}
	
	section.slideshow.testimonials .slide-content .table-row .table-cell {
		padding-bottom: 2rem;
	}
	
	section.home-carousel .window {
		overflow: scroll;
	}

	section.home-carousel .window .window-container {
		position: relative;
		left: 0 !important;
	}
	
	section.home-carousel ul.controller {
		display: none;
	}
	
	footer .top {
		padding-top: 2rem;
	}
	
	footer .container {
		width: 90%;
	}
	
	footer .top .col-2, footer .top .col-3, footer .top .col-4, footer .top .col-5, footer .top .col-6 {
		display: none;
	}
	
	footer .top .col-1 {
		margin-left: 0;
		width: 60%;
		margin-right: 0;
	}
		
	footer .top .col-7 {
		margin-right: 0;
		width: 30%;
	}
	
	footer .middle .col-1 {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		float: none;
		margin-bottom: 2rem;
	}
	
	footer .middle .col-2 {
		float: none;
		width: 100%;
		margin-top: 0;
		margin-bottom: 3rem;
		text-align: center;
	}
	
	footer .middle .col-3 {
		float: none;
		width: 100%;
		margin: 0 0 1rem;
		text-align: center;
	}
	
	footer .middle .col-4 {
		float: none;
		width: 100%;
		margin: 0 0 2rem;
	}
	
	footer .bottom {
		height: auto;
		padding: 0.5rem 0;
	}
	
	footer .bottom .col-1 {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	footer .bottom .col-2 {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	section.about-header {
		height: 14rem;
		background-size: auto 15rem;
	}
	
	section.about-1 {
		padding-bottom: 2rem;
	}
	
	section.about-1 .content {
		float: none;
		width: 100%;
		top: 0 !important;
		margin: 0 0 2rem;
	}
	
	section.about-1 .content h2 strong {
		font-size: 4rem;
		line-height: 4rem;
	}
	
	section.about-1 .content h2 strong::after {
		display: none;
	}
	
	section.about-1 .content p {
		width: 100%;
	}
	
	section.about-1 .image {
		float: none;
		width: 100%;
		top: 0 !important;
		margin: 0;
	}
	
	section.about-1 .stars {
		display: none;
	}
	
	section.about-2 .content {
		padding: 2rem 0;
	}
	
	section.about-2 .content h2 {
		margin-bottom: 1rem;
	}
	
	section.about-2 .content h3 br {
		display: none;
	}
	
	section.about-2 .content h3 {
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
		line-height: 1.8rem;
	}
	
	section.about-2 .content p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	
	section.team ul {
		text-align: center;
	}
	
	section.team ul li {
		width: 40%;
		margin: 0 1rem 3rem;
		float: none;
		display: inline-block;
	}
	
	section.team ul li .image {
		margin-bottom: 0.7rem;
	}
	
	section.team ul li h4 {
		margin-bottom: 0.5rem;
	}
	
	section.team .container {
		padding: 2.8rem 0 2rem;
	}
	
	section.about-3 .content h3 {
		margin-bottom: 1.2rem;
	}
	
	section.about-3 .content {
		float: none;
		width: 100%;
		padding: 2rem 0;
	}
	
	section.about-3 .image {
		float: none;
		margin: 0;
		text-align: center;
		padding-bottom: 2rem;
	}
	
	section.about-3 .image img {
		width: 70%;
	}
	
	section.about-3 {
		background-position: right -5rem bottom;
		background-size: 60rem auto;
	}
	
	section.order-steps {
		background: #fff;
		padding-top: 5rem;
	}
	
	section.order-steps .container {
		width: 100%;
	}
	
	section.order-steps h3 {
		font-size: 1.7rem;
		line-height: 1.7rem;
		margin-bottom: 1.5rem;
	}
	
	section.order-steps label {
		font-size: 1rem;
		line-height: 1.1rem;
	}
	
	section.order-steps label em {
		font-size: 0.9rem;
	}
	
	section.order-steps hr {
		height: 1rem;
		margin-bottom: 1rem;
	}
	
	section.order-steps .columns-1 .col {
		float: none;
		width: 100%;
		margin: 0 0 0.5rem;
	}

	section.order-steps .columns-2 .col {
		float: none;
		width: 100%;
		margin: 0 0 0.5rem;
	}

	section.order-steps .columns-3 .col {
		float: none;
		width: 100%;
		margin: 0 0 0.5rem;
	}

	section.order-steps .columns-4 .col {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	section.order-steps table.cart-table td:first-child {
		display: none;
	}
	
	section.order-steps table.cart-table th:first-child {
		display: none;
	}
	
	section.order-steps .extra-bg {
		display: none;
	}
	
	section.contact-info {
		padding: 2rem 0;
	}
	
	section.contact-info .left {
		float: none;
		width: 100%;
	}
	
	section.contact-info .right {
		float: none;
		width: 100%;
	}
	
	section.contact-network .content {
		float: none;
		width: 100%;
		margin-bottom: 2rem;
	}
	
	section.contact-network .content h3 {
		font-size: 2rem;
		line-height: 2rem;
	}
	
	section.contact-network .content h3 br {
		display: none;
	}
	
	section.contact-network .content p {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	
	section.contact-network .image {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	section.contact-network .image img {
		width: 70%;
	}
	
	section.slideshow.home.locations.franchise .slide-content {
		right: 5%;
		width: 90%;
		height: 25rem;
		min-height: 0;
	}
	
	section.slideshow.home.locations.franchise .slide-page-2 .table {
		left: 0;
		height: 20rem;
	}
	
	section.slideshow.home.locations .slide-page-2 .table .table-cell {
		vertical-align: bottom;
	}
	
	section.slideshow.home.locations .slide-page {
		height: 20rem;
		bottom: 0;
	}
	
	section.slideshow.home.locations {
		min-height: 0;
		height: 40rem;
	}
	
	section.franchise-facts {
		padding: 2rem 0;
	}
	
	section.franchise-facts .container {
		width: 95%;
	}
	
	section.franchise-facts article {
		float: left;
		width: 48%;
		margin: 0 4% 2rem 0;
	}
	
	section.franchise-facts article:nth-child(even) {
		margin-right: 0;
	}
	
	section.about-2.franchise .content {
		padding: 2rem 0;
	}
	
	section.about-2.franchise .content h3 {
		margin-left: 0;
		padding-bottom: 1.5rem;
	}
	
	section.about-2.franchise .content p {
		font-size: 1.1rem;
		margin-left: 0;
		line-height: 1.4rem;
	}
	
	section.franchise-form {
		padding: 2rem 0;
	}
	
	section.franchise-form .container {
		width: 95%;
	}
	
	section.franchise-form h3 {
		margin-bottom: 2rem;
	}
	
	section.franchise-form form .align-center {
		padding-top: 0;
	}
	
	section.location-header {
		padding-top: 6rem;
	}
	
	section.location-header .container {
		width: 90%;
	}
	
	section.location-header .left {
		float: none;
		width: 100%;
		margin-bottom: 3rem;
	}

	section.location-header .right {
		float: none;
		width: 100%;
	}
	
	section.location-header .left section.back-button{
		display: none;
	}
	
	section.slideshow.location {
		margin: 0;
		min-height: 0;
		width: 100%;
		height: 33rem;
	}
	
	section.location-products{
		padding: 2rem 0;
	}
	
	section.location-products .container {
		width: 95%;
	}
	
	section.location-products ul li.with-button > div {
		width: 100%;
		float: none;
		padding: 0rem 1rem;
		margin-bottom: 0.3rem;
	}
	
	section.location-products ul li .col-1 {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
	}
	section.location-products ul li .col-2 {
		width: 70%;
		padding: 1rem 1rem;
	}
	section.location-products ul li .col-3 {
		width: 30%;
	}
	
	section.location-products ul li .button {
		float: none;
		display: block;
		margin: 0 auto 1rem;
	}
	
	section.location-products ul li {
		margin-bottom: 1.5rem;
	}
	
	section.location-suggestion .container {
		width: 100%;
	}
	
	section.location-suggestion .left {
		float: none;
		width: 100%;
		margin-bottom: 2rem;
	}
	
	section.location-suggestion .left h3 {
		padding-top: 0;
	}
	
	section.location-suggestion .right {
		float: none;
		 width: 100%;
		margin-bottom: 2rem;
	}
	
	section.location-suggestion .middle {
		width: 100%;
		border: none;
		padding: 0;
	}
	
	section.location-suggestion .left .shop-list .right-arrow {
		right: 2rem;
	}

	section.location-suggestion .right .shop-list .left-arrow {
		left: 2rem;
	}
	
	section.location-suggestion .left .shop-list article {
		width: 20rem;
	}
	
	section.slideshow.home.locations .slide-content {
		min-height: 0;
		height: 24rem;
		width: 100%;
	}
	
	section.slideshow.home.locations .slide-content .table-row .table-cell h3 strong {
		font-size: 5.6rem;
		line-height: 5.6rem;
	}
	
	section.slideshow.home.locations .slide-page .table {
		top: auto;
		left: 0;
		height: 20rem;
	}
	
	section.slideshow.home.locations.customize .slide-content {
		min-height: 0;
		height: 24rem;
		width: 100%;
	}
	
	section.slideshow.home.locations.customize .slide-content .table-row .table-cell h3 strong {
		font-size: 5.6rem;
		line-height: 5.6rem;
	}
	
	section.slideshow.home.locations.customize .slide-page .table {
		top: auto;
		left: 0;
		height: 20rem;
	}
	
	section.locations-list form.search {
		float: none;
		width: 100%;
	}
	
	section.locations-list ul.submenu li:first-child {
		padding-left: 1.6rem;
	}
	
	section.locations-list ul.submenu li {
		margin-bottom: 0.5rem;
	}
	
	section.locations-list ul.submenu {
		padding-left: 1rem;
	}
	
	section.locations-list .list article strong {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
	section.locations-list .list article h4 {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	
	section.locations-list .list article ul.contact-info li strong {
		width: 20%;
		font-size: 1rem;
		line-height: 1rem;
	}
	
	section.locations-list .list article ul.contact-info li span {
		width: 75%;
		font-size: 1rem;
		line-height: 1rem;
	}
	
	section.about-header.customize .container {
		padding-top: 6rem;
	}
	
	section.about-header.customize {
		height: 18rem;
	}
	
	section.locations-list .list article {
		width: 90%;
		margin-left: 5%;
	}
	
	section.customize-list article {
		float: none;
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	
	section.customize-list article img {
		width: 100%;
		height: auto;
	}
	
	section.customize-list article .table {
		height: 28rem;
		opacity: 1;
	}
	
	section.back-button {
		padding-top: 5rem;
	}
	
	section.single-product .content {
		float: none;
		width: 100%;
		margin-bottom: 3rem;
	}
	
	section.single-product .gallery {
		float: none;
		width: 100%;
	}
	
	section.single-product > div:not(.secondary-bg) {
		width: 100%;
	}
	
	section.single-product > div.secondary-bg {
		display: none;
	}
	
	section.single-product .content .price {
		font-size: 2rem;
		line-height: 2rem;
	}
	
	section.single-product .content > p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	
	section.single-product .content .features label {
		float: none;
		width: 100%;
		font-size: 1.2rem;
		line-height: 1.2rem;
		margin-bottom: 0.5rem;
		display: block;
	}
	
	section.single-product .content .features ul {
		float: none;
		width: 100%;
	}
	
	section.single-product .content .features ul li {
		font-size: 0.9rem;
		line-height: 1.1rem;
	}
	
	section.single-product .content .features p {
		float: none;
		width: 100%;
		font-size: 0.9rem;
		line-height: 1.1rem;
	}
	
	section.single-product .content .quantity-add {
		text-align: center;
	}
	
	section.single-product .gallery a {
		width: 31%;
		margin-right: 3%;
	}
	
	section.product-ideas .list .controller {
		display: none;
	}
	
	section.product-ideas .window {
		height: auto;
	}
	
	section.product-ideas .window .window-container {
		width: 100% !important;
		left: 0 !important;
		position: relative;
	}
	
	section.product-ideas article {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
	
	section.shop-list .container > .content {
		float: none;
		width: 100%;
	}
	
	section.shop-list article {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	section.shop-list article p {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	
	section.shop-list aside {
		float: none;
		width: 100%;
	}
	
	section.shop-list {
		padding-bottom: 2rem;
	}
	
	section.sticky-social {
		display: none;
	}
	
	section.about-header h1 {
		font-size: 4.5rem;
		line-height: 5.2rem;
	}

	section.about-header h1 {
		font-size: 4.5rem;
		line-height: 5.2rem;
	}
	
	header ul.menu > li > ul > li > ul {
		display: none !important;
	}
}