.hc-modal {
}

	.hc-modal .modal-dialog {
		margin-left: auto;
		margin-right: auto;
	}

	.hc-modal .modal-header {
		border-bottom: none;
		display: block;
		font-size: 20px;
		padding: 10px;
	}

	.hc-modal .modal-content {
		border: none;
		border-radius: 0px;
	}

@media (max-width: 575px) {
	.hc-modal .modal-dialog {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

@media (min-width: 575px) {
	.hc-modal.full-size-image .modal-dialog {
		margin-left: auto;
		margin-right: auto;
	}

	.hc-modal.full-size-image .modal-content {
		width: 40vw;
	}
}




.modal-style1 .modal-dialog {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	width: 300px;
}
.modal-style1 .modal-header {
	border-bottom: none;
	display: block;
	padding: 10px;
}

.modal-style2 .modal-dialog {
	margin: 0px;
	width: 100vw;
}

.modal-style2 .modal-content {
	border: none;
	border-radius: 0px;
	margin: 0px;
	width: 100vw;
}

.modal-style2 .modal-header {
	border-bottom: none;
	display: block;
	padding: 10px;
}

.modal-style3 .modal-dialog {
	margin-left: auto;
	margin-right: auto;
}

.modal-style3 .modal-content {
	border: none;
	border-radius: 0px;
}

@media (max-width: 575px) {
	.modal-style3 .modal-dialog {
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.modal-style3 .modal-content {
		margin: 0px;
		width: 100vw;
	}
}
@media (min-width: 575px) {
	.modal-style3 .modal-dialog {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.modal-style3 .modal-content {
		margin-left: auto;
		margin-right: auto;
	}
}

.modal-style3 .modal-header {
	border-bottom: none;
	display: block;
	padding: 10px;
}

.modal-style-mobile-menu .modal-dialog {
	border: none;
	margin-right: 0px;
	margin-top: 0px;
	height: 100vh;
	width: 400px;
}
.modal-style-mobile-menu .modal-content {
	border: none;
	border-radius: 0px;
	min-height: 100vh;
}
.modal-style-mobile-menu .modal-body {
	padding: 0px;
}