
@media only screen and (max-width: 851px)
{
    .flex-center-heading-on-small{
    justify-content: center;
    display: flex;
    }
	.classic-24-compare{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 375px)
{
    .flex-center-heading-on-small
    {
        flex-flow: column;
    }
    .flex-center-heading-on-small .wheels
    {
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
}

.bike-hero-desc-flex{
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    font-weight: 100 !important;
    margin-top: -10px;
    color: #000000 !important;
}

@media only screen and (max-width: 851px){
    .bike-hero-desc-flex{
    justify-content: center;
    margin-top: 0px;
    }
}

.logo_99_bikes_box {
    width: 30%;
    position: absolute;
    z-index: 1;
    top: 5%;
}

@media only screen and (max-width: 1500px){
    .logo_99_bikes_box {
        width: 35% !important;
        top: 7% !important;
    }
}

.bikeBoundaryBox{
	min-height: 1000px;
}

.buttoncontent{
	min-width: 400px;
}

.balance-bikes-accordion .bottom_questions .collapsible-body{
    background-color: #ffffff !important;
}

.balance-bikes-accordion .collapsible {
    border-top: 1px solid #ddd;
}

.orangeBikeBtn  {
    border: 2px solid #f15a01 !important;
    background-color: #f15a01!important;
    color: #fff!important;
}

.form-bike-hero-button span{
	min-width: 400px;
}


@media only screen and (max-width: 851px){
	.bike-free-delivery{
		margin-top: 15px;
	}
	.bike-hero-desc {
  	  line-height: 2rem !important;
	margin-bottom: 10px;
	}
	.bike-hero-price{
		margin-bottom: 10px;
	}

}

@media only screen and (min-width: 851px){
	.bike-hero-right{
		max-width: 500px;
	}

	.vertBaseContainerPrice{
	display: flex;
    flex-direction: row;
    align-items: end;
	}



}



.checkboxes .checkmark.bike1:after  {
    border: #5fb8f2 solid !important; /* main colour */
}
.checkmark.bike1 {
    border: 2px #F90B01 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.bike2:after  {
    border: #ff3bab solid !important; /* spot for main colour */
}
.checkmark.bike2 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike3:after  {
    border: #FE0710 solid !important; /* spot for main colour */
}
.checkmark.bike3 {
    border: 2px #38a0a1 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike4:after  {
    border: #fd3385 solid !important; /* spot for main colour */
}
.checkmark.bike4 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike5:after  {
    border: #343549 solid !important; /* spot for main colour */
}
.checkmark.bike5 {
    border: 2px #FD6F38 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike6:after  {
    border: #60dfaa solid !important; /* spot for main colour */
}
.checkmark.bike6 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike7:after  {
    border: #D83543 solid !important; /* spot for main colour */
}
.checkmark.bike7 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}



.checkboxes .checkmark.bike8:after  {
    border: #dc68b3 solid !important; /* spot for main colour */
}
.checkmark.bike8 {
    border: 2px #FEF210 solid !important;  /* border for highghlight colour*/
}





.checkboxes .checkmark.bike9:after  {
    border: #B2B2B2 solid !important; /* spot for main colour */
}
.checkmark.bike9 {
    border: 2px #ff6c00 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.bike10:after  {
    border: #B2B2B2 solid !important; /* spot for main colour */
}
.checkmark.bike10 {
    border: 2px #f576bb solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.bike11:after  {
    border: #1c527e solid !important; /* spot for main colour */
}
.checkmark.bike11 {
    border: 2px #ff6c00 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.bike12:after  {
    border: #c16ace solid !important; /* spot for main colour */
}
.checkmark.bike12 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}




.checkboxes .checkmark.balance1:after  {
    border: #c0df32 solid !important; /* spot for main colour */
}
.checkmark.balance1 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.balance2:after  {
    border: #31aaea solid !important; /* spot for main colour */
}

.checkmark.balance2 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.balance3:after  {
    border: #fb2664 solid !important; /* spot for main colour */
}

