@media (max-width: 1500px) {
    .btn-reserve{
        width: 35%;
      }

    
}
@media (max-width: 1200px) {

}
@media (min-width:900px) and (max-width: 1025px) {
    .maker-name{
        width: 100%;
    }
 
    .btn-reserve{
        width: 45%;
      }

    
}
@media (orientation:landscape) and (max-width:1025px) {

}
@media (max-width: 900px) {
    
   

   .drone-box{
    width: 100%;
    }
       .drone-inner{
        flex-wrap: wrap;
        text-align: center;
        width: calc(33% - 2rem);
        height: 25%;
        margin: 5rem 1rem 5rem 1rem;
    }

    .drone-pic{
        width: 100%;
        height: 100%;
    }


   
   .btn-reserve{
    width: 45%;
  }
 
}
@media (orientation:landscape) and (max-width:900px) {
    .drone-box{
        width: 100%;
        }
           .drone-inner{
            flex-wrap: wrap;
            text-align: center;
            width: calc(33% - 2rem);
            height: 25%;
            margin: 5rem 1rem 5rem 1rem;
        }
    
        .drone-pic{
            width: 100%;
            height: 100%;
        }

}
@media (orientation:landscape) and (max-width: 769px) {

        
    .conversion-area{
        margin: 15rem 0rem 15rem;
    }
}
@media (max-width: 769px) {
  
        
    .conversion-area{
        margin: 15rem 0rem 15rem;
    }
}
@media (max-width: 700px) {
    .section-title{
        margin-bottom: 6rem;
    }

    
}
@media (max-width: 599px) {
   
    
}
@media (max-width: 480px) {
      
        .section-title{
            font-size:   clamp(1.5rem, 0.5rem + 5vw, 2rem);
        }

        .drone-name{
            font-size: clamp(1.2rem, 0.4rem + 4vw, 1.6rem);
        }
        .drone-price{
            font-size: clamp(1.2rem, 0.4rem + 4vw, 1.6rem);
        }

        .conversion-area{
            margin: 10rem 0rem 10rem;
        }

       
        
        
}
@media (max-width: 450px) {
    .drone-box{
        width: 100%;
        }
           .drone-inner{
            flex-wrap: wrap;
            text-align: center;
            width: calc(46% - 2rem);
            height: 25%;
            margin: 5rem 1rem 5rem 1rem;
            margin-left: auto;
            margin-right: auto;
        }
    
        .drone-pic{
            width: 100%;
            height: 100%;
        }
    
    
    .btn-reserve{
        width: 60%;
      }
    
}

@media (max-width: 321px) {
  
}