/*================ Normal desktop :992px.==================== */
@media (min-width: 1282px) and (max-width: 1700px) {

	.contact-area:before {
		width: 34%;
	}

	.bike-hero {
		width: 100%;
		height: 100%;
		right: 0;
	}

	.board-hero-area,
	.board-features-area {
		background-size: 55%;
	}
}

/*================= Hi-res laptops and desktops================= */
@media (min-width: 1170px) and (max-width: 1281px) {
	.contact-area:before {
		width: 33%;
	}

	.bike-hero {
		width: 100%;
		height: 89%;
		right: -30px;
	}

	.board-hero-area,
	.board-features-area {
		background-size: 55%;
	}

	.board-gallery-area {
		background-size: 60%;
	}
}

/*================ Normal desktop :992px.==================== */
@media (min-width: 992px) and (max-width: 1169px) {

	.contact-area:before {
		width: 100%;
	}

	.bike-hero {
		width: 80%;
		height: 75%;
	}

	.features-img {
		background-position: 138px 135px;
	}

	.features-img:before {
		left: 50px;
		width: 85%;
	}

	.bike-welcome,
	.price-bike:after {
		background-image: none;
	}

	.testimonial-img {
		height: 380px;
	}

	.widget.social ul li a {
		padding: 5px 10px;
	}

	/*Hover board*/
	.hoverboard .bizes-nav ul.menu>li>a:last-child {
		padding-right: 10px;
	}

	.board-hero-area {
		background-size: 55%;
	}

	.board-features-area {
		background-size: 60%;
	}

	.board-gallery-area {
		background-size: 65%;
		margin-bottom: -60px;
	}

	.board-gallery-content {
		transform: none;
		top: 20px;
	}

	.board-hero-bg {
		height: 700px;
	}

	/*Live cam*/
	.cam-spe-img {
		top: 280px;
	}

	/*App*/
	.screenshot-area .screenshot-wrap:after {
		content: none;
	}

	.app-hero-area:after {
		top: 120px;
		right: -130px;
		height: 100%;
		background-size: 80%;
	}

	.app-hero-area:before {
		z-index: 2;
		background-size: 60%;
	}

	.app-welcome-img {
		right: 0;
	}

	.app-welcome-content {
		width: 100%;
	}

	a.app-btn {
		margin-right: 15px;
		width: 210px;
	}

	/*Headphone*/
	.music-features-pro {
		left: 0;
	}
}

