/* RESET VALUES FOR MOBILE */
/* #main img {max-width: 40%; height: auto;} /* Keeps images from being too wide in mobile */
#banner .banner {display:block; width:100%; height:inherit;float:left;clear:left;} /* ideal height and width for touch response */
.btn_home, .call_btn,.contact_btn,.maps_btn,.menu_btn,.bottom_menu_btn {float:left;display:block;width:20%;height:53px;}

#mobilegraphic img{ display:block; margin:0;}
@media screen and (orientation:landscape) {   #mobilegraphic {display:none;} }

#ddmmobile {float:left!important; width:100%!important;}
#submenu {overflow:hidden; height:auto;float:left;width:100%;clear:left; display:none}
#ddmmobile, #ddmmobile ul {overflow:hidden;margin:0!important;}  /*keeps the list item from overflowing */
#ddmmobile li, #ddmmobile>ul>li {position:relative;width:100%;padding:0;}
#ddmmobile  a {display:block!important;width:100%!important;}/* adjusts main navigation widths to fit mobile */

#ddmmobile>li>ul {left:0px;top:0;position: relative; display: block; clear: left; width: 100%;}/* reset from the main site */
#ddmmobile>li>ul>li>ul {left:0px;top:0;position: relative; display: block; clear: left; width: 100%; margin:0!important}/* reset from the main site */
#ddmmobile li a{font-weight:bold;background:none!important;font-size:16px;padding:15px 20px!important;margin:0;} 

#banner,  .buttonspanel {overflow:hidden;width:100%;clear:left;} /* menu fills the with of viewport */
#footer footer section{float:none!important;}/*adjusts footer to fit viewport */ 
#footer footer {text-align:center;width:100%;} /*keeps all footer items centered*/
#footer .content footer { padding: 20px 0;}

.mobile, .mobileonly {display: inherit!important;}
.nomobile {display: none!important;}

#main img.alignleft, #main img.alignright, #main img.picLeft, #main img.picRigh {max-width:40%; height:auto}