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

html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, figcaption, figure, footer, group, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.clear{ clear:both;}

.main{ background:url(../BigBrewHoustonImages/body-bg1.png) #ffffff no-repeat left top; width:100%;  margin:0; padding:0;}
.main1{ background:url(../BigBrewHoustonImages/body-bg2.png) no-repeat right top; width:100%; }
.container{ width:1024px; margin:0 auto; }
.header{ width: 1024px; height:200px;}
.event-date{float:left; padding:72px 74px 0 57px; text-align:center; font:17px/43px "Times New Roman", Times, serif; color:#ffffff;}
.event-date-greenrib{background: url(../BigBrewHoustonImages/green-rib.png) no-repeat; width:259px; height:48px; font-size:17px; }
.event-date-orangerib{background: url(../BigBrewHoustonImages/orange-rib.png) no-repeat; width:259px; height:48px; margin-top:8px; line-height:40px; text-align:center;}
.logo{float:left; text-align:center; margin-top:10px;}
.logo1{ display:none;}
.days-left{  float:left; padding-left:17px;}
.daysblock{background: url(../BigBrewHoustonImages/days-block.png) no-repeat; height:50px; line-height:43px; padding-left:10px; color:#ffffff; font:17px 'Times New Roman', Times, serif; width:259px; margin-left:87px; line-height:45px; text-transform:uppercase;}
.social-media{ float:right;vertical-align:top;}
.nav{ background:url(../BigBrewHoustonImages/nav-bg.png) no-repeat; width:99%; height:68px;  padding-left: 10px; padding-top: 2px;}
.mobile-menu{ width:100%; display:none;}
.menu{ text-align:center; }
	.toggle{ width:100%; height:40px; border:0 none; cursor:pointer; font-size:16px; background:url(../BigBrewHoustonImages/mobile-nav-bg.png) no-repeat; background-size:100% 100%; color:#ffffff;}
	/*.target { background-color: #CCC; width:100%; display: none;  margin:0 auto; text-align:left; overflow:scroll;}
	.target ul{ margin:0; padding:0; }
	.target ul li{ list-style:none; padding:5px 20px; border-bottom:1px dotted #666;}
	.target ul li a{ font-size:14px; color:#104803; text-decoration:none;}
   .target ul li a:hover{ color:#000; text-decoration:underline;}
   .target ul a{ display:block;  margin:0; text-decoration:none; }
   .target ul a li{padding:5px 20px; text-decoration:none; color:#1b6f07;}
   .target ul a li:hover{ background:#999; color:#fff;}
   .target ul a li img{ float:right;}*/

.target { background-color: #bbccd9; width:100%;; display: none;  margin:0 auto; text-align:left; height:200px;overflow:scroll;}
	.target ul{ margin:0; padding:0; }
   .target ul a{ display:block;  margin:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
   .target ul a li{padding:5px 20px; text-decoration:none; color:#133f61;}
   .target ul a li:hover{ background:#2b93c9; color:#1b6f07;}
   .target ul a li img{ float:right;}

.slider-content-area{ width:100%; height:auto;}
.join-list{ width:204px; float:left;  padding-top:30px;}
.slider{ float:left; width:790px; height:561px; background: url(../BigBrewHoustonImages/slider-bg.png) no-repeat;margin-left: 20px;}
.content
{
	float:left; width:778px; min-height:457px;margin-left: 20px;padding-left:10px;padding-top: 35px;text-align:center;
}

.content-area{ width:96%; margin-top:10px; float:left; padding:2%;}
.footer-container{ width:100%; background:#F4750C;min-height: 373px; float:left;}
.footer{  width:1024px; margin:0 auto;}
.footer-image{width:1024px; float:left;}
.footer-text{ padding-top:300px; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#ffffff;}
.footer-text a{ font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:0 5px;}
.spec1{margin-left:30px;}

.bottom-main-container { width:1024px; float:left;color: #FFFFFF; padding:40px 0 25px 0;  }
.bottom-main-container-grid { width:100%; float:left;}
.bottom-main-container-grid1 { width: 22%; margin-left:1%; margin-right:3%; float:left; font-size:12px; }
.bottom-main-container-grid2 { width: 23%; margin-right:3%; float:left; font-size:12px; }
.bottom-main-container-grid3 { width: 24%; margin-right:3%; float:left; font-size:12px; }
.bottom-main-container-grid4 { width: 17%; margin-right:1%; float:left; font-size:12px; }
.widget-title { ackground: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-bottom: 1px dotted #c0c0c0;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0 0 15px;
    padding: 0 0 5px !important;
    text-transform: uppercase; }
.copyright-main-container { border-top: 1px dotted #CCCCCC;
    clear: both;
    font-size: 11px;
    line-height: 18px;
    padding: 12px 1% 0;
    width: 97%;}
.bottom-main-container-grid  a{ color:#ffffff; font-weight:bold; text-decoration:none; line-height:18px;}
.bottom-main-container-grid  a:hover{ text-decoration:underline;}

footer-top-container{width:100%;  float:left}
.footer-top-container-inner{width:1024px;  margin:0 auto; background:url(../BigBrewHoustonImages/footer.png); background-size:100%; }
.imgcontainer{
margin-top:15px;
margin-bottom:25px;
}
.sponsorimg
{
width:33%;
float:left;
text-align:center;
padding:5px 0px;


}

@media all and (min-width: 0px) and (max-width: 360px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.header{ height:auto;}
.event-date, .logo, .days-left{ width:100%; float:none; padding:0;}
.event-date{ text-align:center; padding:0; margin: auto;}
.event-date-greenrib, .event-date-orangerib{ margin:0 auto;}
.days-left{ margin-top:10px;}
.daysblock{ margin:20px auto 0;}
.spec{ float:left; text-align:left; font-size:13px; padding-left:10px; padding-bottom:10px;}
.social-media{ float:right; text-align:left; width:44%; }
.nav{ display:none;}
.mobile-menu{ width:100%; display:block;}
.logo1{ display:none; text-align:center; margin-bottom:20px; float:none; width:100%; clear:both;}
.logo1 img{margin-top:20px;}
.logo img{ width:35%; }
.slider{ float:left; background-size:100%; width:100%;margin-left: 0px; height:290px;}
.content
{float:left; background-size:100%; width:98%; padding:0 1%; margin:0;}
.join-list{ width:100%; float:left; }
.footer{ width:100%; background-size:100% 100%;}
.footer{ display:block;}
.footer-text{ text-align:center; font:10px Arial, Helvetica, sans-serif; color:#ffffff;}
.footerlink{display:none;}
.footer-image{width:100%;}
.spec1{margin-left:0px;}

.bottom-main-container {width:100%;}
.content-area{ float:left; width:96%;} 
.widget-title { }
.bottom-main-container-grid1 { width: 90%; margin:2% 2%;  clear:both; }
.bottom-main-container-grid2 { width: 90%;  margin:2% 2%;  clear:both;}
.bottom-main-container-grid3 { width: 90%; clear:both;  margin:2% 2%;}
.bottom-main-container-grid4 { width: 90%; margin:2% 2%;  clear:both;}
.bottom-main-container-grid4 { width: 45%; margin:2% 2%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
.sponsorimg
{
width:99%;
}
}

@media all and (min-width: 361px) and (max-width: 539px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.header{ height:auto;}
.event-date, .logo, .days-left{ width:100%; float:none; padding:0;}
.event-date{ text-align:center; padding:0; margin: auto;}
.event-date-greenrib, .event-date-orangerib{ margin:0 auto;}
.days-left{ margin-top:10px;}
.daysblock{ margin:20px auto 0;}
.spec{ float:left; text-align:right; width:50%;}
.social-media{ float:right; text-align:left; width:46%; }
.nav{ display:none;}
.mobile-menu{ width:100%; display:block;}
.logo1{ display:none; text-align:center; margin-bottom:20px; float:none; width:100%; clear:both;}
.logo1 img{margin-top:20px;}
.logo img{ width:35%; }
.slider{ float:left; background-size:100%; width:100%;margin-left: 0px; height:429px;}
.content
{float:left; background-size:100%; width:98%; padding:0 1%; margin:0;}
.join-list{ width:100%; float:left; }
.footer{ width:100%; background-size:100% 100%;}
.footer{ display:block;}
.footer-text{ text-align:center; font:10px Arial, Helvetica, sans-serif; color:#ffffff;}
.footerlink{display:none;}
.footer-image{width:100%;}
.spec1{margin-left:0px;}
.bottom-main-container {width:100%;}
.widget-title { }
.bottom-main-container-grid1 { width: 45%; margin:0 2%; }
.bottom-main-container-grid2 { width: 45%;  margin:0 2%;}
.bottom-main-container-grid3 { width: 45%; clear:both;  margin:2% 2%;}
.bottom-main-container-grid4 { width: 45%; margin:2% 2%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
.sponsorimg
{
width:49%;
}

}





@media only screen and (min-width: 540px) and (max-width: 639px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.header{ height:auto;}
.event-date, .logo, .days-left{ width:100%; float:none; padding:0;}
.event-date{ text-align:center; padding:0; margin: auto;}
.event-date-greenrib, .event-date-orangerib{ margin:0 auto;}
.daysblock{ margin:20px auto 0;}
.days-left{ margin-top:10px;}
.spec{ float:left; text-align:right; width:49%;}
.social-media{ float:right; text-align:left; width:50%;}
.nav{ display:none;}
.mobile-menu{ width:100%; display:block;}

.logo1{ display:none; text-align:center; margin-bottom:20px; float:none; width:100%; clear:both;}
.logo1 img{margin-top:20px;}
.logo img{ width:35%; }
.slider{ float:left; background-size:100%; width:100%;margin-left: 0px; height:510px;}
.content
{
	float:left; background-size:100%; width:98%; padding:0 1%; margin:0;
}
.join-list{ width:100%; float:left; }
.footer{ width:100%; background-size:100% 100%;}
.footer{ display:block;}
.footer-text{ text-align:center; font:10px Arial, Helvetica, sans-serif; color:#ffffff;}
.footer-image{width:100%;}
.footerlink{display:none;}
   .spec1{margin-left:0px;}
.bottom-main-container {width:100%;}
.widget-title {}
.bottom-main-container-grid1 { width: 45%; margin:0 2%; }
.bottom-main-container-grid2 { width: 45%;  margin:0 2%;}
.bottom-main-container-grid3 { width: 45%; clear:both;  margin:2% 2%;}
.bottom-main-container-grid4 { width: 45%; margin:2% 2%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
}

@media only screen and (min-width: 640px) and (max-width: 854px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.header{ height:auto;}
.event-date{float:left; margin-top:64px; padding:0 0 0 2%;}
.days-left{  float:right; padding:0 2% 0 0;}
.daysblock{ margin-left:0; float:right;}
.nav{ display:none;}
.mobile-menu{ width:100%; display:block;}
.logo{ text-align:center; display:none;}
.logo1{ display:block; text-align:center; margin-bottom:20px; float:none; width:100%; clear:both;}
.logo1 img{margin-top:20px;}
.logo img{ width:80%; margin-top:40px;}
.slider{ float:left; background-size:100%; width:100%;margin-left: 0px; height:580px;}
.content
{
	float:left; background-size:100%; width:98%; padding:0 1%; margin:0;
}
.join-list{ width:100%; float:left; }
.footer{ width:100%; background-size:100% 100%;}
.footer{ display:block;}
.footer-image{width:100%;}
.footer-text{ ext-align:center; font:10px Arial, Helvetica, sans-serif; color:#ffffff;}
.footer-text a{padding:0; font-size:11px;}
.bottom-main-container {width:100%;}
.widget-title { }
.bottom-main-container-grid1 { width: 45%; margin:0 2%; }
.bottom-main-container-grid2 { width: 45%;  margin:0 2%;}
.bottom-main-container-grid3 { width: 45%; clear:both;  margin:2% 2%;}
.bottom-main-container-grid4 { width: 45%; margin:2% 2%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
}
@media only screen and (min-width: 855px) and (max-width: 959px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.event-date{float:left; padding:0 0 0 1%; margin-top:64px; width:30%;}
.days-left{  float:right; padding: 0 1% 0 0; }
.daysblock{ margin-left:0; float:right;}
.nav{ background-size:100% 100%; display:none;}
.mobile-menu{ display:block;}
.logo{ text-align:center;  margin:0 auto; width:33%;}
.logo img{ width:60%; margin-top:35px;}
.footer{ width:100%; background-size:100% 100%;}
.footer-image{width:100%;}
.slider{ float:left; background-size:100%; width:68%;margin-left: 0px;}
.content
{
	float:left; background-size:100%; width:98%; padding:0 1%;margin:0;
}
.join-list{ width:240px; float:left; }
.footer-text a{ font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:0 4px;}
.bottom-main-container {width:100%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
.main, .main1, .container, .header{ width:100%; background:#FFF;}	
.event-date{float:left; padding:0 0 0 1%; margin-top:64px; width:30%;}
.days-left{  float:right; padding: 0 1% 0 0; }
.daysblock{ margin-left:0; float:right;}
.nav{ background-size:100% 100%; display:none;}
.mobile-menu{ display:block;}
.logo{ text-align:center;  margin:0 auto; width:35%;}
.logo img{ width:60%; margin-top:35px;}
.footer{ width:100%; background-size:100% 100%;}
.footer-image{width:100%;}
.slider{ float:left; background-size:100%; width:68%;margin-left: 0px;}
.content
{
	float:left; background-size:100%; width:98%; padding:0 1%; margin:0;
}
.join-list{ width:240px; float:left; }
.footer-text a{ font:12px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; padding:0 4px;}
.bottom-main-container {width:100%;}
.footer-top-container-inner{width:100%;}
.footer{width:100%;}
.bottom-main-container {width:100%}
}