@media only screen and (min-width: 1600px) {
    .hero-area.style-1:before {
        right: 12%;
        max-width: 742px;
    }

    .feature-area:after {
        left: 90px;
        max-width: 130px;
    }

    .hero-discount {
        top: -125px;
        left: 30px;
    }

    .newsleater-area:before {
        right: 15%;
        max-width: 606px;
    }

    .single-hero-content {
        /* padding-top: 110px; */
    }

}

/* Medium Layout: 1200px. */
@media only screen and (min-width: 1600px) and (max-width: 1680px) {
    .hero-content-wrap-slide {
        /* top: 145px; */
    }

    .hero-content-wrap-slide {
        /* width: 80%; */
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .hero-content-wrap-slide {
        /* top: 125px; */
    }

    .hero-content-wrap-slide {
        /* width: 70%; */
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1439px) {
    .hero-content-wrap-slide {
        /* width: 70%; */
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1365px) {
    .hero-content-wrap-slide {
        /* width: 70%; */
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    /*Hero section*/
    .hero-area.style-1:before {
        max-width: 550px;
    }

    .mobile-menu-area {
        background: transparent;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsleater-area:before {
        background-size: contain;
    }

    .main-meni-wrap .header-btn {
        margin-top: 22px;
    }

    .sticky .main-meni-wrap .header-btn {
        margin-top: 30px;
    }

    .slick-video-area.pt-120pb-310 {
        padding: 100px 0 200px;
    }

    .hero-area.style-3:before {
        bottom: 2px;
        max-width: 365px;
    }

    .hero-area.style-3 .hero-content-wrap-slide a.starting,
    .process-area.style-3:before,
    .main-meni-wrap .header-btn a.order-btn {
        display: none;
    }

    .feature-vr img {
        top: 0;
        max-width: 330px;
    }

    .single-field.one-third {
        width: 46%;
    }

    .half-field {
        width: 46%;
    }

    .widget-post img {
        float: none;
        margin-bottom: 5px;
    }

    .post-content {
        padding-left: 0;
    }

    .mobile-menu-area {
        background: transparent;
    }


}

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

@media (max-width:1199px) {
    .bannertxtbox {
        padding: 50px 0;
    }

    .hero-content-wrap-slide .single-hero-content h1 {
        font-size: 32px;
        line-height: 48px;
    }

    .bannerimg:before {
        height: 520px;
        width: 520px;
    }
}

/* Tablet Layout wide: 768px. */



@media (max-width: 991px) {
    .listVideo {
        display: flex;
        flex-wrap: wrap;
    }

    .lvListing {
        width: 50%;
    }

    .bannertxtbox {
        padding: 50px 0;
    }

    .bannerimg:before {
        height: 320px;
        width: 320px;
    }

    .footer-social {
        margin-bottom: 25px;
    }

    .test-i-img {
        display: none;
    }

    .testimonial-right-img {
        padding-right: 0;
    }

    .process-drone {
        display: none;
    }

    header.header-area {
        height: auto;
    }

    .site-logo img {
        max-height: 45px;
    }

    .hero-content h1 {
        font-size: 40px;
        line-height: 52px;
    }

    .hero-discount {
        padding: 53px 21px;
    }

    .hero-discount h1 span {
        font-size: 30px;
        bottom: 84px;
    }

    .hero-area.style-1:before {
        max-width: 450px;
    }

    .hero-content a.starting,
    .hero-content-wrap-slide .single-hero-content a.starting {
        margin-left: 0;
        top: 10px;
    }

    .section-title.width-80 h2 {
        width: 100%;
    }

    .mobile-menu-area {
        background: transparent;
    }

    .hero-content-2 h2 {
        font-size: 40px;
        line-height: 46px;
    }

    .hero-content-2 {
        margin-top: 120px;
    }

    .funfacts-area {
        padding-top: 100px;
    }

    .pt-120pb-310 {
        padding: 120px 0 160px;
    }

    .hero-area.style-3 {
        height: 740px;
    }

    .breadcumb-area {
        padding: 100px 0 50px;
    }

    .banner-content h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .banner-content ul li {
        font-size: 14px;
    }

    .banner-content ul li i {
        top: 0;
    }
}

/* medium tablet layout 425px */
@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .single-feature h2 {
        font-size: 18px;
        min-height: 60px;
    }

    .productsection {
        min-height: auto;
        display: block;
        position: relative;
    }

    .productsection:before {
        position: absolute;
        content: '';
        left: 0;
        background: #ffffff40;
        height: 100%;
        width: 100%;
        top: 0;
    }

    .testimonial-right {
        margin-bottom: 25px;
    }

    .bannerimg:before {
        display: none;
    }

    .powerbylogo {
        text-align: center;
    }

    .copy-right {
        text-align: center;
        padding-bottom: 15px;
    }

    .product-slider-area .section-title {
        padding-bottom: 25px;
    }

    .video-area .section-title {
        padding-top: 25px;
    }

    .hero-discount,
    .hero-content a.starting,
    .main-meni-wrap .header-btn a.order-btn,
    .hero-area.style-3:before,
    .hero-content-wrap-slide .single-hero-content a.starting,
    .feature-vr img,
    .process-area.style-3:before {
        display: none;
    }

    .hero-area.style-1:before {
        opacity: .6;
    }

    .newsleater-area:before {
        background-size: contain;
        opacity: .3;
    }

    .mobile-menu-area {
        background: transparent;
    }

    .widget.footer-menu ul li a {
        margin-right: 25px;
    }

    .widget.footer-menu ul li a:before {
        right: -13px;
    }

    .hero-content-wrap-slide .single-hero-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hero-content-wrap-slide .single-hero-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .hero-area.style-3 {
        height: auto;
    }

    .bannertxtbox {
        padding: 50px 0;
        text-align: center;
    }

    .bannerimg img {
        top: 100px;
        max-height: 100%;
    }

    .bannerimg {
        margin-top: 35px;
    }

    .lvVideo {
        width: 110px;
    }

    .lvDetails {
        width: calc(100% - 110px);
    }

    .lvDetails h3 {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 599px) {

    /*Hero section*/
    .hero-content h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .hero-discount,
    .hero-content a.starting,
    .hero-content-wrap-slide .single-hero-content a.starting,
    .feature-area:before,
    .hero-area.style-3:before,
    .process-area.style-3:before,
    .feature-vr img {
        display: none;
    }

    .hero-area.style-1:before {
        bottom: 0;
        opacity: .4;
    }

    .section-title h2 {
        font-size: 28px;
        line-height: 36px;
    }

    /*Newslater*/
    .newsleater-area:before {
        background-size: contain;
        opacity: .4;
    }

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

    form.subscribe-form.watch button {
        width: 128px;
    }

    /*Home - 2*/
    .hero-content-2 h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .video-content-left h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .header-btn a.order-btn {
        display: none;
    }

    .slick-video-area.pt-120pb-310 {
        padding: 100px 0 200px;
    }

    /*Inner Page*/
    .watch-model-wrap.style-2 .model-wrap,
    .watch-model-wrap.style-2 .model-content {
        width: 100%;
    }

    .half-field,
    .half-field-last,
    .single-field.one-third {
        width: 100%;
    }

}

@media only screen and (max-width: 575px) {
    .single-feature {
        text-align: center;
        padding: 10px 0;
    }

    .single-feature h2 {
        min-height: auto;
    }
    .lvVideo {
        width: 100%;
        margin: 0 10px 10px;
    }
    .lvDetails{width: 100%;padding: 0;margin:0 10px;}
}

/* mobile tablet layout 414px */

@media only screen and (max-width: 414px) {   
    .testimonial-right-img>img {
        border-radius: 150px;
        border-bottom-right-radius: 0;
    }

    .testimonial-quote {
        width: 100px;
        height: 100px;
        left: 10px;
    }

    .testimonial-quote img {
        max-width: 55px;
    }
}


/* mobile tablet layout 375px */

@media only screen and (max-width: 384px) {

    /*Hero section*/
    .hero-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hero-discount,
    .hero-content a.starting,
    .hero-content-wrap-slide .single-hero-content a.starting,
    .feature-area:before {
        display: none;
    }

    .hero-area.style-1:before {
        bottom: 0;
        opacity: .4;
    }

    .section-title h2 {
        font-size: 26px;
        line-height: 36px;
    }

    /*Newslater*/
    .newsleater-area:before {
        background-size: contain;
        opacity: .4;
    }

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

    form.subscribe-form.watch button {
        width: 128px;
    }

    .section-title.width-80 h2 {
        width: 100%;
    }

    .hero-content-wrap-slide {
        /* top: 165px; */
    }
}


/* mobile tablet layout 360px */

@media only screen and (max-width: 360px) {}


/* mobile tablet layout 320px */

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

    /*Hero section*/
    .hero-content h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .hero-discount,
    .hero-content a.starting,
    .hero-content-wrap-slide .single-hero-content a.starting,
    .feature-area:before {
        display: none;
    }

    .hero-area.style-1:before {
        bottom: 0;
        opacity: .4;
    }

    .section-title h2 {
        font-size: 32px;
        line-height: 42px;
    }

    /*Newslater*/
    .newsleater-area:before {
        background-size: contain;
        opacity: .4;
    }

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

    form.subscribe-form.watch button {
        width: 128px;
    }

    .section-title.width-80 h2 {
        width: 100%;
    }

    /*Home - 2*/
    .hero-content-2 h2,
    .hero-content-wrap-slide .single-hero-content h1 {
        font-size: 36px;
        line-height: 46px;
    }

    .video-content-left h2,
    .banner-content h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .header-btn a.order-btn,
    .hero-area.style-3:before,
    .process-area.style-3:before {
        display: none;
    }

    .slick-video-area.pt-120pb-310 {
        padding: 100px 0 200px;
    }

    /*Home-3*/
    .feature-vr img {
        top: -40px;
        right: 35px;
        max-width: 250px;
        opacity: .4;
    }

    /*Inner Page*/
    .watch-model-wrap.style-2 .model-wrap,
    .watch-model-wrap.style-2 .model-content {
        width: 100%;
    }

    .single-field.one-third,
    .half-field-last,
    .half-field {
        width: 100%;
    }

}