.checkmark.balance3 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}




.checkboxes .checkmark.bmx1:after  {
    border: #f15a01 solid !important; /* spot for main colour */
}
.checkmark.bmx1 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}


.checkboxes .checkmark.bmx2:after  {
    border: #595959 solid !important; /* spot for main colour */
}
.checkmark.bmx2 {
    border: 2px #000000 solid !important;  /* border for highghlight colour*/
}









.solid-orange-btn{
	background: #f15a01 !important;
	color: white !important;
}

.prodlines{
    border-top: 1px solid #E4E4E4;
}

.colour-select-box{
	margin-top: 20px;
	margin-bottom: 25px;
	/*border: 2px solid #F2F2F2 !important;*/
	padding: 20px;
	padding-bottom: 50px;
	z-index: 1;
	position: relative;
}

.colour-select-box p{
color: #bbbbbb !important;
font-size: .9rem;
}

.vertBaseContainer{
	display: flex;
    flex-direction: row;
    align-items: baseline;
}


.bike-free-delivery{
	text-align: right;
	color: #f15a01;
	font-size: 1.2rem;
}


.checkboxes.check-round{
	font-weight: 300 !important;
    margin: 5px 0px !important;
}

.checkboxes.check-round .checkmark{
	border-radius: 70px !important;
	height: 70px !important;
    width: 70px !important;
	margin-left: -35px !important;
}





.checkboxes.check-round .checkmark:after {
    left: 9px !important;
    top: 9px !important;
    border-width: 24px !important;
    border-radius: 24px !important;
	width: 24px !important;
	height: 24px !important;
}




/* The checkboxes container */
.checkboxes {
 	display: inline-block !important;
	position: relative !important;
	padding-left: 0px !important;
	margin-bottom: 12px !important;
	cursor: pointer !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

/* Hide the browser's default checkbox */
.checkboxes input {
	position: absolute !important;
	opacity: 0 !important;
	cursor: pointer !important;
	height: 0 !important;
	width: 0 !important;
}


/* Create a custom checkbox */
.checkmark {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 25px !important;
	width: 25px !important;
	background-color: #ffffff !important;
	border: 2px #000000 solid !important;
}

/* On mouse-over, add an orange background color */
.checkboxes:hover input ~ .checkmark {

}

/* When the checkbox is checked */
.checkboxes input:checked ~ .checkmark {
    border-radius: 40px !important;
    height: 40px !important;
    width: 40px !important;
	margin-top: 15px !important;
    margin-left: -20px !important;
}

/* When the checkbox is checked */
.checkboxes input:checked ~ .checkmark:before  {
border-radius: 70px !important;
    height: 70px !important;
    width: 70px !important;
    border: 5px #F5F5F5 solid !important;
	background-color: #F5F5F5 !important;
	margin-left: -17px !important;
    margin-top: -17px !important;
	z-index: -1 !important;
}




/* When the checkbox is checked */
.checkboxes input:checked ~ .checkmark:after  {
    left: 6px !important;
    top: 6px !important;
    border-width: 12px !important;
    border-radius: 12px !important;
    width: 12px !important;
    height: 12px !important;
}



/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:before {
	content: "" !important;
	position: absolute !important;
	display: block !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "" !important;
	position: absolute !important;
	display: block !important;
}


/* Show the checkmark when checked */
.checkboxes input:checked ~ .checkmark:before {
	display: block !important;
}

/* Show the checkmark when checked */
.checkboxes input:checked ~ .checkmark:after {
	display: block !important;
}



/* Style the checkmark/indicator */
.checkboxesinput:checked .checkmark:before {
	left: 8px !important;
	top: 2px !important;
	width: 8px !important;
	height: 16px !important;
	border: solid #F66E2E !important;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
}



/* Style the checkmark/indicator */
.checkboxes .checkmark:after {
	left: 8px !important;
	top: 2px !important;
	width: 8px !important;
	height: 16px !important;
	border: solid #F66E2E !important;
	border-width: 0 3px 3px 0 !important;
	-webkit-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
}




.accordian_body p{font-size:1rem !important}

/* specific to blog */
h1, .h1 {line-height: 3.7rem !important;font-size: 2.8rem !important;}
h2, .h2{line-height: 3.3rem !important;font-size: 2.6rem !important;}
h3, .h3{line-height: 3.3rem !important;font-size: 2.4rem;}
h4, .h4{line-height: 2.8rem !important;font-size: 2rem;}

.ftcontent .p3.text-right.centermed.mb0{
display:none !important;
}

.dropdown-content li>span {
    font-size: 1.5rem;
	text-align: center;
	color: #505050;
}

.select-wrapper input.select-dropdown {
    font-size: 1.5rem;
	text-align: center;

}



.hero-price-box{
	position: absolute;
	right: 10%;
	top: 28%;
	line-height: 1.5;
}

.bike-hero-desc{
	font-size: 2.3rem !important;
	line-height: 2.3rem !important;
	font-weight: 700 !important;
	color: black;
}

.bike-hero-desc span{
	font-size: 1.3rem;
	font-weight: 100;
	display: inline-block;
}

.bike-hero-price{
	font-size: 2.5rem;
	font-weight: 700;
	color: black;
	line-height: 1;
    margin-bottom: 3px;
}
.bike-hero-button{
	margin-top: 30px !important;
}

.bike-hero-button a, .form-bike-hero-button{
	font-size: 1.25rem !important;
	line-height: 1.5;
    border-radius: 45px !important;
	font-weight: 300 !important;
}

.form-bike-hero-button{
	padding: 0px 30px;
    width: auto;
	line-height: 1.75;
	background: transparent;
}

.form-bike-hero-button:focus {
    background: transparent;
}


.hrefbtn{
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	min-width: 217px;
   	text-align: center;
}


.form-bike-hero-button.grey-allbikes{
	color: #b2b2b2 !important;
	border: 2px solid #b2b2b2 !important;
}


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

	.hrefbtn{
		min-width: 155px;
	}
}

