.media-specs { cursor:pointer; }
.medfaq { display:none; }

@media screen and (min-width:1351px) and (max-width:5000px){

.header.headerVideo {
	height: 40vw !important;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.header.headerVideo .video {
    float: left;
    position: relative;
   	width: 71vw;
    min-width: auto;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
  }
	#cart-1 .left .price .qtu.qtuPromo {
		position: absolute;
		top: 49px;
		right: -1px;
		color: #000;
		background-color: #fff;
		border: 1px solid #000;

		box-sizing: border-box;
	}
	#cart-1 .left .price .qtu em {
		font-style: normal !important;
	}
	.promo {
		text-decoration: line-through;
		text-decoration-color: red;
		font-style: normal !important;
	}

	.precent {
		float: right;
		width: 60px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 0;
		right: -60px;
		color: #fff;
		font-size: 18px !important;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
		height: 20px;
		padding: 8px 0px 6px 0px;
		background-color: #000000;
	}

.medfaq .box {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-bottom:1px solid #d3d3d3;
}
.medfaq .title {
	float:left;
	width:100%;
	height:4vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000000;
	font-family: GothamBK;
	font-size: 1.05vw;
	font-weight: 400;
	line-height: 1.5vw;
	text-transform: uppercase;
	text-align:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.medfaq .title .arrow {
		position:relative;
		left:1vw;
	}
.medfaq .text {
	float:left;
	width:80%;
	margin:0px 10% 0px 10%;
	padding:0px 0px 2vw 0px;
	position:relative;
	color: #484848;
	font-family: GothamBK;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align:center;
	
}
	.medfaq .text a {
		text-decoration:none;
		color: #484848;
	}
	.medfaq .text strong {
		color:#000;
	}
	.medfaq .text .view {
		float:left;
		width: 200px;
		height: 50px;
		margin:1vw 0px 0px -100px;
		background-color: #000000;
		color: #ffffff;
		border:1px solid #fff;
		font-family: GothamBK;
		font-size: 18px;
		font-weight: 500;
		line-height: 50px;
		left:50%;
		top:0;
		position:relative;
		text-transform: uppercase;
		text-align:center;	
		text-decoration:none;
	}
		.medfaq .text .view:hover {
			background-color: #fff;
			color:#000;
			border:1px solid #000;
		}

.inchBike {
    float: left;
    width: 100%;
    height: 55px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 10;
}
.metNew {
	float:left;
	position:absolute;
	top:10vw;
	left:10%;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:18px;
	line-height:30px;
	font-weight:400;
	font-family: GothamB;
	color: black;
	border:1px solid #000;
	text-transform:uppercase;
}
	.metNew.newPage {
		position:relative;
		top:0;
		left:0;
	}
.text-main {
	float:left;
	width:100%;
	position:relative;
}
	.this-text {
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		text-align:justify;
	}
		.this-text strong {
			float: left;
			width: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-family: GothamB;
			color: black;
			text-transform:uppercase;
		}
		.this-text em {
			font-size:12px;
		}
	.text-main table {
		float:left;
		width:48% !important;
		height:600px !important;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.text-main table tr {
		
	}
	.text-main table tr td {
		vertical-align:top;
	}
	
	.text-main table tr:first-child {
		height:370px !important;
		overflow:hidden;
	}
		.text-main table tr:first-child td {
			height:300px !important;
			overflow:hidden;
			padding:0px 0px 20px 0px;
		}
	.text-main table tr td img {
		float:left;
		width:100% !important;
		height:auto !important;
		max-height:370px !important;
		position:relative;
	}
}

@media screen and (min-width:651px) and (max-width:1350px){
	.header.headerVideo {
		height: 40vw !important;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	.header.headerVideo .video {
		float: left;
		position: relative;
		width: 71vw;
		min-width: auto;
		height: 100%;
		min-height: 100%;
		z-index: 1;
		-o-object-fit: cover;
		   object-fit: cover;
	  }
	#cart-1 .left .price {
		overflow: visible !important;
	}
	#cart-1 .left .price .qtu.qtuPromo {
		position: absolute;
		top: 49px;
		right: -1px;
		color: #000;
		background-color: #fff;
		border: 1px solid #000;

		box-sizing: border-box;
	}
	#cart-1 .left .price .qtu em {
		font-style: normal !important;
	}
	.promo {
		text-decoration: line-through;
		text-decoration-color: red;
		font-style: normal !important;
	}
	.precent {
		float: right;
		width: 60px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 0;
		right: -60px;
		color: #fff;
		font-size: 18px !important;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
		height: 20px;
		padding: 8px 0px 6px 0px;
		background-color: #000000;
	}
