/* 
BUILT ON MSOURCE.GRAVIT ... CHECK AGAINST ALL BLOCK ID'S ON LIVE SITE 
*/

@media screen and (max-width:1150px) {
	/******* GLOBAL *******/
	.wrap,
	header nav ul {
		width:90%;
	}
	#menu-tab,
	#menu-search {
		display:none;
	}
	.breadcrumb {
		left:0;
		margin:0 5%;
	}
	#block-block-17 .wrap {
		width:100%;
	}
	#block-block-17 .col {
		margin-right:5%;
	}
	h3.title {
		width:90%;
	}
	#block-msource-blocks-6 > .wrap h3.title {
		width:90%;
	}
	footer {
		background-size:contain;
	}

	/* front */
	#block-views-problems-block-2 > .wrap {
		width:100%;
	}
	div#block-views-problems-block-2 h3.title {
		width:90%;
		margin:0 auto 20px auto;
	}
	#block-views-problems-block-2 .view-id-problems {
		overflow-x:scroll;
		overflow-y:hidden;
	}
	#block-views-problems-block-2 .view-id-problems .view-content {
		width:1250px;
	}
	#block-views-problems-block-2 .view-content .views-row-first article,
	#block-msource-blocks-0 .view-content .views-row-first article {
		padding-left:40px;
	}
	#block-views-problems-block-2 .view-content .views-row-last article,
	#block-msource-blocks-0 .view-content .views-row-last article {
		padding-right:50px;
	}
	div#block-block-12 .wrap {
		min-width:320px;
		min-height:0;
	}
	div#block-block-12 div.cta {
		margin-left:0;
		left:20px;
	}
	#block-block-12 .promos {
		bottom:0;
		width:100%;
		height:15px;
		left:0;
		right:initial;
		margin-right:0;
		-webkit-transition:all 500ms;
		-moz-transition:all 500ms;
		transition:all 500ms;
	}
	#block-block-12 .promos::after {
		content:">>";
		display:block;
		position:absolute;
		bottom:45px;
		left:50%;
		width:40px;
		margin-left:-20px;
		height:40px;
		color:rgba(246, 165, 51, 1);
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		transform:rotate(-90deg);
		font-size:20px;
		text-shadow:-2px 1px 3px #000;
		-webkit-transition:bottom 500ms;
		-moz-transition:bottom 500ms;
		transition:bottom 500ms;
	}
	#block-block-12 .promos:hover {
		height:150px;
		background:rgba(246, 165, 51, 1);
	}
	#block-block-12 .promos:hover::after {
		bottom:180px;
	}
	div#block-views-problems-block-2 {
		background:rgb(221,221,221);
	}
	body.front article.node-type-page-full .content {
		width:100%;
	}
	#block-msource-blocks-3 section {
		width:32%;
		margin-right:10px;
	}
	#block-msource-blocks-3 .views-row-1 article {
		min-height:350px;
	}
	div.featured-column .views-field-title {
		width:50%;
		max-height:74px;
		overflow:hidden;
		display:block;
	}
	.block-msource-blocks a.more {
		max-width:230px;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	body.front #content-bottom .content-wrap {
		width:90%;
	}
	#block-views-gallery-block-1,
	#block-block-27,
	#block-block-28,
	#block-block-27 iframe {
		width:100%;
	}
	#block-views-gallery-block-1 article {
		margin-right:20px;
	}
	#block-views-gallery-block-1 .views-row-2 article {
		margin-right:20px;
	}
	#block-views-gallery-block-1 .views-row-3 article {
		width:255px;
		height:170px;
	}
	#block-views-gallery-block-1 .views-row-3 article h2 {
		font-size:16px;
	}
	#block-views-gallery-block-1 .views-row-3 article:hover h2 {
		font-size:26px;
	} 
	
	/* contact main */
	body.path-contact div.col,
	body.path-about div.col {
		width:30%;
		margin-right:2%;
	}
	body.path-contact div.col h3,
	body.path-about div.col h3 {
		width:100%;
		background-size:contain;
		font-size:25px;
		height:auto;
	}
	body.path-contact div.col ul,
	body.path-about div.col ul {
		font-size:18px;
		margin-left:42px;
	}
	body.pathone-contact.sidebar-first aside.sidebar-first.fixed {
		float:none;
		position:relative;
		margin-left:0;
		top:0;
clear:both;
	}

	/* about */
	body.path-about .column {
		width:27%;
	}

	/* gallery */
	body.page-gallery #main-content > .wrap {
		width:100%;
	}

	/* search results */
	body.pathone-news div#main-content,
	body.pathone-news aside.sidebar-first,
	body.pathone-news aside.sidebar-first.fixed {
		float:none;
		width:auto;
		position:relative;
		margin-left:0;
		top:0;
	}


	body.page-store-search div#main-content {
		margin-top:30px;
		width:100%;
	}
	body.page-store-search.one-sidebar aside.sidebar-first {
		position:absolute;
		width:100%;
		top:0px;
		padding:20px;
		margin:0;
		box-sizing:border-box;
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		height:auto;
		max-height:80px;
		overflow:hidden;
		z-index:2;
		background:#666;
		-webkit-transition:max-height 550ms ease-in-out;
		-moz-transition:max-height 550ms ease-in-out;
		transition:max-height 550ms ease-in-out;
	}
	body.page-store-search.one-sidebar aside.sidebar-first.active {
		max-height:800px;
		font-weight:normal;
	}
	body.page-store-search aside.sidebar-first label,
	body.page-store-search aside.sidebar-first h3,
	body.page-store-search aside.sidebar-first a {
		color:#fff;
	}
	.page-store-search aside h3 {
		cursor:pointer;
	}
	.page-store-search aside h3.active {
		font-weight:300;
	}
	.page-store-search aside h3::after {
		content:"";
		display:block;
		background:url(images/arrow-white.png) no-repeat center;
		background-size:100%;
		width:40px;
		height:20px;
		position:absolute;
		top:24px;
		right:30px;
		-webkit-transition:-webkit-transform 300ms ease;
		-moz-transition:-moz-transform 300ms ease;
		transition:transform 300ms ease;
	}
	.page-store-search aside h3.active::after {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	body.page-store-search aside form .views-submit-button input,
	body.page-store-search aside form .views-reset-button input {
		color:#000;
	}
	body.page-store-search aside form {
		padding:20px;
	}
	aside #views-exposed-form-product-selector-page #edit-type-wrapper {
		clear:left;
	}

	/* cart */
	body.page-checkout #main-content > .wrap,
	body.page-user #main-content > .wrap {
		width:100%;
	}
	body.page-checkout aside.sidebar-first.fixed {
		top:0;
		left:0;
		width:100%;
		margin:0;
		background:#fff;
		height:5px;
		overflow:hidden;
		box-shadow:0px 2px 10px #000;
		box-sizing:border-box;
		-webkit-transition:height 500ms;
		-moz-transition:height 500ms;
		transition:height 500ms;
	}
	body.page-checkout aside.sidebar-first.fixed:hover {
		height:260px;
	}
	body.page-checkout aside.sidebar-first.fixed p strong {
		position:relative;
	}
	body.page-checkout aside.sidebar-first.fixed p strong::after {
		content:"v";
		display:block;
		position:absolute;
		right:-15px;
		top:-4px;
		width:10px;
		height:10px;
		font-weight:100;
	}

	/* user */
	body.page-user #main-content nav.tabs {
		position:absolute;
		margin-top:-20px;
	}
	body.page-user #main-content nav.tabs li {
		float:left;
		margin-top:10px;
	}
	body.page-user .profile .panel-col {
		clear:both;
		width:100%;
	}
	body.page-user #main-content form {
		margin-top:60px;
	}
	body.page-user .password-parent {
		width:500px;
	}
	
	/******* CHASSIS *******/
	#block-msource-blocks-5 {
		width:45%;
	}
	#block-msource-blocks-5 div.col {
		width:45%;
		margin-right:2%;
	}
	/******* PRODUCT/PROBLEM main *******/
	/* hero */
	#hero .view-product-selector ul.articles,
	#hero .view-id-problems ul.articles {
		width:80%;
		height:100%;
		margin-bottom:80px;
	}
	#hero .view-product-selector ul.articles .imagebox,
	#hero .view-id-problems ul.articles .imagebox {
		width:50%;
		min-width:300px;
		margin-left:20px;
	}
	/* profile */
	/** store **/
	article#node-10256 > .wrap {
		width:100%;
	}
	article#node-10256 .content .profile {
		left:-40px;
	}
	article#node-10256 h4,
	article#node-10256 div.intro {
		margin-left:350px;
		margin-right:0;
	}
	/** problems **/
	article#node-10244 h4 {
		margin-left:300px;
		top:-123px;
	}
	article#node-10244 div.intro {
		margin-top:40px;
	}
	/* problems search */
	.solution-finder form {
		padding-left:20%;
	}
	#block-msource-forms-1 img.logo {
		display:none;
	}
	/* products featured */
	#block-msource-blocks-1 section {
		width:29%;
	}
	#block-msource-blocks-1 section h2.title {
		top:-65px;
	}
	#block-msource-blocks-1 .view-content .views-row {
		width:90;
		margin:0 auto;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-title {
		width:100%;
		padding: 10px 0;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-field-image,
	#block-msource-blocks-1 .view-content .views-row span.ribbon {
		display:none;
	}
	/* products by section */
	.view-id-product_selector.view-display-id-block_3 h3 {
		width:90%;
		margin:0 auto;
	}
	#block-msource-blocks-0 .view,
	#block-msource-blocks-0 .even {
		position:relative;
	}
	#block-msource-blocks-0 .views-limit-grouping-group {
		overflow-x:scroll;
		overflow-y:hidden;
		position:relative;
	}
	#block-msource-blocks-0 .view::after,
	#block-msource-blocks-0 .view::before,
	#block-views-problems-block-2 .view-id-problems::after,
	#block-views-problems-block-2 .view-id-problems::before {
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		content:'';
		position:absolute;
		right:0;
		width:70px;
		clear:none;
		visibility:visible;
		z-index:90;
	}
	#block-msource-blocks-0 .view::before {
		background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		left:0;
		right:initial;
	}
	#block-msource-blocks-0 .even .view::after {
		background: -webkit-linear-gradient(left, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
		background: -moz-linear-gradient(left, rgba(234,233,233,0) 0%, rgba(234,233,233,1) 100%);
		background: -ms-linear-gradient(left, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
		background: linear-gradient(to right, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
	}
	#block-msource-blocks-0 .even .view::before {
		background: -webkit-linear-gradient(right, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
		background: -moz-linear-gradient(right, rgba(234,233,233,0) 0%, rgba(234,233,233,1) 100%);
		background: -ms-linear-gradient(right, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
		background: linear-gradient(to left, rgba(234,233,233,0) 0%,rgba(234,233,233,1) 100%);
		left:0;
		right:initial;
	}
	#block-msource-blocks-0 .view::after,
	#block-msource-blocks-0 .view::before {
		bottom:18%;
		height:60%;
	}
	#block-views-problems-block-2 .view-id-problems::after,
	#block-views-problems-block-2 .view-id-problems::before {
		bottom:0;
		height:90%;
	}
	#block-views-problems-block-2 .view-id-problems::after {
		background: -webkit-linear-gradient(left, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
		background: -moz-linear-gradient(left, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
		background: -ms-linear-gradient(left, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
		background: linear-gradient(to right, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
	}
	#block-views-problems-block-2 .view-id-problems::before {
		background: -webkit-linear-gradient(right, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
		background: -moz-linear-gradient(right, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
		background: -ms-linear-gradient(right, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
		background: linear-gradient(to left, rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%);
		left:0;
		right:initial;
	}
	#block-msource-blocks-0 .view-id-product_selector.view-display-id-block_3 .views-row-1 article {
		/*width:25%;*/
		width:190px;
	}
	/* problem by section */
	#block-msource-blocks-2 .views-limit-grouping-group .views-row {
		width:33%;
	}
	#block-msource-blocks-2 .views-limit-grouping-group .views-row .field-name-field-subtitle,
	#block-msource-blocks-0 .views-limit-grouping-group .views-row .field-name-field-subtitle {
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	/******* PRODUCT/PROBLEM nodes *******/
	body.node-type-product .wrap,
	body.node-type-problem .wrap {
		width:90%;
	}
	body.node-type-product h1.page-title,
	body.node-type-problem h1.page-title {
		width:100%;
	}
	body.node-type-product section.head,
	body.node-type-problem section.head {
		position:relative;
	}
	body.node-type-product section.head div.field-name-field-subtitle,
	body.node-type-problem section.head div.field-name-field-subtitle {
		margin-right:0;
	}
	body.node-type-product section.head div.summary {
		width:56%;
	}
	body.node-type-problem section.head div.summary {
		width:100%;
	}
	body.node-type-product section.head div.images,
	body.node-type-problem section.head div.images {
		width:60%; /*leave space here for thumbs*/
		position:static;
		margin:50px 0 40px 0;
		float:left;
	}
	body.node-type-product section.head div.images .pdf,
	body.node-type-product section.head div.images .videoRibbon {
		left:3.4%;
	}
	body.node-type-product section.head div.images img,
	body.node-type-problem section.head div.images img {
		width:100%;
	}
	body.node-type-problem section.head div.images div.field-name-field-youtube-id {
		width:100%;
		position:relative;
		padding-top:56.25%;
	}
	body.node-type-problem section.head div.images div.field-name-field-youtube-id iframe {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}
	body.node-type-product section.head div.thumbs,
	body.node-type-problem section.head div.thumbs {
		width:33%;
		margin:50px 0 0 5%;
		float:left;
	}
	body.node-type-product section.head div.thumbs a,
	body.node-type-problem section.head div.thumbs a {
		clear:both;
		margin:10px 0;
	}
	article.node-type-product-full div.prod-text,
	article.node-type-problem-full div.prod-text {
		width:100%;
	}
	article.node-type-product-full div.prod-text p,
	article.node-type-problem-full div.prod-text p {
		clear:both;
	}
	article.node-type-product-full div.prod-text img,
	article.node-type-problem-full div.prod-text img {
		max-width:100%;
		margin-right:0;
		margin-left:0;
	}
	body.node-type-product section.content aside,
	body.node-type-problem section.content aside {
		width:100%;
		margin:40px 0;
		float:left;
		padding-left:20px;
		box-sizing:border-box;
	}
	body.node-type-product section.content aside article.node-teaser,
	body.node-type-problem section.content aside article.node-teaser {
		width:25%;
		min-width:124px;
	}
	body.node-type-product section.content aside article.node-teaser .imagebox,
	body.node-type-problem section.content aside article.node-teaser .imagebox {
		min-height:70px;
	}
	body.node-type-product section.content aside .views-row-even article,
	body.node-type-problem section.content aside .views-row-even article {
		margin-right:35px;
	}
}

@media screen and (max-width:800px) {
	div.page-wrap {
		padding-top:20px;
	}

	/* front */
	div#block-block-12 div.cta {
		top:10px;
	}
	div#block-block-12 div.cta ol {
		margin-bottom:0;
	}
	div#block-block-12 div.cta li {
		font-size:22px;
	}
	div#block-block-12 .promos {
		height:0;
	}
	#block-block-12 .promos::after {
		bottom:30px;
	}
	.promos h3 {
		font-size:15px;
		margin-top:-10px;
	}
	.solution-finder {
		height:100px;
		padding-left:20px;
	}
	.front-solution-finder {
		height:auto;
		padding-left:0;
	}
	.front #block-views-exp-problems-page .wrap {
		width:100%;	
	}
	.solution-finder form {
		padding-left:24%;
	}
	.solution-finder .views-submit-button {
		float:right;
	}
	.front #edit-submit-problems {
		margin-top:0;
	}
	.solution-finder .search-helper a {
		right:130px;
	}
	#block-views-problems-block-2 .view article {
		margin-right:25px;
		min-width:120px;
	}
	#block-views-problems-block-2 .view article .field-name-field-subtitle {
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	#block-msource-blocks-3 h2.title {
		top:-75px;
	}
	div.featured-column .views-field-title {
		padding-right:0;
	}
	div.featured-column .views-field-field-image {
		float:right;
		margin-right:20px;
	}
	#block-msource-blocks-3 > div.wrap {
		padding:0;
		background:none;
		box-shadow:none;
	}
	#block-msource-blocks-3 section {
		width:100%;
		margin-right:0;
		margin-bottom:140px;
	}
	#block-msource-blocks-3 section:last-child {
		margin-bottom:80px;
	}
	div.featured-column .views-row {
		clear:none;
		width:50%;
		float:left;
	}
	div.featured-column .views-row-first {
		width:310px;
		float:left;
	}
	div.featured-column .views-row a {
		color:#ccc;
	}
	.block-msource-blocks a.more {
		float:right;
		clear:both;
		max-width:100% !important;
		color:#fff;
	}
	#block-msource-blocks-3 .ribbon {
		display:none;
	}
	#block-msource-blocks-3 .views-row-first .ribbon {
		display:block;
	}

	/****** CONTACT PAGES ******/
	body.pathone-contact #content p img,
	body.pathone-contact #content div img {
		display:none;
	}
	body.pathone-contact div.col {
		height:150px !important;
	}
	body.pathone-contact div.col h3,
	body.path-about div.col h3 {
		font-size:18px;
	}
	body.pathone-contact div#main-content {
		float:none;
		width:auto;
		margin-left:0;
		padding:0;
		background:none;
		box-shadow:none;
	}
	body.pathone-contact #content-top .note {
		margin:0;
	}
	body.page-contact .contactHero p {
		width:auto;
	}
	body.pathone-contact form.contact-form {
		margin:0;
	}

	/* About */
	body.path-about .column {
		width:100%;
		border:none !important;
		box-sizing:border-box;
	}

	/* Cart */
	body.page-cart form#views-form-commerce-cart-form-default {
		padding:30px 5px;
	}
	body.page-checkout div#main-content {
		width:100%;
	}
	body.page-checkout #customer-profile-shipping-ajax-wrapper legend {
		position:relative;
		top:30px;
	}

	/******* CHASSIS *******/
	body.pathone-chassis #main-content article {
		padding-top:0;
	}
	body.pathone-chassis #main-content article h5.subtitle {
		position:static;
		width:auto;
	}
	body.pathone-chassis #main-content article .imageHeader {
		position:static;
	}
	body.pathone-chassis article .imageHeader img {
		width:90%;
		height:auto;
		margin-left:5%;
	}
	body.pathone-chassis #block-msource-blocks-5 {
		width:90%;
		margin:0 auto;
		position:static;
	}

	/* User */
	body.page-user #main-content form {
		margin-top:0px;
	}

	/******* PRODUCT/PROBLEM main *******/
	/* hero */
	#hero .thumb-wrap ul.thumbs,
	#hero div.view.heros ul.articles,
	#hero div.view.heros ul.articles .content h2,
	#hero div.view.heros ul.articles .content .field {
		width:100%;
	}
	#hero div.view.heros ul.thumbs li {
		float:left;
		margin-right:15px;
	}
	#hero div.view.heros ul.articles {
		padding-right:0;
		padding-left:0;
	}
	#hero div.view.heros ul.articles .imagebox {
		width:80%;
		margin:0 auto 40px;
		float:none;
		max-width:350px;
	}
	#hero div.view.heros ul.articles .content {
		clear:both;
	}
	#hero div.view.heros ul.articles .content .field-name-field-subtitle {
		margin:0 0 15px;
	}
	/* profile */
	article#node-10244 h4,
	article#node-10256 h4 {
		margin:0;
		text-align:center;
	}
	article#node-10244 h4 {
		top:-113px;
	}
	article#node-10244 div.profile,
	article#node-10256 div.profile {
		display:none;
	}
	article#node-10244 div.intro {
		margin:40px 0 0;
	}
	article#node-10256 div.intro {
		margin:0;
	}
	/* featured */
	#block-msource-blocks-1 .htabs {
		width:100%;
		height:50px;
		position:absolute;
		top:-30px;
		left:0;
		display:block;
	}
	#block-msource-blocks-1 .htabs span {
		color:#fff;
		position:absolute;
		top:0;
		left:20px;
		font-size:22px;
	}
	#block-msource-blocks-1 .htabs h2.title.tab {
		width:auto;
		padding:5px 10px 0;
		text-shadow:none;
		color:#fff;
		text-align:center;
		position:static;
		float:right;
		margin-right:5px;
		display:block;
		border-top-right-radius:10px;
		border-top-left-radius:10px;
		cursor:pointer;
	}
	#block-msource-blocks-1 .htabs h2.title.tab.active {
		height:33px;
		background:#c5c5c5;
		color:#fff;
	}
	#block-msource-blocks-1 section,
	#block-msource-blocks-1 section:last-child {
		width:90%;
		margin:0 auto;
		float:none;
		padding-top:30px;
	}
	#block-msource-blocks-1 section:nth-child(3),
	#block-msource-blocks-1 section:nth-child(4) {
		display:none;
	}
	#block-msource-blocks-1 section > h2 {
		display:none;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-title {
		width:70%;
	}

	#block-msource-blocks-1 .featured-column .views-row a {
		color:#222;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-field-image {
		width:20%;
		height:auto;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-field-image img {
		width:100%;
		height:auto;
	}
	#block-msource-blocks-1 .view-content .views-row .views-field-field-image,
	#block-msource-blocks-1 .view-content .views-row span.ribbon {
		display:block;
	}
	#block-msource-blocks-1 a.more {
		color:#222;
	}
	/* search */
	/** problems **/
	#block-msource-forms-1 {
		height:130px;
	}
	#block-msource-forms-1 .wrap {
		height:100%;
	}
	#block-msource-forms-1 h3 {
		top:16px;
	}
	#block-msource-forms-1 form {
		/*display:none;*/
		padding:40px 0 0;
	}
	#block-msource-forms-1 input#edit-submit-problems {
		margin-top:0;
	}
	/* product/problem by section */
	#block-msource-blocks-2 div.view-id-problems .views-limit-grouping-group .views-row article {
		height:100%;
		overflow:hidden;
	}
	#block-msource-blocks-0 .view-content article {
		width:12.5%;
	}
	#block-msource-blocks-2 div.view-id-problems .views-limit-grouping-group .node-teaser h2,
	#block-msource-blocks-0 div.view-product-selector .views-limit-grouping-group .node-teaser h2 {
		clear:both;
		font-size:14px;
	}

	/***** Search Results *****/
	body.page-store-search div#main-content {
		width:100%;
		padding-left:0;
		margin-left:0;
	}
	body.page-store-search #main-content .view-content {
		box-shadow:none;
	}
}

