@media screen and (min-width: 2100px) { 
	.photo_grid { width:15%; }
}
@media screen and (max-width: 2100px) { 
	.photo_grid { width:18%; }
}
@media screen and (max-width: 1500px) { 
	.photo_grid { width:22%; }
}
@media screen and (max-width: 1024px) { 
	.photo_grid { width:30%; }
	#text-home{ font-size:20px; letter-spacing: 3px;}
	#news-list{ position: relative; margin:50px 0; width:500px; left:240px; margin-left:0; overflow:auto; padding:20px;}
}


@media screen and (max-width: 768px) { 
#skip { position:absolute; bottom:60px; right:20px; text-align: center; }
#main-logo img { width:100px;}
nav.main-nav{ position: fixed; top:30px; left:auto; margin:0; display:block; font-size:16px; right:20px; text-align: center; width:470px; height:60px;}
nav ul{ display:inline-block; margin:0 auto; padding:0 5px; white-space: nowrap; background: #000;}
nav li{ display:inline-block; }
nav a{ position: relative; display:inline-block; height:50px; line-height: 27px; padding:10px 10px 0 10px; }
nav div { display:none; }
nav a span{ display:block; margin-bottom:-10px; font-size: 12px;}
#credits { background: #000; width: 100%; padding:10px 5%; height: 40px; bottom: 0; left:0; }
#social-links {position:absolute;list-style:none;bottom:5px;left:auto; right:20px; padding: 0; margin:0; z-index: 4;}
#text-home{ font-size:16px; letter-spacing: 1px; }
#news .section-wrapper{ position: relative; padding:0; }
#news-list{ position: relative; margin:120px auto 80px; width:90%; left:0px; overflow:auto; padding:5%;}
#schedule_grids { position: relative; margin:120px auto 80px; width:100%; left:0px; overflow:auto; padding:5%; }
#schedule_grids .inline { display: block; width:31%; height: 140px; float: left; margin:0 1% 10px; padding: 10px; cursor: pointer; position: relative; overflow: hidden;}
.biography-image { background:#000 url(../img/backgrounds/biography-bg_mo.jpg) center 70px no-repeat; width:100%; height:470px; left:0; top:0; position: relative; }
.biography-block-holder{ position:relative; left:0; top:0; width:100%; margin:0; padding-bottom:80px; }
#discography { background: #fff; }
#owners_photo { position: relative; margin:120px auto 80px; width:100%; left:0px; overflow:auto; padding:5%; }
.photo_grid { margin:0 1% 10px; width:31%; }

}


@media screen and (max-width: 640px) { 
.coll-menu{ left:2%; }
.coll-type-menu{ right:2%; }
#int-fin-block-holder{ text-align: left; }
}


@media screen and (max-width: 600px) { 
/*** home ***/
#logo-home{ width:346px; height:auto; left:50%; top:50%; margin-left:-173px; margin-top:-88px; }
#text-home{ font-size:18px; }
}


@media screen and (max-width: 568px) { 
#credits img { position: absolute; bottom:13px; }
#social-links li { margin-left: 2px; }
.not-mobile{ display:none; }
.biography-image { background:#000 url(../img/backgrounds/biography-bg_mo.jpg) center 0 no-repeat; width:100%; height:400px; left:0; top:0; position: relative; }
.section-wrapper > h2{ font-size:24px; margin-bottom: 15px; }
html, body, #page-container{ min-height:268px; }
.mobile{ display:block; }
.mobile-menu-closer { position: absolute; top:20px; right:20px; }
/*** home ***/
#logo-home{ width:346px; height:auto; left:50%; top:50%; margin-left:-173px; margin-top:-88px; }
#text-home{ font-size:33px; }
/*** menu ***/
nav.main-nav{ width:90%; left:5%; margin-left:0 !important; display:none; }
nav ul{ display:block; width:100%; background:rgba(0,0,0,0.9); }
nav li{ display:block; width:100%; }
nav a{ color:#4D4D4D !important; }
nav a:hover span, nav a.selected span{ background:none; }
.main-nav .mobile{ padding:0 20px 10px 20px; }
.main-nav .mobile a{ padding:0; height:auto; }
.mobile-menu-opener{ position: fixed; bottom:7px; left:50%; margin-left:-11px; }
.mobile-area-closer, .mobile-language-closer{ text-align: center; padding:10px 0 0 0; background: rgba(255,255,255,0.7); cursor:pointer; }
#schedule_grids .inline { display: block; width:48%; height: 140px; float: left; margin:0 0 5px 1%; padding: 10px; cursor: pointer; position: relative; overflow: hidden; }
#owners_photo { margin:80px auto 80px; }
.infoWindow .imgWrap { float: left; width: 100%; padding-right: 40px; margin-bottom: 20px; margin-left: 20px; border-right: groove 2px #444; position: relative}
.infoWindow .img_info { float: left; color: #eee; border-radius: 5px; padding-left: 10px; margin:10px 0 0 10px; width: 90%; font-size: 14px; line-height:24px; text-shadow: 1px 1px 1px #333; }
#home-gallery { display: none; }
.home_wrapper { background: #000; }
#text-home,#skip { display: none; }
.home_wrapper #sp_jacket { display: block; margin:80px 0 0;  }
}


@media screen and (max-width: 400px) { 
/*** discographys ***/
html, body{ min-height:}
#logo-home{ width:230px; margin-left:-115px; margin-top:-59px; }
#text-home{ font-size:22px; }

}