#main {width:100%;overflow:hidden;position:relative;    min-height: 100%;}

.headerd {width:100%;border:1px solid #77a900;border-top:0px;border-radius:0 0 4px 4px;overflow:hidden;display: table; }
.headerd1 {display: table-row;}
.headerl {display: table-cell;background:white;vertical-align: middle;text-align: center;}
.headerlogo {padding:0px 20px;}


#mainmenu {display: table-cell;background:#77a900;border-radius: 0 0 0 4px;overflow:hidden;}

  html, body {
  height: 100%;
  margin: 0;}
  
body {
	margin: 0;
	padding: 0;
	border: 0;
	min-height:800px;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size:14px;
	min-width:360px;
}

  #main {
    background: #ffffff;
    background-image: url(/map/images/bgd_01.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;}
    
#mainmenu ul { list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden;
font-family: 'PT Sans Narrow', sans-serif;display: table;
text-transform:uppercase;width: 100%;font-size:1em;font-weight:bold;}
#mainmenu li {  display: table-cell;table-layout: fixed ;}
#mainmenu li a { display: block; color: white;  text-align: center;  padding: 15px 25px;  text-decoration: none;}
#mainmenu li a:hover {  background: #c8e484;color:#77a900;}

#mainmenu  .profilebtn {background: #70c3d7;display:inline-block;padding:0px 10px;border-radius:3px;color:#ffffff;}
#mainmenu  .profilebtn:hover {background: #3a6d79;color:#ffffff;} 


#mainmenu ul .lgin a:hover {background: none;}
#mainmenu ul .lgin .lginbtn {background: #c8e484;display:inline-block;padding:0px 9px;border-radius:3px;color:#77a900;cursor:pointer;}

#mobile  ul .lgin .lginbtn:hover {background: #5d800a;color:#c8e484;}  
 
#mobile  ul .lgin .profilebtn {background: #70c3d7;display:inline-block;padding:0px 10px;border-radius:3px;color:#ffffff;}
#mobile  ul .lgin .profilebtn:hover {background: #3a6d79;color:#ffffff;} 

#mobile ul .lgin a:hover {background: none;}
#mobile ul .lgin .lginbtn {background: #c8e484;display:inline-block;padding:0px 9px;border-radius:3px;color:#77a900;cursor:pointer;}

#mobile  ul .lgin .lginbtn:hover {background: #5d800a;color:#c8e484;}  
 
#mobile  ul .lgin .profilebtn {background: #70c3d7;display:inline-block;padding:0px 10px;border-radius:3px;color:#ffffff;}
#mobile  ul .lgin .profilebtn:hover {background: #3a6d79;color:#ffffff;} 

 
.info a{text-decoration:underline;color:#77a900;} 
.info a:hover{text-decoration:none;color:#70c3d7;}


.btn-explore {    text-transform: uppercase;
    display: inline-block;
    padding: 10px 30px;
    background: #77a900;
    color: #ffffff;
    cursor: pointer;}

.btn-explore:hover {background:#5d800a;}

.btn-suggest {text-transform:uppercase;display:inline-block;padding:10px 30px;background:#70c3d7;color:#ffffff;cursor:pointer;}
.btn-suggest:hover {background:#4296ab;}

.btns a {text-decoration:none;color:#ffffff;}

input {font-family: 'Open Sans', Tahoma, sans-serif;}

.sresult {padding:5px;margin:5px;background:#ffffff; overflow-y: auto;height: 236px;    overflow-x: hidden;}
.scat {width:100%;padding:4px;border: solid 1px #ccc;    height: 38px;    border-radius: 2px;}
.f30 {width:30%;float:left;text-align:right;}
.f70 {width:70%;float:left;}
.f40 {width:40%;float:left;text-align:right;}
.f60 {width:60%;float:left;}

@media (min-width : 0px) and (max-width : 640px) {

.popupSection {width:100%  !important;padding:10px;text-align:center;}
.popupContent {top:5% !important;}
.popupContent {width: 80% !important; left: 5% !important;padding:5%;    height: 80%;    overflow-y: scroll;}

.formNote {width:100% !important;}

#mobile {display:block;}
#header {display:none;}


.f30 {width:100% !important;}
.f70 {width:100% !important;margin-bottom:10px;}
.f40 {width:100% !important;}
.f60 {width:100% !important;margin-bottom:10px;}
#desc {height: 450px;}



.info .hptitle {line-height: 1.2em;
    font-size: 1.5em;
    color: #333333;
    padding-bottom: 20px;}

#body .bsection {  width: 100% !important;   float: left;}
.btns {overflow:hidden;margin: 0px 20px;padding: 0px 10px;    text-align: center;}
.btns .btn-explore {    margin-bottom: 15px;}

body {min-height: auto !important;}

#main, #body { min-height: auto !important;padding-bottom: 10px !important;}

#footer {position:relative !important;}

.popupContent .button {
    font-size: 1.2em;
    padding: 7px 15px;
}

.popupSection h2 {    font-weight: bold;
    font-size: 1.6em;}



}



@media (min-width : 641px) {




#mobile {display:none;}
#header {display:block;max-width:1120px;width:100%;margin:0 auto;}
.info .hptitle {line-height:1.5em;font-size:1.7em;color:#333333;padding-bottom:20px;}
.btns {overflow:hidden;margin: 0px 20px;padding: 0px 10px;}
.btns .btn-explore {    margin-right: 15px;}




}


@media (max-width : 720px) {
.headerl{   width:30%;}
.headerlogo img{  width:90%;}


}

@media (min-width : 641px) and (max-width : 1120px) {
#mainmenu li a {    padding: 15px 5px !important;}
.headerlogo {    padding: 0px 0px;}

#body .bsection {  width: 100% !important;   float: left;}

}

@media (max-width : 800px) {
  .searcher {width:100% !important;}
  .googlemap {width:100% !important;padding: 10px 0 60px;}
  .sresult{height:auto !important;max-height: 230px;}
.searcher-inner{height:auto !important;}
.submitform {font-size: 0.95em;line-height: 1.2em;}    
.dd-selected-text {font-size: 0.95em;line-height: 1.2em;}    
.dd-option label, .dd-selected label {font-size: 0.95em;line-height: 1.2em;} 

  }

@media (min-width : 641px) and (max-width : 960px) {
.popupContent {width: 80% !important; left: 10% !important;}}