@media only screen and (max-width: 999px) {
.page {width: 100%; overflow: hidden; background-position: top center;}
.banner {width: 100%;}
.disappear, a.register, .comengo {display: none;}
.appear {display: block;}


.socmed {top: 0px; left: 0px;  height: 50px; position: relative; float: right; width: 100%; overflow: hidden; margin-top: 15px;}
.socmed div {width: 20%; overflow: hidden; text-align: center; margin-left: 8px; }

a.register2 {background: url(../images/register-now-ipad.jpg) no-repeat; width: 130px; height: 26px; position: absolute; text-align: center; color: white; display: inline-block; top: 115px; left: 490px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}

.events {width: 100%;  margin: 10px 0px 0px 0px; height: auto; }
a.event1, a.event2, a.event3 {position: relative; float: left; top: 0px; left: 0px; width: 98%; height: auto; border: solid 1px #214083; background-color: #E1F4FD; display: inline-block; text-align: center; clear: both; margin-bottom: 10px;}
a.event3 {left: 446px; background-color: #1DC5EA;top: 0px; left: 0px;}
a.event2 {left: 223px; background-color: #FFF1D0;top: 0px; left: 0px;}

.regions {float: left; margin: 0px 0px 15px 10px; clear:both;}
.video {width: 300px; border: solid 1px #00A1E5; height: 255px; position: relative; float: right; margin: 0px 10px 15px 0px;}
.boxtop {margin-top: 0px;}

.regions2 {float: right; width: 29%; min-width: 219px; margin-right: 10px;}

.wrapper {width: 65%; background-color: white;  position: relative; float: left; }
.content {background-color: #FFF1D0; width: 95%; overflow: hidden; margin: 0px 15px 15px 0px; padding: 20px; min-height: 400px;}


.menu {left: 0px;}

.countdown {width: auto; height: 55px; margin: 10px 0px;}

.scroller {width: 100%; height: 140px;  border: solid 1px #214083; margin: 0px 0px 15px 0px;}
.shoe {width: 100%; padding-top: 1px}
.scroller {margin: 0px 0px 15px 10px; width: 96%}


}

@media only screen and (max-width: 767px) {
.sitetitle{top: 73px; left: 20px;color: #FCB913; font-weight: bold; font-size: 28px; }
.date{top: 115px; left: 20px; color: #214083; font-weight: bold; font-size: 14px; }

a.register2 { left: 430px;}


}

@media only screen and (max-width: 767px) {
.wrapper {width: 60%; background-color: white;  position: relative; float: left; }

}



@media only screen and (max-width: 699px) {
.scroller {margin: 0px 0px 15px 0px; width: 99%}

.menu, a.register2 {display: none;}
.menuM {display: inline;  width: 100%; float: left; position: relative; margin-bottom: 10px; top: -10px;}
.banner { height: 400px;}

.sitetitle{top: 150px; left: 0px;color: #FCB913; font-weight: bold; font-size: 28px; width: 100%; text-align: center; }
.date{top: 190px; left: 0px; color: #214083; font-weight: bold; font-size: 14px; width: 100%; text-align: center; }

a.register2 { left: 430px;}
a.homelink {display: none;}
.homelinkM { width: 100%; text-align: center;top: 210px; left: 0px; position: absolute; display: inline-block;}
.page {background: url(../images/m-banner.jpg) no-repeat top center;}

}

@media only screen and (max-width: 699px) {
span.yellow {display: none;}
span.blu {display: inline; color: #FCB813;}

}
@media only screen and (max-width: 699px) {
.page {text-align: center; width: 96%}
.wrapper {width: 100%; padding: 0px; margin: 0px auto 10px auto; text-align: left;}
.content {width: 96%; margin: 0px; padding: 2%;}
.buttonsM {width: 100%; display: block; position: absolute; top: 275px; left: 0px; overflow: hidden; }
.buttonsM a {width: 50%; height: 31px; display: inline-block; text-align: center; color: white; font-weight: bold; text-decoration: none; position: relative;}
a.registerM {background: url(../images/m-register.png) no-repeat center; float: left; text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;} 
a.attendM {background:url(../images/m-attendee.png) no-repeat center; float: right; text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;}

.regions2 {display: none;}
.comengo {display: inline-block;}
.socmed {top: 315px; left: 0px;  height: 50px; position: absolute; width: 100% }
.socmed div {width: 25%; overflow: hidden; text-align: center; margin-left: 0px; }
.socmed div div {width: 45px; overflow: hidden; text-align: center; margin: 0px auto; }

.regions {width: 100%; float: none; position: relative; margin: 15px 0px 0px 0px;}
.video {display: none;}
body, p,
td,
li,
blockquote { font-size: 14px;}

.socmed span {display: none;}
.socmed {height: 35px;}

.boxed {width: 23%;}
.box3258 {clear: both;}

}

@media only screen and (max-width: 495px) {

.list, .textarea {width: 95%; }
.list {height: 200px; margin-bottom: 10px; border-radius: 10px 10px 0px 0px;}
.textarea {float: left;border-radius: 0px 0px 10px 10px;}

}



@media only screen and (max-width: 486px) {
.sitetitle{ font-size: 24px;  }
}

@media only screen and (max-width: 446px) {
.countdown { font-size: 14px;}

}

@media only screen and (max-width: 335px) {
.gone {display: none;}

.boxed {width: 48%;}
.box3258 {clear: none;}
.box3256, .box3258, .box3260 {clear: both;}



}



@media only screen and (max-width: 433px) {
.pipe {display: none;}
.date{top: 177px;}
.sitetitle{ font-size: 20px;  }
}

@media only screen and (max-width: 356px) {
.sitetitle{ font-size: 16px;  }
.date{font-size: 14px;}

}