/**
 * modalWindow
 * This CSS file defines styles for all modals created using jquery.modalWindow.js
 */

.modalWindow-box {
	top: 50px !important;
}
 
@media only screen and (max-width: 480px) {
	
	.modalWindow-overlay {
		/* visibility: hidden !important; */
	}
	
	.modalWindow-box {
		left: 0 !important;
		height: 100% !important;
		opacity: 1 !important;
		padding: 0 !important;
		top: 0 !important;
		width: 100% !important;
	}
	
	.modalWindow-boxInner {
		border-radius: 0 !important;
		height: 100% !important;
		width: 100% !important;
	}
	
	.modalWindow-content {
		border-radius: 0 !important;
		height: 401px;
		overflow-y: scroll;
		padding: 8px 8px 0 !important;
	}
	
		.modalWindow-content iframe {
			height: 213px !important;
			width: 300px !important;
		}
	
	.modalWindow-close {
		right: 10px;
		top: 10px;
	}
	
	h3.modalWindow-title {
		border-radius: 0 !important;
	}
	
}