
/*----------------------------------*/
/*-----------900px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:900px) {
	.title_lockup {
	background-image:url(../img/aint-nuthtin-lockup-555px.png);
	background-repeat: no-repeat;
	background-position: center; 
	max-width: 555px;
	height: 183px;
	margin: 0 auto;
}


	/*--FOOTER--*/
	#footer {
		margin:0; 
		text-align:center;
	}
	#footerMenuContainer {
		float: none; 
		text-align: center; 
		margin-bottom: 10px;
	}
	
	
	/*--CREDITS--*/
	#vys-credits {
		margin-bottom: 15px;
		width: 100%;
	}
}


/*----------------------------------*/
/*-----------700px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:700px) {
	#socialIcons {
    bottom: 14px;
}
	.cta_btn1 {
    font-size: 14px;
    color: #00fff6 !important;
    line-height: 26px;
    text-align: center !important;
    border: 1px solid #00fff6;
    border-radius: 6px;
    padding: 10px;
    letter-spacing: .1em;
    z-index: 999;
    position: relative;
	margin-top: 30px;
	margin-right: 16px;
	left: 50%;
	transform: translate(-50%, 0);
}
.cta_btn1:hover {
    color: #000000 !important;
}
.cta_btn2 {
    font-size: 14px;
    color: #00fff6 !important;
    line-height: 26px;
    text-align: center !important;
    border: 1px solid #00fff6;
    border-radius: 6px;
    padding: 10px;
    letter-spacing: .1em;
    z-index: 999;
    position: relative;
	margin-top: 20px;
	left: 50%;
	transform: translate(-50%, 0);
}
.cta_btn2:hover {
    color: #000000 !important;
}
.btn_rule {
	display:none;
}
	.play_btn {
	padding-top: 26% !important;
	padding-left: 10px;
    max-width: 20px !important;
    max-height: 20px !important;
	}
	body {
		padding-bottom: 0 !important;
	}
	.artist_btn {
    font-size: 12px;
    line-height: 26px;
    text-align: center !important;
    margin: 24px auto 0px;
    border-radius: 2px;
    padding: 6px 15px 6px 15px;
    letter-spacing: .1em;
    z-index: 999;
    position: relative;
    float: right;
    margin-right: 20px;
}
	#logo {
    margin: 24px 0 0 24px;
}
	/*--TYPE--*/
	.artist-title {
	font-size:28px;
	color: #ffffff;
	line-height: 32px;
}
#mce-EMAIL {
	width: 52%;
	float: left;
}
.sub-head {
	font-size: 14px;
	color: #ffffff;	
	line-height: 24px;
	opacity: .7;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom: 4px;
}
.timestamp {
	font-size: 16px;
	color: #ffffff;	
	opacity: 0.7;
	margin-bottom: 20px;
	letter-spacing:1px !important;

}
.video_play_btn {
    padding-top: 20px !important;
	margin-top:20px !important;
	vertical-align: top;
}
.artist-title {
    margin: 0 auto 10px;
}
	
	/*--VIDEO--*/

    .video-title {
	max-width:98% !important;
	margin-left: auto;
margin-right: auto;
top: 22%;
}
    .fa {
    margin-top: 26% !important;
}
    /*--POST NAVIGATION--*/
    #pageContent > a[rel="next"],
	#pageContent > a[rel="prev"] {
		display: inline-block;
	}
	#ajax-content > a[rel="next"],
	#ajax-content > a[rel="prev"] {
		display: none;
	}
	

	/*--CATEGORY POST--*/
	.scroll-this {
	    /*padding-right: 0px;*/
	}    
    .scroll-this > div {
		margin:0 20px 0 0;
		width: 300px;
	}
	

	/*--FOOTER CONTAINER--*/
	.footer_links {
	font-size: 12px;
	color: #ffffff;
	line-height: 20px;
	opacity: .7;
	letter-spacing: 3px;
	text-transform: uppercase;
	z-index: 99;
text-align: left !important;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin-left: 30px;
}
	#footerContainer {
		position: relative;
	}
}

/*----------------------------------*/
/*-----------600px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:480px) {
	
	.title_lockup {
	background-image:url(../img/aint-nuthtin-lockup-417px.png);
	background-repeat: no-repeat;
	background-position: center; 
	max-width: 313px;
	height: 106px;
	margin: 0 auto;
	}

}

/*----------------------------------*/
/*-----------540px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:540px) {
	
	.title_lockup {
	background-image:url(../img/aint-nuthtin-lockup-417px.png);
	background-repeat: no-repeat;
	background-position: center; 
	max-width: 417px;
	height: 137px;
	margin: 0 auto;
	}

	/*--PAGE CONTENT--*/
	#pageContent.with-scrollbar,
	#pageContent {
		max-height: 60%;
		width: 96%;
		margin-left: -45%;
	}
	#page-title {
    	font-size: 16px;
    	margin-bottom: 10px;
    	padding-bottom: 0;
    }
    #page-title:after {
    	display: none;
    }
    #post-details span {
    	display: block;
    }
	/*--FOOTER CONTAINER--*/
	.footer_links {
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
}
}


