/*!
 * Generic Responsive Styles v1.0.0
 * Copyright 2018 ---- Website ----- 
 */
@media only screen and (min-width: 1150px) {	
	
	.container{
		max-width: 1400px;	 
	}
	
}
@media only screen and (max-width: 1401px) {
	
	.scooter-section .content-col p,
	.scooter-section .content-col ul li,
	.scooter-section .content-col table tr th,
	.scooter-section .content-col table tr td,
	.yeno span{
		font-size: 15px;
	}
	.btn{
		font-size: 20px;
	}
	.scooter-section figure{
		width: 110%;
	}
	
}
@media only screen and (max-width: 1201px) {
	
	body{
		overflow-x: hidden !important;
	}
	.main-navigation ul li a{
		font-size: 19px;
	}
	.main-navigation ul li{
		padding: 0 20px;
	}
	.showcase h1 {
		font-size: 35px;
		margin-bottom: 30px;
	}
	.showcase p {
	    font-size: 28px;
	}
	.scooter-section .title {
		font-size: 80px;
		line-height: 60px;
	}
	.scooter-section .content-col p{
		font-size: 18px;
	}
	.scooter-section .content-col ul li{
		font-size: 18px;
	}
	.scooter-section .content-col table tr th{
		font-size: 16px;
	}
	.scooter-section .content-col table tr td{
		font-size: 17px;
	}
	.yeno span{
		font-size: 15px;
	}
	.btn{
		font-size: 18px;
	}
	.scooter-section figure{
		width: 150%;
	}
	.scooter-section.l-orientation .l-col figure {
		margin-left: 60px;
	}
	.content h1,
	.cta h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}
	.content p {
		font-size: 22px;
		line-height: 35px;
		margin-bottom: 20px;
	}

	
}
@media only screen and (max-width: 993px) {
	
	.scooter-section{
		height: auto !important;
	}
	.scooter-section.l-orientation .content-col::after, .scooter-section.r-orientation .content-col::after{
		display: none;	
	}
	.scooter-section .lg-top-spacer{
		padding-top: 25px;
	}
	.scooter-section.l-orientation .l-col .title,
	.scooter-section.r-orientation .r-col .title {
		float: none;
		display: block;
		text-align: center;
	}
	.scooter-section figure {
		width: 150%;
		max-width: 300px;
		margin: 0 auto 25px !important;
	}
	.scooter-section .content-col{
	    padding-top: 40px !important;
	    padding-bottom: 40px;
	}
	.scooter-section .content-col:before{
		position: absolute;
		height: 100%;
		content: '';
		background: #fff;
		width: 250%;
		top: 0;
		z-index: -1;
		left: -50%;
	}
	.scooter-section.l-orientation .content-col .btn{
		float: none;
	}
	.main-navigation{
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 0 10px;
	}
	.main-navigation ul{
		display: inline-block;
		float: none;
	}
	.scooter-section .container .row{
		width: initial;
	}
	.content h1,
	.cta h2 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.content p {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 20px;
	}
	
}
@media only screen and (max-width: 769px) {
	
	.showcase h1 {
		font-size: 25px;
		margin-bottom: 25px;
	}
	.showcase p {
		font-size: 20px;
	}
	.scooter-section .title {
		font-size: 60px;
		line-height: 45px;
	}
	a.logo img,
	a.support-logo img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	.lg-spacer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.scooter-section{
		overflow: hidden;
	}
	footer .row{
		margin-right: -15px;
		margin-left: -15px;
	}
	footer .row [class*=col]{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}
@media only screen and (max-width: 577px) {
}

@media only screen and (max-width: 525px) {
	
	.main-navigation ul li{
		margin-bottom: 20px;
		padding: 0 25px;
	}
	.main-navigation ul li a {
		font-size: 15px;
	}
	.main-navigation ul li:last-child{
		
	}
	.main-navigation ul li:before{
		display: none;
	}
	.main-navigation ul li{
		padding: 0 5px;
		margin-bottom: 0;
	}
	.yeno{
		display: block;
	}
	
	
}
@media only screen and (max-width: 374px) {
	
	.main-navigation ul li a {
		font-size: 13px;
	}
}