@media (max-width: 1500px) {

    .form-btn{
        width: 70%;
    }
    
}
@media (max-width: 1200px) {

}
@media (min-width:900px) and (max-width: 1025px) {
    #content{
        height: 200px;
    }

}
@media (orientation:landscape) and (max-width:1025px) {
    .form-btn{
        width: 60%;
    }
}
@media (max-width: 900px) {
    
   


   .contents-right-inner{
    padding: 2rem;
    margin: 0rem 2rem 0rem 2rem;
}

.contact{
    width: 70%;
}
#userName,#email,#tell{
    height: 30px;
}
#content{
    height: 200px;
}
   .form-btn{
    width: 55%;
}
   
}
@media (orientation:landscape) and (max-width:900px) {
    #content{
        height: 200px;
    }
}
@media (orientation:landscape) and (max-width: 769px) {
    .choice-drone{
        padding: 8rem 0rem 8rem;
    }
}
@media (max-width: 769px) {
    .choice-drone{
        padding: 8rem 0rem 8rem;
    }

   
    .contents-left-inner{
        padding: 2rem;
    }


    .contents-left{
        float: initial;
        width: 100%;
        }
        .contents-right{
            float: initial;
            width: 80%;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        }
        .contents-right-inner{
            padding: 2rem;
            margin: 10rem 2rem 2rem 2rem;
        }
        .price-table{
            height: 150px;
        }
        table{
            width: 100%;
        }
    
        .drone-description-inner{
            width: 90%;
        }
        .contact{
            width: 90%;
        }
        .form{
            width: 100%;
        }
        #userName,#email,#tell{
            width: 80%;
            height: 50px;
            margin-bottom: 5%;
        }
        #content{
            height: 250px;
        }
        .form-btn{
            width: 60%;
        }
}
@media (max-width: 700px) {
    .section-title{
        margin-bottom: 6rem;
    }
    
}
@media (max-width: 599px) {
   
    
}
@media (max-width: 480px) {
    .choice-drone{
        padding: 5rem 0rem 5rem;
    }

 
        .section-title{
        font-size:   clamp(1.5rem, 0.5rem + 5vw, 2rem);
        }
      
        .drone-description-inner li{
            line-height: 2.5rem;
        }
   
        .contents-right{
            width: 90%;
        }

        .form{
            padding: 5rem 0rem 5rem;
        }
        #userName,#email,#tell{
            height: 30px;
        }
        #content{
            height: 200px;
        }

     
        
        
}
@media (max-width: 450px) {
    .contents-right{
        width: 95%;
    }

    table{
        border-collapse: collapse;
        width: 95%;
        height: 80%;
    }

    .drone-description-inner li{
        line-height: 2rem;
    }

    #content{
        height: 150px;
    }
    .form-btn{
        width: 70%;
    }
}
@media (max-width: 376px) {

    #userName,#email,#tell{
        height: 25px;
    }
    #content{
        height: 150px;
    }

 
}
@media (max-width: 321px) {
    .contents-right{
        width: 100%;
    }
}