/*================ Tablet desktop :768px.==================*/
@media (min-width: 768px) and (max-width: 991px) {
	.contact-area:before {
		width: 100%;
	}

	.hero-area,
	.quality-area {
		background-size: contain;
	}

	.hero-content-area {
		margin-top: 40px;
		background-color: rgba(255, 255, 255, 0.5);
	}

	ul.drone-dots-lists li:nth-child(1) {
		left: 13%;
		top: 19%;
	}

	ul.drone-dots-lists li:nth-child(2) {
		left: 28%;
		top: 41%;
	}

	ul.drone-dots-lists li:nth-child(3) {
		left: 50%;
		top: 13%;
	}

	ul.drone-dots-lists li:nth-child(4) {
		top: 28%;
	}

	ul.drone-dots-lists li:nth-child(5) {
		left: 49%;
		top: 43%;
	}

	ul.drone-dots-lists li:nth-child(6) {
		left: 67%;
	}

	.single-drone-testimonial {
		padding: 33px 30px;
	}

	/*Bike*/
	.bike-hero {
		width: 100%;
		height: 55%;
		right: -3px;
		top: 34px;
	}

	.bike-order-btn a.btn-order {
		padding: 15px 20px;
		border-radius: 5px;
	}

	.features-img:before {
		left: 0;
		width: 90%;
		height: 87%;
	}

	.bike-welcome-area {
		padding-top: 0;
	}

	.bike-welcome {
		background-image: none;
		margin-top: 222px;
	}

	.price-bike:after {
		background-image: none;
	}

	.price-plan-area {
		padding-top: 80px;
	}

	.price-plan-area .bike-section-title {
		padding-bottom: 40px;
	}

	.bike-testimonial-area .bike-section-title {
		padding-top: 40px;
	}

	.testimonial-img {
		height: 280px;
	}

	.widget.social ul li a {
		padding: 5px 10px;
	}

	/*Hover Board*/
	.board-hero-area {
		background-size: 60%;
	}

	.board-hero-content h1,
	.board-tab-content h1 {
		font-size: 36px;
		line-height: 50px;
	}

	.board-hero-bg {
		height: 730px;

	}

	.get-started-content h2,
	.board-features-content h2,
	.board-gallery-content h1 {
		font-size: 32px;
		line-height: 43px;
	}

	.board-features-content,
	.board-gallery-content {
		background-color: rgba(255, 255, 255, 0.7);
		padding: 20px;
	}

	.board-cell-content {
		width: 100%;
	}

	.board-sell-area {
		height: 600px;
	}

	/*Live cam */
	.cam-hero-content h1 {
		font-size: 40px;
		line-height: 44px;
		margin-bottom: 20px;
	}

	.cam-spe-img {
		top: 320px;
	}

	.cam-view-area {
		height: 640px;
	}

	form.cam-subscribe-form input {
		width: calc(100% - 400px);
	}

	/*App*/
	.screenshot-area .owl-controls .owl-nav button,
	.screenshot-area .screenshot-wrap:after {
		display: none !important;
	}

	.app-hero-area:before {
		background-size: 64%;
	}

	.app-hero-content {
		padding: 0 10px;
	}

	.app-hero-area:after {
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-size: 60%;
	}

	.app-welcome-img {
		right: 0;
		top: 130px;
	}

	.app-price-btn a {
		width: 150px;
	}

	.app-pricing-wrap {
		padding: 40px 15px;
	}

	.order-one-music {
		order: 2;
	}

	.order-two-music {
		order: 1;
	}

	a.hero-signup {
		float: right;
	}

	/*Watch*/
	.watch-price-footer ul li {
		margin: auto;
		font-size: 14px;
	}

}