@media only screen and (min-width: 416px) and (max-width: 850px){

	.hrefbtn{
		min-width: 165px;
	}
}

@media only screen and (min-width: 851px) and (max-width: 930px){

	.hrefbtn{
		min-width: 125px;
	}
}

@media only screen and (min-width: 931px) and (max-width: 1185px){

	.hrefbtn{
		min-width: 150px;
	}
}
@media only screen and (min-width: 1185px) and (max-width: 1600px){

	.hrefbtn{
		min-width: 200px;
	}
}




@media only screen and (min-width: 851px) and (max-width: 1250px){



	.hero-price-box{
		position: absolute;
		right: 5%;
		top: 20%;
		line-height: 1.5;
	}

	.bike-hero-desc{
		font-size: 1.75rem !important;
		font-weight: 700;
		color: black;
	}

	.bike-hero-desc span{
		font-weight: 100  !important;
		display: inline-block;
	}

	.bike-hero-price{
		font-size: 2.5rem !important;
		font-weight: 700;
		color: black;
		margin-top: 0px;
	}
	.bike-hero-button{
		margin-top: 30px !important;
	}

	.bike-hero-button a, .form-bike-hero-button{
		font-size: 1rem !important;
		border-radius: 40px !important;
		font-weight: 300 !important;
	}


}




@media only screen and (min-width: 1251px) and (max-width: 1500px){

	.hero-price-box{
		position: absolute;
		right: 5%;
		top: 30%;
		line-height: 1.5;
	}

	.bike-hero-desc{
		font-size: 2rem !important;
		font-weight: 700;
		color: black;
	}

	.bike-hero-desc span{
		font-weight: 100;
		display: inline-block;
	}

	.bike-hero-price{
		font-size: 2.5rem !important;
		font-weight: 700;
		color: black;
		margin-top: 0px;
	}
	.bike-hero-button{
		margin-top: 30px !important;
	}

	.bike-hero-button a, .form-bike-hero-button{
		font-size: 1.25rem !important;
		border-radius: 40px !important;
		font-weight: 300 !important;
	}

}


