/* Modals
---------------------------------- */
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-header {
	background-color: #ff0000;
	color: #ffffff;
}
.modal-header h4 {
	color: #ffffff;
}
.modal-header .close {
	font-weight: 50;
	color: #FFFFFF;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
}
/* Define a container with a specific size */
.modal-image {
    width: 100%; /* Set the desired width */
    height: 450px; /* Set the desired height */
    border: 1px solid #cccccc00; /* Optional: Add a border for visibility */
    overflow: hidden; /* Hide any overflowing content */
}

/* Style the image within the container */
.modal-image img {
    max-width: 100%; /* Ensure the image doesn't exceed the container width */
    max-height: 100%; /* Ensure the image doesn't exceed the container height */
    display: block; /* Remove any extra space below the image */
    margin: 0 auto; /* Center the image horizontally if it's smaller than the container */
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;
	}
}