.medfaq .box {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	border-bottom:1px solid #d3d3d3;
}
.medfaq .title {
	float:left;
	width:100%;
	height:5vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000000;
	font-family: GothamBK;
	font-size: 1.55vw;
	font-weight: 400;
	line-height: 1.55vw;
	text-transform: uppercase;
	text-align:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.medfaq .title .arrow {
		position:relative;
		left:1vw;
	}
.medfaq .text {
	float:left;
	width:80%;
	margin:0px 10% 0px 10%;
	padding:0px 0px 2vw 0px;
	position:relative;
	color: #484848;
	font-family: GothamBK;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align:center;
	
}
	.medfaq .text a {
		text-decoration:none;
		color: #484848;
	}
	.medfaq .text strong {
		color:#000;
	}
	.medfaq .text .view {
		float:left;
		width: 200px;
		height: 50px;
		margin:1vw 0px 0px -100px;
		background-color: #000000;
		color: #ffffff;
		border:1px solid #fff;
		font-family: GothamBK;
		font-size: 18px;
		font-weight: 500;
		line-height: 50px;
		left:50%;
		top:0;
		position:relative;
		text-transform: uppercase;
		text-align:center;	
		text-decoration:none;
	}
		.medfaq .text .view:hover {
			background-color: #fff;
			color:#000;
			border:1px solid #000;
		}


.inchBike {
    float: left;
    width: 100%;
    height: 55px;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 10;
}
.metNew {
	float:left;
	position:absolute;
	top:15vw;
	left:5%;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-size:16px;
	line-height:25px;
	font-weight:400;
	font-family: GothamB;
	color: black;
	border:1px solid #000;
	text-transform:uppercase;
}
	.metNew.newPage {
		position:relative;
		top:0;
		margin-right:50%;
		left:0;
	}
.text-main {
	float:left;
	width:100%;
	position:relative;
}
	.this-text {
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:flex-start;
	}
		.this-text strong {
			float: left;
			width: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-family: GothamB;
			color: black;
			text-transform:uppercase;
		}
		.this-text em {
			font-size:12px;
		}
	.text-main table {
		float:left;
		width:48% !important;
		max-height:600px !important;
		position:relative;
		margin:0px 0px 30px 0px;
		padding:0px 0px 0px 0px;
	}
	.text-main table tr {
		
	}
	.text-main table tr td {
		vertical-align:top;
	}
	
	.text-main table tr:first-child {
		overflow:hidden;
	}
		.text-main table tr:first-child td {
			overflow:hidden;
			padding:0px 0px 20px 0px;
		}
	.text-main table tr td img {
		float:left;
		width:100% !important;
		height:auto !important;
		max-height:370px !important;
		position:relative;
	}
}

