/* CSS Document */
@media only screen and (max-width : 1023px) {
	html {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	*, *:before, *:after {
		-webkit-box-sizing: inherit;
		-moz-box-sizing: inherit;
		box-sizing: inherit;
	}
	img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
	
	iframe {
		max-width:100%;
	}
	#site-name a, h1#site-name {
		max-width:100%
	}
	#main {
		margin: 0px 10px 10px 10px;
		float:none;
		width:auto;
	}
	#page {
	background: url('../img/background2.jpg') top left no-repeat #000;
}
	.container {
		position: relative;
		width: 100%;
	}
	#nav .container {
		height: auto;
	}
#nav {
    position: relative;
    width: auto;
    z-index: 2;
    margin: 0 10px;
}	
	#main .main {
		margin: 0;
		padding: 20px;
		width: 100%;
		float:none;
	}
	#main .sidebar {
		display:none;
	}
	#block-menu-menu-connect {
		margin-right: auto;
	}
	.menu-name-primary-links li {
		display: inline-block;
		float:none;
		padding: 0;
	}
	.menu-name-primary-links {
		text-align:left;
	}
	.menu-name-primary-links ul {
		display: inline-block;
	}
	#footer #footer-middle {
		max-width: 100%;
	}
	
	
	.view-d2-official-gallery .gallery-cover {
		max-width: 100%;
		padding: 10px 0;
	}
	
	.yt_playlist li:nth-child(4n) {
	margin-right: 25px;
	
	
}
	.yt_playlist
	{
		text-align:center;
	}
	.yt_playlist li
	{
    	display: inline-block;
		float:none;
	}
	.yt_playlist li	a
	{
		overflow:hidden;
	}
	.yt_playlist li	a .video-title
	{
		overflow:hidden;
		display:block;
		height:50px;
	}
}
@media only screen and (max-width : 601px) {
	.node .content img {
 		max-width: 100%;
		height: auto;
		width: auto;
	}

	.release-date {
		display: none !important;
	}		

	.album-node-cover {
	    width: 100% !important;
    	height: auto !important;
    	border: none !important;
	}

	.album-node-cover img {
	    width: 100% !important;
	}

	.gallery-item, .gallery-item img {
		width: 100% !important;
	}

}
	
@media only screen and (max-width : 568px) {
	
}
@media only screen and (max-width : 414px) {
	#page {
	background-image:none;
	
	}
	.menu-name-primary-links {
		text-align:center;
	}
	.header_mobil
	{
		display:block;
	}
	#header {
		padding-top:0;
	}
	#header .container {
    height: auto;
	}
	
	.yt_playlist
	{
		text-align:center;
	}
	.yt_playlist li
	{
    	display: inline-block;
		float:none;
	}
	.menu-name-primary-links li
	{
		margin-bottom:2px;
	}
}