#header .mobile-menu-anchor, .mobile-swipe { display: none; }

@media screen and (max-width: 768px) {
	/* container */
	.container { padding: 0; }

	/* wrapper */
	#wrapper { position: static; margin: 0 auto; }

		/* header */
		#header {}
			body.page-home #header { -moz-transition: none; -webkit-transition: none; transition: none; }
			#header h1 { width: 48px; }
			#header .site-nav { z-index: 9; display: none; position: absolute; float: none; top: 100px; left: 0; padding: 0 0 10px 0; width: 100%; height: auto; background: #000000; }
				#header .site-nav.active { display: block; }
				#header .site-nav li { display: block; float: none; margin: 0; height: auto; }
					#header .site-nav li a { display: block; float: none; padding: 10px 20px; text-align: left;}
						#header .site-nav li:first-child a { padding-top: 0; }
						#header .site-nav li:hover a { color: rgba(255, 255, 255, 0.50); }
							#header .site-nav li.active a:hover { color: rgba(255, 255, 255, 1.0); }
					#header .site-nav li .dropdown { display: block; position: static; width: 100%; }
						#header .site-nav li .dropdown li {}
							#header .site-nav li .dropdown li a { padding: 10px 20px 10px 40px; }
			#header .user-nav { top: 0; right: 10px; height: 100px; }
				#header .user-nav li { margin: 0; }
					#header .user-nav li a { padding: 0 10px; line-height: 100px; }
						#header .user-nav li a:hover { color: rgba(255, 255, 255, 0.50); }
							#header .user-nav li.active a:hover { color: rgba(255, 255, 255, 1.0); }
			#header .mobile-menu-anchor { display: block; }

		/* page */
		#page { padding: 20px; }

			/* page title */
			#page h2 { margin-bottom: 40px; font-size: 40px; text-align: left; }

			/* page subtitle */
			#page h3 { margin-top: 20px; font-size: 20px; }

			/* page home */
			.section {}
				.section .container { padding: 0 20px; }
				.section h2 { margin-bottom: 40px; font-size: 40px; }
				#home.section {}
					#home.section h2 { font-size: 40px; }
					#home.section .subtitle { font-size: 20px; }
					#home.section .button { margin-top: 20px; padding: 10px 20px; }
					#home.section #banners {}
						#home.section #banners .banner { background-attachment: scroll; }
				#news.section {}
					#news.section .floats {}
						#news.section .floats li { clear: both; margin: 0; margin-top: 20px; width: 100%; }
  							#news.section .floats li:first-child { margin-top: 0; }
							#news.section .floats li:last-child { margin-left: 0; width: 100%; }
							#news.section .floats li .block { margin: 20px 0 0 0; }
								#news.section .floats li .block h3 { margin-top: 10px; font-size: 20px; }
								#news.section .floats li .block .read-more { margin-top: 20px; }
							#news.section .floats li .follow span { margin-top: 10px; }
				#tour.section { background-size: contain; background-attachment: scroll; }
					#tour.section h2 { font-size: 40px; }
					#tour.section tbody tr td { padding: 20px 0; }
				#video.section {}
					#video.section .player { width: 100%; height: auto; }
					#video.section .thumbnails {}
						#video.section .thumbnails li { margin: 20px 0 0 20px; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
							#video.section .thumbnails li:nth-child(2n+1) { clear: left; margin-left: 0; }
							#video.section .thumbnails li h3 { margin-top: 10px; font-size: 20px; }
				#music.section { background-size: contain; background-attachment: scroll; }
					#music.section h2 { font-size: 40px; }
					#music.section tbody tr td { padding: 20px 0; vertical-align: top; }
						#music.section tbody tr td:nth-child(2) { padding-left: 10px; }
  						#music.section tbody tr td.actions a { clear: both; float: right; margin-top: 5px; margin-left: 0; }
  							#music.section tbody tr td.actions a:first-child { margin-top: 0; }
  				#contact.section {}
					#contact.section form { margin-top: 40px; }
						#contact.section form .float-left { margin: 0 0 0 10px; width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); }
						#contact.section form .block { margin: 20px 0 0 0; }

			/* page shop */
			#page .shop {}
				#page .shop li { margin: 20px 0 0 10px; width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: calc(50% - 5px); }
					#page .shop li:nth-child(3), #page .shop li:nth-child(4) { margin-top: 20px; }
					#page .shop li:nth-child(2n+1) { clear: left; margin-left: 0; }
					#page .shop li a {}
						#page .shop li .photo { margin-bottom: 10px; }
						#page .shop li h3 { margin-bottom: 0; font-size: 20px; }

			/* page shop pagination */
			#page .pagination { margin-top: 40px; }
				#page .pagination a { margin: 0 0 0 10px; padding: 10px; }

			/* page shop product */
			#page .product-photos { float: none; width: auto; }
			#page .product-info { float: none; margin-top: 20px; width: auto; }
				#page .product-info h2 { margin-bottom: 10px; }
				#page .product-info .description { margin-top: 20px; }
				#page .product-info .options { margin-top: 20px; }
					#page .product-info .options .block { margin: 20px 0 0 0; }
					#page .product-info .options .product-submit { margin-left: 10px; width: -moz-calc(100% - 82px); width: -webkit-calc(100% - 82px); width: calc(100% - 82px); }
				#page .product-info .share { clear: both; display: inline-block; overflow: hidden; float: none; margin-top: 20px; min-height: 1%; }
					#page .product-info .share a { }
						#page .product-info .share a:before { font-size: 16px; }
			#page .recommended-products { margin-top: 40px; }
				#page .recommended-products > h3 { margin-bottom: 20px; }

			/* page account */
			#page .account-form { float: none; width: 100%; }
				#page .account-form.login { padding: 20px; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
				#page .account-form.signup { margin-top: 20px; }
					#page .account-form.signup .block:first-child { margin-top: 20px; }
				#page .account-form h3 { margin-bottom: 20px; }
				#page .account-form .block { margin-top: 20px; }

			/* page cart */
			#page .cart {}
				#page .cart thead th { padding: 0 0 20px 0; }
				#page .cart tbody tr td { padding: 20px 0; }
					#page .cart tbody tr td:first-child { width: 75px; }
					#page .cart tbody tr td:nth-child(2) { padding-left: 10px; }
					#page .cart tbody tr td .photo img { width: 75px; }
					#page .cart tbody tr td .title { font-size: 20px; }
					#page .cart tbody tr td .option { margin-top: 10px; }
						#page .cart tbody tr td .option:nth-child(2) { margin-top: 0; }
			#page .tfoot { padding-top: 20px; }
				#page .tfoot .totals {}
					#page .tfoot .totals .key { width: auto; }
					#page .tfoot .totals .value { margin-left: 20px; width: auto; }
				#page .tfoot .block { margin-top: 20px; }
				#page .tfoot .actions { margin-top: 20px; }
					#page .tfoot .actions .button { float: left; margin-left: 10px; padding: 0; width: calc(50% - 7px); }
						#page .tfoot .actions .button:first-child { margin-left: 0; }

		/* push */
		#push { display: none; }

	/* footer */
	#footer { position: static; padding: 20px; width: auto; height: auto; }
		#footer .newsletter { max-width: 100%; }
		#footer .social { margin-top: 20px; }
			#footer .social a {}
				#footer .social a:before { font-size: 16px; }
		#footer .copyright { margin-top: 20px; }

	/* mobile */
	.mobile-swipe { display: block; margin: 20px 0 40px 0; font-family: 'Inconsolata'; color: #686a6c; }
		.mobile-swipe span { position: relative; text-transform: uppercase; }
			.mobile-swipe span:before { content: '\f177'; position: relative; top: 2px; margin-right: 5px; font-family: 'FontAwesome'; font-size: 16px; line-height: 1; }
			.mobile-swipe span:after { content: '\f178'; position: relative; top: 2px; margin-left: 5px; font-family: 'FontAwesome'; font-size: 16px; line-height: 1; }
	.mobile-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
		.mobile-table table { width: 200% !important; }
}