@charset "utf-8";
/* CSS Document */

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



/* Mobile Layout: 480px and below. */
@media screen and (max-width:480px){
	
	
	/*.nav{ background:#0C0;}*/
	
	.nav-collapse, .nav-collapse ul{ width:75%; padding-left:30px; }
	.logo{ position:fixed; left:8px; width:40px; }
	.nav{ position:fixed; right:0px; z-index:999999999; width:100%; margin-left:0px; padding-top:3px;}
	.nav li{ font-size:22px; line-height:30px;}
	.nav-toggle{ position:fixed; z-index:9999999999 !important;}
	
	
	/* Intro */
	.oneBG{ background-size:200%; background-position:bottom !important; background-attachment:fixed !important;}
	
	#preview1 > img{ display:none !important;}
	#preview1{ width:220px !important;}
	
	
	/* Biography */
	.bioBOX{ left:6%; width:80%; position:relative; margin:30% auto auto auto}
	.bioBOX h1{ font-size:4em;}
	#viewport ul{ width:97% !important;}
	#viewport li{ width:100%; float:none;}
	#viewport li:last-child{ display:none !important;}
	#viewport li h4{ font-size:18px;}
	
	.bioBOX .bioSECTION{ padding: 10px 15px; width: 87%;}
	.bioBOX .bioINNERBOX{ height:100% !important; }
	.bioBOX .bioINNERBOX li{ width:93% !important; font-size:12px; }
	
	#biography{ background-position:left bottom !important; background-size:2500%; height:1700px;}
	
	.tse-scrollable, .tse-scroll-content{ width:100% !important; height:100% !important;}
	.tse-scrollable .tse-scroll-content{ overflow:hidden !important;}
	#simplePrevious, #simpleNext{ border:2px solid #fff; width:28px; height:30px;}
	.buttons_container{ display:none !important; font-size:25px;}
	
	
	
	/* Discography */
	#discography{ width: 100%; min-height:700px; background-attachment:fixed !important;  }
	.discographyBOX{ left:0; top:10%; width:100%; }
	.discographyBOX .listBOX{ margin:15%;}
	.discographyBOX .listBOX li{ width:95%; margin-bottom:0px; margin-left:5%; margin-bottom:5%; margin-right:0; height:140px; font-size:18px; }
	.discographyBOX .listBOX li .fa-music{ background-position: center 25px; background-size: 25% auto; padding: 70px 0 0 0; }
	.discographyBOX .listBOX li .fa-movies{ background-position: center 25px; background-size: 25% auto; padding: 70px 0 0 0; }
	.discographyBOX .listBOX li .fa-camera{ background-position: center 25px; background-size: 25% auto; padding: 70px 0 0 0;}
	
	
	
	


	
	
		
		/* Inner Page Discography */
		.stage .wrap .content section{ display:block; overflow-x:auto;}
		.stage .wrap .content .over i{ font-size:4em;}
		#discography2{ background-size:100%;}
		#discography2 h3{ font-size:22px !important;}
		.discographyBOX2{ float:left; margin:0px auto; overflow:hidden; width:100%; padding:0px 0 0 54px;}
		#discography2 .left{ display:none; width:20%; float:left; overflow:hidden; min-height:100px;}
		#discographySHOW-INNERBOX2{ width:90%; margin:2% auto;}
		.discographyBOX2 .listBOX2 li { margin-right:2%;}
		.discographyBOX2 .listBOX2 li img.img{ width:150px;}
		
		
		
	#imgBOX{ display:none;}
	
	
	/* Video */
	#videos{ background-size:cover !important; background-position:bottom !important; background-attachment:fixed !important;}
	.videosBOX { width:70%; margin:0px auto;}
	.box-caption .box-title{ font-size:13px;}
	#videos, #videos .shade, #videos .pattern{ position:relative !important; padding-top:0%; height:auto;}
	.category-navbar{ width:100% !important; margin:30px 0 10px 0 !important; text-align:center !important; }
	.category-navbar li{ margin-bottom:10px !important;}
	
	
	
	/* Social */
	.socialBOX h6{ font-size:4.5em;}
	#social{ background:url(../images/social.jpg) no-repeat left top !important; background-size:cover; }
	
	#social, #social .pattern{ z-index:9999; height:700px;}
	#social .socialBOX{ width:250px; margin-top:38%;}
	#social .networkBOX{ width:240px; margin:-18px auto auto auto; border:5px solid #fff;}
	#social .networkBTN{ width:46%; top:5%;}
	#social .networkBTN a.facebookBTN, #social .networkBTN a.twitterBTN{ height:30px; padding:7px;}
	
	
	/* Contact */
	#contact h5{ font-size:3em; margin-top:30%; }
	#contact .whbox{ width:15%;}
	#contact .contentbox{ width:85%;}
	#contact .imgBOX2{ display:none;}
	
	.form{ width:100%;}
	
	
}



