@media (max-width :1280px){
    .drone-stock-pictures .drone-left-top .open-close-rr:before{
        top: 10px;
        left: 16.5%;
    }
    
    .drone-stock-pictures .drone-left-top .open-close-rr:after{
        top: 20px;
        left: 17.5%;
    }
    .drone-stock-pictures .drone-left-top .adventures-even{
        left: -4px;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-rignt-one:before {
    left: 86.5%;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-rignt-one:after{
        left: 87.3%;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-right-one{
        left: 69.8%;
        bottom: 1072px;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-right-one:after{
        bottom:-14px;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-rignt:before{
        left: 70%;
        top: -553px;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-rignt:after {
    top: -543px;
    left: 70.8%;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-right{
        top: -625px;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-center{
        left: 31.5%;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-center-bot:before{
        top: -99px;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-center-bot{
        left: 31%;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-center-bot:after{
        bottom: -14px;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-left:before{
        left:10%;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-left:after{
         left:10.9%;
    }
    .drone-stock-pictures .drone-left-top .adventures-even.adventures-even-left{
        left:15%;
    }
    .drone-stock-pictures .drone-left-top .open-close-rr.open-close-rr-center-bot:after{
        top: -88px;
    }
    .our-working-process .shape-two{
        left: 54.5%;
    }
    
}


@media (max-width :767px){
    .white-round-beardcrumbs{
        display: none;
    }
    .side-icondrone img{
       width:40px; 
       height:40px; 
    }
    .about-us-drone{
        padding:3rem 0;
    }
    .faq-left-drone{
        display:none;
    }
    .beardcrumbs-start{
        padding: 10rem 0 3rem;
    }
    .drone-big-title{
        font-size: 1.5rem;
    }
    .detail-img .detail-img-border{
        width: 306px;
        height: 150px;
        top: -12px;
        left: 41px;
    }
    .detail-img{
        margin: 30px auto 15px;
    }
    .services-content-sec {
        padding: 2.5rem 0 1.5rem;
    }
    .tab-three-section{
        padding: 3rem 0 1.3rem;
    }
    .big-titled {
        font-size: 1.5rem;
        margin-top: 1rem;
        text-align: center;
    }
    .drone-carousel-sec{
        padding: 3rem 0 2rem;
    }
    .drone-carousel-sec .small-titled:before {
        left: 27%;
        width: 24px;
    }
    .sect-title {
        text-align: center;
    }
    .drone-carousel-sec .row{
        margin: 0;
    }
    .drone-carousel-img img{
        width: auto;
        height: auto;
    }
    .carousel-conte-drone{
        margin-top:0px;
        padding:15px;
        left: 0; 
        margin-right: 0;
    }
    .serce-carousel .swiper-button-next {
        top: 97.5%;
        right: 37%;
        width: 35px;
        height: 35px;
    }
    .serce-carousel .swiper-button-next:after{
        font-size: 1rem;
    }
    .serce-carousel .swiper-button-prev {
        top: 97.5%;
        left: 37%;
        width: 35px;
        height: 35px;
    }
    .serce-carousel .swiper-button-prev:after{
        font-size: 1rem;
    }
    .indus-sec {
        padding: 2.5rem 0 2rem;
    }
    .indus-sec .ul-checks{
        padding: 0 13px;
    }
    .qulity-sec-drone {
        padding: 3.5rem 0 2rem;
    }
    .qulity-box-three .drone-first-qq {
        padding: 20px;
        margin-bottom: 1.5rem;
    }
    .qulity-box-three .drone-qq-icon {
        margin-bottom: 20px;
        text-align: center;
    }
    .qulity-box-three .content-box-drone .qua-title {
        font-size: 19px;
        text-align: center;
    }
    .faq-sec-drone {
        padding: 3.5rem 0 2.5rem;
    }
    .accordion .accordion-item .accordion-header{
        padding: 20px 22px;
    }
    .accordion .accordion-item .accordion-button {
        padding: 0 36px 0 0;
    }
    .accordion .accordion-item .accordion-body{
        padding: 10px 20px;
    }
    
    .beardcrumb-content{
        max-width: 100% !important;
    }
    .drone-right-img:before{
        width: 150px;
        height: 100px;
        right: 0;
        top: -140px;
    }
    .beard-menu-list li span {
        margin-left: 7px;
        font-size: 1.1rem;
    }
    .beard-menu-list li a{
        font-size: 1.1rem;
    }
    @keyframes slide-d{
        0% {
        transform: rotate(0deg) translateX(40px) rotate(0deg);
        }
        
        100% {
            transform: rotate(-360deg) translateX(40px) rotate(360deg);
        }
    }
    .main-sectiondsd {
        margin-bottom: 0;
    }
    .footer-title{
        margin-bottom: 36px;
        margin-top: 0;
    }
    .footer-title .footer-tag{
        font-size: 35px;
    }
    .main-footser{
        position: relative;
    }
    
    /*home page*/
    
    .main-bannerr{
            height: 500px;
            padding: 7rem 0 4rem;
    }
    .main-bann-bord{
        max-width: 80%;
        margin: 0 auto;
        padding: 2rem 1.5rem;
        display: flex;
    }
    .main-ban-title{
        font-size: 2rem;
    }
    .banner-droned-one {
        display: none;
    }
    .banner-droned-two {
        width: 300px;
        right: -49px;
        bottom: -99px;
    }
    .small-titled:before{
        width: 24px;
        left: 28%;
    }
    .main-se-about .small-titled:before{
        left: 5%;
    }
    .quality-video2 .play-now-video .icon{
        font-size: 1.1rem;
        left: 16%;
        width: 40px;
        top: 16%;
        height: 40px;
    }
    .quality-video2 .play-now-video {
        width: 60px;
        height: 60px;
        left: 36px;
        padding: 20px;
        bottom: -36px;
    }
    
    .main-se-about:before {
        width: 100%;
    }
    .quality-video2 {
        margin: 0;
    }
    .main-se-about {
        padding: 3.5rem 0 2rem;
    }
    .quality-video2 .quality-video-info{
        position: relative;
        right: 0;
        top: 10px;
    }
    .howit-worjdsd .small-titled:before {
        left: 24%;
    }
    .howitwor{
        max-width: 100%;
        text-align: justify;
    }
    .how-it-drone-media{
        display: none;
    }
    .how-wecard{
        padding:25px;
    }
    .howit-worjdsd {
        padding: 3.5rem 0 2rem;
    }
    .extra__heading-2{
        padding:87px 15px 10px 30px;
    }
    .extra__heading-2 .heading{
            transform: translate(37px, -65px);
    }
    .video-tran-title {
        font-size: 2rem;
    }
    .main-ser-trans .main-transi {
        display: none;
    }
    .wt-title{
        font-size:1rem;
    }
    .imghvr-zoom-out-down{
        height:auto;
        margin:1rem 0;
    }
    .howit-img{
        margin-bottom:10px;
    }
    
     .howit-img img{
         height:50px;
         width:50px;
     }
     .s-title-one{
         font-size:20px;
     }
     .main-ser-white > .container > .row{
         flex-direction:column-reverse;
     }
     .contact-section .form-column .inner-column{
            padding: 20px;
            max-width: 100%;
     }
     .contact-section .content-column .inner-column {
        padding: 40px 0;
        margin-right: unset;
    }
    .contact-section .form-column {
    position: relative;
    bottom: unset;
    right: unset;
    text-align: center;
    }
    .contact-section{
        margin-bottom: unset;
        padding-bottom: 40px;
    }
    .contact-section .form-column .form-control {
    height: auto;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 1rem;
    }
    .contact-section .form-column .inner-column .title{
        font-size:25px;
        text-align:center;
        margin-bottom:10px;
    }
    .contact-section .form-column .theme-btn {
    font-size:18px;
    }
    .small-titled:before{
        display:none;
    }
    .main-industry{
        padding:3rem 0;
    }
    .main-indusimg{
        display:none;
    }
    
    .main-industry{
        background-image:unset;
    }
    
    .single-feature{
        max-width:100%;
    }
    .single-feature .part-text span.title{
        font-size:20px;
    }
    .footer-widget-new{
        flex-direction: column;
    }
    .contact-block{
        margin-bottom:15px;
    }
    .footer-bottom{
        margin-top:0;
    }
    .main-ser-white{
        padding:3rem 0 0;
    }
    .beard-drone-title:after{
       border: 10px solid #c50909;
       border-right:0px;
       left: -30px;
        top: -30px;
        bottom: -30px;
    }
    .beard-drone-title{
        font-size:1.8rem;
    }
    
    .about-us-drone > .container > .row > .col-md-8 > .row{
        flex-direction:column-reverse;
    }
    .about-first-image{
        display:none;
    }
    .about-services-key span {
        font-size:2rem;
    }
    .about-services-key .key-title{
        font-size:1.8rem;
    }
    .key-nums-three{
        margin-left:0;
    }
    
    .bnt-call-about{
        flex-direction: column;
        margin-bottom: 20px;
    }
    .mivi-sec{
        padding:3rem 0;
    }
    .mivi-sec:before{
        display:none;
    }
    
    .mivi-inner{
        max-width:100%;
        gap:20px;
    }
    .mivi-inner .mivi-icon:after{
        height: 60px;
        width: 60px;
        right: -7px;
        top: -8px;
    }
    .how-it-drone-info {
    position: relative;
    margin-bottom: 20px;
    }
    .mivi-inner .mivi-icon img{
        width: 40px;
        height: 40px;
    }
    .mivi-sec .testi-title{
        font-size:1.5rem;
    }
    .our-working-process{
        padding:3rem 0;
    }
    .our-working-process .shape-two{
        display:none;
    }
    .working-process-box .content-box .text-content-title .title-wr{
        font-size:1.3rem;
    }
    .working-process-box .content-box{
        padding:20px;
    }
    .working-process-box .content-box .text-content-title{
        margin-top:20px;
    }
    
    .working-process-box .content-box .text-content-title p{
        margin:0;
    }
    .working-process-box .content-box .icon-work-img{
        width:75px;
        height:65px;
        line-height:65px;
    }
    .working-process-box .nums-total{
        margin-bottom:30px;
    }
    .working-process-box .content-box .icon-work-img .shape-icon{
        bottom:-36px;
    }
    .key-num-sec:before{
        background-color:#000;
        opacity:0.6;
    }
    .key-number-counter{
        margin-left:unset;
        padding-left:unset;
        margin-top:20px;
    }
    .count{
        font-size:40px;
    }
    .key-number-counter ul li .flaticon-fly{
        font-size:40px;
    }
    .key-num-sec{
        padding:3rem 0;
    }
    .key-num-sec .btn-circle {
        margin-top:1rem;
        padding: 10px 22px;
    }
    .key-num-sec .col-md-7{
        text-align:center;
    }
    .testi-sec{
        padding:3rem 0;
    }
    .mini-shape{
        right:0;
    }
    .testimonial-thumb-img:before{
        width:326px;
        height:326px;
        left:54%;
    }
    .rating{
        text-align:center;
        margin-top:10px
    }
    .title-box-drone{
        margin-left:0;
    }
    .beard-menu-list{
        margin:50px 0 0 0;
        flex-wrap: wrap;
    }
    .detail-img .detail-img-border{
        border: 5px solid #d52323;
    }
    
    .tab-three-section > .container > .row{
        flex-direction:column-reverse;
    }
    .carousel-conte-drone .title-car{
        font-size:1.3rem;
        margin-bottom:0.5rem;
    }
    .qulity-box-three .drone-qq-icon .quality-icon{
        width:65px;
        height:65px;
    }
    
    .tab-three-section .d-flex{
        flex-direction: column;
    }
    .tabsystem-box-three{
        padding:10px !important;
    }
    
    .tabsystem-box-three.me-3{
        margin-right:0 !important;
    }
    .tab-content{
        margin-left:0;
    }
    .tab-content .tab-title{
       font-size:1.4rem;
    }
    .indus-sec .sect-title{
        margin-bottom:1rem;
    }
    .accordion .accordion-item .accordion-body p{
     background-color:#fff;
     padding:0;
    }
    .industy-detail-add{
        padding:10px;
        gap:20px;
    }
    .drpone-contact-page{
        padding:3rem 0;
    }
    .dronecot-socila-media{
        justify-content: center;
        margin:20px 0 30px;
    }
    .contac-form-drone .cont-title{
        text-align:center;
        font-size:center;
    }
    .contac-form-drone{
        margin-bottom:30px;
        text-align:center;
    }
     .navbar-header .navbar-brand img{
        width:150px;
    }
    
    .quality-video2 .play-now-video img {
    filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(84deg) brightness(104%) contrast(101%);
    /* height: 31px !important; */
    max-width: 37px !important;
    right: 0.6rem;
    position: relative;
    bottom: 0.6rem;
}
.single-feature:hover .hover-effect:after {
    left: -57%;
}
.single-feature:hover .hover-effect:before {
    /* right: -60%; */
    right: -54%;
}

}




@media (max-width :1200px){
    .navbar-collapse .nav-menusd li>a{
        color:#000;
        padding:10px;
        display: inline-block;
        font-size:18px;
    }
    .navbar-collapse .nav-menusd{
        flex-direction: column;
        padding:40px 20px 20px;
    }
    .side-icondrone .call,  
    .mobile-open-nav, .mobile-top-nav{
    display:block;
    }
    .navbar-collapse{
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition:0.4s linear;
        z-index: 999;
    }
    
    .navbar-collapse.shows{
         transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    
    .main-headersd .attr-right,
    .main-headersd .top-bar-area.top-bar-style-one.bg-dark
    {
        display:none;
    }
    
    .mobile-open-nav{
    position: absolute;
    right: 40px;
    top: 20px;
    font-size: 1.5rem;
    color: #c50909;
    }
    
    .mobile-top-nav{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2.5rem;
    /*color: #1f54a3;*/
    color:#d72323;
    }
    
    .main-headersd.scrolled nav.navbar.validnavs.no-background{
        background:#fff;
    }
   
    .main-headersd.scrolled nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background{
        top:0;
    }
    nav.navbar.validnavs,
    .main-headersd.scrolled nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background{
        height:100px;
    }
   nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header:after{
       display:none;
   }
   nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header:before{
       display:none;
   }
    nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header img{
        top:0;
    }
    nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background{
        top:0;
    }
    
    .nav-menusd li.dropdown .dropdown-menu {
    display: block !important;
    position: relative !important;
    left: unset;
    top: 0;
    width: 100%;
    padding: 1rem !important;
    display:none !important;
    }
    
    .dropdown-toggle::after, .nav-menusd li.dropdown:hover .dropdown-menu{
        display:none !important;
    }
    .meun-dop-btn {
        display: block !important;
        position: absolute;
        right: 10px;
        top: 0;
        text-align: center;
        line-height: 40px;
        width: 40px;
        height: 40px;
    }
    
    .nav-menusd li.dropdown:hover .dropdown-menu.visible{
        display:block !important;
    }
    .nav-menusd li.dropdown:hover .dropdown-menu.industries.visible{
        display:block !important;
    }
    
    .nav-menusd li.dropdown:hover .dropdown-menu.product.visible{
        display:block !important;
    }
    
}


@media(min-width : 768px) and (max-width : 900px){
    .main-ban-title{
        font-size: 2.5rem;
    }
    .main-bann-bord{
        border-width:10px;
    }
    .banner-droned-one {
        width: 300px;
        left: -100px;
    }
    .banner-droned-two {
        width: 250px;
        right: -60px;
    }
    .main-bannerr{
        height: 600px;
        padding:4rem 0 0;
    }
    .big-titled{
        font-size: 1.8rem;
    }
    
    .quality-video2{
        margin: 0;
    }
    .quality-video2 .quality-video-info {
        max-width: 100%;
        position: relative;
        right: unset; 
        top: unset;
    }
    .icon-xl.inline-icon img{
        width:60px;
        height:60px;
    }
    .d-icon-box-one{
        padding:20px
    }
    .how-wecard{
        padding:20px
    }
    .howit-img img{
        width:50px;
        height:50px;
    }
    .howit-img{
        margin-bottom: 20px;
    }
    .s-title-one {
        font-size: 20px;
    }
   
    .wt-title{
        font-size:1.3rem;
    }
    .main-hes-serv{
        display:none;
    }
    .imghvr-zoom-out-down .imghvr-content{
        top: 05px;
        bottom: 05px;
        left: 05px;
        right: 05px;
        position:relative;
         transform: scale(1);
        opacity: 1;
        padding:10px;
    }
    .imghvr-mid {
    position: relative;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
    left: unset;
    right: unset;
    }
    .imghvr-zoom-out-down{
        height:auto;
    }
    .extra__heading-2{
        padding:80px 25px 13px;
    }
    .video-tran-title{
        font-size:30px;
    }
    .main-transi{
            max-width: 250px;
            float: right;
    }
    
    .main-ser-white .main-transi{
        float: left;
    }
    .contact-section .form-column {
    position: relative;
    bottom: unset;
    margin-bottom: 50px;
    }
    .contact-section .content-column .inner-column {
    margin-right: 0;
    padding: 50px 0;
    }
    .contact-section .form-column .inner-column{
        max-width:100%;
    }
    .main-indusimg img{
        display:none;
    }
    .main-industry .col-md-9{
        width:100%;
    }
    .contact-section{
        margin-bottom:0;
    }
    .single-feature .part-text span.title{
        font-size:20px;
    }
    .single-feature a{
        font-size:16px;
    }
    .main-footser{
        position:relative;
    }
    .main-sectiondsd{
        margin-bottom:0;
    }
    .footer-title .footer-tag{
        font-size:52px;
    }
    .about-us-drone .about-first-image{
        display:none;
    }
    .about-us-drone .col-md-8{
        width:100%;
    }
    .about-services-key span {
        font-size:2.3rem;
    }
    .about-services-key .key-title{
        font-size:1.5rem;
    }
    .testi-title{
        font-size:1.5rem;
    }
    .mivi-inner .mivi-icon:after{
        width:80px;
        height:80px;
    }
    .working-process-box .content-box{
        padding:20px;
    }
    .working-process-box .content-box .text-content-title .title-wr{
        font-size:1.2rem;
    }
    .working-process-box .content-box .icon-work-img{
        width:75px;
    }
    .key-number-counter{
        padding-left:0;
        margin-left:0;
    }
    .count{
        font-size:40px;
    }
    .footer-widget-new{
        flex-wrap: wrap;
    }
    .beard-menu-list{
        flex-wrap: wrap;
    }
    .detail-img .detail-img-border{
        border:none;
    }
    .detail-img{
        margin:20px 0;
    }
    .carousel-conte-drone{
        padding:20px;
    }
    .carousel-conte-drone .title-car {
        font-size:1.4rem;
    }
    .serce-carousel .swiper-button-prev{
        left:70%;
    }
    .qulity-box-three .drone-qq-icon .quality-icon{
        width:50px;
        height:50px;
    }
    .qulity-box-three .drone-first-qq{
        padding:20px;
    }
    .qulity-box-three .content-box-drone .qua-title{
        font-size:20px;
    }
    .qulity-box-three .drone-qq-icon {
    margin-bottom: 20px;
    }
    .tabsystem-box-three{
        padding:20px !important;
    }
    .industy-detail-add{
        padding:10px;
        gap:10px;
    }
}

@media (min-width : 900px) and (max-width : 1200px){
    .main-ban-title{
        font-size:2.8rem;
    }
    .big-titled {
        font-size:1.8rem;
    }
    .imghvr-zoom-out-down{
        height:auto;
    }
    .wt-title{
        font-size:1.3rem;
    }
    .about-us-drone .about-first-image {
        display:none;
    }
   .about-us-drone .col-md-8{
       width:100%;
   }
   .mivi-inner .mivi-icon:after{
       width:80px;
       height:80px;
   }
   .mivi-inner .mivi-icon img{
       width:50px;
       height:50px;
       line-height:50px;
   }
   .testi-title{
       font-size:1.5rem;
   }
   .working-process-box .content-box{
       padding:20px;
   }
   .working-process-box .content-box .icon-work-img{
       width:75px;
   }
   .working-process-box .content-box .text-content-title .title-wr{
       font-size:1.3rem;
   }
   .mivi-sec:before{
       width:30%;
   }
   .beard-drone-title{
       font-size:2.5rem;
   }
   .carousel-conte-drone{
       padding:20px;
   }
   .carousel-conte-drone .title-car{
       font-size:1.5rem;
   }
   .serce-carousel .swiper-button-prev{
       left:70%;
   }
   .qulity-box-three .drone-first-qq{
       padding:25px;
   }
   .qulity-box-three .content-box-drone .qua-title{
       font-size:20px;
   }
   .qulity-box-three .drone-qq-icon{
       margin-bottom:20px;
   }
   .qulity-box-three .drone-qq-icon .quality-icon{
       width:60px;
       height:60px;
   }
   .single-feature .part-text span.title{
       font-size:20px;
   }
   .single-feature a{
       font-size:16px;
   }
   .tabsystem-box-three{
       padding:40px !important;
   }
   .tab-content .tab-title {
       font-size:1.5rem;
    }
    
   
}