@media(max-width: 830px) {
	.el-dialog {
		width: 90% !important; 
	}
}
	
@media(max-width: 470px) {
    .donation-style-3 .wpcm-next-btn .el-button {
    height: 40px;
}
.wpcm-next-btn .el-button span {

    font-weight: 600;
    font-size: 12px;
}
    .donation-style-3 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper,
    .donation-style-2 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper {
    height: 40px;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 12px;
    
}
.donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt {
    margin-top: 5px;
}
	.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: max-content;
	}
	.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: 135px;
	}
	.donation-style-1 .wpcm-recurring-btns {
		margin-bottom: 10px;
	}
	.donation-style-1 .col-content,
	.donation-style-4 .col-content {
		padding: 15px;

	}
	.el-dialog .col-content {
    padding: 15px;
}
.el-dialog .col-content .wpcm-heading {
    font-size: 22px !important;
    margin-bottom: 0;
}
	.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;
		height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
	}
	.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: 50%;
	}
	.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: 40px;
		margin-bottom: 7px;
		font-size: 12px;
		border-radius: 9px;
	}
	.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: 0px;
	}
	.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;
		border-radius: 7px;
	}
	.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;
	padding: 9px 7px;
}

.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;
}
.donation-style-3 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper,
.donation-style-2 .wpcm-donation-amt-fields .el-custom-select .el-select__wrapper {

    margin-top: 0;
}
.donation-style-1 .textfield .el-select__wrapper.is-filterable, .donation-style-3 .textfield .el-select__wrapper.is-filterable, .donation-style-4 .textfield .el-select__wrapper.is-filterable {
    border-radius: 9px;
    height: 40px;
    margin-bottom: 15px;
    font-size: 12px;
}
.el-checkbox {
    display: flex;
    align-items: center;
}
.el-checkbox span.el-checkbox__label {
    font-size: 12px;
}
.el-checkbox .el-checkbox__inner {
    height: 13px;
    width: 13px;
    border-radius: 4px;
}
.donation-style-3 .wpcm-payment-gateways .donation-done {
  
    height: 40px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    
}
.donation-style-3 .wpcm-payment-gateways .wpcm-back-btn {
    height: 40px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list {

    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.wpcm-payment-gateways .wpcm-gateway-testing-info .wpcm-gateway-testing-info__text span {

    font-size: 12px;
}

.wpcm-payment-gateways .wpcm-gateway-testing-info .wpcm-gateway-testing-info__text {
   
     padding: 6px 15px !important;
}
label.el-checkbox  {
  display: flex !important;
  align-items: flex-start !important;

}
.el-checkbox span.el-checkbox__label {
 
    letter-spacing: 0px;
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.4;
}

 .paypal-button-row {
    width: 47% !important;
    margin-bottom: 0 !important;
}

 .paypal-button-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}


}