@media screen and (max-width:320px){
	/*.nav{ background:#9FF;}*/
	.column, .columns{ width:100%;}
	
	.bioBOX{ left:0 !important; height:100% !important; }
	.bioBOX .bioINNERBOX{  height:100% !important; }
	#biography{ background-position:left bottom !important; background-size:2000%; height:1600px;}
	#viewport li:last-child{ display:none !important;}
	
		/* Inner Page Discography */
		.stage .wrap .content section{ display:block; overflow-x:auto;}
		.stage .wrap .content .over i{ font-size:4em;}
		
		#discography2{ background-size:100%;}
		#discography2 h3{ font-size:22px !important;}
		#discography2 .left{ display:none !important; }
		#discographySHOW-INNERBOX2{ width:100% !important; margin:2% 0px 0px 0px !important;}
		.discographyBOX2{ float:left; margin:0px auto; overflow:hidden; width:100% !important; padding:0px 0 0 0% !important;}
		.discographyBOX2 .listBOX2 li { float:none !important; margin-right:0% !important; margin-left:33%;}
	
	#social{ background: #d0e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #d0e4f7 0%, #73b1e7 24%, #0a77d5 50%, #539fe1 79%, #87bcea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e4f7), color-stop(24%,#73b1e7), color-stop(50%,#0a77d5), color-stop(79%,#539fe1), color-stop(100%,#87bcea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
		
		.stage .wrap .content .album{ float:none; margin-bottom:2em; padding-top:0.7em; width:80%;}
		
		
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media screen and (min-width:481px) and (max-width:768px) {
	
	/*.nav{ background:#900;}*/
	
	.nav-collapse, .nav-collapse ul{ width:50%; margin:2px 0 0 7px;}
	.logo{ width:40px; margin-left:10px; }
	.nav{ width:100%; margin-left:0px; padding-top:3px;}
	.nav li{ font-size:20px; line-height:25px;}
	
	/* Intro */
	.oneBG{ background-size:cover; background-position:bottom !important;}
	
	
	/* Biography */
	.bioBOX{ left:22%; width:80%; position:static; margin:2% auto auto auto}
	.bioBOX h1{ font-size:3em;}

	
	
	
	
	#biography{ background-position: right bottom; background:url(../images/biography.jpg) no-repeat right top fixed !important; background-size:cover; height:1400px; }
	#simplePrevious, #simpleNext{ border:2px solid #fff; width:28px; height:30px;}
	.buttons_container{ font-size:25px;}
	
	
	
	#viewport ul{ width:97% !important;}
	#viewport li{ width:100%; float:none;}
	#viewport li:last-child{ display:none !important;}
	#viewport li h4{ font-size:18px;}
	
	.bioBOX .bioSECTION{ padding: 10px 15px; width: 87%;}
	.bioBOX .bioINNERBOX{ height:100% !important; }
	.bioBOX .bioINNERBOX li{ width:93% !important; font-size:12px; }
	
	
	
	.tse-scrollable, .tse-scroll-content{ width:100% !important; height:100% !important;}
	.tse-scrollable .tse-scroll-content{ overflow:hidden !important;}
	
	.buttons_container{ display:none !important; font-size:25px;}
	
	
	
	
	/* Discography */
	#discography{ width: 100%; min-height:900px;  }
	.discographyBOX{ left:0; top:10%; width:100%; }
	.discographyBOX .listBOX{ margin:10% 15%;}
	.discographyBOX .listBOX li{ width:95%; margin-bottom:0px; margin-left:5%; margin-right:0; margin-bottom:5%; height:180px; font-size:18px; }
	.discographyBOX .listBOX li .fa-music{ padding:115px 0 0px 0;  }
	.discographyBOX .listBOX li .fa-movies{ padding:115px 0 0px 0; }
	.discographyBOX .listBOX li .fa-camera{ padding:115px 0 0px 0;}
		
		
		
		/* Inner Page Discography */
		.stage .wrap .content section{ display:block;}
		#discography2{ background-size:100%;}
		#discography2 h3{ font-size:22px !important;}
		.discographyBOX2{ width:80%;}
		#discography2 .left{ width:20%; float:left; overflow:hidden; min-height:100px;}
		#discographySHOW-INNERBOX2{ width:90%;}
		.discographyBOX2 .listBOX2 li { margin-right:2%;}
		.discographyBOX2 .listBOX2 li img.img{ width:150px;}
		
		
		
		
		
	.box2{ height:350px;}
	.imgBOX{ left:150px; height:350px;}
	
	/* Video */
	#videos{ background-size:cover; background-position:right bottom !important; }
	.videosBOX { width:330px; margin:0px auto;}
	.box-caption .box-title{ font-size:13px;}
	#videos, #videos .shade, #videos .pattern{ position:relative !important; padding-top:0%; height:auto;}
	.category-navbar{ margin:auto auto 15px auto !important; width:100% !important;}
	
	
	/* Social */
	.socialBOX h6{ font-size:5em;}
	#social{ background:url(../images/social.jpg) no-repeat right bottom fixed; background-size:cover; }
	#social, #social .pattern{ z-index:9999; height:700px;}
	#social .socialBOX{ width:400px; margin-top:20%;}
	#social .networkBOX{ width:240px; margin:-19px auto auto auto;}
	#social .networkBTN{ width:150px; top:3%;}
	#social .networkBTN a.facebookBTN, #social .networkBTN a.twitterBTN{ height:30px; padding:7px;}
	
	
	
	#social .networkBTN{ width:46%; top:5%;}
	
	/* Contact */
	#contact h5{ font-size:4em;}
	#contact .whbox{ width:26%;}
	#contact .contentbox{ width:74%;}
	#contact .imgBOX2{ display:none;}
	
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media screen and (min-width: 769px) and (max-width:1232px) {
	
	.nav{ /*background:#0FF;*/ margin-left:0px;}
	
	
	.nav{ width:180px; padding-top:5px; }


	.nav-collapse ul {
	  width:100%;
	}
	.nav li{ font-size: 24px; line-height: 30px;}
	
	.nav-collapse,
	.nav-collapse ul {
	  list-style: none;
	  float: left; margin:0px 0 0 5px; letter-spacing:1px;
	}
	
	/* Intro */
	.oneBG{ background-position:bottom !important;}
	
	.logo{ width:45px;}
	
	/* Biography */
	.bioBOX{ top:1%; width:550px;}
	.bioBOX .bioINNERBOX{ height:190px;}
	.bioBOX .bioINNERBOX li{ width:582px !important; }
	#biography{ background-position: bottom; background-size:cover; height:1200px; }
	#simplePrevious, #simpleNext{ border:2px solid #fff; width:28px; height:30px;}
	.buttons_container{ font-size:25px;}
	
	
	
	/* Discography */
	#discography{ min-height:600px;}
	.discographyBOX{ width:75%; left:21%;}
	.discographyBOX .listBOX li{ width:130px; height:150px; font-size:18px; }
	.discographyBOX .listBOX li .fa-music{ background-size:40%; padding:70px 0 10px 0;  }
	.discographyBOX .listBOX li .fa-movies{ background-size:40%; padding:70px 0 10px 0; }
	.discographyBOX .listBOX li .fa-camera{ background-size:48%; padding:70px 0 10px 0;}
	
	
	
	
	/* Inner Page Discography */
	.stage .wrap .content section{ display:block;}
	#discography2{ background-size:100%;}
	#discography2 h3{ font-size:22px !important;}
	.discographyBOX2{ width:73%;}
	#discography2 .left{ width:26%;}
	#discographySHOW-INNERBOX2{ width:90%;}
	
	
		
	
	/* Video */
	.videosBOX { width:520px; margin-left:20% !important; }
	.box-caption .box-title{ font-size:13px;}
	#Videos, #Videos .shade, #Videos .pattern{ position:relative !important; padding-top:0%; height:auto;}
	
	
	
	/* Social */
	.socialBOX h6{ font-size:6.5em;}
	#social{ background:url(../images/social.jpg) no-repeat right bottom fixed; background-size:cover;}
	#social, #social .pattern{ z-index:9999; height:700px;}
	#social .socialBOX{ width:450px; margin:8% 0 0 24%;}
	#social .networkBOX{ width:430px; margin:-24px auto auto auto;}
	#social .networkBTN{ width:auto;}
	
	
	
	
	/* Contact */
	#contact .whbox{ width:26%;}
	#contact .contentbox{ width:74%;}
	#contact .imgBOX2{ display:none; width:34%; background-position:center top;}
	

	
}

@media screen and (min-width: 1233px) and (max-width:1300px) {
	
	/*.nav{ background:#90F;}*/
	.bioBOX{ left:15%; top:22%; width:670px; position:static; margin:0px auto;}

	#biography{ height:800px;}

	.discographyBOX2{ float:left; overflow:hidden; width:60%;}

	
}