/* ----------------------------------------------------------------
    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 #right { margin-left: 9px; }
}

@media only screen and (max-width: 948px) {
	#body #right { margin-left: 8px; }
}

@media only screen and (max-width: 900px) {
	#body #header .logo img { height: 200px; left: 0px; margin-left: 7px; }
	#body #right { margin-left: 7px; }
	#body #design-container-main { height: auto; margin-bottom: 10px; }
	
}

@media only screen and (max-width: 905px) {
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 171px; }
  #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 #design-container-main-nav 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-nav ul ul ul li:hover > ul { top: 40px; left: 10px; }
	#header .phonebanner img { display: none; }
	#body #header .logo img { height: 177px; left: 0px; margin-left: 7px; }
}

@media only screen and (max-width: 873px) {
	#body #right { width: 100%; }
	#body #left { width: 100%; }
	#body #design-container-main { width: 100%; }
}


@media only screen and (max-width: 800px) {
  #body #google { display: none; }
  .leftcontainer { width: 100%; float: none; padding-right: 0px; margin-bottom: 30px; }
  .rightcontainer { width: 100%; float: none; padding-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: 190px; left: 0px; }
  #body #design-container-4 .dii-content-image { width: 25%; }
  #header .phonebanner img { display: none; }
  
}

@media only screen and (max-width: 826px) {
	#body #header .logo img { height: 167px; left: 0px; margin-left: 7px; }
}

@media only screen and (max-width: 743px) {
	#body #header .logo img { height: 154px; left: 0px; margin-left: 7px; }
}

@media only screen and (max-width: 655px) {
	#body #header .logo img { height: 143px; left: 0px; margin-left: 7px; }
}

@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 { height: 185px; left: 0px; }
  #header .logo span:after { display: none; }
  #copyright span { display: none; }
  #header .phonebanner img { display: block; margin-left: 26px; } 

}

@media only screen and (max-width: 609px) {
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 156px; }
}

@media only screen and (max-width: 596px) {
	#body #header .logo img { height: 140px; left: 0px; margin-left: 7px; }
}

@media only screen and (max-width: 549px) {
	#body #header .logo img { height: 119px; left: 0px; margin-left: 7px; }
    #body #design-container-main-nav #ww-btn-main-nav { padding-left: 128px; }
}

@media only screen and (max-width: 488px) {
	#body #design-container-4 .dii-content-image { width: 50%; }
	#copyright { float: none; margin-bottom: 0px; padding-left: 20px; }
	#design-dii-logo { float: none; text-align: right; }
	#header .phonebanner img { width: 97%; }
	#body #header .logo img { height: 115px; left: 0px; margin-left: 7px; }
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 118px; }
}

@media only screen and (max-width: 445px) {
	#body #header .logo img { height: 100px; left: 0px; margin-left: 7px; }
}

@media only screen and (max-width: 424px) {
	#body #design-container-4 .dii-content-image img { width: 50%; text-align: left; }
}

@media only screen and (max-width: 404px) {
	#body #header .logo img { display: none; }
	#body #design-container-main-nav #ww-btn-main-nav { padding-left: 14px; }
}

@media only screen and (max-width: 310px) {
	#body #design-container-4 .dii-content-image { width: 50%; }
	#copyright { float: none; margin-bottom: 0px; padding-left: 20px; }
	#design-dii-logo { float: none; text-align: right; }
	#header .phonebanner img { display:block; margin-left: 25px; }
	#header .logo img { height: 200px; left: 0px; }
}