/* #payment { */
	/* display: none; */
/* } */
.title {
	color: red;
}
.invalid {
	display: none;
	color: red;
}
.wf-container-main {
	grid-template-columns: none;
	display: contents !important;
}
.payment-form-container {
    text-align: center;
}

.modal-header .close {
    margin-top: -22px !important;
}

/* For Desktop View */
@media screen and (min-width: 1024px) {
	.bmd-modalContent {
	  height: 900px !important;
	}
	.embed-responsive-16by9 {
		padding-bottom: 90% !important;
	}
}
 
/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
	.bmd-modalContent {
		height: 1100px !important;
	}
	.embed-responsive-16by9 {
		padding-bottom: 170% !important;
	}
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {
	.bmd-modalContent {
	  height: 900px !important;
	}
	.embed-responsive-16by9 {
		padding-bottom: 220% !important;
	}
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
  
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen and (max-device-width: 640px) {
  
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
  
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) and (min-device-width: 375px)
and (-webkit-min-device-pixel-ratio: 3) {
	.bmd-modalContent {
	  height: 900px !important;
	}
	.embed-responsive-16by9 {
		padding-bottom: 220% !important;
	}
}