﻿/*roar family timeline*/
.roar-family-timeline {
	list-style: none;
	padding: 0;
}
.roar-family-timeline li {
	width: 100%;
}
.roar-family-timeline li a {
	color: #252525;
}
.roar-family-timeline li h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1em;
}
/*roar family timeline*/

.gallery-superwide h4,
.gallery-superwide p {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:1124px;
	width:66vw;
}
.gallery-superwide .slick-dots {
	display:none !important;
}
#nav-superwide {
	margin-top:10px;
	margin-bottom:30px;
}
#nav-superwide label{
	cursor:pointer;
	padding: 0px 0px 10px 0px;
	color: #333;
	font-size: 16px;
  display: block;
  text-align: center;
}
#nav-superwide .active label{
	border-bottom: 2px solid #26AFFF;
}
@media(max-width:1440px) {
	.gallery-superwide img {
		height:55vh;
		width:auto;
	}
}
@media(max-width:1200px) {
	.gallery-superwide img {
		height:50vh;
		width:auto;
	}
}
@media(max-width:991px){
	#section-portability,
	#section-SmallestSpeaker {
		background:none !important;
	}
	.gallery-superwide h4,
	.gallery-superwide p {
		width:80vw;
	}
	.gallery-superwide h4 {
		font-size:24px;
	}
	.gallery-superwide p {
		font-size:16px;
	}
	#nav-superwide label {
		font-size: 12px;
	}
}

@media(max-width:768px) {
	#section-connectivity {
		background:none !important;
	}

	#section-connectivity .feature-header {
		color:#808080;
	}
	#section-connectivity .feature-subheader {
		color:#000;
	}
	#section-connectivity p {
		color:#595959;
	}
	.gallery-superwide h4,
	.gallery-superwide p {
		width:90vw;
	}
	.gallery-superwide h4 {
		font-size:16px;
	}
	.gallery-superwide p {
		font-size:12px;
	}
	.gallery-superwide img {
		height:40vh;
	}
}

@media(min-width:768px){
	.roar-family-timeline li {
		width: 20%;
		float: left;
	}
	.roar-family-timeline li img {
		margin: 0 auto;
	}
	#section-award img{
		margin-top:-120px;
	}
}

@media(min-width:991px) {
	#section-award img{
		margin-top:-190px;
	}
}

@media(min-width:1200px) {
	#section-award img{
		margin-top:-230px;
	}
}

@media(min-width:1700px){
	#section-award img{
		margin-top:-290px;
	}
	#section-SmallestSpeaker .container{
		padding:60px 0px 120px 0px;
	}
	#section-portability {
		padding-bottom:60px;
	}
}

#features .text-center p {
	text-align:center !important;
}