/* ----------------------------------------------------------------
    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: 998px) {
	#body #header .headerbanner img { width: 100%; }
	#body #header .headerbanner { height: auto; }
}

@media only screen and (max-width: 985px) {
	#body #buttons img { width: 49%; }
}

@media only screen and (max-width: 900px) {
  #submenu-container #mobile-menu,
	#nav-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; }
	#body div.dii-content.ww-item-nav { display: none; }
	#body div.dii-content.ww-item-nav > ul { display: block; height: auto; }
	#body div.dii-content.ww-item-nav ul li { float: none; }
	#body div.dii-content.ww-item-nav ul li:hover > ul { left: 10px; width: 90%; }
	#body div.dii-content.ww-item-nav ul ul li:hover > ul { top: 40px; left: 10px; }
	#body div.dii-content.ww-item-navul ul ul li:hover > ul { top: 40px; left: 10px; }
	#header .phonebanner img { display: none; }
	#header .logo img { height: 188px; left: 0px; }
	#body #ww-btn-main-nav { border-bottom: none; }
	#body #design-container-main-nav div.dii-content.ww-item-nav { display: none; }
	#body #design-container-main-nav { height: 26px; }
}

@media only screen and (max-width: 871px) {
		#header .logo img { height: 174px; left: 0px; }
}

@media only screen and (max-width: 800px) {
  #body .design-tabs { max-width: 100%; }
  #body #buttons img { width: 15%; margin-left: 10px; }
  #body #left { width: 100%; }
  .leftcontainer { width: 100%; padding-right: 0px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; }
  #body .rightcontainer { width: 100%; padding-left: 0px; margin-bottom: 10px; }
  #body #design-container-main { }
  #body #right { width: 100%; margin-top: 10px; float: none; margin-left: 0px; }
  #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; }
  #header .logo img { height: 169px; left: 0px; }
  #body #design-container-sponsors .dii-content-image { width: 25%; }
  #header .phonebanner img { display: none; }
}

@media only screen and (max-width: 757px) {
	#header .logo img { height: 165px; left: 0px; }
}

@media only screen and (max-width: 732px) {
		#header .logo img { height: 156px; left: 0px; }
}

@media only screen and (max-width: 638px) {
  #header .logo span { margin: 0px; float: left; display: block; width: 100%; }
  #header .logo { text-align: center; }
  #header .logo img { height: 141px; left: 0px; margin-top: 3px; }
  #header .logo span:after { display: none; }
  #copyright span { display: none; }
  #header .phonebanner img { display: block; margin-left: 26px; width: 100%; float: right; } 
}

@media only screen and (max-width: 567px) {
  #body #buttons img { width: 25%; margin-left: 0px; }
}

@media only screen and (max-width: 567px) {
	#header .phonebanner img { width: 98%; }
	#body #buttons img { width: 24%; }
}

@media only screen and (max-width: 550px) {
	#header .logo img { height: 123px; left: 0px; }
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 140px; }
}

@media only screen and (max-width: 511px) {
	#copyright { margin-bottom: 0px; }
}

@media only screen and (max-width: 480px) {
	#body #design-container-sponsors .dii-content-image { width: 50%; }
	#copyright { float: none; }
	#design-dii-logo { float: right;}
	#header .phonebanner img { width: 96%; }
	#header .logo img { height: 112px; left: 0px; }
	#body .maincontainer #footer { background: url(../images/orange.png) repeat; }
}

@media only screen and (max-width: 445px) {
		#header .logo img { height: 107px; margin-left: 15px; }
		#header .headerbanner img { width: 100%; }
		#body #design-container-main-nav #ww-btn-main-nav { padding-left: 115px; }
	
}

@media only screen and (max-width: 378px) {
	#header .logo img { height: 93px; }
}
	
@media only screen and (max-width: 359px) {
	#header .logo img { margin-left: 9px; }
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 100px; }
}

@media only screen and (max-width: 320px) {
	#header .logo img { margin-left: 9px; height: 85px; }
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 95px; }
}
	
@media only screen and (max-width: 310px) {
	#body #design-container-sponsors .dii-content-image { width: 50%; }
	#copyright { float: none; }
	#design-dii-logo { float: none; margin-top: 15px; text-align: center; }
	#header .phonebanner img { display:block; margin-left: 25px; }
}