@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
} 

html{-webkit-text-size-adjust: 100%;}

	




								@media screen and (max-width: 1550px)
{

	div.pedalsinfo{
		width:40%;
	}
	span.pedallink a{
		font-size:19px;
	}

}
								@media screen and (min-width: 2110px)
{
/* HOME PAGE ------------------------------------------------------------------ HOME 2110px */
	/*
	div.subimages {
		display:block;
		margin:0 auto;
		width:1400;
		height:350px;
		wrap:nowrap;
	}
	div.subimagetext{
		float:right;
		height:350px;
		width:1000px;
		color:#696969;
		line-height:16px;
		display:inline-block;
	}
	.container {
		display:inline-block;
		float:left;
		margin:50px 50px 50px 100px;
		border-radius:250px;
		width:250px;
	}
	div.tline{
		width:1400px;
	}
	*/
	div.promoimage{
		position:absolute;
		z-index:1;
		top:200px;
		right:15%;
		left:52%;
		width:25%;
		height:700px;
	}
}
								@media screen and (max-width: 1750px)
{
/* HOME PAGE ------------------------------------------------------------------ HOME 1750px */
	div.mainimage{
		height:700px;
	}
	div.subimages {
		display:block;
		margin:0 auto;
		width:1190px;
		height:350px;
		wrap:nowrap;
	}
	div.subimagetext{
		float:left;
		display: inline-block;
		height:350px;
		width:600px;
		color:#696969;
		line-height:16px;
	}
	.container {
		float:left;
		margin:50px 50px 50px 100px;
		border-radius:250px;
		width:250px;
	}
	div.tline {
		width:1190px;
	}
}

								@media screen and (max-width: 1440px)
{
/* PARENT STYLE ------------------------------------------------------------- PARENT 1440px */
	#content{
		max-width: 100%;
		width:100%;
		margin:0 auto;
		padding:90px 10px 10px 10px;
		min-height: 100vh;
	}

/* HOME PAGE ----------------------------------------------------------------- HOME 1440px */	


	div.promotext{
		width:40%;
		left:15%;
		top:250px;
	}
	div.promoimage img{
		height:auto;
		width:100%;
	}
	div.homegallerymain{
		top:680px;
		height:200px;
		padding:0 0px 0 0px;
	}
	div.gallerysub{
		margin-top:80px;
		margin-left:-10px;
	}
	div.homeinfotop{
		margin-top:-80px;
	}
	div.mainimage{
		height:500px;
	}
	div.subimages {
		display:block;
		margin:0 auto;
		width:825px;
		height:300px;
		wrap:nowrap;
	}
	div.subimagetext{
		display:inline-block;
		float:left;
		height:300px;
		width:500px;
		color:#696969;
		line-height:16px;
	}
	.container {
		display: inline-block;
		float:left;
		margin:25px 25px 25px 25px;
		border-radius:250px;
		width:250px;
	}
	div.tline{
		width:825px;
	}



/* GALLERY PAGES ---------------------------------------------------------- GALLERY 1440px */
	div.galleryspace {
		margin-left:190px;
		font-size:11px;
		height:100px;
		max-height:100px;
	}
	div.overviewlink{
		font-size:11px;
	}
	.side-nav-wrapper {
		margin-left:10px;
  		width: 180px;
	}
	div.productgallery {
		padding-left:190px;
	}
	.side-nav-wrapper ul li {
	  	width:180px;
		height:30px;
		font-size:11px;
	}
	.side-nav-wrapper ul li.gallerytitle {
		width:180px;
		height:100px;
	}
	span.product {
		font-size:11px;
	}
	span.galprice {
		font-size:10px;
	}
	div.gallery {
		justify-content:flex-start;
	}
	div.gallery img{
		height:150px;
	}
	div.gallery div{
		width:210px;
	}

/* ABOUT ------------------------------------------------------------------- ABOUT 1440px */

	div.aboutimagecontainer{
		padding:30px 0 70px 0;
	}

