#cssmenu #menu-button {display: none;}
.hidden-xs {display:block;}
.visible-xs {display:none;}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu ul ul li:hover > ul {
  top:-17px;
}
@media all and (max-width: 768px) {
	.slogan2{display:none}
	#cssmenu,
	#cssmenu ul,
	#cssmenu ul li,
	#cssmenu ul li a,
	#cssmenu #menu-button {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  list-style: none;
	  line-height: 1;
	  display: block;
	  position: relative;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	#cssmenu {
		width: 300px;height:auto;
	}
	#cssmenu ul {
		width: 100%;
		display: none;
		background-color:#000;
		border-radius:14px;
		position:absolute;
		right:10px;
		z-index:10;
	}
	#cssmenu.align-center > ul {
		text-align: left;
	}
	#cssmenu ul li {
		width: 100%;
	}
	#cssmenu ul ul li,
	#cssmenu li:hover > ul > li {
		height: auto;
	}
	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
		border-bottom: 0;
		padding:10px;
		font-size:18px;
	}
	#cssmenu > ul > li {
		float: left;
	}
	#cssmenu ul ul li a {
		padding-left: 25px;
		text-align:left;
	}
	#cssmenu ul ul ul {
		background:transparent;
	}
	#cssmenu ul ul ul li a {
		padding-left: 35px;
	}
	#cssmenu ul ul li a {
		color: #dddddd;
		background: none;
	}
	#cssmenu ul ul li:hover > a,
	#cssmenu ul ul li.active > a {
		color: #ffffff;
	}
	#cssmenu ul ul,
	#cssmenu ul ul ul,
	#cssmenu.align-right ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left;
		top:0;
	}
	#cssmenu > ul > li.has-sub > a:after,
	#cssmenu > ul > li.has-sub > a:before,
	#cssmenu ul ul > li.has-sub > a:after,
	#cssmenu ul ul > li.has-sub > a:before {
		display: none;
	}
	#cssmenu #menu-button {
		display: block;
		padding: 17px 50px 17px 17px;
		color: #ffffff;
		cursor: pointer;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 700;
		text-align: right;
	}
	#cssmenu #menu-button:after {
		position: absolute;
		top: 22px;
		right: 17px;
		display: block;
		height: 4px;
		width: 20px;
		border-top: 2px solid #dddddd;
		border-bottom: 2px solid #dddddd;
		content: '';
	}
	#cssmenu #menu-button:before {
		position: absolute;
		top: 16px;
		right: 17px;
		display: block;
		height: 2px;
		width: 20px;
		background: #dddddd;
		content: '';
	}
	#cssmenu #menu-button.menu-opened:after {
		top: 23px;
		border: 0;
		height: 2px;
		width: 15px;
		background: #ffffff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#cssmenu #menu-button.menu-opened:before {
		top: 23px;
		background: #ffffff;
		width: 15px;
		font-size: 14px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		height: 46px;
		width: 46px;
		cursor: pointer;
	}
	#cssmenu .submenu-button.submenu-opened {
		//background: #262626;
	}
	#cssmenu ul ul {background-color:transparent}
	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px;
	}
	#cssmenu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #dddddd;
		content: '';
	}
	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px;
	}
	#cssmenu .submenu-button.submenu-opened:after {
		background: #ffffff;
	}
	#cssmenu .submenu-button:before {
		position: absolute;
		top: 19px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #dddddd;
		content: '';
	}
	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px;
	}
	#cssmenu .submenu-button.submenu-opened:before {
		display: none;
	}
	.hidden-xs {display:none;}
	.visible-xs {display:block;}
	#form-top {display:none;}
	.fright {width:300px;}
	.main {width:100%;margin:0;}
	.pro_pages {padding:10px;}
	.prod_paging form, .prod_paging .rpp_search {display:none;}
	.prod_paging .pro_pages {padding:0;}
	.prod_paging .pro_pages li {display: none;}
	.prod_paging .pro_pages li.next {display: block;}
	#pro_breadcrumbs-two li{ clear: both;padding-top: 7px;}	
	#pro_breadcrumbs-two li:nth-child(1){margin-left:8%;}
	#pro_breadcrumbs-two li:nth-child(2){margin-left:16%;}
	#pro_breadcrumbs-two li:nth-child(3){margin-left:24%;}
	#pro_breadcrumbs-two li:nth-child(4){margin-left:32%;}
	#pro_breadcrumbs-two a{padding:3px 8px;}
	#pro_breadcrumbs-two a::before{margin-top: -12px; border-width:12px 0 12px 14px;}
	#pro_breadcrumbs-two a::after{margin-top: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent;}
	.expr_2 .pro_pad_port:hover {overflow:hidden;background-color:#fff;border:none;padding:0 0 30px 0;margin:0;box-shadow:none;}
	.expr_2 .pro_pad_port:hover .exp_hidden {display:none;}
	.categories {width:98%;margin-left: 1%;margin-right: 1%;}
	#content .grid_6 {margin-left:auto;margin-right:auto;float:none;display:block;}
	#content article.grid_6:nth-child(2n+1) {clear: left;}
	#content .grid_6.expr_0.expr_2 {width: 48%;margin-left:1%;margin-right:1%;float:left;clear:none;}
	div.pro_list2 {width:98%;margin-left:1%;margin-right:1%;}
	.pro_list2 .pro_list2 {width:98%;margin-left:1%;margin-right:1%;}
	#page1 {min-width:0;}
	#page1 #content .row-1 .col-1, #page1 #content .row-1 .col-2, #page1 #content .row-1 .col-3 {width:98%;}
	#page1 .col-1 ul li a, #page1 .col-2 ul li a, #page1 .col-3 ul li a {font-size:18px;}
	#page1 #content .row-2 .col-1, #page1 #content .row-2 .col-2, #page1 #content .row-2 .col-3 {width:98%;margin-bottom:20px;}
	body {background-image:url(/userfiles/29903/tail-top.jpg);min-width:0;}
	#page1 #header {height:auto;}
	#header .row-2 {background-size:contain;width:100%;min-height:360px;height:auto;margin-bottom:15px;}
	#header .row-2 .padding {padding:20px 0 0 20px;}
	.slogan {font-size: 2.3em; line-height:1.2em; color:#070506; margin-bottom:14px;width:55%;}
	.slogan strong {display:block;margin-bottom:0;}
	.slogan2 {width:55%;font-size: 1em;}
	#page7 #content .padding {padding:25px 5px;}
	#content {width:100%;margin:0;}
	#content .push_1 {width:97%;margin:0;overflow:hidden;left:1%;padding-top:10px;}
	#content .push_2 {width:97%;margin:0;overflow:hidden;left:1%;}
	#content .grid_16 {width:97%;margin-left:.5%;margin-right:.5%;}
	#content .grid_15 {width:97%;margin-left:.5%;margin-right:.5%;}
	#content .grid_7 {width:48%;margin-left:.5%;margin-right:.5%;}
	#page1 #content .grid_7 {width:98%;margin-left:.5%;margin-right:.5%;}
	#content .grid_11 {width:98%;margin-left: 1%;margin-right: 1%;}
	#content .grid_24 {width:98%;margin-left: 1%;margin-right: 1%;}
	#content .grid_17 {width:98%;margin-left: 1%;margin-right: 1%;}
	#content .grid_6 {width:98%;margin-left: 1%;margin-right: 1%;clear:both}
	article.grid_8.alpha {clear:both;width:97%;margin-right:0;margin-left:0;}
	article > article.grid_8.alpha {width:100%}
	.page1-img1 img {width:90%;float:right}
	.page1-img2 {float: left;margin-right: 5px;  margin-top: 5px;width:95px;}
	.page1-img2 img {width:100%;}
	.page4-img2 {width:120px;}
	.page4-img2 img {width:100%;}
	.head-img1 {display:none;}
	#content_footer {width:100%;}
	#header {height:auto;}
	div.category_moto {width:auto;}
	img.product_img {width:100%;}
	#footer {height:90px;}
	#footer .text-bot {padding:20px 0 0 0;text-align:center;width:100%;}
	.sub-menu {width:100%;float:left;padding:20px 0 10px 0;text-align:center;}
	div.cat_list {font:normal 18px Arial;}
	#content_header a, #content_footer a {line-height:26px;padding:0 5px;font-size:16px;white-space:nowrap;}
	ul.categories{width:100%;float:left}
	ul.categories li {width: 46%;padding: 0 0 0 4%;}
}

@media all and (max-width: 519px)
{
	body {background-image:url(/userfiles/29903/tail-top-250.jpg);}
	#page1 #header {height:auto;}
	#header .row-1 {height:230px;}
	#header .row-2 {background-size:contain;width:100%;min-height:280px;height:auto;margin-bottom:15px;}
	#header .row-2 .padding {padding:20px 0 0 20px;}
	.slogan {font-size: 1.4em; line-height:1.2em; color:#070506; margin-bottom:14px;width:55%;}
	.slogan strong {display:block;margin-bottom:0;}
	.slogan2 {width:55%;font-size:.6em;line-height: 12px;margin-bottom: 5px;}
	ul.categories li {width:94%;padding:0 0 0 6%}

}
@media all and (max-width: 475px)
{
	#content .grid_6.expr_0.expr_2 {width: 98%;margin-left:1%;margin-right:1%;float:left;clear:none;}
}
@media all and (max-width: 380px)
{
	#header .row-2 {min-height:180px;}
}