@media screen and (min-width:0px) and (max-width:650px){
	.headerVideoHr {
		float: left;
		width: 90%;
		height: 50px;
		margin: 10px 0px 10px 5%;
		padding: 0px 0px 0px 0px;
		position: relative;
		background-size: auto 100% !important;
	}

	.header.headerVideo {
		height: 55vw !important;
	}
	.header.headerVideo .video {
		float: left;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		min-width: 100%;
		height: 100%;
		min-height: 100%;
		z-index: 1;
		-o-object-fit: cover;
		   object-fit: cover;
	  }
	#cart-1 .left .price {
		overflow: visible !important;
		height: auto !important;
	}
	#cart-1 .left .price .qtu {
		float: left;
		height: 50px !important;
		width: 50% !important;
		padding: 0 !important;
		text-align: center;
	}
	#cart-1 .left .price .qtu.qtuPromo {
		color: #000;
		background-color: #fff;
		border-top: 1px solid #000;

		box-sizing: border-box;
	}
	#cart-1 .left .price .qtu em {
		font-style: normal !important;
	}
	.promo {
		text-decoration: line-through;
		text-decoration-color: red;
		font-style: normal !important;
	}
	.precent {
		float: right;
		width: 60px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: -34px;
		right: -1px;
		color: #fff;
		font-size: 18px !important;
		font-weight: 400;
		line-height: 18px;
		text-align: center;
		height: 20px;
		padding: 8px 0px 6px 0px;
		background-color: #000000;
	}
.medfaq .box {
	float:left;
	width:100%;
	margin:2vw 0px 0px 0px;
	padding:0px 0px 2vw 0px;
	position:relative;
	border-bottom:1px solid #d3d3d3;
}
.medfaq .title {
	float:left;
	width:100%;
	height:5vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	color: #000000;
	font-family: GothamBK;
	font-size: 4vw;
	font-weight: 400;
	line-height: 5vw;
	text-transform: uppercase;
	text-align:center;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.medfaq .title .arrow {
		position:relative;
		left:1vw;
	}
.medfaq .text {
	float:left;
	width:80%;
	margin:0px 10% 0px 10%;
	padding:4vw 0px 4vw 0px;
	position:relative;
	color: #484848;
	font-family: GothamBK;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align:center;
	
}
	.medfaq .text a {
		text-decoration:none;
		color: #484848;
	}
	.medfaq .text strong {
		color:#000;
	}
	.medfaq .text .view {
		float:left;
		width: 200px;
		height: 50px;
		margin:4vw 0px 0px -100px;
		background-color: #000000;
		color: #ffffff;
		border:1px solid #fff;
		font-family: GothamBK;
		font-size: 18px;
		font-weight: 500;
		line-height: 50px;
		left:50%;
		top:0;
		position:relative;
		text-transform: uppercase;
		text-align:center;	
		text-decoration:none;
	}
		.medfaq .text .view:hover {
			background-color: #fff;
			color:#000;
			border:1px solid #000;
		}
		
.inchBike {
    float: left;
    width: 100%;
    height: 55px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 10;
}
.metNew {
	float:left;
	position:absolute;
	top:22vw;
	left:2%;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-size:14px;
	line-height:25px;
	font-weight:400;
	font-family: GothamB;
	color: black;
	border:1px solid #000;
	text-transform:uppercase;
}
	.metNew.newPage {
		position:relative;
		top:0;
		left:0;
		margin-right:50%;
		clear:both;
	}
.text-main {
	float:left;
	width:100%;
	position:relative;
}
	.this-text {
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:flex-start;
	}
		.this-text strong {
			float: left;
			width: 100%;
			margin: 0px 0px 10px 0px;
			padding: 0px 0px 0px 0px;
			font-family: GothamB;
			color: black;
			text-transform:uppercase;
		}
		.this-text em {
			font-size:12px;
		}
	.text-main table {
		float:left;
		width:100% !important;
		max-height:600px !important;
		position:relative;
		margin:0px 0px 30px 0px;
		padding:0px 0px 0px 0px;
	}
	.text-main table tr {
		
	}
	.text-main table tr td {
		vertical-align:top;
	}
	
	.text-main table tr:first-child {
		overflow:hidden;
	}
		.text-main table tr:first-child td {
			overflow:hidden;
			padding:0px 0px 20px 0px;
		}
	.text-main table tr td img {
		float:left;
		width:100% !important;
		height:auto !important;
		max-height:370px !important;
		position:relative;
	}
}