@media (max-width: 992px) {
	body .modal-lg {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	.metadata-tabs { width: 100%; }
	.metadata-intro {
		width: 100%;
		margin: 20px 0;
		padding: 20px 10px;
	}

	.closetable {
		top: 4px;
		margin-right: 0px ;
		right: 0px;
	}
}

@media screen and (max-width: 480px) {
	#tabs-toplevel-menu li {
		/* margin: 5px 10px 0 10px; */
		margin: 5px auto;
		min-width: 95%;
	}
	.metadata-tabs-menu { margin-top: 10px; }
	.metadata-tabs-menu a { font-size: 14px; }

	.metadata-image {
		padding: 10px 0 30px 0;
	}
	div.close-h7-div { width: 100%; }
	.metadata-intro {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 20px 10px;
	}
	.metadata-intro h3 {
		border-bottom: none;
	}
	.metadata-intro .thumb-nail {
		float: none;
		margin: 0 0 10px 0;
		text-align: center;
	}
	.metadata-completion {
		float: none;
		margin-left: 30px;
	}
	.metadata-completion .completion-bar-container {
		float: none;
		margin-left: 110px;
		margin-bottom: 20px;
	}
	.metadata-intro-content { margin: 0; }
	.metadata-intro-content h3 {
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 0;
	}

	#metadata-image-summary-modal .modal-body,
	#metadata-summary-modal .modal-body {
		padding: 0 10px;
	}

	.metadata-img {
		float: none;
		margin: 10px auto;
	}
	#metadata-h7 {
		padding-top: 0;
	}
	#figure-with-images, #figure-with-no-images {
		padding: 0;
	}
	.roww { margin: 0 !important; }
}