/*----------------------------------*/
/*-----------480px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:480px) {
	
	.title_lockup {
	background-image:url(../img/aint-nuthtin-lockup-313px.png);
	background-repeat: no-repeat;
	background-position: center; 
	max-width: 313px;
	height: 106px;
	margin: 0 auto;
	}
	#mce-EMAIL {
    max-width: 42%;
    float: left;
}
.cta_btns_wrapper {
    max-width: 92%;
    margin-top: 50px !important;
}
.as_btn {
    float: none;
}
.gp_btn {
    float: none;
    margin-top: 10px;
}
}


/*----------------------------------*/
/*-----------400px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:400px) {
	
	
	/*--LOGO--*/

		
	/*--CATEGORY POST--*/
	
	.entrytitle {
		left: 20px;
	}
	.scroll-this > div {
		width: 250px;
	}
	.scroll-this > div:first-child {
		margin-left: 20px;
	}
	#slide-right {
		right: 20px;
	}
	#slide-left {
		right: 50px;
	}
		
	/*--REVIEWS--*/
	#reviews {
		right: 20px;
		bottom: 60px;
		width: 80%;
	}
	.reviewContent {
		margin-bottom: 10px;
	}
	.reviewContent p {
		font-size: 120%;
	}
	.reviewTitle {
		margin-bottom: 20px;
	}
	#mce-EMAIL {
    width: 39%;
}
}
	
	/*----------------------------------*/
/*-----------320px WIDE------------*/
/*--------------------------------*/
@media screen and (max-width:320px) {

	.artist-title {
    font-size: 16px !important;
    color: #ffffff;
    line-height: 20px !important;
	max-width: 98% !important;
}
.sub-head {
    font-size: 11px !important;
    color: #ffffff;
    line-height: 20px !important;
    margin-bottom: 0px;
}
.video-title {
    top: 74px !important;
}
#logo img {
    width: 60px !important;
    height: 30px !important;
}
.artist_btn {
    font-size: 9px !important;
    border-radius: 2px !important;
    padding: 4px 5px 4px 5px !important;
    margin: 20px 10px 0px 10px !important;
    font-family: "Gibson-Regular" !important;
}
.email_signup {
    font-size: 11px !important;
    color: #ffffff;
    line-height: 13px !important;
    padding-bottom: 14px !important;
}
.cta_btns_wrapper {
    margin-top: 16px !important;
}
input[type="submit"] {
    border: 1px solid #00fff6 !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-family: 'Gibson-SemiBold' !important;
    letter-spacing: 0 !important;
    color: #00fff6 !important;
}
#mce-EMAIL {
    max-width: 42% !important;
}
.play_btn {
    padding: 16% 0px 0px 2px !important;
    max-width: 16px !important;
    max-height: 16px !important;
}
.timestamp {
    margin-bottom: 0px !important;
}
input, textarea {
    padding: 6px 10px !important;
}
.social_icons {
	height: 13px;
width: auto;
padding-top: 13px;
}
#socialIcons {
	right: 0px;
}
#socialIcons a {
    width: 30px !important;
}
.timestamp {
    margin-bottom: 0px !important;
    font-size: 12px;
}
}


/*--MAX HEIGHT--*/

/*----------------------------------*/
/*-----------900px TALL------------*/
/*--------------------------------*/
@media screen and ( max-height: 900px ){
    
    /*--SIGN UP--*/
	.cta_btns_wrapper {
    margin-top: 90px;
}
}


/*----------------------------------*/
/*-----------750px TALL------------*/
/*--------------------------------*/
@media screen and ( max-height: 750px ){
    
    /*--LOGO--*/
	
    /*--CATEGORY POST--*/
	.scroll-this > div {
		width: 350px;
		max-height: 285px;
	}
	.format-aside .posttitle::first-line,
	.posts-container .posttitle {
    	font-size: 14px;
	}
	.format-aside .posttitle,
	.posts-container .post-date {
    	font-size: 10px;
	}
	.posts-container .postInfo > * {
    	line-height: 1.4em;
	}
	.cta_btns_wrapper {
}
.video-title {
    top: 22%;
}
}