/*================== small mobile :320px. ===================*/
@media (max-width: 767px) {

	.contact-area:before {
		width: 100%;
	}

	.quality-area,
	.hero-area {
		background-size: contain;
	}

	.hero-area {
		height: 260px;
	}

	.hero-content-area {
		margin-top: 40px;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 0 20px;
	}

	.quality-area {
		height: 335px;
	}

	.hero-content-area h1,
	.bike-hero-content h1,
	.watch-hero-content h1 {
		font-size: 30px;
		line-height: 36px;
	}

	.single-promo.pro-border {
		border-left: none;
		padding-left: 0;
	}

	.single-promo {
		text-align: center;
	}

	.single-drone-testimonial {
		padding: 33px 15px;
	}

	.drone-testimonial-wrap .owl-nav button,
	.dots-img {
		display: none;
	}

	/*Bike*/
	.bike-order-btn a.btn-order {
		padding: 15px 30px;
	}

	.bike-hero-content {
		margin-bottom: 100px;
	}

	.bike-hero {
		width: 100%;
		height: 100%;
		right: 0;
	}

	.bike-hero:before {
		top: -8px;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.features-img:before {
		left: 15px;
		width: 90%;
		height: 90%;
	}

	.order-one {
		order: 2;
	}

	.order-two {
		order: 1;
	}

	.features-area {
		padding-top: 50px;
	}

	.bike-welcome-area {
		padding-top: 40px;
	}

	.bike-welcome {
		background-image: none;
		margin-top: 50px;
	}

	.speci-features-wrap {
		margin-top: 40px;
	}

	.specifiation-area .bike-section-title {
		margin-bottom: 50px;
	}

	.price-plan-area {
		padding-top: 55px;
	}

	.price-plan-area .bike-section-title {
		padding-bottom: 50px;
	}

	.price-bike:after {
		background-image: none;
	}

	.bike-testimonial-area {
		padding-top: 0;
	}

	.bike-testimonial-area .bike-section-title {
		padding-top: 100px;
	}

	.testimonial-img {
		height: 360px;
		width: 96.5%;
	}

	.bike-testimonial-carousle {
		margin-top: 30px;
	}

	.price-bike-content p {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.widget.contact a {
		margin-right: 15px;
	}

	/*Hover Board*/
	.board-hero-content {
		position: absolute;
		top: 190px;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 20px;
		z-index: 2;
	}

	.board-hero-bg {
		background: transparent;
		height: 700px;
	}

	.board-hero-content h1,
	.board-cell-content h1,
	.board-tab-content h1,
	.cam-hero-content h1,
	.app-hero-content h1,
	.music-hero-content h1 {
		font-size: 40px;
		line-height: 54px;
	}

	.get-started-content {
		position: static;
		top: 50%;
		transform: none;
		padding-right: 20px;
	}

	.get-started-content h2,
	.board-features-content h2,
	.board-cell-content h2,
	.board-gallery-content h1,
	.cam-about-content h2,
	.cam-center-title h2,
	.music-section-title h2 {
		font-size: 36px;
		line-height: 40px;
	}

	.board-features-content {
		top: 0;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 20px;
	}

	.board-cell-content {
		width: 100%;
	}

	.board-sell-area {
		height: 550px;
	}

	a.board-btn-cell {
		padding: 15px 45px;
	}

	.board-gallery-content {
		position: static;
		transform: none;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 20px;
	}

	.widget.subscribe input.widget-input {
		width: calc(100% - 150px);
	}

	.widget.subscribe.board button.widget-sbtn {
		width: 130px;
	}

	/*live cam*/
	.cam-hero-content {
		position: static;
		transform: none;
	}

	.cam-video {
		position: relative;
		height: 220px;
		width: 100%;
	}

	.cam-about-content {
		padding: 50px 0;
	}

	.cam-spe-img {
		position: static;
		width: 100%;
	}

	.cam-view-area {
		height: 570px;
	}

	.cam-view-content {
		padding: 40px 20px;
	}

	form.cam-subscribe-form input {
		width: calc(100% - 150px);
		margin-right: 10px;
	}

	button.widget-sbtn-cam {
		width: 130px;
	}

	/*App*/
	.app-hero-area:before,
	.app-hero-area:after {
		background-image: none;
	}

	.app-hero-content {
		padding: 70px 30px;
	}

	.app-welcome-img {
		right: 0;
	}

	.first-app-area {
		padding-top: 15px;
	}

	.app-best-img {
		left: 0;
	}

	.screenshot-area .screenshot-wrap:after,
	.screenshot-area .owl-controls .owl-nav button {
		display: none !important;
	}

	.app-section-title h2 {
		line-height: 38px;
	}

	.app-testi-content {
		position: inherit;
		left: 0;
		width: 100%;
		padding-right: 0;
		padding-bottom: 40px;
		top: 15px;
	}

	.app-testimonial-img {
		margin: auto;
		margin-top: 15px;
	}

	.owl-carousel .owl-dot,
	.owl-carousel .owl-nav .owl-next,
	.owl-carousel .owl-nav .owl-prev {
		display: none !important;
	}

	form.app-subscribe-form input {
		width: 100%;
	}

	form.app-subscribe-form button {
		right: 5px;
		width: 130px;
	}

	/*Headphone*/
	.music-hero-content {
		position: static;
		padding-top: 140px;
	}

	.music-hero-price span h1 {
		margin-bottom: 75px;
	}

	.music-header-area {
		height: 1180px;
	}

	.music-hero-product {
		padding-top: 20px;
	}

	.music-features-pro {
		left: 0;
		margin-bottom: 40px;
	}

	.music-feature-area {
		padding-top: 90px;
	}

	.music-buy-area {
		background-position: bottom;
		border-top-left-radius: 145px;
	}

	.music-subscribe-content-wrap {
		padding: 25px 0px;
		top: 85px;
	}

	form.music-subscribe-form input {
		width: calc(100% - 120px);
	}

	form.music-subscribe-form button {
		width: 110px;
		margin-left: 0;
	}

	/*Watch*/
	.watch-pro-img img {
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 40px;
	}

}

/* ======================Large Mobile :480px.================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.testimonial-img {
		height: 455px;
		width: 100%;
	}

	.widget.social ul li a {
		padding: 5px 7px;
	}

	.widget.subscribe input.widget-input {
		width: calc(100% - 180px);
	}

	button.widget-sbtn {
		width: 140px;
	}

	.bike-footer-area .widget {
		padding-top: 50px;
	}

}