#popup{
	overflow:auto;
}
.modal-content{
	background: url('../images/BoluMerantiWDD_00index/20160630post_idulfitri2016resize.jpg');
	height: 700px;
	width: 700px;
	left: -70px;
	background-size:cover;
}
.close,.close:hover,.close:focus{
	color:#fff;
	font-size: 24pt;
	font-weight:bold;
	margin-right: -10px;
	margin-top: -20px;
}

@media (max-width:800px){
	.modal-content{
		height: 700px;
		width: 700px;
		left: -50px;
		background-size:cover;
	}
}

@media (max-width:768px){
	.modal-content{
		height: 700px;
		width: 700px;
		left: -50px;
		background-size:cover;
	}
}

@media (max-width:767px){
	.modal-content{
		height: 700px;
		width: 700px;
		left: 20px;
		background-size:cover;
	}
}


@media (max-width:480px){
	.modal-content{
		height: 450px;
		width: 450px;
		left: 5px;
		top:80px;
		background-size:cover;
	}
}

@media (max-width:414px){
	.modal-content{
		height: 400px;
		width: 400px;
		left: -3px;
		top:80px;
		background-size:cover;
	}
}

@media (max-width:360px){
	.modal-content{
		height: 330px;
		width: 330px;
		left:5px;
		top:80px;
		background-size:cover;
	}
}

@media (max-width:320px){
	.modal-content{
		height: 300px;
		width: 300px;
		left: 0px;
		top:80px;
		background-size:cover;
	}
}