/*small screens hidden in regular stylesheet and turned on when appropriate*/
.show-on-phone ,.show-on-smallPhones{
	display: none !important;
}
.hide-on-smallPhones{
	  display: inherit !important;
	}
.show-on-tablet {
  display: none !important;
}
.hide-on-desktop {
  display: none !important;
}

.show-on-desktop {
  display: inherit !important;
}
.show-on-small{
	 display: none !important;
	}
	
/*main nav options*/
a#offCanvas{
	display:inline-block;
	line-height:100%;
	font-size:110%;
	text-transform:uppercase;
	padding:8px; 
	color:#fff;
}
#menuBar{
	background:#4d4d4d;
	}
	a#offCanvas [class^="icon-"]:before,a#offCanvas [class*=" icon-"]:before,
	a#mobileNav [class^="icon-"]:before,a#mobileNav [class*=" icon-"]:before {
    font-size: 2.6rem;
    padding: 3px 2px 0 0;
}	
a#mobileNav{
	color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 0 9px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 25px;
	}
a#storeCatsBut{
	color: #FFFFFF;
    font-size: 100%;
	display:block;
    padding: 0 12px;
    float:right;
	line-height:32px;
    text-transform: uppercase;
	}
	.noCatsBut a#storeCatsBut{display:none!important;}/*turn this off on account and checkout masters*/
#menuBar{}
/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 800px) {
	.show-on-desktop {
        display: none !important;
 		 }
	.hide-on-desktop{
	    display: inherit !important; 
		}
	.hide-on-tablet{
	    display: none !important; 
		}
	.show-on-small {
      	display: inherit !important;
  		 }
	.hide-on-small {
      	display: none !important;
  		 }
 /* .left, .right { float: none; }*/
   body { -webkit-text-size-adjust: none;-ms-text-size-adjust: none; 
		 width: 100%; 
		 min-width: 0; 
		 margin-left: 0; 
		 margin-right: 0; 
		 padding-left: 0; 
		 padding-right: 0; 
		 }
  /* Collapse The Grid =================================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; background:inherit; }
  .columns, .blockgrid { width: auto; float: none;margin:0; }
  .columns:last-child { float: none; }
  [class*="columns"] + [class*="columns"]:last-child { float: none; }
  .columns:before, .columns:after { content: ""; display: table; }
  .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, 	.offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }

.two-on-small{width:16.6666%; float:left!important;}
.three-on-small {width:25%; float:left!important;}
 .six-on-small, .six-on-tablet {width:50%; float:left!important;}
 .four-on-small {width:33%; float:left!important;}
 
 
 .rocket-subscribe .push-one{left:0;}
 
 header h1 {float:none;display:block;font-size:30px; font-size:3rem;}

/*OFFCANVAS NAVIGATION=========================================================================*/
.row{}
.mainNav {
	display:none;
	overflow:hidden;
	float:none;
	position:;
	width:100%;
	margin:0 0px 12px;
	padding:0 20px;
	left:0;
	top:60px;
	background:#3A3939;
	}
[role="main"], footer {
   position:static;
   left:0;
   z-index:2;
   width:auto;
   -webkit-transition: left 0.2s ease-in ;
	-moz-transition: left 0.2s ease-in;
	-ms-transition: all 0.2s ease-in ;
	-o-transition: all 0.2s ease-in ;
	transition: left 0.2s ease-in ;
}
#mainContent{position:static;}
/* SMALL SCREEN MENU BUTTON NAVIGATION TOGGLE==================================================*/
.mobileShowNav a#mobileNav{background:#0C7EBF;border-radius:4px}

.mobileShowNav [role="navigation"] {

	
	border-radius:4px 0 4px 4px;
	}
	
.mobileShowNav .mainNav  ul{margin:9px 0;border-radius:0;}
.mainNav li{display:block;width:100%;float:none;margin:0;padding:0; }

.mainNav li.current_page_parent a{background:#0C7EBF;}

.mainNav li a{
	display:block;
	border-bottom:1px solid #666;
	float:none;
	padding:10px;
	border-radius:0;
	width:100%;
	}
.mobileShowNav .mainNav li a:hover,
.mobileShowNav nav.news a#nav_news,
.mobileShowNav nav.about a#nav_about,
.mobileShowNav nav.tour a#nav_tour,
.mobileShowNav nav.music a#nav_music,
.mobileShowNav nav.store a#nav_store{
		background:#0C7EBF!important;
		}
nav.mainNav li ul{display:none;}	


 

/* small screen forms fixes===========================================================*/
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
	}
