
@media only screen and (max-width: 480px) {

}




@media only screen and (min-width:481px) and (max-width: 568px) {

}



@media only screen and (min-width:569px) and (max-width:766px) {


}




@media only screen and (min-width:767px) and (max-width:768px) {


}




@media only screen and (min-width:769px) and (max-width:898px) {


}





@media only screen and (min-width:899px) and (max-width:992px) {


}




@media only screen and (min-width:993px) and (max-width:1024px) {


}





@media only screen and (min-width:1025px) and (max-width:1199px) {


}





@media only screen and (min-width:1200px) and (max-width:1299px) { 


}



<div class="donation-form-area">
<h1>General Donation</h1>

<div class="row">
   <div class="col-lg-4 col-md-6 col-sm-6"></div>
   <div class="col-lg-4 col-md-6 col-sm-6">
   <div class="scaner-img-info-area">
      <img src="https://mobileandwebsitedevelopment.com/omcafoundation/wp-content/uploads/2024/07/general-donation-1.png">
</div>
   </div>
   <div class="col-lg-4 col-md-6 col-sm-6"></div>
</div>
</div>
<div class="row">
   <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="form-group">
         [text* fname class:form-control placeholder "Name"]
      </div>
   </div>
   <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="form-group">
        [number* phonenumber minlength:4 maxlength:15 placeholder "Phone"]
      </div>
   </div>

<div class="col-lg-12 col-md-12 col-sm-12">
<div class="form-group file-info-cover">
 [file file-162]
</div>
</div>

<div class="col-lg-12 col-md-12 col-sm-12">
   <div class="contact-frm-sbmt-btn"> 
      [submit class:enquiry-submit-btn "Donate Now"]
   </div>
</div>
</div>
</div>
