@media(min-width:992px) and (max-width:1199px){
.donate_content {
    width: 40% !important;float:left !important;
}
.donate_amt {
    width: 20% !important;
    float: left;
}
.donate_select {
    width: 18% !important;
    float: left;
}
.donate_total{ width: 21% !important;
    float: left;
}

}
@media(min-width:567px) and (max-width:991px){
    .donate_content {
       width: 72% !important;
    padding-bottom: 20px;
    margin-right: 10px;
    float: left;
    font-size: 13px;
}
.donate_amt {
    width: 25% !important;
    float: left !important;
}
.donate_total {
    width: 25% !important;
    float: left !important;margin-bottom:40px;
}
 .donate_select {
    width: 75% !important;
    float: left !important;margin-bottom:40px;
}
span.orrange {
    float: left;
    width: 15%;
    display:flex;
    align-items:center;
    justify-content:center
}
.donate_total input {
    width: 80% !important;
}
section.sect_ion .donate_rows .donate_amt, section.sect_ion .donate_rows  .donate_select,  section.sect_ion .donate_rows .donate_total {
    width: 30% !important;
       float: left !important;
    text-align: left;
}
section.sect_ion .donate_rows{width:100% !important;}
section.sec .form-control {
    margin-bottom: 20px;
}
}

@media(min-width:320px) and (max-width:567px){
    .donate_content {
    width: 100% !important;
    padding-bottom: 20px;
}
.donate_amt, .donate_select, .donate_total{padding-bottom:10px;}
.donate_date {
    width: 100% !important;
    float: left !important;
    margin-bottom: 20px;
}
.donate_rows{margin-bottom:30px;display:inline-block !important;}
.donate_textarea {
        padding: 0 !important;
    width: 100% !important;
    float: left;
}
.donate_labels{display:inline-block !important;}
section.sect_ion .donate_rows .donate_amt, section.sect_ion .donate_rows  .donate_select,  section.sect_ion .donate_rows .donate_total {
    width: 100% !important;
       float: left !important;
    text-align: left;
}
section.sec .form-control {
    margin-bottom: 20px;
}
}