textarea{width:60%;}
p.forgetPw {clear: both; margin: 12px 0;}
div.inputs input[type="checkbox"], div.inputs input[type="radio"], div.primarylist input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px;
    position: static;
    width: auto;
}
div.inputs input[type="submit"] { margin-left: 0px;}
.inputsHolder { float: none;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	margin-bottom:4px;
	}


input.lastNameField{display:block;margin-left:152px;}
input.emptyText{display:block;margin-left:152px;}
label.formLabel{float:left;}
div.inputs input[type="submit"], .submitButton input[type="submit"] {margin: 12px auto;display:block;}


/*==SITE AND STORE STYLES=================================================================*/

#container{width:100%;padding:0 10px;}

.row{background:none;}

header .columns.twelve{padding:0;}
header #officialTag{margin: 0 0 4px 20px;}
h1.logo{margin:0 0 12px 20px;}
#backgroundHolder{min-height:300px;height:auto;}
#backgroundHolder, body.search #backgroundHolder,#rocketIntroNonSub, #rocketIntro, #rocketFanIntro, #rocketRiddleIntro{
	width:100%!important;
	background-size:100%;
	background-position: 0 bottom;
	background-repeat:no-repeat;
	}

#backgroundHolder.mapHolder{height:240px;overflow:hidden}
body.home,body.page-template-pg_gybrt-php, body.gybrpairs{background:#000;}




ul.subNav{font-size:110%;border-bottom:1px solid #ddd;margin:0 0 12px 0;padding: 0 0 12px 0;}
.subNav li{display:inline-block;}
.subNav li:first-child a {/*padding:0 10px;*/margin-left:10px;}

footer p{text-align:center;}
.poweredBy{float:none;margin:0 auto 12px;}
#mailingListButton{float:none; display:block; text-align:center;background-image:none; margin:0 0 12px 0;height:auto;padding:6px 0; font-weight:bold;letter-spacing:1px;}
#ejaf{float:none;clear:both;display:block;margin:18px auto;}

#social_fb, #social_yt, #social_twitter, #social_insta, #social_pin{display:inline-block;float:none;text-align:center;margin-top:12px;}

/*home page*/
.flexslider .slides  li{}
.flexslider .slides img{height:auto;padding:;}
.flexslider span.caption,.flexslider span.none2{
	background: none repeat scroll 0 0 #0E0E10;
    height: auto;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 10px;
    width: 52%;
	}
.flexslider span p{font-size:14px;}
.flexslider .slides, .flexslider{height:auto;}
.heroflex .flex-control-nav{display:block;}
.heroflex .flex-control-thumbs {width:100%; bottom:-80px;left:0;position:static;height:auto; padding-bottom:10px;}
.flex-control-thumbs li {width:18%;margin:0 1%;height:auto;}
.flex-control-thumbs li img{height:auto;}



#bioPics{display:none;}

#homeHeadlines ul{width:100%!important;margin-left:0!important;}
#homeHeadlines .slides  li{float:none!important;width:100%!important;}
.newsHeadlines{float:none;width:100%;}
.headlineItem{min-height:1px;}

.storeSlider  .flex-control-nav{display:block;}

h3#sectionTitle {position:static;padding:0 0 12px 20px;color:#444;text-shadow:none;}
.newsPic{display:none;}
.newsExcerpts{display:block;float:none;width:100%;}
#newsletterForm{margin:0;}
.inputs label.error {
  padding-left:155px;
    width: 100%;
	text-align:left;
}
.blockgrid > li{min-height:320px;}
a#youtubeVids{margin:0;text-align:right;float:none;}
.rocketOptions {min-height:1px;margin:0 0 12px;}

.the-rocket-club #backgroundHolder, .fan-gallery #backgroundHolder, .rocket-riddles #backgroundHolder, .rocketclub-video-mobile #backgroundHolder, .rocketclub-video #backgroundHolder, .rocket-subscribe #backgroundHolder{min-height:0;}
.the-rocket-club #mainContent,  .fan-gallery #mainContent, .rocket-riddles #mainContent, .rocket-subscribe  #mainContent{padding-top:0}


#rocketTixBannerNon{padding:0 12px;background-size:200px; background-position:0px 0px;}
#rocketTixBannerNon span{left:10px;}
#rocketTixHolderNon{left:155px; width:70%;}
#rocketWelcome{top:10px;width:95%;left:15px;}
#rocketWelcome h3{margin:0 0 6px;}
#rocketWelcome p{margin:0 0 9px}

#rocketIntro,#rocketIntroNonSub{background-image:none;}

#rocketIntroNonSub, #rocketIntro, #rocketFanIntro, #rocketRiddleIntro{height:220px; width:100%; position:static; margin-top:0;background-repeat:no-repeat;background-color:#225068;margin:0 0 18px;background-size:cover}
#rocketIntroNonSub, #rocketIntro{height:240px;}

.rocketMemberPic{height:150px; line-height:150px;}
.rocketDetails img {height:auto; max-height:134px;}
a.membut {
   position:static;
   margin:0 0 18px 0;
}
#rocketMap h3, #rocketFanIntro h3, #rocketRiddleIntro h3{display:none;}
.countryDots{display:none;}
#rocketMap {
    background: url("/wp-content/themes/html5blank-master/img/rocket/RocketMap.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size:cover;
	height: 200px;
    margin: 15px 0 24px;
    position:absolute ;
    top: 100px;
    width:96%;
}
#rocketControls {top:10px;}
.rocketMemberSingle img{display:block;margin:0 auto 12px;}

#bandIntroSect {position:static;padding:0 20px;margin:0 0 18px;}
h2#bandIntro{font-size:1.8rem;width:100%;}
h2#bandIntro span{font-size:100%;width:50%;}
.bandIntroPic{width:47%;}
.band-archives img{display:block; margin:0 auto 9px auto;}
a#switchPeople, a#switchBand{text-align:center; background-image:none;}
 a#thePeopleToggle, a#toursToggle{padding:6px 0;margin:0 0 0 6px}
 aside.people, aside.tours {display:none;padding:9px; background:#ECF0F3;position:relative;top:-12px;}
  aside.people li,   aside.tours li{width:33%;float:left;}

.songAudio.intro {
    float: right;
    width: 200px;
	position:relative;
	top:-36px;
}
.songAudio{margin:0 0 12px;}
#bandMemberInfo section, #bandTourInfo section {  width: 60%;}
#bandMemberInfo aside, #bandTourInfo aside{width:40%;}

h2#bandIntro span{width:100%;float:none;}
.songAudio.intro {float:none;position:static;}


body.page-template-pg_gybrt-php aside .sideBar header, body.page-template-pg_gybrt-php aside footer {
    background: none;
    height: 0px;
}
h3#anniversary{display:none;}
body.page-template-pg_gybrt-php aside section {background:#E2D9C8;}

#discStrip, #discGrid, #discGridshort{position:static!important;width:100%;height:auto;padding:0px;}
.flex-viewport{position:static!important;}

#discGrid,#discGridshort{display:none;}

#discGrid ul.slides, #discGridshort ul.slides {width:100%!important; height:auto;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid #ddd;}
#discGrid .slides li, #discGridshort .slides li{width:25%!important ;margin:0px!important;padding:5px;} 
#discGrid ul.slides li a, #discGridshort .slides li a { width: 100% !important;}

.flex-control-nav{display:none;}
#discGrid .flex-direction-nav{display:none;}

.gallery_flexslider .flex-direction-nav a span{display:none;}
.gallery_flexslider .flex-direction-nav a span.flexIcon{display:inline-block;}
.gallery_flexslider .picInfo a {padding:0 12px;}
.gallery_flexslider .picDate span{width:75%;}
.gallery_flexslider .flex-direction-nav { width: 25%;}

.single-discography #backgroundHolder {
    background: url("/wp-content/themes/html5blank-master/img/headerImages/header8.jpg");
	 background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100% !important;
}

#albumControls {position: static;text-align: right;}


#albumControls span{display:none;}
#albumControls .dropdown .viewSections{display:none;}
#albumControls .dropdown{display:block;}
 #albumControls .dropdown ul{display:block!important;position:static; background:none;text-align:left;float:none;height:34px!important;overflow:hidden;border:1px solid #c00;}
 #albumControls .dropdown ul li{width:auto;display:inline-block;}
 #albumControls .dropdown ul li a{color:#272727; }
 
 .albumColumn{margin:0 0 18px;}
 .albumColumn .six-on-small.columns{padding:0 10px;}
 h2.discTitleMob{display:inline;float:left;margin-top:-9px;}
 .nextback{font-size:110%;margin:0 0 18px 0;text-align:right;float:right;}
 
 a#showAlbums{
 	float:right;
    right: 0;
    text-align: right;
	width:140px;
	position:relative;
	top:-2px;
}
 a#showAlbums [class^="icon-"]:before, [class*=" icon-"]:before,  a#showAlbumsShort [class^="icon-"]:before, [class*=" icon-"]:before{font-size:1.9rem!important;}
 a.toTop{display:block;text-align:center;}
 
 .musicSub{font-size:110%;margin:0 0 24px;} 
 .musicSub ul{margin:0;float:left;}
.musicSub ul li{display:inline-block;margin:0 12px 0 0;}
.musicSub li a{color:#272727;}
.custom_tax_film-theatre .musicSub ul li a.sub_film{color:#0C7EBF}
.custom_tax_studio .musicSub ul li a.sub_studio{color:#0C7EBF}
.custom_tax_live-compilations .musicSub ul li a.sub_live{color:#0C7EBF}
/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */

.pagination{margin:0 0 12px;}
 #bigPic{overflow:hidden;}
gallery_flexslider .slides li img {max-height: 400px;} 




 ul.subNav.helpNav{border:0;margin:0;}
 .subNav li:first-child a{margin:0 0px 0 10px;}

 #backgroundHolder.header_gybr{min-height:360px;height:auto;position:relative;}
 #gybr_wrapper  {width:100%;height:270px;top:109px;}
 #gybr_left,#gybr_right{display:none;}
 #gybr_main{height:270px;background-size:cover;width:100%}
 #gybr_main a{ width:80%; height:250px;}
 body.page-template-pg_gybrt-php footer.row {padding: 28px 0 14px;}
 
 body.page-template-pg_gybrt-php aside .callout {width: 45%;float:left;margin:0 10px;}
.callout.call1,.callout.call2 {height:260px}
body.page-template-pg_gybrt-php .callout a.gybrStore {height:120px;padding-top:22px;}
body.page-template-pg_gybrt-php .callout a {margin: 6px auto;}
h2#gybrIntro {background-size:contain;}

blockquote.riddle{background:#E1E2E5}
blockquote.riddle p{width:100%;font-size:24px;}

.rocketForm label {width: 200px !important;}
.RandomFact textarea{width:300px;}

#ejafCallout,a#rocketCallout,#fbCallout{width:32%;margin:0 1% 0 0;float:left;min-height:85px;}
#ejafCallout span{display:none;}
#ejafCallout a {width:60%;}
a#rocketCallout{background-size:contain;}
#fb_count{font-size:2.2em;height:auto;}
#fbCallout iframe{top:10px;right:10px;}

.addthis_toolbox{ width:260px;text-align:right;}
.addthis_toolbox .fb_iframe_widget, .addthis_toolbox .fb_iframe_widget span, .addthis_toolbox .fb_iframe_widget iframe[style]{width:100px!important;overflow:hidden;}
.fb_iframe_widget{}

[class^="icon-"]:before, [class*=" icon-"]:before {margin:-3px 0 0 0;}

p.newsletterCo a{color:#fff; width:90%;font-size:15px; font-size:1.5rem; margin:0 auto 12px;display:block}
p.newsletterCo a:hover{color:#cbc9c9; width:90%;font-size:15px; font-size:1.5rem; margin:0 auto 12px ;}
a.gybrPairs{display:none!important;}



/*fixing support*/
.freshwidget-button{position:absolute!important; top:-1px!important;right:0!important;width:auto!important;height:auto!important;}
fd-btn-bottom a.freshwidget-theme, .fd-btn-right a.freshwidget-theme{box-shadow:none!important;border-radius:0 0 4px 4px!important;}
.fd-btn-right a.freshwidget-theme {
    transform: rotate(0deg)!important;
    transform-origin: top bottom 0!important;
}
.fd-btn-right{right:10px!important;top:2px!important}
.freshwidget-theme {font-size:12px!important; padding:6px 10px!important;font-weight:normal!important;}
.freshwidget-button a, a.freshdeskFR {position:static!important;}

#headerBar a#searchBut{margin-right:68px;}
}

@media only screen 
and (max-width : 600px) {
	.show-on-smallPhones{display:block!important;}
	.hide-on-smallPhones{display: none !important;}
	#backgroundHolder {
   		 height: auto;
  	  	 min-height: 120px;
	     background-position:0 0px;
		 background-image:none!important;
		}
	 #backgroundHolder.header_gybr, #backgroundHolder.mapHolder{min-height:120px;height:auto}
	 #gybr_wrapper{display:none;}
	 
	 #rocketFanIntro, #rocketRiddleIntro,#rocketMap{display:none;}
	 #rocketIntro,#rocketIntroNonSub{height:auto;padding:0 0 18px 0;font-size:110%}
	 a.rocketJoin ,.rocketLogin{float:none;text-align:center;margin:0 auto 12px auto; display:block}
	 .rocketLogin span {float:none;display:block;margin: 0 0 9px 0}
	 #headerBar {margin: 0 0 12px;}
	aside.people li,   aside.tours li{width:50%;float:left;}
	
	ul.tabList, ul.tabs { background: transparent;margin:0 0 6px;}
	ul.tabList li,ul.tabsi {display: inline-block; margin:0 0 6px;}
	ul.tabList li a, ul.tabs li a {
   		border:0;
   	 	color:#949494;
		border-right:1px solid #949494;
    	padding: 0px 12px 0px;
    	text-shadow: none;
    	transition: none;
}
ul.tabList li.current_page_item a, ul.tabList li a:hover , ul.tabs li a:hover,  ul.tabs li a.active{
    color: #0C7EBF;
	background:none;
}	
	 #bigPic{overflow:hidden;height:500px;}
	gallery_flexslider .slides li img {max-height: 350px;} 
	
	
	.bandIntroPic.wp-image-534 {display:none;}
	.bandIntroPic{margin:0 auto 18px auto;width:70%;float:none}
	.songAudio,h3#bandMember {float:none;}
	a.gybrPairs{background-size:contain;}
	#rocketWelcome{left:10px;}
 .fan-gallery #mainContent, .rocket-riddles #mainContent {
   	 padding-top: 22px;
	}
	.rocketForm label { width: 180px !important;}
	.RandomFact textarea{width:220px;}
	p.fileLimit {margin:18px auto;text-align:center;}
	input.wpcf7-submit{margin:0 40%!important;}
	.rocketForm span span {float:none;}
	
	#rocketTixBannerNon{background-image:none!important;}
	#rocketTixHolderNon{left:0px; width:100%;}
	#rocketTixBannerNon span{display:none;}
	p.lead{font-size:1.6rem;}
	
	.heroflex .flex-control-thumbs{display:none;}
	.flexslider span.caption,.flexslider span.none2{
	background: none repeat scroll 0 0 #0E0E10;
    height: auto;
    margin: 0 auto;
    padding: 6px 6px 0;
    position: static;

    text-align: center;
  
    width:75%;
	}
	 .heroflex .flex-direction-nav { display: block;}
	 .flexslider span p{display:none;}
	.flex-direction-nav .flex-prev{ left: 0px;background:#fff}
	.flex-direction-nav a {top:-58px;}
	.flex-direction-nav .flex-next{ background-position: 100% 0;right:0; 0px;background:#fff;}
	.flexslider span h3{font-size:1.45em;}
	
	.heroflex .flex-direction-nav .flex-prev {
   		 background: url("/wp-content/themes/html5blank-master/img/template/hero-prev.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    	height: 75px;
    	width: 40px;
	}
	.heroflex .flex-direction-nav .flex-next {
    background: url("/wp-content/themes/html5blank-master/img/template/hero-next.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    height: 75px;
    width: 40px;
}

a#rocketCallout{background-color:#F2226E; width:100%;background-position:50% -3px;height:100px; border-radius:4px; margin:0 0 12px;}

#ejafCallout{width:48%;float:left;min-height:85px;}
#fbCallout{width:48%;float:right;min-height:85px;}
#ejafCallout span{display:none;}
#ejafCallout a {width:60%;}

#fb_count{font-size:2.2em;height:auto;}
#fbCallout iframe{top:10px;right:10px;}

#slideshowC{display:none;}

}


@media only screen 
and (min-width : 320px) 
and (max-width : 500px) {
	.show-on-desktop {
        display: none !important;
 		 }
	 .hide-on-desktop{
	    display: inherit !important; 
		}
    .show-on-phone {
      	display: inherit !important;
  		 }
    .hide-on-phone {
    	 display: none !important;
 	 	}	
	
	.six-on-small {width:100%; float:none;}
	.four-on-small {width:100%; float:none; margin:0 0 12px 0;}
	.six-on-tablet {width:100%; float:none!important;margin:0 0 12px 0;text-align:center;}
	.errorPage h1{font-size:120px;font-size:16rem; line-height:0.8; text-align:center;}
	.errorPage .button{width:100%;}
	
	.button{ padding: 8px 14px 9px;}
	#bandMemberInfo section, #bandTourInfo section ,#bandMemberInfo aside, #bandTourInfo aside{width: 100%;float:none;clear:both;border:0;padding:0;}

	#backgroundHolder {
   		 height: auto;
  	  	 min-height: 120px;
	     background-position:0 0px;
		 background-image:none!important;
		}
	 #headerBar {margin: 0 0 12px;}
	 
	 p.Right, p.right {margin:0 auto 9px ; float:none;}	
	 p.Left img, p.left img, p.Right img, p.right img{margin:0 auto 6px;}
	 
	 	
	 #bigPic{overflow:hidden;height:400px;}
	gallery_flexslider .slides li img {max-height: 300px;} 
	.gallery_flexslider .picDate span{width:65%;font-size:80%;}
	.gallery_flexslider .flex-direction-nav { width: 30%;}
	.gallery_flexslider .picInfo a { padding: 0 9px;}
	
	
	div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label {
    display: block;
    text-align: left;
    width: 100%;
}
	.inputs label.error{text-align:left;}
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{width:100%;}
	.inputs select { width: 100% !important;}
	.button, .memberCheckButton input, .contactForm input[type="submit"], .submitButton input[type="submit"], input.wpcf7-submit{width:100%;}


 body.page-template-pg_gybrt-php aside .callout {width: 100%;float:none;margin:0 0px 12px;}
.callout.call1,.callout.call2 {height:auto}
body.page-template-pg_gybrt-php .callout a.gybrStore {height:auto;padding-top:0px;}
body.page-template-pg_gybrt-php .callout a {margin: 6px auto;}
h3#recording,h3#release,h2#gybrIntro,h3#concert,h3#legacy{background:none;text-indent:0;text-transform:uppercase;height:auto;font-size:21px;font-size:2.1rem;}
body.page-template-pg_gybrt-php .subNav li{min-width:1px;margin:0 0 3px;}
body.page-template-pg_gybrt-php .subNav li a {padding: 8px;margin:0 3px 0px!important}

#discGrid .slides li, #discGridshort .slides li {}
.albumColumn .six-on-small.columns{padding:0;}

.rocketDetails p{text-align:center;}
.rocketForm.rocketRiddle input.wpcf7-submit{margin:0!important;width:100%!important;}
.fan-gallery img.alignLeft{
	float:none;
	margin:0 auto;
	display:block;
	width:80%;
	}
.RandomFact textarea{width:100%;}
h2{font-size:24px;font-size:2.4rem;}

#ejafCallout{width:100%;float:none;min-height:85px;clear:both;margin: 0 0 12px;}
#fbCallout{width:100%;float:none;min-height:85px;}
#ejafCallout span{display:block;}
#ejafCallout p{width:auto;}
#ejafCallout a {width:auto;padding:6px;}

#fb_count{font-size:2.2em;height:auto;}
#fbCallout iframe{top:10px;right:10px;}
.inputs label.error {padding-left:0;}

 .musicSub ul{margin:0 0 12px;float:none;}
h2#gybrIntro{margin:0;}
h1 {font-size: 2.4rem;}


#newsletterForm .inputs p {
	margin:0 40px 0 10px;
}

div.inputs.row1 {width: 100%;}
	

div.inputs.row1 input[type="checkbox"], div.inputs.row2 input[type="checkbox"] {
    margin: 0 0 0 10px;
}
header h1 a {background-size:contain;}
	header #officialTag {
  		 margin: 0;
		background-size:cover;
		width: 250px;
	}
h1.logo { margin: 0 0 12px; width: 230px;}

.subHighlight img{float:none; margin:0 auto 12px; width:150px;display:block;}

}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 320px) {
	
	p.lead,p { font-size: 15px; font-size: 1.5rem; }
	footer p{font-size:100%;}
	.row .row{margin:0 -10px;}
	.columns{padding:0 10px;}
	h3#sectionTitle{padding:0 10px 12px 10px}
	.bandpics { width: 30%;}
	
	#backgroundHolder {
   		 min-height: 110px;
	     background-position:0 0px;
		 background-image:none!important;
		}
	
	a#mobileNav{right:0;}
	
	
	
	a#mobileNav{top:20px;}
	 #bigPic{overflow:hidden;height:300px;}
	gallery_flexslider .slides li img {max-height: 250px;} 
	dl.two-on-small{width:33%}
	a.playBandClip,.songAudio.intro,a.playBandClip:hover,.songAudio.intro:hover,a.audioStopBut,a.audioStopBut:hover{width:100%;background-image:none;}
	
	
	.bandIntroPic{width:100%;}
	img.alignRight,img.alignLeft, img.alignleft {float:none;margin:0 auto 9px; display:block;}
	
	#albumControls .dropdown .button{width:124px;}
	#albumControls span { font-size: 110%;font-weight: normal;padding: 0;}
	
	.musicSub ul,a#showAlbums{float:none;width:100%;}
	input.wpcf7-submit{margin:0!important;width:100%!important;}
	.flexslider span h3{font-size:1em;}
	
	.heroflex .flex-direction-nav .flex-prev {
   		 background: url("/wp-content/themes/html5blank-master/img/template/hero-prev.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    	height: 45px;
    	width: 40px;
	}
	.heroflex .flex-direction-nav .flex-next {
    background: url("/wp-content/themes/html5blank-master/img/template/hero-next.png") no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    height: 45px;
    width: 40px;
}
.flex-direction-nav a{top:-40px;}
a#rocketCallout{width:100%;background-size:contain;}
#ejafCallout p {font-size:94%;}
#fb_count{font-size:2.7em;}
#fbCallout p{font-size:1.1em;}
.musicSub ul li{display:inline-block;margin:0 6px 0 0;}
}
/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 801px)  {
 .mainNav {display:block!important;}
}
  
/* iPhone 4 and retina displays----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
} 