/* CSS Document */

@media screen and (max-width: 989px){
.wrapper {  width: 100%;}
.leftmenu ul li.head, .leftmenu ul li.head:hover { width: 88.4%;}
.leftmenu {width: 21%;}
.homecss .main { width: 79%;}
#record {  height: auto !important;  padding-right: 20px;  width: 37% !important;}
.main {padding: 2px 0 0 20px;  width: 76%;}
.browseform {  margin-top: 20px;  width: 100%;}
.go input {margin-top: 5px;}
.addthis_button {  float: right;  margin-left: 438px;  position: absolute;}
.leftmenu .ulblock input {  width: 70%;}
.leftmenu .ulblock input:last-child {  width: 19%;}
.sociallink {margin: 0 7px;}	
#logo {  float: none;  padding: 10px 5px;}
#question {  height: auto !important;  padding: 0 30px 0 10px;  width: 27% !important;}
.contactform .listme td input[type="text"], .contactform .listme td textarea {  font-size: 150%;  width: 99%;}
.contactform .listme td {  font-size: 90%;  padding: 5px 0;  text-align: left;}
.owlbuttons a {margin: 0 10px 0 0;}
.landingcss .main {  padding: 2px 0 0 20px;  width: 89%;}
.landingcss .browseform {  margin-top: 20px;  width: 91%;}	
.owlbuttons { margin: -40px auto 0;}

	
	
	
}

@media screen and (max-width: 767px){
#navmenu .menu li a {font-size: 100% !important; padding: 45px 10px;}
#logo {
  float: none;
  padding: 3px 0;
}
.leftmenu {  left: -500px;  position: absolute;}
.expanded {
  left: 0;
  position: absolute;
  transition: all 1s linear 0s;
  width: 27%;
  z-index: 2147483647;
 -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;}
#showmenu .menuicon {
  display: table;
  float: right;
  margin: -24px 0 0;
  position: absolute;
  right: 10px;
}
#showmenu .menuicon span {
  background-color: #00ADEF;
  border-radius: 1px;
  display: table;
  height: 5px;
  margin: 3px 3px 0 0;
  width: 25px;
}
#showmenu {
  background-color: #fff;
  border: 4px solid #00adef;
  border-radius: 10px;
  color: #00adef;
  display: block;
  font-size: 150%;
  left: -30px;
  margin: 0;
  padding: 10px 50px 10px 10px;
  position: fixed;
  text-transform: lowercase;
  top: 19%;
  width: 10%;
  z-index: 1200;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.homecss #showmenu {top:30%;}

#showmenu .menuicon {    display: table;    float: right;    margin: -24px 0px 0;    position: absolute;    right: 10px;}
#showmenu .menuicon span {  background-color: #fff;    display: table;    height: 5px;    margin: 3px 3px 0 0;  border-radius: 1px;    width: 25px;}

.homecss .main {
    width: 100%;
}
.main {
  padding: 0;
  width: 89%;
}
.mobileonly.blue.moved {
  left: 130px !important;
   -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
label input[type="text"], label textarea, label select { width: 190px;}
p img {  height: auto;  width: 100%;}
#id {  height: auto !important;  padding: 60px 30px 60px 0;  width: 23% !important;}
#find {  height: auto !important;  padding: 40px 0 40px 20px;  width: 24% !important;}
.owlbuttons a {  margin: 1px 8px 0 0;}
.owlbuttons a:last-child {  margin: 1px 0 0;}
.landingcss #showmenu {  display: none;}
#showmenu .menuicon span {  background-color: #00adef;}
.profile .img {  background-color: #eee;  width: 50%;}
.details .img img {  height: auto;  width: 100%;}
.ui-tabs-panel {  position: static;  width: 97%;}
.addthis_button {  float: right;  margin-left: 395px;  position: absolute;}	
.contactform {  background-color: #f6f6f6;  border: 1px solid #ccc;  display: table;  float: none;  margin-left: 0;  margin-top: 10px;  padding: 10px;  position: static;  width: 95%;}
}



@media screen and (max-width: 599px){
#navmenu .menu li a {  font-size: 90% !important;  padding: 25px 6px;}	
#logo {  float: none;  height: auto;  padding: 0;  width: 21%;}
#partyheading {  float: right;  height: auto;  padding: 20px 20px 20px 0;  width: 81%;}
ul.dropdown li {  font-size: 100%;  width: 100%;}
.leftmenu ul li a, .leftmenu ul li form {  color: #fff;  display: block;  padding: 8px 5px;  width: 100%;}
.leftmenu ul li.head, .leftmenu ul li.head:hover {  width: 86.1%;}
.mobileonly.blue.moved {  left: 100px !important;  transition: all 0.5s linear 0s;}
#social {width: 170px;}
.sociallink {  margin: 0 3px;}
#showmenu {top: 31%;}
.main { width: 88%;}
label input[type="text"], label textarea, label select {  font-size: 70%;  width: 150px;}
.owlbuttons a {  margin: 9px 6px 0 0;  padding: 6px 0;}
.owlbuttons a:last-child {  margin: 9px 0 0;}
.landingcss .main { width: 92%;}
.landingcss .browseform {  margin-top: 20px;  width: 93%;}
#id {padding: 90px 30px 90px 0;}
#find { padding: 70px 0 70px 20px;}
#question {  height: auto !important;  padding: 20px 30px 20px 10px;  width: 31% !important;}
.listme {  float: none;  width: 100%;}
.listme.list2 {  margin-left: 0;  margin-top: 0;}
.getlistedcss .contactform {  margin: -30px 0 20px;  width: 94.2%;}
.ui-tabs-panel { width: 83%;}
.ui-tabs-panel {  width: 97%;}
.addthis_button {margin-left: 289px; }
.homecss #showmenu {  top: 32%;}
}








@media screen and (max-width: 479px){
#header {text-align: center;}
#logo { width: 38%; padding:2px 0px 0px 0px;}
#navmenu .menu li a {  font-size: 80% !important;  padding: 10px 2px 10px 11px;}
#navmenu {float: none;}
.homecss #showmenu {  font-size: 130%;  top: 52%;}
#showmenu .menuicon span { border-radius: 1px;  display: table;  height: 5px;  margin: 3px 1px 0 0;  width: 20px;}
#record { width: 38% !important;}
.expanded {width: 39%;}
.main {  width: 84%;}
#showmenu {  top: 33%; left: -26px;}
.go {  clear: both;  margin: -16px 0 0 100px;}
.eventpic {  max-width: 100px;  min-width: 100px;}
.fauxselect { display: none;}
.ui-tabs-panel {  width: 94%;}
#google {display:none;}
#id {display:none;}
#find {display:none;}
#question {display:none;}
.owlbuttons a {  font-size: 90%;  margin: 9px 4px 0 0;  padding: 6px 0;}
.landingcss .main {  padding: 0;  width: 98%;}
.landingcss .maincont {  float: none;  min-height: auto;  width: 100%;}
.landingcss .browseform {  margin-top: 20px;  width: 100%;}
.landingcss .go input {  margin: 10px 0 0 26px;}
.owlbuttons a {  font-size: 90%;  margin: 8px 4px 0 0;  padding: 6px 0;}
.owlbuttons a:last-child {  margin: 8px 0 0;}



}