/*================ 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: 1281px) {
    .davul-order-btn .call {
        display: block;
        margin-top: 10px;
        margin-left: 0px;
    }
}

@media (max-width: 767px) {     
    .davul-order-btn .call {
        display: block;
        margin-top: 10px;
        margin-left: 0px;
        font-size: 15px;
        margin: 15px 0px;
    }
    .davul-section-title h2 {
        margin-top: 40px;
        font-size: 25px;
    }

    .price-plan-area .davul-section-title,
    .specifiation-area .davul-section-title {
        margin-bottom:0px;
        padding-bottom:0px;
    }

    .specifiation-area,
    .davul-welcome-area {
        padding-top: 80px;
    }

    .davul-hero {
        right: 0px;
    }

    .widget.contact {
        text-align: center;
    }

    .davul-testimonial-area {
        padding-top: 35px;
    }
    .davul-testimonial-area .davul-section-title {
        padding-top: 0px;
    }
    .davul-hero-content {
        padding-top: 30px;
    }

    .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;
    }

}