/* ----------------------------------------------------------------
    Copyright (c) Demosphere International Inc.
    No permission is granted for any purpose without prior
    written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

@media only screen and (max-width: 900px) {
  #submenu-container #mobile-menu { display: block; text-align: left; }
  #submenu-container nav { display: none; width: 100%; height: auto; line-height: 25px; }
  #submenu-container nav#submenu-links ul li { float: none; }
  #submenu-container nav#submenu-links ul li a { padding: 0 0 5px 10px; }
  #submenu-container nav#submenu-links ul li:first-child a { padding-top: 5px; }
  #submenu-container nav#submenu-social ul li a { padding-top: 5px; padding-bottom: 5px; }
}
@media only screen and (max-width: 800px) {
  #footer-widgets > div { padding: 0px 0px 30px 0px; width: 100%; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
  #header .logo span { font-size: 26px; }
	#body #design-container-3 .dii-content-image { width: 25%; }
}
@media only screen and (max-width: 640px) {
  #header .logo span { margin: 0px; float: left; display: block; width: 100%; }
  #header .logo { text-align: center; }
  #header .logo img { float: none; margin-bottom: 15px; }
  #header .logo span:after { display: none; }
	#copyright span { display: none; }
}
@media only screen and (max-width: 480px) {
	#body #design-container-3 .dii-content-image { width: 50%; }
	#copyright { float: none; }
	#design-dii-logo { float: right; margin-top: 15px;  }
}