﻿ @media only screen and (max-width : 1225px) {
	#wriscoProducts #badgeFloat {
		left: 835px;
		top: -44px;
	}
}
@media only screen and (max-width : 1160px) {
	#leftContent {
		width: 660px;
	}
	#getInTouchWrap input {
		width: 215px;
	}
	#wriscoProducts #wriscoProductsSlider .product {
		width: 240px;
		margin-top: 20px;
	}
	#wriscoProducts #wriscoProductsSlider .product .productImage {
		margin-left: 12px;
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
		transform-origin:left center;
		-webkit-transform-origin:left center;
		-moz-transform-origin:left center;
		-o-transform-origin:left center;
	}
	#wriscoProducts #wriscoProductsSlider .product .productName strong {
		font-size: 23px;
		line-height: 16px;
	}
	#wriscoProducts #wriscoProductsSlider {
		margin: 0 auto;
		width: 992px;
	}
	#contentWrap h1 {
		font-size: 29px;
		line-height: 32px;
	}
	#secondary h1 {
		font-size: 20px;
	}
}
@media only screen and (max-width : 1120px) {
	#sliderWrap h2 {
		font-size: 36px;
		display: block;
	}
	#blogItems .blogItem {
		width: 49%;
	}
	#leftContent {
		width: 610px;
		font-size: 15px;
	}
	#getInTouchWrap input {
		width: 190px;
	}
	footer #ftrForm {
		width: 1000px;
	}
	footer #ftrForm input {
		width: 205px;
	}
	#blogSingleWrap {
		width: 62.21616712079927%;
	}
	#blogRight {
		width: 33.96911898274296%;
	}
	#racingLeft {
		width:52%;
	}

	#productList {
		width: 771px;
	}
	#productList .prodItem {
		width: 240px;
		height: 269px;
		background-size: contain;
	}
	#productList .prodItem .pictureWrap {
		height: 163px;
	}
	#productList .prodItem h3 {
		font-size: 16px;
		font-family: 'oswaldbook';
	}
	#productWrap #prodTopWrap #prodText {
		width: 700px;
	}
}
@media only screen and (max-width : 1100px) {
	#racingSeriesWrap #racingSeriesSlider {
		width: 840px;
	}
	#productWrap #leftContent {
		width: 700px;
	}
}
@media only screen and (max-width : 1070px) {
	#contactRight {
		width: 620px;
	}
	#contactRight #mapWrap {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);

		transform-origin:left top;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-o-transform-origin:left top;
	}
	#contactRight #contactInfo,
	#contactRight #contactForm {
		float: none;
		width: 100%;
	}
	#contactRight #contactInfo {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	#contactRight #contactForm {
		margin-bottom: 30px;
	}
	#productWrap #prodTopWrap #prodText {
		width: 650px;
	}
}
@media only screen and (max-width : 1050px) {
	#racingLeft {
		width:48%;
	}
}
@media only screen and (max-width : 1040px) {
	h3, h4 {
		font-size: 40px;
	}
	#leftContent h4 {
		height: 10px;
		font-size: 25px;
	}
	#leftContent {
		width: 560px;
	}
	#getInTouchWrap input {
		width: 165px;
	}
	#wriscoProducts #badgeFloat {
		left: 765px;
		top: -14px;
	}
	footer #ftrForm {
		width: 835px;
	}
	footer #ftrForm input,
	footer #ftrForm select {
		width: 180px;
	}
	footer #ftrForm #fkSubmit {
		width: 190px;
	}

	#productList {
		width: 681px;
	}
	#productList .prodItem {
		width: 210px;
		height: 235px;
		background-size: contain;
	}
	#productList .prodItem .pictureWrap {
		height: 140px;
	}
	#productList .mBtn {
		margin-top: 9px;
	}
}
@media only screen and (max-width : 1020px) {
	#wriscoProducts #wriscoProductsSlider {
		width: 746px;
	}
	#productWrap #prodTopWrap #prodText {
		width: 610px;
	}
}
@media only screen and (max-width : 1007px) {
	#productWrap #leftContent {
		margin-bottom: 50px;
	}
	#productWrap #leftContent,
	#productWrap #rightContent {
		float: none;
		width: 100%;
	}
	#productWrap #rightContent  {

		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
	#productWrap #rightContent .photoGalleryLink {
		display: none;
	}
	#productWrap #rightContent .sideBtnsL {
		margin-top: 0px;
	}
}
@media only screen and (max-width : 990px) {
	#rightBoxSlider,
	#rightContentSlider,
	#rightBoxSlider .slick-slide {
		width: 341px !important;
	}

}
@media only screen and (max-width : 980px) {
	#racingLeft {
		width:45%;
	}
	#productWrap #prodTopWrap #prodText {
		width: 570px;
	}
}
@media only screen and (max-width : 950px) {
	#rightBoxSlider,
	#rightContentSlider,
	#rightBoxSlider .slick-slide {
		width: 300px !important;
	}
	#rightBoxSlider {
		height: auto;
	}
	#wriscoProducts #badgeFloat {
		display: none;
	}
	#blogItems .blogItem .blogInfo .blogTitle {
		font-size: 20px;
	}

	#productList {
		width: 571px;
	}
	#productList .prodItem {
		width: 268px;
		height: 301px;
		background-size: contain;
	}
	#productList .prodItem .pictureWrap {
		height: 183px;
	}
	#productList .mBtn {
		margin-top: 20px;
	}
}
@media only screen and (max-width : 940px) {
	#racingSeriesWrap #racingSeriesSlider {
		width: 640px;
	}
	#racingLeft,
	#racingRight {
		float: none;
		width: 100%;
	}
	#racingRight {
		width: 483px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	#productWrap #prodTopWrap #prodText {
		width: 540px;
	}
}
@media only screen and (max-width : 920px) {
	#productWrap #prodTopWrap {
		height: auto;
	}
	#productWrap #prodTitle {
		text-align: center;
	}
	#productWrap #prodPicture,
	#productWrap #prodTopWrap #prodText,
	#productWrap #prodTopWrap.actNormal #prodText {
		float: none;
		width: 100%;
		text-align: center;
	}

	#productWrap #prodPicture {
		width: 305px;
		margin: 0 auto;
	}
	#productWrap #prodTopWrap #prodText,
	#productWrap #prodTopWrap.actNormal #prodText {

		position: relative;
		top: 0;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
	}
	#productWrap #rightContent .sideBtns {
		margin-left: 0px;
	}
}
@media only screen and (max-width : 900px) {
	#rightContentSlider {
		display: none;
	}
	#leftContent {
		float: none;
		width: 100%;
	}
	#getInTouchWrap input {
		display: block;
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	footer #footerSteel h3 {
		font-size: 20px;
	}
	#locationsWrap #locations .locationItem {
		font-size: 14px;
	}
	#locationsWrap #locations .locationItem h2 {
		font-size: 16px;
	}
	#sliderWrap,
	#sliderWrap .container {
		height: 360px;
	}
	#sliderWrap h2 {
		font-size: 28px;
		height: 58px;
		line-height: 62px;
		position: relative;
		top: 55% !important;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	#sliderWrap a {

		position: relative;
		top: 60% !important;
		transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}

	footer #footerAddress {
		font-size: 14px;
	}
	footer #footerLogos {
		padding: 15px 0px;
	}
	footer #ftrForm {
		border-radius: 10px;
		width: auto;
	}
	footer #ftrForm input, footer #ftrForm select {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	footer #footerSteel {
		height: auto;
		background-size: cover;
	}
	#contactRight {
		width: 510px;
	}
	#contactRight #mapWrap {
		transform:scale(0.73);
		-webkit-transform:scale(0.73);
		-moz-transform:scale(0.73);
		-o-transform:scale(0.73);
	}

}
@media only screen and (max-width : 860px) {
	#wriscoProducts #wriscoProductsSlider {
		width: 492px;
	}

	#productList {
		width: 514px;
	}
	#productList .prodItem {
		width: 240px;
		height: 269px;
	}
	#productList .prodItem .pictureWrap {
		height: 163px;
	}

	#componentsWrap .componentCategory .componentItems,
	#componentsWrap .componentCategory .componentItems .componentItem {
		height: auto;
		width: auto;
		top: 0%;
		transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
	}
	#componentsWrap .componentCategory .componentItems .componentItem .picWrap,
	#componentsWrap .componentCategory .componentItems .componentItem .infoWrap {
		float: none;
		width: 100%;
		text-align: center;
		top: 0%;
		transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
	}
}
@media only screen and (max-width : 800px) {
	header #logo img {
		width: 100px;
	}
	header #hdrRight #searchWrap {
		height: 30px;
		padding:1px 13px;
	}
	header #hdrRight #searchWrap input {
		width: 170px;
	}
	header #hdrRight #socialWrap {
		padding-top: 1px;
	}
	header #hdrRight {
		padding-top: 11px;
		margin-right: 55px;
	}
	#locationsWrap #locations {
		width: 450px;
		margin: 0 auto;
	}
	#locationsWrap #locations .locationItem {
		margin-bottom: 20px;
		width: 200px;
		text-align: center;
	}
	#locationsWrap #locations .locationDivider {
		margin: 0 20px;
	}
	#locationsWrap #locations .locationDivider.divider-2,
	#locationsWrap #locations .locationDivider.divider-4 {
		display: none;
	}
	#locationsWrap #locations .locationItem .locationRow {
		padding-left: 0px;
		background-image: none;
	}
	footer #navBar ul li a {
		font-size: 16px;
		padding: 0px 10px;
	}
	#homeBlogWrap #blogItems .blogItem {
		width: 100%;
	}
	#homeBlogWrap #blogItems .blogItem:last-child {
		display: none;
	}
	#sliderWrap h2 {
		top: 35% !important;
	}
	#sliderWrap a {
		top: 39% !important;
	}
	img.alignright,
	img.alignleft {
		margin: 0 auto 30px auto;
		padding: 0px;
		float: none;
		display: block;
	}
	#pageTitleWrap h2 {
		font-size: 30px;
	}
	#blogSingleWrap,
	#blogRight {
		float: none;
		width: 100%;
	}
	#blogRight {
		margin-top: 30px;
	}
	#contactLeft,
	#contactRight {
		float: none;
		width: 100%;
	}
	#contactLeft {
		margin-bottom: 30px;
	}
	#contactLeft .locationBtn {
		padding-left: 0px;
		text-align: center;
		width: 100%;
	}
	#contactRight {
		width: 570px;
		margin: 0 auto;
	}

	#leftCatList {
		margin-bottom: 30px;
	}
	#leftCatList,
	#productList {
		float: none;
		width: 100%;
		text-align: center;
	}
	#leftCatList ul li a {
		text-align: center;
	}
	#productList {
		width: 576px;
		margin: 0 auto;
	}
	#productList .prodItem {
		width: 268px;
    	height: 301px;
    	margin: 10px;
	}
	#productList .prodItem .pictureWrap {
		height: 183px;
	}
	#productList .mBtn {
		margin-top: 20px;
	}
	#galLeft,
	#galRight {
		float: none;
		text-align: center;
	}
	#galRight {
		margin-bottom: 30px;
	}
	.backBtn {
		margin: 0 auto;
	}
}
@media only screen and (max-width : 720px) {
	#racingSeriesWrap #racingSeriesSlider {
		width: 420px;
	}
	#productWrap #rightContent {
		display: block;
	}
	#productWrap #rightContent .sideBtns {
		margin: 0 auto 50px auto;
	}
}
@media only screen and (max-width : 700px) {
	h3 {
		line-height: 36px;
	}
	h3,h4 {
		text-align: center;
	}
	#sliderWrap h2 {
		font-size: 25px;
	}
	#contentWrap #blogItems {
		display: block;
	}
	#contentWrap #blogItems .blogItem {
		width: 526px;
		margin-left: auto;
		margin-right: auto;
	}

}

