@media(max-width:830px) { .el-dialog {  width:90%; } }  @media(max-width:470px) { .donation-style-1 .dialog-content .wpcm-row .wpcm-col-sm-4 {  padding:0 !important;  display:flex;  align-items:center;  justify-content:center; }  .donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular,  .donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular {  height:100px;  width:100px; } .donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar canvas,  .donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar canvas {  height:100px !important; } .donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {  width:100%; } .donation-style-1 .wpcm-custom-amt-box-container, .donation-style-2 .wpcm-custom-amt-box-container, .donation-style-3 .wpcm-custom-amt-box-container, .donation-style-4 .wpcm-custom-amt-box-container {  width:50%;  } .donation-style-3 .wpcm-amount-box strong.wpcm-cstm-amt-txt, .donation-style-1 .wpcm-amount-box strong.wpcm-cstm-amt-txt {  font-size:14px;  font-weight:500; } .donation-style-1 .col-content .wpcm-custm-amt-box input,  .donation-style-2 .col-content .wpcm-custm-amt-box input,  .donation-style-3 .col-content .wpcm-custm-amt-box input {  font-weight:500;  font-size:13px;  width:100%; } .donation-style-1 .wpcm-recurring-btns {  margin-bottom:10px; } .donation-style-1 .col-content, .donation-style-4 .col-content {  padding:15px;  } .donation-style-1 .col-content h3, .donation-style-4 .col-content h3 {  font-size:22px;  margin-bottom:2px; } .donation-style-1 .wpcm-recurring-btns ul li a, .donation-style-2 .wpcm-recurring-btns ul li a, .donation-style-3 .wpcm-recurring-btns ul li a, .donation-style-4 .wpcm-recurring-btns ul li a {  padding:6px 0;  font-size:12px;  font-weight:500; } .donation-style-1 .wpcm-recurring-btns ul li, .donation-style-2 .wpcm-recurring-btns ul li, .donation-style-3 .wpcm-recurring-btns ul li, .donation-style-4 .wpcm-recurring-btns ul li {  width:40%; } .donation-style-1 .wpcm-recurring-btns ul, .donation-style-2 .wpcm-recurring-btns ul, .donation-style-3 .wpcm-recurring-btns ul, .donation-style-4 .wpcm-recurring-btns ul {  justify-content:center; } .donation-style-1 .wpcm-recurring-btns ul li a.active::after, .donation-style-2 .wpcm-recurring-btns ul li a.active::after, .donation-style-3 .wpcm-recurring-btns ul li a.active::after, .donation-style-4 .wpcm-recurring-btns ul li a.active::after {  width:7px;  height:7px;  bottom:-3px; } .donation-style-1 .col-content p, .donation-style-4 .col-content p {  font-size:11px;  margin-bottom:7px; } .donation-style-3 .single-credit-cardd input, .donation-style-2 .single-credit-cardd input, .donation-style-1 .single-credit-cardd input, .donation-style-1 .el-custom-select .el-select__wrapper, .donation-style-4 .single-credit-cardd input, .donation-style-4 .el-custom-select .el-select__wrapper {  height:35px;  margin-bottom:7px;  font-size:12px; } .donation-style-4 .el-custom-select .el-select__wrapper, .donation-style-1 .el-custom-select .el-select__wrapper { border:0px solid #dddddd; } .el-select__wrapper {  font-size:12px; } .el-icon svg {  height:10px;  width:10px; } .donation-style-4 strong.wpcm-cstm-amt-txt, .donation-style-1 strong.wpcm-cstm-amt-txt {  font-size:14px;  font-weight:500; } .donation-style-1 .wpcm-amount-box .wpcm-pre-dfind-amt li a, .donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt li a, .donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt li a, .donation-style-4 .wpcm-amount-box .wpcm-pre-dfind-amt li a {  padding:6px 10px;  font-size:13px; } .donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box, .donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {  height:40px;  margin-top:20px; } .donation-style-1 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix, .donation-style-2 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix, .donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix, .donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box .wpcm-symbl-prefix {  padding:8px 12px;  font-size:16px; } .donation-style-4 .wpcm-custom-amt-box-container .wpcm-custm-amt-box input {  font-size:14px;  font-weight:600;  } .donation-style-2 .col-content .wpcm-next-btn button.el-button, .donation-style-1 .col-content .wpcm-col-sm-12 .wpcm-proceed-btn, .donation-style-4 .col-content .wpcm-col-sm-12 .wpcm-proceed-btn {  margin-top:20px;  height:40px; } .dialog-content .wpcm-proceed-btn {   font-size:14px; } .donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar, .donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar {   padding:10px; } .donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input, .donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular input {   font-size:20px !important; } .donation-style-1 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular span, .donation-style-4 .wpcm-col-sm-4 .wpcm-radial-progress-bar .circular span {   font-size:10px; } .donation-style-1 .amount-return, .donation-style-4 .amount-return {   font-size:22px; } .donation-style-1 .amount-return i, .donation-style-4 .amount-return i {   font-size:20px; } .donation-style-1 .wpcm-amount-needed .amount-return+span, .donation-style-1 .wpcm-amount-collected .amount-return+span, .donation-style-4 .wpcm-amount-needed .amount-return+span, .donation-style-4 .wpcm-amount-collected .amount-return+span {   font-size:10px; } .donation-style-1 .wpcm-amount-collected, .donation-style-1 .wpcm-amount-needed,  .donation-style-4 .wpcm-amount-collected,  .donation-style-4 .wpcm-amount-needed {   border-top:0; } .donation-style-1 .wpcm-amount-collected, .donation-style-1 .wpcm-amount-needed, .donation-style-4 .wpcm-amount-collected, .donation-style-4 .wpcm-amount-needed {   padding:10px; margin-top:0; } .donation-style-1 .wpdonation-box h2.wpdonation-title, .donation-style-2 .wpdonation-box h2.wpdonation-title, .donation-style-3 .wpdonation-box h2.wpdonation-title, .donation-style-4 .wpdonation-box h2.wpdonation-title {   font-size:22px; } .wpcm-payment-gateways.mt-3 { margin-top:0 !important; } .donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a, .donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a, .donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a, .donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a {   font-size:12px; border:1px solid #d3d3d3; } .donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li, .donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li, .donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li, .donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li {   width:50%; } .donation-style-1 .wpcm-payment-gateways .wpcm-gateway-list li a img, .donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a img, .donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list li a img, .donation-style-4 .wpcm-payment-gateways .wpcm-gateway-list li a img { height:15px;   width:auto; } .donation-style-1 .wpcm-payment-gateways .wpcm-back-btn span, .donation-style-4 .wpcm-payment-gateways .wpcm-back-btn span {   font-size:14px; } .wpcm-wrapper .w-50 { width:48% !important; } .dialog-content .wpcm-proceed-btn {   height:45px; } .wpcm-payment-gateways .wpcm-back-btn {   height:45px; } .donation-style-4 .wpcm-payment-gateways .wpcm-proceed-btn {   border:1px solid; } .wpcm-payment-gateways .wpcm-back-btn {   border:1px solid; } }