@media(max-width: 830px) {
	.el-dialog {
		width: 90% !important; 
	}
}
@media(max-width: 459px) {
	.donation-style-3 .wpcm-container .col-content {
    padding: 20px !important;
}

.donation-style-3 .wpcm-donation-amt-fields {
    margin-top: 0px !important;
}
	.el-overlay-dialog .donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn button.el-button {
margin-top: 0 !important;
}
.donation-style-3 .wpcm-payment-gateways .w-50 {
    padding-right: 10px;
}

}
@media(max-width: 470px) {
	.donation-style-3 .wpcm-payment-gateways .wpcm-back-btn {
    height: 45px;
}
.donation-style-3 .wpcm-payment-gateways .wpcm-gateway-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
	margin-right: 10px;
}
	.donation-style-3 .wpcm-custom-amt-box-container .wpcm-custm-amt-box {
    margin-top: 0 !important;
}
	.donation-style-3 .col-content .wpcm-row .wpcm-col-sm-12 .wpcm-next-btn {
    padding-left: 0px;
	width: 75% !important;
	margin-right: 10px;
}
	.donation-style-3 .wpcm-amount-box .wpcm-pre-dfind-amt {
 display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
	.donation-style-3  .el-custom-select .el-select__wrapper {
    margin-top: 0px;
}
	.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: 99%;

	}
	.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%;
		margin-left: 10px;
	}
	.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: 20px;
		font-weight: 700;
		padding-bottom: 12px;
		text-align: center;
		width: 80%;
		margin: auto;
	}
	.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;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.donation-style-2 .el-select__wrapper {
	font-size: 13px;
}
.donation-style-2 .wpcm-amount-box .wpcm-pre-dfind-amt {
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}
	.donation-style-2 .wpcm-heading {
	font-size: 20px;
}
	.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: 9px 0;
		font-size: 14px;
		font-weight: 500;
	}
	.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 {
    margin-bottom: 14px;
}
	.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;
	}
	input::placeholder {
		font-size: 13px !important;
	}
	.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: 11px !important;
		font-size: 12px;
		padding: 0px 15px;
	}
	.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list li a {
    padding: 10px 10px;
}
	.donation-style-2 .textfield .el-select__wrapper.is-filterable {
    height: 40px;
    padding: 0 15px;
}
	.donation-style-2 .wpcm-payment-gateways .wpcm-gateway-list {
	grid-template-columns: repeat(3, 1fr);
	margin-right: 25px;
}
	.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 {
	padding: 9px 9px;
}
	.el-select__wrapper {
	font-size: 12px;
}
	.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: 12px;
	}
	.wpcm-custm-amt-box input::placeholder {
		font-size: 13px;
	}
	.el-dialog .wpdonation-box .easy-donation-box .wpcm-col-md-12, .el-dialog .wpdonation-box .easy-donation-box .wpcm-col-md-6 {
	padding: 0px;
}
	.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: 0px;
		height: 40px;
		display: flex;
		align-items: center;
		font-size: 13px;
} 
.el-dialog .dialog-content .wpcm-col-sm-4 {
	padding: 15px;
}
.el-dialog .col-content {
	padding: 20px;
}
.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: 25px;
}
.el-dialog .dialog-content .wpcm-col-sm-4 {
	gap: 0px;
}
.donation-style-1  .amount-return i,
 .donation-style-4  .amount-return i {
    font-size: 25px;
}
.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: 12px;
}
.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;
	padding: 0;
}
.el-checkbox span.el-checkbox__label {
	font-size: 14px;

}
.donation-style-1 .wpcm-payment-gateways .wpcm-back-btn, .donation-style-4 .wpcm-payment-gateways .wpcm-back-btn {
	height: 45px;
	font-size: 14px;
}
.donation-style-1 .wpcm-payment-gateways .wpcm-proceed-btn {
	height: 45px;
	font-size: 14px;
}
.el-checkbox .el-checkbox__inner {
	height: 16px;
	width: 16px;
}
.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: 0px;
	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: 16px;
	font-weight: 700;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-back-btn {
    height: 45px;
    font-size: 14px;
}
.donation-style-2 .wpcm-payment-gateways .wpcm-proceed-btn {
    height: 45px;
    font-size: 14px;
}
.donation-style-3 .wpcm-recurring-btns ul li a {
    padding: 10px 0 !important;
    font-size: 13px !important;
}
 .el-custom-select.wpcm-recurring-cycle-drp .el-select .el-select__wrapper {
    height: 45px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    padding: 15px !important;
}
.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 {
	height: 40px;
}
.wpcm-payment-gateways.mt-3 {
	margin-top: 0 !important;
	margin-left: 8px;
}
.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: 100% !important; 
}
.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;
}

}