@media only screen and (max-width : 616px) {
	#productList {
		width: 480px;
	}
	#productList .prodItem {
		width: 220px;
    	height: 247px;
	}
	#productList .prodItem .pictureWrap {
		height: 148px;
	}
	#productList .mBtn {
		margin-top: 12px;
	}
}
@media only screen and (max-width : 611px) {
	#contactRight {
		width: 274px;
	}
	#contactRight #mapWrap {
		transform:scale(0.35);
		-webkit-transform:scale(0.35);
		-moz-transform:scale(0.35);
		-o-transform:scale(0.35);
	}
	#contactRight #contactInfo {
		display: block;
	}
	#contactRight #contactInfo .infoItem .infoIcon {
		display: none;
	}
	#contactRight #contactInfo .infoItem .infoText {
		float: none;
		width: 100%;
		padding: 0px;
		text-align: center;
		position: relative;
		top: 0;
		transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-o-transform: translateY(0%);
	}
	#contactRight #contactInfo .infoItem {
		height: auto;
		width: 100%;
		margin-bottom: 20px;
	}
	#contactRight #contactInfo .infoItem .infoText .socialicon {
		display: inline-block;
		float: none;
	}
	#contactRight #contactForm #googlere {
		height: 60px;
	}
	#contactRight #contactForm #googlere,
	#contactRight #contactForm input[type='submit'] {
		float: none;
	}
	#contactRight #contactForm input[type='submit'] {
		width: 100%;
	}
}
@media only screen and (max-width : 600px) {
	#sliderWrap h2 {
		height: auto;
		line-height: 30px;
		padding:15px;
		box-sizing:border-box;
	}
	#wriscoProducts #wriscoProductsSlider {
		width: 242px;
	}
	header #hdrRight #socialWrap {
		display: none;
	}
	#pageTitleWrap h2 {
		font-size: 28px;
	}
	#racingSeriesWrap h3 {
		font-size: 24px;
		line-height: 26px;
	}
	#darkGrayBar .container {
		font-size: 30px;
		line-height: 33px;
	}
	#componentsWrap .componentCategory h3 {
		text-align: center;
		height: auto;
		padding: 7px 10px 5px 10px;
		font-size: 18px;
		line-height: 25px;
	}
}
@media only screen and (max-width : 568px) {
	#contentWrap #blogItems .blogItem {
		width: 100%;
	}
	#contentWrap #blogItems .blogItem .blogInfo .blogExcerpt {
		height: auto;
	}
	#pageTitleWrap h2 {
		text-align: center;
		line-height: 30px;
		background-image: none;
		margin: 0px;
		padding: 0px;
	}
}
@media only screen and (max-width : 525px) {
	#racingRight {
		width: 300px;
	}
	.videoBtn::before {
		width: 300px;
		height: 198px;
	}
}

