@media screen and (max-width: 1360px) {
/* --------------------------------------------------------------------- */
/* PAGE HEADER/* --------------------------------------------------------------------- */	#mobile-graphic {display: none;	}#logo {left: 20px;top: 30px;}#pagination-navi {right: 20px;}/* --------------------------------------------------------------------- *//* AJAX CONTENT/* --------------------------------------------------------------------- */#ajax-closer {top: 30px;left: 20px;}}@media screen and (max-width: 1260px) {/* --------------------------------------------------------------------- *//* WORK/* --------------------------------------------------------------------- */#mobile-graphic {display: none;	}#work-grid li {width: 50%;}.work-image {width: 350px;}}@media screen and (max-width: 1040px) {/* --------------------------------------------------------------------- *//* 1. DOCUMENT SETUP/* --------------------------------------------------------------------- */#desktop-video {display: none;	}body {font-size: 95%;}/* --------------------------------------------------------------------- *//* WRAPPER/* --------------------------------------------------------------------- */section {padding: 70px 0;}section.parallax {background-attachment: scroll !important;background-position: 50% 0 !important;}section.parallax-contact {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-testimonials {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-timeline {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-clients {background-color: #d2eeef;background-image: url(../images/layout/parallax-background-video-still.jpg);}/* --------------------------------------------------------------------- *//* BANNER/* --------------------------------------------------------------------- */.banner-content h2 {font-size: 2.5em;}.banner-content h4 {font-size: 1.3em;}/* --------------------------------------------------------------------- *//* COUNTER (SHORTCODES)/* --------------------------------------------------------------------- */.counter li {width: 30%;margin-bottom: 40px;}/* --------------------------------------------------------------------- *//* SHOP/* --------------------------------------------------------------------- */#shop-grid li {width: 50%;}}@media screen and (min-width: 900px) {/* --------------------------------------------------------------------- *//* PAGE HEADER/* --------------------------------------------------------------------- */#mobile-graphic {display: none;	}#page-header {display: block !important;}}@media screen and (max-width: 899px) {section.parallax-contact {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-testimonials {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-clients {background-color: #d2eeef;background-image: url(../images/layout/parallax-background-video-still.jpg);}/* --------------------------------------------------------------------- *//* PAGE HEADER/* --------------------------------------------------------------------- */	html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}section.parallax-contact {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-testimonials {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-clients {background-color: #d2eeef;background-image: url(../images/layout/parallax-background-video-still.jpg);}#mobile-graphic {display: none;	}#page-header {display: none;position: fixed;top: 20px;bottom: 20px;left: 20px;right: 20px;width: auto;height: auto;background: #fff;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(0) translateZ(99px);transform: rotateX(0) translateZ(99px);}#main-navigation {left: 0;top: 50%;width: 100%;margin-top: -125px;text-align: center;}#main-navigation li {float: none;}#main-navigation a {color: #3d4148;}#mobile-bars {display: block;position: fixed;right: 20px;top: 30px;height: 50px;font-size: 1.5em;color: #3d4148;z-index: 97;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(0) translateZ(99px);transform: rotateX(0) translateZ(99px);}.text-block {padding: 0 20px;	}#mobile-bars:hover {color: #40c4dc;}#mobile-bars.banner {color: #fff;}#mobile-bars.banner:hover {color: #3d4148;}#mobile-close {display: block;position: absolute;top: 20px;left: 20px;}#pagination-navi {display: none !important;}/* --------------------------------------------------------------------- *//* BANNER/* --------------------------------------------------------------------- *//* --------------------------------------------------------------------- *//* PROCESS (SHORTCODES)/* --------------------------------------------------------------------- */.process:after {display: none;}/* --------------------------------------------------------------------- *//* SERVICE (SHORTCODES)/* --------------------------------------------------------------------- */.service {text-align: center;}/* --------------------------------------------------------------------- *//* COUNTER (SHORTCODES)/* --------------------------------------------------------------------- */.counter li {width: 48%;}	
	.tab-content-container {padding: 10px;}
	.tab-project-content-container {padding: 10px;}
	/* --------------------------------------------------------------------- */
	/* CLIENT CAROUSEL (SHORTCODES)/* --------------------------------------------------------------------- */.client-carousel {padding: 0 20px;}/* --------------------------------------------------------------------- *//* SHOP/* --------------------------------------------------------------------- */.shop-controls {padding-top: 75px;margin-bottom: 50px;}#cart-button {position: absolute;top: 0;right: auto;left: 20px;}.shop-row {padding-left: 10px;padding-right: 10px;}#shop-grid li {padding: 0 10px;}.close-button {background: url(../images/layout/arrow-left-color@2x.png) bottom left no-repeat;	background-size: 80px 20px;}}@media screen and (max-width: 620px) {/* --------------------------------------------------------------------- *//* BANNER/* --------------------------------------------------------------------- */   
		.tab-navi a {padding-left: 15px;padding-right: 15px;font-size: 0.8em;}
		.tab-project-navi a {padding-left: 15px;padding-right: 15px;font-size: 0.8em;}
		 	html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}#logo{	margin-top:-10px;	}h1{	margin-top: 30px;	}#desktop-video {display: none;	} .banner-content-mobile {margin-top: -15px;}.banner-content-mobile h2 {font-size: 1.5em;}.banner-content-mobile h4 {font-size: 0.9em;}.music-player {display: none;	}/* --------------------------------------------------------------------- *//* WORK/* --------------------------------------------------------------------- */#work-grid li {width: 100%;}/* --------------------------------------------------------------------- *//* CONTACT/* --------------------------------------------------------------------- */.contact-details .button {font-size: 0.85em;height: 52px;line-height: 50px;}.contact-details .button.big .front, .contact-details .button.big .bottom {height: 52px;padding: 0 15px;}.button.big .front {-webkit-transform: translateZ(26px);transform: translateZ(26px);}.button.big .bottom {-webkit-transform: rotateX(-90deg) translateZ(-26px);transform: rotateX(-90deg) translateZ(-26px);}/* --------------------------------------------------------------------- *//* COUNTER (SHORTCODES)/* --------------------------------------------------------------------- */.counter li {width: 95%;}
			.tab-content-container {padding: 10px;}
			.tab-project-content-container {padding: 10px;}
			.work-image {width: 250px;}/* --------------------------------------------------------------------- *//* SHOP/* --------------------------------------------------------------------- */#shop-grid li {width: 100%;max-width: 370px;float: none;margin-right: auto;margin-left: auto;margin-bottom: 8%;}section.parallax-surf {background-color: #fff;background-image: url(../images/layout/section-background.png);}section.parallax-race {background-color: #fff;background-image: url(../images/layout/section-background.png);}section.parallax-tb {background-color: #c8e4e8;background-image: url(../images/layout/section-background.png);}section.parallax-microsoft {background-color: #fff;background-image: url(../images/layout/section-background.png);}section.parallax-surf-wide {background-color: #fff;background-image: url(../images/layout/section-background.png);}section.parallax-clients {background-color: #d2eeef;background-image: url(../images/layout/parallax-background-video-still.jpg);}section.parallax-testimonials {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}section.parallax-contact {background-color: #d2eeef;background-image: url(../images/layout/section-background.png);}.close-button {background: url(../images/layout/arrow-left-color@2x.png) bottom left no-repeat;	background-size: 80px 20px;}}