@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;
}

}