@charset "utf-8";
/* CSS Document */


.nav {	position:relative;	display:inline-block;	font-size:14px;	font-weight:900;}
.nav-list {	text-align:left;}
.nav-item {	float:left; *display:inline; zoom:1;	position:relative;}
.nav-item a {display:block;	color:#FFF;	padding:15px 20px;	background:#3D3D3B;	border-bottom:1px solid #1e1e1e; font-family:'Conv_HelveticaNeue-BoldCond'; font-size:17px;}
.nav-item > a:hover {background:#172930;}
.nav-item:hover .nav-submenu {	display:block;}
.nav-submenu {	display:none;	position:absolute;	left:0;	width:180px;}
.nav-submenu-item a {	background:#363635;	border-bottom:1px solid #1e1e1e;display:block;padding:15px;}
.nav-submenu-item a:hover {	background:#172930;}
.nav-mobile {display:none;cursor:pointer;position:absolute;top:0;	right:0;	background:#3D3D3B url(../images/nav.svg) no-repeat center center;	background-size:18px;height:50px;	width:50px;}
.nav-click {	position:absolute;top:0;	right:0;display:none;border-left:1px solid #1e1e1e;height:49px;width:50px;cursor:pointer;}
.nav-click i {display:block;height:48px;width:48px;	background:url(../images/drop.svg) no-repeat center center;background-size:20px;}
.nav-click:hover {background-color:#172930;}
.nav-rotate {-webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg);	-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.mobile-menu{ display:none;}



@media only screen and (min-width: 320px) and (max-width: 1020px) {
.mobile-menu{ display:block;}
.menu{ display:none;}
.nav-mobile {display:block;}
.nav {width:100%;	padding:50px 0 0;}
.nav-list {display:none;}
.nav-item {width:100%;	float:none;}
.nav-item > a {	padding:15px;}
.nav-click {display:block;}
.nav-mobile-open {	border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;}
.nav-item:hover .nav-submenu {display:none;}
.nav-submenu {position:static;width:100%;}
}




@media only screen and (max-width:1170px) {
	.main-content-fix{ width:98%;}
	ul.section-two-gallery li{ width:32%; margin-left: 2%;}
	ul.menu li{ padding-left:0.4%;}
	ul.menu li a{ font-size:1em;}
	ul.menu li a{ padding:12px 29px;}
	.section-one-left { width: 64%;}
	.section-one-right{ width:34%;}
	ul.product li{ margin: 1%;  width: 47%;}
	ul.product li:first-child{ margin-left:1%;}
	.footer-section-one{ width:24%; padding-left:1%;}
	.footer-section-two{ width:23%;}
	.footer-section-three{ width:26%;}
 .footer-section-four { margin-right: 1%; padding: 55px 1%; width: 22%;}
	.header-main-right{ width:65%}
	.slide-detail{ width:61%;}
	.slider .flexslider .flex-direction-nav .flex-prev{ left:54%;}
	.bike-inner-right{ width:78%;}
	.bike-inner-left{ width:20%;}
	.banner-dec {left: 1%; top: 4%; width: 94%;}
	ul.section-right-gallery-full li{margin-left: 2%; width: 32%;}
	ul.page-by{ margin-top:10px;}
	ul.bikes-gallery li{margin-left: 4%; padding: 1%; width: 28%;}
	.bikes-main-right{ width:54%;}
	.bikes-main-left { width: 44%;}
	.bikes-full{ padding: 17px 2%; width: 71%;}	
	.select-size{ margin-right:20px;}
	.select-size{ width:39%;}
}


@media only screen and (max-width:1024px) {
	.banner-dec h2{ padding-bottom:5px;}
	.banner-dec{ padding:1%;}
	.bikes-full{padding: 44px 2%;}

}

@media only screen and (max-width:1000px) {
	.section-one-left { width: 100%;}
	.section-one-right{ width:100%; padding-top:30px;}
	ul.section-right-gallery li{  margin: 0 1%; width: 31.3%;}
	.right-gallery-txt{ font-size:22px;}
	ul.section-right-gallery li a{ width:100%;}
	}

@media only screen and (max-width: 960px) {
	.logo{ width:100%; text-align:center;}
	.header-main-right{ width:100%;}
	.buying-on-left{ font-size:19px;}
	.bikes-main-left{ width:100%;}
	.bikes-full{ padding:17px 2%; text-align:center;}
	.bikes-main-right{ width:100%; margin-top:20px;}
	
} 

@media only screen and (max-width: 768px) {
	.footer-section-one, .footer-section-two, .footer-section-three, .footer-section-four{ width:48%; padding:1%; margin:0 0 20px 0;}
	.pro-image{ text-align:center;}
.footer-middle-right { padding-top: 14px;}
.bike-inner-left{ width:100%;}
.bike-inner-right{ width:100%; padding-top:20px;}
.right-gallery-txt-full{ font-size:21px;}
.pagination-full{ width:99.8%;}

}

@media only screen and (max-width: 640px) {
	ul.section-right-gallery li { margin: 0 auto 26px; width: 389px; float:none; overflow:hidden;}
	ul.section-two-gallery li{ width:360px; margin:0 auto 26px; float:none;}
	ul.section-two-gallery li:first-child{ margin:0 auto 26px;}
	.footer-bottom-left{ width:100%; padding-bottom:10px; text-align:center;}
	ul.footer-bottom-right{ width:400px; margin:0 auto; float:none;}
	.slider .flexslider .flex-direction-nav .flex-prev{ left:0;}
	.flex-direction-nav a{ top:50%; }
.slider .flexslider .flex-direction-nav .flex-next{ top:50%;}
.slider .flexslider .flex-direction-nav .flex-prev{ top:50%;}
.slider .flexslider .flex-direction-nav .flex-next{ right:0; left:auto; }
ul.product li { width: 98%;}
.banner-dec{ height:143px; overflow:hidden;}
.buying-on-left{ margin-bottom:10px; width:96%; padding: 1% 2%; text-align:center;}
.open-calculator{ display:block; width:96%; padding:0; margin:0 2%;}
ul.bikes-gallery li { margin-left: 1%; width: 30.3%;}
.pagination-select{ margin-bottom:10px;}
.pagination-txt{ clear:both;}
}

@media only screen and (max-width: 568px) {
	.pagination-txt{ width:100%; padding:0 ;}
	.pagination-select{ width:100%; padding:5px 0; margin:10px 0;}
.banner-dec{ height:130px;}
ul.section-right-gallery-full li.left-margin{ margin-left:1%; margin-top:5px;}
ul.section-right-gallery-full li { margin:5px 1%; width: 48%;}
.pagination-page{ width:94%; margin:20px 1%;}
.heading-inner{ width:96%; margin:0 2%;}
ul.bikes-gallery li{ width:45.6%; margin:1% !important;}
.pagination-full{ width:99.5%;}
}

@media only screen and (max-width: 520px) {
ul.header-contact-detail li{ float:right; margin:10px;}
.email-subs{ margin-left:0; margin-top:10px;}
.slide-detail {width: 76%;}
.slide-txt{ font-size:3em; line-height:inherit;}
ul.footer-bottom-right{ width:100%;}
.bikes-right-heading{ text-align:center;}
}


@media only screen and (max-width: 480px) {
		.footer-section-three{ width:98%;}
		.footer-section-four{ width:98%; text-align:center;}
		.banner-dec {height: 121px;}
		.right-middle-left, .right-middle-right{ width:100%; text-align:center;}
		.size-txt{ width:100%; padding:0 0 10px 0;}
		.select-size{ width:100%; padding:5px 0; margin:0 0 10px 0;}
		.bikes-full{ width:95%;}
		ul.bikes-thumb{ width:100%; margin-top:20px;}
		ul.bikes-thumb li{ width:25%;}
		.h-right-bottom{ width:100%;}
		.search-field{ width:80%;}

}

@media only screen and (max-width: 408px) {
		ul.section-right-gallery li{ width:98%; margin:0 1% 20px;}
		ul.section-two-gallery li{width:98%; margin:0 1% 20px;}
		ul.footer-bottom-right li{ margin-bottom:10px; padding:0 10px;}
	.detail-number{ font-size:17px;}
	.comment-area{ width:98%;}
	.user-pic{ padding-bottom:10px;}
}


@media only screen and (max-width: 360px) {
	.slide-detail{ top:14%;}
	.footer-section-one, .footer-section-two, .footer-section-three, .footer-section-four{ width:98%;}
	ul.section-right-gallery-full li { float: none; margin: 0 auto 13px !important; overflow: hidden; width: 300px;}
	.banner-dec h2{ padding-bottom:0;}
	.banner-dec p { color: #FFFFFF; font-size: 13px; line-height: 15px;}
	.banner-dec {height: 78px;}
	ul.bikes-gallery li{ width:98%;}
	.bikes-pic{ text-align:center;}
	ul.bikes-thumb li{ margin: 0 1%; width: 23%;}
	.banner-dec{ width:96%;}
	
}

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

}