/* responsive CSS file 
Theme name: UDM
*/
@media screen and (max-width: 1230px) {

}

@media screen and (max-width: 1065px) {

	.ngg-gallery-singlepic-image img {
		width: 97.5%;
	}
	.ngg-gallery-singlepic-image a {
		max-width: 99.5% !important;
	}
	#content {
		overflow: hidden;
	}

}

@media screen and (max-width: 960px) {

	#content {
		width: 75.5% !important;
	}
	#content-box #sidebar #s {
		width: 80%;
		max-width: 143px;
	}
	#header a img, #home-header a img {
		width: 40% !important;
	}

}

@media screen and (max-width: 800px) {

	#header a img, #home-header a img {
		width: 30% !important;
		min-width: 215px;
	}
	#header .menu .lang-item a img {
		min-width: 20px;
	}

}

@media screen and (max-width: 720px) {

	#content {
		width: 74% !important;
	}
	#header {
		max-height: initial !important;
	}
	#header .menu {
		clear: both;
		text-align: left;
		position: static !important;
		height: auto !important;
		display: block;
	}
	#header .menu li,
	#header .menu a {
		display: block;
		float: none;
		width: auto;
		line-height: 36px;
	}
		#header .menu > li {
			display: inline-block;
			width: 24%;
			padding: 0;
			margin: 0 0.2% 0 0.2%;
		}
		#header .menu > li > a {
			width: 90%;
			padding: 5px 1% 5px 8.9%;
		}
		#header .menu > li > .sub-menu {
			top: 99.5%;
		}
	#content-outbox {
		clear: both;
	}
	/*ul#menu-menu {
		height: auto !important;
	}*/

}

@media screen and (max-width: 585px) {

	#header .menu > li {
		width: auto;
		padding: 0;
	}
	#header .menu > li > a {
		padding: 3px;
		font-size: 95%;
	}

}

@media screen and (max-width: 400px) {

	#sidebar {
		display: none;
	}
	#content {
		width: 99% !important;
	}
	#header .menu > li {
		width: 99%;
		padding: 0;
	}
	#header .menu > li > a {
		padding-left: 20px;
	}
		#header .menu .lang-item a img {
		max-width: 30px;
		padding: 7px 20px 0 20px;
	}

}