/* FOOTER ----------------------------------------------------------------- FOOTER 1440px */
	#main-footer {
		height:180px;
		font-size:10px;
	}
	table.copyright{
		padding-top:0px;
	}
	div.footer{
		padding-top:5px;
	}
	div.social-icons{
		width:600px;
	}
	td.footer-menu{
		font-size:10px;
	}
	span.pedallink a{
		font-size:18px;
	}
	div.pedalsinfo{
		width:40%;
	}
	div.pedalsinfo1{
		width:230px;
	}
	div.pedalsinfo2{
		width:200px;
		padding-right:0px;
	}
	div.pedalsinfo3{
		width:80%;
	}
	div.pedalsinfo4{
		width:20%;
		padding-bottom:50px;
	}
}


								@media screen and (max-width: 1200px)
{
/* HOME STYLE ---------------------------------------------------------------- HOME 1200px */
	span.pedallink a{
		font-size:15px;
	}
	div.subimages {
		width:715px;
		height:300px;
	}
	div.subimagetext{
		height:300px;
		width:460px;
	}
	.container {
		margin:50px 15px 50px 15px;
		width:200px;
	}
	div.tline{
		width:715px;
	}

}


								@media screen and (max-width: 930px)
{
/* PARENT STYLE ------------------------------------------------------------- PARENT 930px */
	#content{
		max-width: 100%;
		width:100%;
		margin:0 auto;
		padding-top:100px;
	}
	span.title{
		font-size:15px;
	}
	
/* HEADER NAVIGATION -------------------------------------------------------- HEADER 930px */
	div.navigation {
		padding-left:180px;
	}
	li.menu-item {
		padding-right:5%;
	}
	ul.menu-list {
	    height: auto;
	    font-size:10px;
	    text-align: left;
	    -ms-text-justify: distribute-all-lines;
	    text-justify: distribute-all-lines;
   	}
   	li.menu-item .menu-item-link{
   		font-size:12px;
   	}
	
/* HOME PAGE ----------------------------------------------------------------- HOME 930px */	
	div.homesec {
		width:90%;
	}
	div.promotext{
		left:5%;
		width:45%;
	}
	div.promotext .title{
		font-size:15px;
	}
	div.promotext .caption ul{
		width:90%;
		padding-left:10px;
		padding-right:10px;
	}
	div.promoimage img{
		width:100%;
		height:auto;
		padding-left:20px;
	}
	div.promoimage{
		width:40%;
	}
	div.promotext img{
		width:50%;
	}
	div.homegallery1{
		width:100%;
	}
	div.homegallerymain{
		top:370px;
		height:200px;
		padding:0 50px 0 50px;
	}
	div.subimages{
		width:740px;
		height:250px;
		margin:0 auto;
	}
	.container{
		width:200px;
		margin: 25px 10px 25px 10px;
	}
	div.subimagetext{
		width:510px;
		height:250px;
	}
	div.tline{
		width:740px;
	}
	div.mainimage{
		height:500px;
	}

	
/* GALLERY PAGES ---------------------------------------------------------- GALLERY 930px */
	div.galleryspace {
		margin-left:160px;
		font-size:11px;
		height:100px;
		max-height:100px;
		padding-right:10px;
	}
	div.overviewlink{
		font-size:11px;
	}
	.side-nav-wrapper {
		margin-left:10px;
  		width: 150px;
	}
	div.productgallery {
		padding-left:160px;
	}
	.side-nav-wrapper ul li {
	  	width:150px;
		height:30px;
		font-size:11px;
	}
	.side-nav-wrapper ul li.gallerytitle {
		width:150px;
		height:100px;
	}
	span.product {
		font-size:11px;
	}
	span.galprice {
		font-size:10px;
	}
	div.gallery {
		justify-content:flex-start;
		padding-top:10px;
		margin-left:10px;
	}


/* PRODUCT PAGES ---------------------------------------------------------- PRODUCT 930px */
	div.overview {
		padding-right:5%;
	}
	div.thumbs{
		padding-right:10px;
	}
	div.gallery img{
		height:150px;
	}
	div.gallery div{
		width:210px;
	}

