h1,

h2,

h3,

h5 {

	font-family: "NeoSansStdLight";

}



p {

	color: #b3b3b3;

}



.li-none {

	height: 28px;

	display: block

}



.bg-img,

.compatible img,

picture img {

	width: 100%;

	max-width: 100%;

}



.section-1 {

	position: relative;

	margin-top: -80px;

}



.section-1 h2 {

	font-size: 34px;

}



.section-1 .container .rr-logo {

	width: 450px;

	padding-bottom: 20px;

}



.section-1 h5 {

	font-size: 24px;

}



.section-1 .container {

	position: absolute;

	color: aliceblue;

	width: 100%;

	top: 28%;

	padding-left: 28%;

	padding-right: 28%;

}



.section-1 .container p {

	color: #ebebeb;

}



.compatible {

	background-color: #111;

}



.compatible .container {

	text-align: left;

	padding: 50px 0;

}



.compatible .container h1 {

	line-height: 50px;

	color: #FFF;

}



.section-3 .container {

	color: aliceblue;

	text-align: center;

	min-width: 100%;

	position: absolute;

	width: 100%;

	top: 75%;

}



.section-3 .container p {

	color: #ebebeb;

}



.section-4 .container h1 {

	color: #1a1a1a;

}



.copyright-bar p {

	color: #525252;

}



.compatible {

	border-bottom: 1px solid #2e2e2e3d;

}



.spec .container .row img {

	padding: 3% 15px;

}



.footer-wrap-1-1 a {

	color: #777;

}



.footer-wrap-1-1 a:hover {

	color: rgba(233, 152, 0, 1.00);

}



.covervid-wrapper .container p {

	color: #ededed;

}



.covervid-wrapper .container h1 {

	color: #ffffff;

}



.content-3-5 .container h1 {

	color: #ffffff;

}



.footer-wrap-1-1 h4 {

	font-size: 2rem;

}



.copyright-bar .social {

	text-align: center;

}



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

	h1 {

		font-size: 22px !important;

		line-height: 30px;

	}



	h2 {

		font-size: 24px;

	}



	h4 {

		font-size: 1.98rem;

	}



	p {

		color: grey !important;

		font-size: 12px;

	}



	h3 {

		font-size: 18px !important

	}



	li {

		font-size: 12px !important

	}



	.section-1 .container {

		top: 25%;

		padding-left: 15%;

		padding-right: 45%;

	}



	.brand-img {

		width: 28% !important

	}



	.section-1 .container .rr-logo {

		width: 85%;

	}



	.compatible h1 {

		font-size: 20px !important;

		line-height: 26px !important;

	}



	.compatible .container {

		padding: 10px 25px

	}

}



@media only screen and (min-width:768px) and (max-width:1023px) {

	h1 {

		font-size: 24px;

	}



	p,

	li {

		font-size: 12px !important;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4,

	h5 {

		font-size: 18px !important;

	}



	.section-1 .rr-logo {

		width: 60% !important;

	}



	.section-1 .container {

		top: 20%;

		padding-left: 20%;

		padding-right: 28%;

	}



	.compatible .container {

		padding: 10px 30px;

	}



	.compatible .container h1 {

		line-height: 30px;

	}

}



@media only screen and (min-width:1024px) and (max-width:1279px) {

	h1 {

		font-size: 28px;

	}



	p {

		font-size: 14px;

	}



	li {

		font-size: 12px !important;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 100%;

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		top: 20%;

		padding-left: 28%;

		padding-right: 23%;

	}



	.compatible .container {

		padding: 30px 10px;

	}



	.compatible .container h1 {

		line-height: 30px;

	}

}



@media only screen and (min-width:1280px) and (max-width:1365px) {

	h1 {

		font-size: 28px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 88%

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		width: 80%;

		margin-top: -16%;

	}



	.compatible .container {

		padding: 30px;

		width: 57%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1366px) and (max-width:1440px) {

	h1 {

		font-size: 30px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.section-1 .rr-logo {

		width: 50% !important;

	}



	.section-1 .container {

		top: 25%;

		padding-left: 28%;

		padding-right: 20%;

	}



	.compatible .container {

		padding: 30px;

		width: 57%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1536px) and (max-width:1600px) {

	h1 {

		font-size: 30px;

	}



	p {

		font-size: 14px;

	}



	h2 {

		font-size: 22px !important;

	}



	h3,

	h4 {

		font-size: 18px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 45% !important;

	}



	.section-1 .container {

		width: 80%;

		margin-top: -13%;

	}



	.compatible .container {

		padding: 30px;

		width: 67%

	}



	.compatible .container h1 {

		line-height: 40px;

	}

}



@media only screen and (min-width:1921px) and (max-width:2560px) {

	h1 {

		font-size: 40px;

	}



	p {

		font-size: 16px;

	}



	h2 {

		font-size: 40px !important;

	}



	h4,

	h5 {

		font-size: 24px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 48% !important;

	}



	.section-1 .container {

		top: 28%;

		padding-left: 35%;

		padding-right: 30%;

	}



	.compatible .container {

		padding: 50px;

		width: 68%

	}



	.compatible .container h1 {

		line-height: 50px;

	}

}



@media only screen and (min-width:2880px) and (max-width:3200px) {

	h1 {

		font-size: 48px;

	}



	p {

		font-size: 18px;

	}



	h2 {

		font-size: 40px !important;

	}



	h3,

	h4,

	h5 {

		font-size: 24px !important;

	}



	.container {

		width: 1200px

	}



	.section-1 .rr-logo {

		width: 40% !important;

	}



	.section-1 .container {

		top: 30%;

		padding-left: 35%;

		padding-right: 28%;

	}



	.compatible .container {

		padding: 60px;

		width: 45%

	}



	.compatible .container h1 {

		line-height: 60px;

	}

}