#overlay.modal-detfasi {
	left: 27%;
	width: 568px;
	height: 320px;
}

.modal-detfasi .modal-body {
	height: 500px;
}

@media (max-width: 1920px) {
	#overlay.modal-detfasi {
	    left: 35%;
	    background-color: #F2F3F4;
	    height: 68%;
	}
	.modal-detfasi .modal-body {
		height: 90%;
	}
}

@media (max-width: 1440px) {
	#overlay.modal-detfasi {
		left: 25%;
		background-color: #F2F3F4;
		height: 75%;
	}
	.modal-detfasi .modal-body {
		height: 90%;
	}

}

@media (max-width: 1280px) {
	#overlay.modal-detfasi {
	    left: 20%;
	    background-color: #F2F3F4;
	    height: 75%;
	}
	.modal-detfasi .modal-body {
		height: 90%;
	}
}

@media (max-width: 1024px) {
	#overlay.modal-detfasi {
	    top: 7%;
	    left: 15%;
	    background-color: #F2F3F4;
	    height: 75%;
	}
	.modal-detfasi .modal-body {
		height: 90%;
	}
}

@media (max-width: 768px) {
	#overlay.modal-detfasi {
	    top: 10%;
	    left: 13%;
	    background-color: #F2F3F4;
	    height: 70%;
	}
	.modal-detfasi .modal-body {
		height: 70%;
	}
}

@media (max-width: 480px) {
	#overlay.modal-detfasi {
	    top: 10%;
	    left: 4%;
	    width: 93%;
	    background-color: #F2F3F4;
	    height: 60%;
	}
	.modal-detfasi .modal-body {
		height: 60%;;
	}
}

@media (max-width: 280px) {
	#overlay.modal-detfasi {
	    left: 4%;
	    top: 10%;
	    width: 93%;
	    background-color: #F2F3F4;
	    height: 60%;
	}
	.modal-detfasi .modal-body {
		height: 60%;
	}
}