/* CONTACT --------------------------------------------------------------- CONTACT 930px */
	.desc1{
		margin-left:30px;
		margin-right:30px;
		min-width:200px;
	}
	textarea.contact{
		width:150px;
	}
	td.textarea{
		width:200px;
	}
	
/* FOOTER ----------------------------------------------------------------- FOOTER 930px */
	#main-footer {
		position:relative;
		margin-left:0px;
		padding-top:0px;
		text-align: center;
	}
	table.footer {
		display:block;
		width:auto;
    }
	td.footer-menu {
		width:80px;
		height:24px;
	}
	table.copyright {
		width:80%;
		padding-top:20px;
		font-size:.8em;
	}
	div.social {		
		width:60px;
		height:60px;
	}
	td.footer img{
		width:70%;
		max-width:100px;
	}
	span.pedallink a{
		font-size:18px;
	}
	div.pedalsinfo{
		width:40%;
	}
	div.pedalsinfo1{
		width:230px;
	}
	div.pedalsinfo2{
		width:250px;
		padding-right:40px;
	}
	div.pedalsinfo3{
		width:80%;
	}
	div.pedalsinfo4{
		width:20%;
		padding-bottom:50px;
	}
}


							@media screen and (max-width: 825px)
{
/* PARENT STYLE ----------------------------------------------------- PARENT 825px */
	#homebutton {
		display:none;
	}
	#content{
	width:100%;
	min-width: 100%;
	max-width: 100%;
	min-height:100%;
	padding:100px 10px 10px 10px;
	}

/* HEADER ------------------------------------------------------------- HEADER 825px */
	li.menu-item .menu-item-link{
		font-size:11px;
	}
	.logo{
		width:100px;
	}
	div.navigation{
		padding-left:120px;
	}
	div.contactcart img{
		padding-left:10px;
		padding-top:5px;
		padding-bottom:10px;
	}
	div.contactcart{
		padding-right:5px;
	}
	li.menu-item{
		padding-right:4%;
	}

/* HOME PAGE ---------------------------------------------------------- HOME 825px */
	div.mainimage{
		padding-top:40px;
		height:300px;
	}
	.slideshow-container{
		height:300px;
	}
	span.pgtitle{
		font-size:18px;
	}
	span.homeproduct{
		font-size:10px;
	}
	#slide{
		padding-top:50px;
		height:350px;
	}
	div.promotext .caption ul{
		width:90%;
		padding:10px;
		margin:20px auto;
	}
	div.promotext{
		top:250px;
	}
	div.slantedcontainer{
		height:800px;
	}
	div.homegallery{
		top:750px;
	}
	div.homegallerymain{
		top:250px;
		height:200px;
		padding:0 10px 0 10px;
	}
	div.homegallery1 img{
		height:100px;
		width:auto;
	}
	div.homegallery1{
		height:140px;
	}
	div.gallerysub{
		margin-top:50px;
	}
	div.subimages{
		width:530px;
		margin:0 auto;
		height:250px;
	}
	.container{
		width:200px;
		margin:25px 10px 25px 10px;
	}
	div.subimagetext{
		width:310px;
		height:250px;
	}
	div.tline{
		width:530px;
	}
	div.homeinfotop{
		margin-top:-150px;
	}
	div.slanted{
		width:130%;
	}
	
/* GALLERY PAGES ----------------------------------------------------- GALLERY 825px */
	div.gallery{
		justify-content:flex-start;
	}
	div.gallerytitle1{
		font-size:22px;
		font-weight:bold;
	}
	.side-nav-wrapper {
		position:absolute;
  		width: 150px;
		margin-left:10px;
	}
	div.productgallery {
		padding-left:160px;
	}
	div.galleryspace {
		margin-left:160px;
		font-size:11px;
		height:130px;
		max-height:130px;
	}
	div.overviewlink{
		font-size:11px;
	}
	.side-nav-wrapper ul li {
		width:150px;
		height:30px;
		font-size:11px;
	}
	span.product{
		font-size:11px;
	}
	span.galprice{
		font-size:10px;
	}
	.side-nav-wrapper ul li.gallerytitle {
		width:150px;
		height:130px;
	}