@media only screen and (min-width: 1501px) and (max-width: 1800px){

	.hero-price-box{
		position: absolute;
		right: 5%;
		top: 30%;
		line-height: 1.5;
	}

	.bike-hero-desc{
		font-size: 2rem !important;
		font-weight: 700;
		color: black;
	}

	.bike-hero-desc span{
		font-weight: 100;
		display: inline-block;
	}

	.bike-hero-price{
		font-size: 2.5rem !important;
		font-weight: 700;
		color: black;
		margin-top: 0px;
	}
	.bike-hero-button{
		margin-top: 30px !important;
	}

	.bike-hero-button a, .form-bike-hero-button{
		font-size: 1rem !important;
		border-radius: 40px !important;
		font-weight: 300 !important;
	}

}


@media only screen and (max-width: 851px){
	.hero-price-box{
		position: relative !important;
		right: 0px !important;
		top: 0px !important;
		line-height: 1.5;
	}

	.bike-hero-desc{
		font-size: 2rem !important;
		font-weight: 700;
		color: black;
		padding-top: 30px !important;
	}

	.bike-hero-desc span{
		font-weight: 100;
		display: inline-block;
	}

	.bike-hero-price{
		font-size: 2.5rem !important;
		font-weight: 700;
		color: black;
		margin-top: 10px !important;
	}
	.bike-hero-button{
		margin-top: 20px !important;
		margin-bottom: 60px !important;
	}

	.bike-hero-button a, .form-bike-hero-button{
		font-size: 1.25rem !important;
		border-radius: 30px !important;
		font-weight: 300 !important;
	}

	.form-bike-hero-button{
		max-width: 175px;
		margin-bottom: 10px;
	}

}





#pfimage{
	max-width: 100% !important;
}



.ftcontent .p4{
	margin-top: 10px;
	font-size: 1.1rem!important;
}

.ftcontent .p3{
	font-size: .8rem!important;
}


.ftmain h2{display: none !important;}


.stats-wrapper-inner{
	background-color: #F5F5F5;
}

.bike-stats .stats-padding{
		background: #a9a9a914;
	}


@media only screen and (min-width: 851px){
	.br-nomobile {
		border-right: 0px solid #C5C5C5 !important;
	}

}

.tramp_img_cont {
    padding: 0rem !important;
    line-height: 0px !important;
}

.popular_heading{
	font-size: 27px !important;
    line-height: 44px !important;
}


.bike_specifications .collapsible-header i {
    font-size: 2.5rem;

}



@media only screen and (max-width: 851px){
	.popular_heading{
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.bike_specifications .collapsible-header i {
		font-size: 2.5rem;
		margin-right: 1.2rem !important;
	}

}

@media only screen and (min-width: 851px) and (max-width: 1050px){
	.popular_heading{
		font-size: 17px !important;
		line-height: 30px !important;
	}
}


@media only screen and (min-width: 1051px) and (max-width: 1600px){
	.popular_heading{
		font-size: 22px !important;
		line-height: 32px !important;
	}
}

.popular_products{
	margin-bottom: 40px;
}

@media only screen and (max-width: 851px){
	.popular_products{
		margin-bottom: 20px !important;
	}
}




.price_rhs{
	color: #4F4F4F;
    margin-top: 12px;
}

.tramp_box {
	margin-bottom: 30px;
	padding: 0px !important;
    border-style: solid;
    border-width: 0px;
    border-color: #ddd;
	background-color: #fff;
}




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

	.btn-row{
		margin-bottom: 10px;
	}

	.btm-btn-row{
		margin-bottom: 50px;
	}

	.prod_was_price {
		margin-top: -10px !important;
	}
	.price_rhs{
		margin-top: 3px !important;
	}

	.tramp_box {
	margin-bottom: 20px !important;
	}
	.stock_avail{
		margin-top: 15px !important;
		margin-bottom: 20px;
	}
	.tramp_box {
		margin-bottom: 10px !important;
	}

}


