#google-map { height:490px; width:680px; }
#contact_offline { margin-bottom:1em; height:auto; overflow:hidden; display: grid; width: 100%; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; }
#contact_offline .method {  text-align:center; background: #eee; padding: 2em; }
#contact_online {  }
.thankyou { font-size: 20px; border: 0px solid black;  padding: 5px; text-align: center; border-radius: 5px; line-height: 2em; }
.thankyou .survey { margin: 1em;  }
.thankyou p { width: 100%; font-size: 10pt; line-height: 1.3em; }
.thankyou a { color: #04C6E5 }

.thankyou .yes-no a { display: inline-block; width: 20%; text-align: center; padding: 3px 1.5em; } 



#contact_survey  .fullfield { padding: 0.5em 0; }
#main fieldset .fullfield.checkbox, #main fieldset .fullfield.radio { overflow: hidden; }
#main fieldset .fullfield.checkbox label { display: inline-block; width: 33%; float: left; clear: none; }
#main fieldset .fullfield.checkbox input { display: inline-block; width: auto; float: left; clear: none;  }

#main fieldset .fullfield.radio label { display: inline-block; max-width: 90%; float: left; clear: none; }
#main fieldset .fullfield.radio input { display: inline-block; width: 2em; float: left; clear: none; }

#main fieldset .fullfield.listbox select { width: 50%; } 

/* Event Calendar form   */
#calendarform  { display: none;  }

#contact_survey fieldset > div { padding-top: 30px; }
@media screen and (max-width: 1000px ) {
#contact_offline { grid-template-columns: 1fr; }

}