/* PRODUCT PAGES ---------------------------------------------------------- PRODUCT 825px */
	div.overview {
		padding-right:5%;
	}
	div.thumbs{
		padding:0% 10px 50% 0px;
	}
	.thumbs img {
		vertical-align: top;
	}
	div.main-img{
		width:auto;
		height:300px;
	}
/* ABOUT ----------------------------------------------------------------- ABOUT 825px */	


/* CART ------------------------------------------------------------------ CART 825px */
	.cart .itemname{
		width:30%;
	}
	.cart li.header .itemname{
		width:30%;
	}
	.cart .pricetot{
		width:30%;
	}

/* CONTACT ------------------------------------------------------------ CONTACT 825px */
	.desc1{
		display:none;
	}

/* FIRMWARE ---------------------------------------------------------- FIRMWARE 825px */
	div.firmwaregallery {
		float:left;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:75%;
	}
	div.firmware-gallery{
		margin-left:20px;
		max-width:1024px;
		font-size: 11px;
		text-align:left;
	}
	div.cat-tabs{
		width:25%;
		font-size:11px;
	}
	.tab span {
		margin-right:4px;
	  	padding:4px 10px 4px 10px;
	}

/* FAQ ------------------------------------------------------------------ FAQ 825px */
	div.faqs-container{
		width:90%;
	}
	
/* FOOTER ------------------------------------------------------------ FOOTER 825px */
	table.footer {
		display:block;
		width:auto;
	}
	div.social-icons {
		width:90%;
	}
	div.social {		
		width:50px;
		height:50px;
	}
	div.photoblock .thumbs {
		width:auto;
	}
	div.close-btn {
	    top: 400px;
	    right: 450px;
	    width: 200px;
	    height: 200px;
	}
	.close-btn svg {
	    fill: #fff;
	    width: 100px;
	    height: 100px;
	}
	.next-btn {
    	right: 50px;
	}
	.prev-btn {
    	left: 50px;
	}
}

   

							@media screen and (max-width: 611px)
{
/* PARENT STYLE ----------------------------------------------------- PARENT 611px */
	#homebutton {
		display:none;
	}
	#content{
		width: 100%;
		min-width: 100%;
		min-height:100%;
		padding:100px 10px 10px 10px;
	}
	
/* HEADER NAVIGATION ------------------------------------------------ HEADER 611px */
	div.navigation{
		border-bottom:0px;
	}
	.menu-toggle, .menu-close, .main-menu {
		display: inline-block;
	}
   	ul.menu-list {
		display:none;
   	}
   	div.mainlogo{
   		padding:2px;
   		width:250px;
   	}
	.logo{
		width:100px;
	}
	#thelogo{
		float:left;
		display:inline-block;
	}
	.menu-toggle{
		padding:10px;
	}


/* HOME PAGE ----------------------------------------------------- HOME 611px */
	div.mainimage{
		padding-top:40px;
		height:250px;
	}

	td.instagramgrid {
		display:block;
	}
	.overlay {
		display:none;
	}
	div.homeinfo{
		padding-bottom:40px;
	}
	div.promotext{
		padding-top:250px;
	}
	div.promotext .caption ul{
		margin:0px 10px 0px 15px;
	}
	.container{
		width:60%;
		margin:0 auto;
		float:none;
		display:block;
	}
	div.tline{
		display:none;
	}
	div.subimages{
		text-align:center;
		height:300px;
		width: 95%;
	}
	div.subimagetext{
		width:100%;
		margin-top:0px;
		padding-left:0px;
		display:block;
		height:250px;
	}
	div.promoimage{
		position:absolute;
		width:60%;
		left:20%;
		right:0;
	}
	div.promotext{
		position:absolute;
		width:90%;
		top:30%;
	}
	div.slantedcontainer{
		height:1000px;

	}
	div.slanted{
		width:180%;
		left:-30%;
	}
	div.homegallery{
		display:none;
	}
	div.promotext .caption ul{
		margin:20px;
	}
	div.cal{
		width:45%;
		margin:0px;
	}
	div.homesec{
		width:100%;
	}
	div.aboutcontainer{
		width:270px;
		height:270px;
	}
	div.homeabout p{
		display:none;
	}
	div.homegallerymain{
		display:none;
	}
	div.homeinfotop{
		padding:10px 0px 70px 0px;
		text-align:center;
		margin-top:-90px;
	}


	