@media only screen and (max-width: 380px){
	.tramp_btns {
		display: inline-block;
	}
}



@media only screen and (max-width: 500px){
	.tramp_btns {
		padding: 10px 15px !important;
	}
}


@media only screen and (min-width: 401px) and (max-width: 850px){
	.tramp_btns {
		padding: 10px 15px !important;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m12 {
	width: 100%;
	margin-left: 0;
	}
}

@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m4 {
	width: 33.33333% !important;
	margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m8{
		width: 66.66667% !important;
		margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m3 {
		width: 25% !important;
		margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m2 {
		width: 16.66667% !important;
		margin-left: 0;
	}
}

@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m10 {
		width: 83.33333% !important;
		margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m1 {
		width: 8.33333%;
		margin-left: 0;
	}
}


@media only screen and (min-width: 1500px) and (max-width: 1500px){
	.row .col.l8 {
		width: 66.66667%;
		margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m5 {
		width: 41.66667%;
		margin-left: 0;
	}
}


@media only screen and (min-width: 851px) and (max-width: 1500px){
	.row .col.m6 {
		width: 50%;
		margin-left: 0;
	}
	.footer-bike-sizes h4{
		font-size: 1.75rem;

	}
}


	@media only screen and (min-width: 1500px){
	.row .col.l6 {
		width: 50% !important;
		margin-left: 0;
	}
}

@media only screen and (min-width: 1500px){
	.row .col.l3 {
		width: 25% !important;
		margin-left: 0;
	}
}

@media only screen and (min-width: 1500px){
	.row .col.l9 {
		width: 75%;
		margin-left: 0;
	}
}




@media only screen and (max-width: 900px) {
td{width:100% !important;}
}

.stock_avail{
	background-color: #f5f5f5;
}
.stock_avail p{
	font-size: 14px;
	text-align: left !important;
	padding: 12px 15px !important;
}


@media only screen and (max-width: 1500px){
	.stock_avail {
		margin-top: 10px;
	}

}

.pd0{
	padding: 0px !important;
}


.size_banner p{
	background-color: #202020;
	font-size: 2rem;
	font-weight: 700;
	color: white;
	line-height: 1.5rem;
	padding: 35px;
	margin: 0px !important;
}

.size_banner p span{
	color: #F15A01 !important;
	font-weight: 300 !important;
}

.bikeheroimg{
	margin-bottom: 0px;
}

@media only screen and (max-width: 851px){
	.bikeheroimg{
		margin-bottom: 0px !important;
	}
}


.bikebannerimg{
	margin-top: 50px;
}

@media only screen and (max-width: 851px){
	.bikebannerimg{
		margin-top: 20px !important;
	}
}



.mb80{
	margin-bottom: 80px;
}

.mt80{
	margin-top: 80px;
}


@media only screen and (min-width: 1921px){
	.mw1920n1815 {
		max-width: 1815px;
	}
}




.bottom_questions.bike_specifications  .collapsible-header {
    padding: 0.3rem 0rem;
}


.collapsible {
    border-top: 0px solid #ddd;
}

.bottom_questions.bike_specifications  .collapsible-body {
    background-color: #f5f5f5 !important;
}

table{
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: white !important;
}

tr{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: white !important;
}

.bottom_questions.bike_specifications  .collapsible-body {
    padding: 0px;
}

.frozen_table th, td {
    text-align: left;
    padding: 8px 40px;
}

.collapsible-body {
    border-bottom: 0px solid #ddd;
}

.bottom_questions .collapsible-body {
    margin-bottom: 30px;
}

.frozen_table th, td {
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 2px;
}

@media only screen and (max-width: 900px){
    td {
        width: auto !important;
    }

    .frozen_table th, td {
        text-align: left;
        padding: 8px 20px;
    }
}


.right-specs-col{
    width: 80% !important;
}

@media only screen and (max-width: 1000px){
    .right-specs-col{
        width: 60% !important;
    }
}


.compare_btn{
	background-color: black;
	color: white;
	display: inline;
	padding: 10px;
	border-radius: 60%;
	cursor: pointer;
}

.compare_btn:hover{
	background-color: #f15a00;
}

.reset_btn {
	background-color: #f15a00;
	color: white;
	display: inline;
	padding: 10px 1.57143rem;
	border-radius: 999rem;
	cursor: pointer;
}

.toggle_active{
	background-color: #f15a00;
}



	.lb_thumb_outer{
		padding: 5px !important;

	}

	@media only screen and (max-width: 600px) {
	  	.lb_thumb_outer{
			padding: 2px !important;
		}
	}

	.lb_thumb{
		background-size: contain;
		cursor: pointer;
		background-repeat: no-repeat !important;
	}

	.lb_thumb{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.lb_thumb:hover{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}





  .bike-hero-right .collapsible {
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  margin: .5rem 0 1rem !important;
  margin-right: 20px !important;
  margin-left: 20px !important;
  }
  .bike-hero-right .access_dropdown .collapsible-header img {
  height: 43px;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
  }
  .bike-hero-right .collapsible{
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 0px 0 rgb(0 0 0 / 0%);
  }
  .bike-hero-right .collapsible-header {
  font-size: 16px;
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  }
  .bike-hero-right .access_drop img {
  height: 43px;
  vertical-align: middle;
  margin-right: 4px;
  }
  .bike-hero-right .collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  .bike-hero-right .access_drop {
  padding: 0.3rem 1rem;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
  font-size: 13px;
  }
  .bike-hero-right .acdr_check {
  padding: 0.3rem 0rem;
  }
  .bike-hero-right .access_drop {
  padding: 0.3rem 1rem;
  border-bottom: 1px solid #f4f4f4;
  font-weight: bold;
  font-size: 13px;
  }
  .bike-hero-right .access_drop:hover {
  cursor: pointer;
  background-color: #f5f5f5a8;
  }
  .bike-hero-right .bike-hero-desc span {
  margin-top: 18px;
  }
  span.txtname:hover {
  cursor: pointer;
  }


.col.s12.m12.s12.bike-hero-desc {
    margin-top: -35px !important;
}






.trampimg{
	max-width: 80% !important;
	margin-left: 10%;
}

.trampimg-filler{
	max-width: 80% !important;
}


@media only screen and (min-width: 1588px) {

	.trampimg{
		max-width: 60% !important;
		margin-left: 20% !important;
	}

	.trampimg-filler{
		max-width: 60% !important;
	}


	.trampimg-balance{
		max-width: 80% !important;
		margin-left: 10% !important;
	}

	.trampimg-filler-balance{
		max-width: 80% !important;
	}


}

.h2above h1.bike-hero-desc.wheels, .h2above h2.bike-hero-desc.wheels{
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    float: none !important;
    display: block;
    flex: none;
    padding-top: 0px !important;
    margin-top: 18px;
}
.h2above h2.bike-hero-desc{
    line-height: 1.2rem !important;
    margin-bottom: 0px;
    float: none !important;
    display: block;
    flex: none;
}


.h1above h2.bike-hero-desc.wheels{
    font-size: 1rem !important;
    line-height: 1.2rem !important;
    float: none !important;
    display: block;
    flex: none;
    padding-top: 0px !important;
    margin-top: 18px;
}
.h1above h1.bike-hero-desc{
    line-height: 2rem !important;
    margin-bottom: -8px !important;
    float: none !important;
    display: block !important;
    flex: none !important;
}



.bikebuttonwrap {
	display: flex;
	flex-direction: column;
}

@media(min-width: 1024px) {
	.bikebuttonwrap {
		flex-direction: row;
	}
}