/*----------------------------------*/
/*-----------600px TALL------------*/
/*--------------------------------*/
@media screen and ( max-height: 600px ){
    

    /*--CATEGORY POST--*/
    .scroll-wrapper {
	 	padding-bottom: 25px;
	 }
	.scroll-this > div {
		width: 185px;
		max-height: 170px;
	}   
	.entrytitle {
		display: none;
	}
	.format-aside .posttitle,
	.posts-container .post-date {
		font-size: 10px !important;
	}
	.format-aside .posttitle::first-line,
	.posts-container .posttitle {
		font-size: 12px;
	}
	
	
	/*--VIDEO POST--*/
	.video-page-post {
    	bottom: 60px;
    	right: 20px;
   	}
	body.term-post-format-video .post, 
	body.page-template-page-videos .post {
		padding-bottom: 0;
	}
	body.term-post-format-video .post:after,
	body.page-template-page-videos .post:after {
		display: none;
	}
	body.term-post-format-video .post .posttitle, 
	body.page-template-page-videos .post .posttitle {
		font-size: 14px;
	}
	.video-content {
		display: none;
	}
	.current-page {
		margin-bottom: 10px;
	}
	.post-video,
	.videoLink {
	
    }
    
    
    /*--GALLERY INFO--*/
	#imgInfo {
		bottom: 70px;
		padding-bottom: 0;
	}
	#imgInfo:after {
		display: none;
	}
	#imgInfo h2 {
		font-size: 14px;
		line-height: 1.2em;
		margin: 0;
		color: #fff;
	}
	#imgInfo p {
		display: none;
	}
	#imgInfo small {
		margin-bottom: 10px;
	}
	
	
	/*--PAGE CONTENT--*/
	#pageContent.with-scrollbar,
	#pageContent {
		max-height: 60%;
		width: 90%;
	}
	#page-title {
    	font-size: 16px;
    	margin-bottom: 10px;
    	padding-bottom: 0;
    }
    #page-title:after {
    	display: none;
    }
    
    /*--AUDIO--*/
	#audioControl {
		left: 10px;
		bottom: 10px;
	}
	
	
	/*--SOCIAL ICONS--*/
	#socialIcons {
		right: 15px;
		bottom: 15px;
	}
	
	.artist-title {
	font-size:28px;
	color: #ffffff;
	line-height: 32px;
}
#mce-EMAIL {
	width: 59%;
	float: left;
}
.sub-head {
	font-size: 14px;
	color: #ffffff;	
	line-height: 24px;
	opacity: .7;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom: 4px;
}
.timestamp {
	font-size: 12px;
	color: #ffffff;	
	line-height: 16px;
	opacity: 0.7;
	letter-spacing:1px;
	margin-bottom: 20px;
}

	
	/*--VIDEO--*/
    .video-title {
	max-width:98% !important;
	margin-left: auto;
margin-right: auto;
top: 22%;
}
    
	
}

/*----------------------------------*/
/*-----------450px TALL------------*/
/*--------------------------------*/
@media screen and ( max-height: 450px ){
    
    .pattern {
    position: static !important;
	margin-top: -70px;
height: 160% !important;

}
#contentContainer {
    position: relative;
	overflow: scroll !important;
}
.footer_links {
    position: absolute ;
	display:none;
	float:left;
}
.footer_links_mobile {
	float:left !important;
	margin-top: 13px;
	font-size: 12px;
color: #ffffff;
line-height: 20px;
opacity: .7;
letter-spacing: 3px;
text-transform: uppercase;
z-index: 99;
clear:both;
}
#socialIcons {
    position: relative !important;
	display:none;
}
#socialIcons_mobile {
	display: inline-block !important;
	float: right !important;
	clear: right !important;
}
.cta_btns_wrapper {
    margin-top: 20px;
}
.artist-title {
	margin-top:30px;
}
#mobile_footer {
}
.header-image {
	background: url("http://s.wav.media/img/201704/cover-image-01_2017041301.jpg") no-repeat 50% 100% !important;
    background-size: cover;
}
#headerImages {
    position: fixed;
    z-index: -999;
    height: 120%;
    width: 100%;
    top: 0;
    left: 0;
}
}

@media screen and ( min-height: 451px ){
    
#contentContainer {
    position: relative;
	overflow: scroll !important;
}
.footer_links_mobile {
    position: relative;
	display:none;
}
#socialIcons_mobile {
	display:none;
}
#mobile_footer {
	display:none;
}
}


/*---------------------------------*/
/*-----------2000 x 400------------*/
/*-------------------------------*/
@media screen and ( max-height: 400px ) and ( max-width: 2000px){
	
	
	 /*--LOGO--*/
	 
	 /*--PAGE CONTENT--*/
	 #pageContent.with-scrollbar,
	 #pageContent {
			max-height: 55%;
	 }
	 
	 
	 /*--REVIEWS--*/
	 #reviews {
	 	width: 245px;
	 }
	 
	 
	 /*--NAVIGATION*/
	 #navigation {
	 	padding: 40px;
	 }
	 
	 
	 /*--SLIDE NAVIGATION--*/
	 .slide-nav {
	 	display: none !important;
	 }
	 
	 
	 /*--SCROLL WRAPPER--*/
	 .scroll-wrapper,
	 body.windowsOs .scroll-wrapper {
	    overflow-x: auto;
  	}

}

/*---------------------------------*/
/*-----------400 x 600------------*/
/*-------------------------------*/
@media screen and ( max-height: 600px ) and ( max-width: 400px){
	
	
	 /*--CATEGORY POST--*/
	 .entrytitle {
		display: inline-block;
	}
	.scroll-this > div {
		width: 250px;
		max-height: 280px;
	}
}
@media screen 
  and (min-device-width: 320px) 
  and (max-device-width: 767px) 
 { 
.video-title {
	max-width:80% !important;
}
}

/*---------------------------------*/
/*-----------IE 6,7,8------------*/
/*-------------------------------*/
@media screen and (max-device-width: 767px) and (orientation: portrait) {
	html, body {
		overflow: hidden;
	}
}