/* GALLERY PAGES ---------------------------------------------------- GALLERY 611px */
	.side-nav-wrapper {
		display:none;
	}
	div.gallerytitle1{
		font-size:22px;
		font-weight:bold;
		text-align:left;
		display:block;
		padding-bottom:20px;
	}
	div.display-none {
		text-align:left;
		font-size:22px;
		font-weight:bold;
		display:block;
	}
	div.productgallery {
		margin:0 auto;
		border-bottom:2px solid #000;
		width:100%;
		padding-left:0px;
	}
	div.gallery{
		justify-content: none;
		margin-left:0px;
		max-width:1024px;
		font-size: 11px;
	}
	div.galleryinfo {
		border-top:2px solid;
		padding-left:0px;
		padding-right:0px;
		padding-top:10px;
		text-align:left;
	}
	div.gallery div{
		float: none;	
		margin-top:10px;
		
		width:96%;
	}
	div.gallery div.wide{
		display:inline-block;
		margin:0 auto;
		padding:0px 2% 0px 2%;
		width:96%;
	}
	div.galleryspace {
		display:block;
		margin:0px 0px 30px 0px;
		max-width:100%;
		height:190px;
		max-height:200px;
		font-size:11px;
	}
	div.overviewlink{
		padding-top:120px;
		font-size:11px;
	}
	div.gallery img{
		height:270px;
	}
	