@media screen and (max-width:640px) {
	/******* GLOBAL *******/
	body {
		padding-top:85px;
	}
	img {
		max-width:100%;
	}
	/* header */
	header {
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		width:100%;
	}
	header a#logo {
		position:relative;
		margin:0 auto;
		left:0;
		top:5px;
		background-size:contain; height:42px;
	}
	header nav#block-system-main-menu {
		top:50px;
	}
	header>.wrap {
		height:85px;
	}
	header .user-links {
		display:none;
	}
	#menu-tab {
		width:24px;
		color:#fff;
		font-size:25px;
		position:relative;
		left:3%;
		top:3px;
		cursor:pointer;
		display:block;
	}
	#menu-tab,
	#menu-search,
	.cartNav {
		z-index:101;
	}
	#menu-tab.hide,
	#menu-search.hide,
	.cartNav.hide {
		z-index:90;
	}
	header nav#block-system-main-menu>ul {
		display:block;
		width:100%;
		height:100%;
		max-height:0px;
		overflow:hidden;
		padding:0 20px;
		background:rgba(111,0,0,0.97);
		position:fixed;
		top:83px;
		z-index:100;
		-webkit-transition: max-height 350ms ease-in-out;
		-moz-transition: max-height 350ms ease-in-out;
		transition: max-height 350ms ease-in-out;
	}
	header nav#block-system-main-menu>ul.active {
		max-height:1000px;
	}
	#block-system-main-menu ul li {
		clear:both;
		font-size:23px;
	}
	#block-system-main-menu ul li:first-child {
		padding-top:70px;
	}
	#menu-search {
		background:url(images/menu-search.png) no-repeat;
		background-size:cover;
		width:20px;
		height:20px;
		position:absolute;
		right:18%;
		top:7px;
		cursor:pointer;
		display:block;
	}
	#search-overlay {
		position:fixed;
		width:100%;
		height:100%;
		max-height:0;
		z-index:100;
		background:rgba(111,0,0,0.97);
		top:85px;
		left:0;
		overflow:hidden;
		-webkit-transition:max-height 350ms ease-in-out;
		-moz-transition:max-height 350ms ease-in-out;
		transition:max-height 350ms ease-in-out;
	}
	#search-overlay.active {
		max-height:1000px;
	}
	#search-overlay form {
		top:80px;
		left:0;
	}
	form#msource-blocks-search-form.active {
		border-radius:6px;
		margin:0 auto;
	}
	#block-system-main-menu .cartNav {
		position:absolute;
		top:7px;
		right:3%;
		text-indent:-9999px;
		width:35px;
		background:url(images/menu-cart.png) no-repeat;
		background-size:100%;
	}
	footer {
		background-size:100% 100%;
	}
	footer::after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	footer>div.wrap {
		padding:40px 0;
	}
	footer .block,
	#footer-copy {
		width:100%;
		float:left;
	}
	footer h6 {
		cursor: pointer;
	}
	#block-block-17 div.col,
	#block-block-13 {
		width:100%;
		border-bottom:2px solid #ccc;
		margin-bottom:20px;
	}
	footer #block-block-17 .col ul,
	footer #block-block-13 ul {
		height:auto;
		max-height:0;
		overflow:hidden;
		transition:max-height 550ms ease-in-out;
		margin-left:20px;
	}
	#block-block-17 .col ul.active,
	#block-block-13 ul.active {
		max-height:1000px;
	}
	#block-block-13 {
		margin-top:0;
	}
	#block-block-13 .wrap {
		width:100%;
	}
	#block-block-13 h6 {
		margin-bottom:20px;
	}
	#block-block-13 ul li {
		border:none;
		display:block;
		clear:both;
	}
	#footer-copy {
		position:relative;
		top:initial;
		right:initial;
		margin-top:30px;
	}
	
	#footer-logo {
		margin: 0 auto;
	}
	#footer-social {
		text-align:center;
		margin-top:20px;
		padding-left:0;©
	}
	#footer-disclaimer {
		text-align:left;
		position:relative;
		width:100%;
	}

	/* front */
	#block-block-12 .cta h2,
	#block-block-12 .cta p,
	#block-block-12 .promos,
	.solution-finder img.logo {
		display:none;
	}
	.solution-finder,
	#block-msource-forms-1,
	.solution-finder div.wrap {
		height:auto;
	}
	.solution-finder {
		max-height:65px;
		overflow:hidden;
		-webkit-transition:max-height 650ms ease-in-out;
		-moz-transition:max-height 650ms ease-in-out;
		transition:max-height 650ms ease-in-out;
	}
	.solution-finder.active {
		max-height:1000px;
	}
	.solution-finder h3,
	#block-msource-forms-1 h3 {
		position:relative;
		top:0;
		padding-top:20px;
		cursor:pointer;
	}
	.solution-finder h3::after,
	#block-msource-forms-0 #edit-keys-wrapper label::after {
		content:"";
		display:block;
		background:url(images/arrow-white.png) no-repeat center;
		background-size:100%;
		width:40px;
		height:20px;
		position:absolute;
		top:24px;
		right:30px;
		-webkit-transition:-webkit-transform 300ms ease;
		-moz-transition:-moz-transform 300ms ease;
		transition:transform 300ms ease;
	}
	.solution-finder h3.active {
		font-weight:300;
	}
	.solution-finder h3.active::after,
	#block-msource-forms-0 #edit-keys-wrapper label.active::after {
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.solution-finder form {
		padding-left:0;
	}
	.solution-finder .views-exposed-widget {
		clear:both;
		float:left;
	}
	.solution-finder .search-helper a {
		position:relative;
		float:right;
		right:0;
		bottom:-3px;
	}
	#block-views-problems-block-2 .view-id-problems .view-content {
		width:905px;
	}
	#block-views-problems-block-2 .view-content article {
		width:120px;
	}
	#block-views-problems-block-2 .view-content article .content,
	#block-msource-blocks-2 .view-content article .content,
	#block-msource-blocks-0 .view-content article .content {
		display:none;
	}
	#block-views-problems-block-2 .view-content .views-row-last article {
		padding-right:40px;
	}
	div.block-views div.more-link {
		bottom:-25px;
		top:initial;
		left:20px;
		right:initial;
	}
	#node-1704 img {
		display:none;
	}
	.front #node-1704 h1 {
		font-size:22px;
	}
	.front #block-msource-blocks-3 {
		margin-bottom:0;
	}
	div.featured-column .views-row {
		width:100%;
	}
	.front #block-msource-blocks-3 > div.wrap {
		padding:0;
		background:none;
		box-shadow:none;
	}
	div.featured-column .views-field-title {
		float:left;
	}
	body.front #content-bottom {
		padding-top:50px;
	}
	#block-views-gallery-block-1 {
		margin-bottom:80px;
	}
	#block-views-gallery-block-1 .wrap {
		width:90%;
	}
	#block-views-gallery-block-1 article {
		margin-right:10px !important;
	}
	#block-block-28 iframe {
		width:100% !important;
	}
	
	/******* CONTACT *******/
	body.pathone-contact div.col,
	body.path-about div.col {
		height:auto !important;
		padding:0;
		width:100%;
	}
	body.pathone-contact div.col h3,
	body.path-about div.col h3 {
		display:none;
	}
	body.pathone-contact div.col ul,
	body.path-about div.col ul {
		margin:0;
	}
	/******* GALLERY ******/
	body.pathone-testimonials img {
		width:90%;
		height:auto;
	}
	
	/***** HISTORY ***/
	body.path-history article img {
		width:100%;
		height:auto;
	}
	/******* CHASSIS ******/
	body.pathone-chassis #block-msource-blocks-5 .col {
		width:160px;
	}
	/******* SEARCH RESULT ******/
	body.pathone-news #main-content .views-row .imagebox,
	body.path-store-search #main-content .views-row .imagebox {
		float:none; width:100%; margin:0 0 10px;
	}
	body.pathone-news #main-content .views-row .content,
	body.path-store-search #main-content .views-row .content {
		margin-left:0;
	}
	/******* CART ********/
	body.page-cart th.views-field-field-image,
	body.page-cart td.views-field-field-image {
		display:none;
	}
	/******* USER ********/
	body.page-user #main-content {
		margin-top:0px;
	}
	body.page-user #main-content .tabs-wrap {
		right:0px;
		top:0px; margin:20px 0;		
	}
	body.page-user #main-content nav.tabs {
		margin: 0 0 0px 0;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}

	.profile {
		padding-top:10px;
	}
	/******* PRODUCT/PROBLEM main *******/
	/* heros */
	.thumb-wrap {
		overflow-x:scroll;
	}
	#hero .thumb-wrap ul.thumbs {
		width:550px;
	}
	.thumb-wrap ul.thumbs li.views-row-first {
		margin-left:20px;
	}
	#hero div.view.heros ul.articles .imagebox {
		min-width:0;
		width:100%;
	}
	div.view.heros ul.articles article h2 {
		font-size:26px;
	}
	#block-views-product-selector-block-2 {
	}
	#hero .articles .imagebox img {
		max-height:350px;
		max-width:350px;
	}
	.page-node-10256 #content > .wrap {
		width:100%;
	}
	#block-msource-forms-0 {
		position:relative;
		width:100%;
		height:auto;
		box-shadow:none;
		top:-66px;
		border-radius:0;
		max-height:50px;
		overflow:hidden;
		z-index:50;
		-webkit-transition:max-height 650ms ease-in-out;
		-moz-transition:max-height 650ms ease-in-out;
		transition:max-height 650ms ease-in-out;
	}
	#block-msource-forms-0.active {
		max-height:290px;
	}
	#block-msource-forms-0 form .views-exposed-form div {
		clear:both;
	}
	#block-msource-forms-0 #edit-keys-wrapper label {
		margin-bottom:5px;
		cursor:pointer;
	}
	#block-msource-forms-0 #edit-keys-wrapper label::after {
		top:4px;
		right:-90px;
	}
	#block-msource-forms-0 #edit-type-wrapper {
		clear:both;
	}
	#block-msource-forms-0 .views-submit-button {
		position:relative;
		clear:both;
		top:initial;
		left:initial;
	}
	#block-msource-forms-0 .more-links {
		position:relative;
		bottom:0;
		margin-top:10px;
		padding-bottom:0;
		width:100%;
		height:70px;
		left:0;
		border-radius:0;
	}
	#block-msource-forms-0 .more-links .search-helper {
		clear:both;
		float:left;
		margin-left:5px;
		margin-top:5px;
	}
	article#node-10256 {
		padding-top:0;
	}
	article#node-10256 h4 {
		font-size:25px;
	}
	article#node-10256 h4,
	article#node-10256 div.intro {
		width:90%;
		margin:0 auto;
	}
	#block-msource-blocks-1 .htabs .title {
		display:none;
	}
	article#node-10244 > .wrap {
		width:100%;
	}
	article#node-10244 h4 {
		position:relative;
		top:-80px;
		width:90%;
		margin:0 auto;
	}
	article#node-10244 div.intro {
		margin-top:-30px;
	}
	#block-msource-blocks-1 .htabs {
		top:-28px;
	}
	#block-msource-blocks-1 .htabs h2.tab {
		font-size:19px;
	}
	#block-msource-blocks-1 .featured-column .views-row .views-field-title {
		width:50%;
		max-height:100%;
	}
	#block-msource-blocks-1 .featured-column .views-row .views-field-field-image {
		width:86px;
		margin-top:10px;
	}
	div.featured-column .views-row .ribbon {
		left:-35px;
		height:24px;
	}
	div.featured-column .views-row .ribbon.videoRibbon {
		height:31px;
	}
	/* products by section */
	#block-msource-blocks-2	> .wrap > div {
		min-height: 300px;
	}
	#block-msource-blocks-2 div.view-id-problems .views-limit-grouping-group h3,
	#block-msource-blocks-0 div.view-product-selector .views-limit-grouping-group h3 {
		font-size:24px;
	}
	div.view-id-problems span.more,
	div.view-id-product_selector span.more {
		bottom:-240px;
		top:initial;
		right:10px;
	}
	div.view-id-product_selector span.more {
		bottom:-270px;
	}
	.pathone-chassis div.view-id-problems span.more {
		bottom:-390px;
	}
	.pathone-chassis #block-msource-blocks-6 .view,
	.pathone-chassis #block-msource-blocks-6 .even {
		min-height:465px;
	}
	#block-msource-blocks-0 .view-content h3 {
		font-size:25px;
		margin-left:5%;
	}
	#block-msource-blocks-0 .view,
	#block-msource-blocks-0 .even {
		min-height:280px;
	}
	#block-msource-blocks-0 .views-limit-grouping-group {
		width:100%;
		overflow-x:scroll;
	}
	#block-msource-blocks-0 .view-content article {
		width:190px;
	}
	
	/******* PRODUCT/PROBLEM nodes *******/
	.node-type-product #content > .wrap,
	.node-type-problem #content > .wrap {
		padding-top:50px;
	}
	body.node-type-product section.head div.summary {
		width:100%;
		padding:0;
	}
	body.node-type-product section.head div.images,
	body.node-type-problem section.head div.images {
		width:100%;
		margin:0;
		clear:both;
	}
	body.node-type-product section.head div.images .pdf,
	body.node-type-problem section.head div.images .pdf {
		height:30px;
	}
	body.node-type-product section.head div.thumbs,
	body.node-type-problem section.head div.thumbs {
		width:100%;
		margin:0;
		float:left;
	}
	body.node-type-product section.head div.thumbs a,
	body.node-type-problem section.head div.thumbs a {
		margin:10px;
		clear:none;
	}
	body.node-type-product section.head div.images .field-type-image img {
		width:100%;
	}
	article.node-type-product-full section.content > div.wrap,
	article.node-type-problem-full section.content > div.wrap {
		width:100%;
	}
	article.node-type-product-full div.prod-text {
		box-sizing:border-box;
		margin:0;
		padding-right:5%;
		padding-left:5%;
		box-shadow:none;
	}
	article.node-type-problem-full div.prod-text {
		width:90%;
		margin:0 auto;
	}
	article.node-type-problem-full section.content aside {
		width:100%;
		margin:0 auto;
		padding-right:5%;
		padding-left:5%;
		box-shadow:none;
	}
	body.node-type-problem section.content aside article.node-teaser,
	body.node-type-product section.content aside article.node-teaser {
		width:100%;
		height:auto;
		margin-left:50px;
	}
	body.node-type-problem section.content aside article.node-teaser .content,
	body.node-type-product section.content aside article.node-teaser .content {
		display:none;
	}
	body.node-type-product section.content aside div.views-row:nth-child(3n+3) article.node-teaser,
	body.node-type-problem section.content aside div.views-row:nth-child(3n+3) article.node-teaser {
		margin-right:0;
	}
	article.node-type-product-full section.content aside article.node-teaser .field-type-text,
	article.node-type-problem-full section.content aside article.node-teaser .field-type-text {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	#content-bottom article .imagebox {
		min-height:0;
	}
	/**** search ****/
	.page-store-search #main-content h1 {
		padding-top:40px;
	}
	.page-store-search aside h3::after {
		top:10px;
		right:-7px;
	}
	/******* ADD TO CART *******/
	/*Add to cart sticky*/
	div.add-to-cart {
		width:100%;
		height:100%;
		margin:20px 0;
		position:relative;
		top:0;
		left:0;
		border-radius:0;
		z-index:10;
		background:url(images/bg-red-band.jpg) no-repeat center top;
		background-size:100% 100%;
	}
	div.add-to-cart.fixed {
		height:55px;
	}
	div.add-to-cart .title {
		width:40%;
		position: absolute;
		top:7px;
		left:20px;
		font-size:20px;
		text-align:left;
		display: block;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	div.add-to-cart .original-price {
		right:238px;
		top:50px;
	}
	div.add-to-cart div.field-type-commerce-price {
		text-align:right;
		padding:40px 200px 30px 10px;
	}
	div.add-to-cart div.commerce-product-sku {
		text-align:left;
		padding-left:20px;
		font-size:14px;
	}
	div.add-to-cart div.commerce-product-sku {
		position:relative;
		top:-20px;
		color:#fff;
	}
	div.add-to-cart.fixed div.commerce-product-sku {
		top:-25px;
	}
	div.add-to-cart div.field-type-commerce-product-reference {
		width:200px;
		position:absolute;
		top:0;
		right:0;
		background:none;
	}
	div.add-to-cart .field-name-field-product form input.wishlist {
		display:none;
	}
	div.add-to-cart .field-name-field-product form .form-type-textfield {
		margin:0 0 0 70px;
	}
	div.add-to-cart .field-name-field-product form .form-type-textfield label {
		padding-top:55px;
	}
	div.add-to-cart .field-name-field-product form .form-type-textfield input {
		padding-top:1px;
	}
	div.add-to-cart .field-name-field-product form input#edit-submit {
		right:40px;
		top:19px;
		font-weight:300;
	}
	div.add-to-cart .commerce-alternate-add {
		margin-top:-20px;
	}
	div.add-to-cart.fixed .commerce-alternate-add {
		height:5px;
	}
}