@media only screen and (max-width : 520px) {
	#productList {
		width: 280px;
	}
	#productList .prodItem {
		width: 280px;
    	height: 314px;
		margin: 0px 0px 20px 0px;
	}
	#productList .prodItem .pictureWrap {
		height: 185px;
	}
	#productList .mBtn {
		margin-top: 28px;
	}
}
@media only screen and (max-width : 510px) {
	
}
@media only screen and (max-width : 500px) {
	h3 {
		font-size: 27px;
	}
	#leftContent h4 {
		font-size: 23px;
		height: auto;
	}
	#locationsWrap #locations .locationItem {
		width: 100%;
		border-bottom: solid 1px rgba(0,0,0,0.1);
		padding-bottom: 20px;
	}
	#locationsWrap #locations .locationDivider {
		display: none;
	}
	#locationsWrap #locations .locationItem.location-4 {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	header #logo {
		float: none;
		display: block;
		width: 100px;
		margin: 0 auto;
	}
	header #hdrRight #searchWrap {
		margin-right: 0px;
	}
	header #hdrRight {
		float: none;
		width: 230px;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	#sliderWrap, #sliderWrap .container {
		height: 300px;
	}
	#sliderWrap h2 {
		font-size: 17px;
		padding: 5px 10px;
		top: 140px !important;
	}
	#sliderWrap a {
		top: 160px !important;
	}
	#locationsWrap #locations {
		width: 100%;
	}
	#blogItems .blogItem .blogInfo .blogExcerpt {
		height: auto;
	}
	footer h4 {
		height: auto;
	}
	#wriscoProducts h2 {
		font-size: 28px;
	}
	#racingSeriesWrap #racingSeriesSlider {
		width: 190px;
	}
	#productWrap .tableWrap table thead tr th:first-child {
    	font-family: 'fira_sansmedium';
    	padding-left: 5px;
	}
	#productWrap .tableWrap table tbody tr td:first-child {
		padding-left: 5px;
	}
	#productWrap .tableWrap table thead tr th {
		line-height: 20px;
	}
	#productWrap .tableWrap table thead tr th:first-child,
	#productWrap .tableWrap table thead tr th,
	#productWrap .tableWrap table tbody tr td:first-child {
		font-size: 14px;
	}
	#productWrap .tableWrap .tableTitle {
		font-size: 17px;
	}
	#productWrap .listBox ul {
		margin: 0px;
		padding: 0px;
	}
	#productWrap .listBox ul li {
		padding-left: 0px;
		padding-right: 0px;
		list-style: none;
		text-align: center;
		background-image: none;
	}
}
@media only screen and (max-width : 400px) {
	footer #navBar {
		height: 15px;
	}
	footer #navBar ul {
		display: none;
	}
	#racingRight {
		width: 280px;
	}
	.videoBtn::before {
		width: 280px;
		height: 184px;
	}
	#productWrap .tableWrap .tableTitle {
		font-size: 14px;
	}
	#productWrap .tableWrap table thead tr th:first-child,
	#productWrap .tableWrap table thead tr th,
	#productWrap .tableWrap table tbody tr td:first-child {
		font-size: 13px;
	}
	#productWrap .tableWrap table thead tr th:first-child {
		padding-left: 0px;
		text-align: center;
	}
	#productWrap .tableWrap table thead tr th:first-child,
	#productWrap .tableWrap table thead tr th {
    	font-family: 'fira_sanslight';
	}
	#productWrap #prodPicture {
		width: 258px;
	}
}