/* PRODUCT PAGES ---------------------------------------------------- PRODUCT 611px */
	.order1{ -webkit-order:3;order:3; }
	.order2{ -webkit-order:2;order:2; }
	.order3{ -webkit-order:1;order:1; }
	.order4{ -webkit-order:4;order:4; }
	.grid{
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	}
	.thumbs{
		width:auto;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction:row;
		flex-direction:row;
   	}
   	div.overview{
   		padding:0px 10px 0px 10px;
		max-width:600px;
	}
	div.product-img{
		width:100%;
		display:flex;
		flex-direction:column;	
	}
	div.thumbs{
		padding-right:0px;
		padding-bottom:0%;
		padding-top:0%;
		width:100%;
	}
	.thumb_container{
		width:50px;
		padding:10px;
		height:auto;
		display:inline-block;
	}
   	#wrapper {
    	width: inherit;
   	}
 	div.fleft{
		float:none;
   	}
	#tabs {
		display: flex;
		flex-wrap: nowrap;
		display: -webkit-flex; /* Safari */
	  	-webkit-flex-wrap: nowrap; /* Safari 6.1+ */
		margin: 0 0 0 0px;
		padding: 2px 0px 2px 0px;
		list-style: none;
	}
	#tabs li{
		background-color:#F5F5F5;
		flex-wrap: nowrap;
		overflow: none;
	}
	#tabs li a{
		padding:5px 3px;
		margin:1px;
		font-size:11px;
	}
	#tabs li.active a{
		padding:5px 3px;
		margin:1px;
	}
	div.related-container{
		display:none;
	}
	.related{
		-webit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-content: center;
		align-content: center;
   	}
	td.producttitle {
		font-size:18px;
		width:100%;
	}
	td.breadcrumb {
		display:none;
	}
	div.overview {
		padding-right:5%;
	}
	div.main-img{
		width:auto;
		height:auto;
	}
	#product_info_tabs_container{
		display: -webkit-flex; /* Safari */
	  	-webkit-flex-wrap: nowrap; /* Safari 6.1+ */
		display:flex;
		flex-wrap: nowrap;
	}
		input.addtocart {
		display:inline-block;
		border:none;
		margin-top:10px;
		background-color:#ffff66;
		border-radius:20px;
		padding:10px 15px 10px 15px;
		color:#000000;
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		font-size:13px;
		font-weight:bold;
		font-style:normal;
		text-decoration:none;
		text-align:center;
	}
	input.addtocart:hover {
		background-color:#23aedd;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}	
	input.addtocart:active {
		position:relative;
		top:1px;
	}
	textarea,
	input.text,
	input[type="text"],
	input[type="button"],
	input[type="submit"],
	.input-checkbox {
	  -webkit-appearance: none;
	}

	
	/* CART -------------------------------------------------------------- CART 611px */
	.cart .photo{
		float:left;
		text-align:center;
		width:15%;
		padding-right:10px;
		padding-left:10px;
	}
	.cart .photo img{
		max-width:100%;
		max-height:100%;
	}
	.cart li.header .itemname{
		width:40%;
	}
	.cart .itemname{
		float: left;
		width:40%;
	}
	.cart .priceeach{
		float: left;
		width: 10%;
		display:none;
	}
	.cart .qty{
		float : left;
		width: 5%;
	}
	.cart .pricetot{
		float:right;
		margin-left:4px;
		padding-right:10px;
		width:30%;
		text-align:right;
	}
	.cart .row{
		max-height:200px;
		font-size:10px;
	}
	ul.cart{
		padding:20px 20px 100px 20px;
	}
		.cart .row span {
		white-space:normal;
	}
	.cart .row span.qty{
		white-space: nowrap;
	}


/* FIRMWARE ---------------------------------------------------------------- FIRMWARE 611px */	
	div.firmwaregallery {
		float:left;
		padding:0px 0px 0px 0px;
		text-align:left;
		width:70%;
	}
	div.firmware-gallery{
		margin-left:20px;
		max-width:1024px;
		font-size: 10px;
		text-align:left;
	}
	div.cat-tabs{
		width:30%;
		font-size:11px;
	}
	.tab span {
		margin-right:2px;
	  	padding:2px 4px 2px 4px;
	}
	
/* ABOUT ----------------------------------------------------------------- ABOUT 611px */	
	div.timeline{
		display:none;
	}
	div.aboutsection{
		float:right;
		width:100%;
		padding-right:0%;
	}

/* WHO WE ARE ---------------------------------------------------------- WHO WE ARE 611px */	
	td.bios-image{
		display:block;
		margin:0 auto;
		width:100%;
		height:auto;
		border-radius: none;
	}
	td.bios-image img{
		width:70%;
		border-radius:180px;
	}
	td.bios-text{
		display:block;
		width:100%;
		margin:0 auto;
	}
	td.bios-responsive{
		display:none;
	}
	td.wearetitle{
		display:block;
		width:100%;
		text-align: left;
	}
	table.bios{
		padding-top:20px;
	}

/* CONTACT ------------------------------------------------------------ CONTACT 611px */
	textarea.contact{
		width:150px;
	}
	td.textarea{
		width:200px;
	}
	table.contact{
		display:block;
		width:90%;
		margin:0 auto;
	}
	table.contact tr{
		max-width:300px;
	}
	input.contactsubj{
		width:200px;
	}
	td.desc{
		display:none;
	}
	
/* FOOTER ---------------------------------------------------------------- FOOTER 611px */
	div.social-icons {
		width:90%;
	}
	div.social {		
		width:50px;
		height:50px;
	}
	td.footer {
		width:130px;
		padding:0px;
		font-size: 7px;
		font-weight:bold;
	}
	td.footer img{
		width:90%;
		max-width:100px;
	}
	td.footer-menu {
		width:70px;
		font-size:7px;
		text-align:center;
	}
	table.copyright {
		padding-top:20px;
		width:100%;
		font-size:.8em;
		text-align:center;
	}	
	.close-btn {
	    top: 400px;
	    right: 450px;
	    width: 200px;
	    height: 200px;
	}

}

							@media screen and (max-width: 400px)
{
	div.promotext{
		position:absolute;
		width:90%;
		top:20%;
	}
	span.sectitlehome{
		font-size:15px;
	}
	div.promotext img{
		width:70%;
	}

}