@media (min-width: 991px) {

  #design-wrapper .container { width: 100%; }

}

@media screen and (max-width: 1024px) {

  /* Nav */
  #design-nav:before,
  #design-nav:after { display: none; }

  /* Main */
  #design-main { margin: 0; max-width: 1020px; }

}

@media screen and (max-width: 991px) {

  /* Header */
  #design-header { height: 130px; }
  #design-header #design-logo { top: 34px; left: 5px; max-width: 140px; }
  #design-header #design-logos { top: 64px; }
  #design-header #design-logos span { width: 75px; }
  #design-header #design-title { top: 70px; left: 155px; font-size: 42px; }

  /* Social */
  #design-social { float: right; padding: 9px 5px; }
  #design-social a { display: inline-block; margin: 0 0 0 2px; width: 26px; height: 26px; text-align: center; }
  #design-social i { width: 26px; height: 26px; font-size: 16px; font-weight: 400; background: #fff; color: #353535; line-height: 26px; }
  #design-social i:hover {
    background: #d3d3d3;
    color: #a10c10;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  /* Nav */
  #design-nav { padding: 0 5px 0 155px; max-width: 1020px; }
  #design-nav #design-container-main-nav { max-width: 650px; }

  #design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-link {  padding: 0 11px; font-size: 12px; }

  /* Footer */
  #design-footer { margin: 0; }

}

@media screen and (max-width: 900px) {

  /* Menus */
  #design-container-main-nav .dii-content-nav-menu > ul { padding: 5px; width: 100%; background: #212121; z-index: 200; }
  #design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-link { padding: 0 10px; height: auto; background: none; font-size: 14px; color: #fff; text-shadow: none; line-height: 35px; }
  #design-container-main-nav .dii-content-nav-menu > ul > li:hover > a { background: #30fa03; border: 0; color: #000; text-shadow: none; }
  #design-container-main-nav .dii-content-nav-menu > ul > li:hover > ul { top: 35px; left: 0; }
  #design-container-main-nav .dii-content-nav-menu > ul ul { background-color: #30fa03; color: #000; }
  #design-container-main-nav .dii-content-nav-menu > ul ul li a { color: #000; }
  #design-container-main-nav .dii-content-nav-menu > ul ul li a.dii-sub-menu-link:hover { background: #30fa03; color: #000; }
  #design-container-main-nav .dii-content-nav-menu > ul ul li > a.dii-sub-menu-link:hover { background: #212121; color: #fff; text-shadow: none; }

}

@media screen and (max-width: 768px) {

  /* Header */
  #design-header { margin: 0; height: 110px; }
  #design-header #design-logo { top: 24px; left: 5px; max-width: 130px; }
  #design-header #design-logos { top: 54px; }
  #design-header #design-logos span { width: 65px; }
  #design-header #design-title { top: 55px; left: 145px; font-size: 40px; }

  /* Nav */
	#design-nav #design-container-main-nav { max-width: 480px; }

}


@media screen and (max-width: 667px) {

  /* Header */
  #design-header { margin: 0; height: 100px; }
  #design-header #design-logo { top: 24px; left: 5px; max-width: 120px; }
  #design-header #design-logos { top: 50px; }
  #design-header #design-logos span { width: 60px; }
  #design-header #design-title { top: 50px; left: 135px; font-size: 34px; }

  /* Nav */
  #design-nav { padding: 0 5px 0 120px; }
  #design-nav #design-container-main-nav { max-width: 420px; background: none; }

}

@media screen and (max-width: 480px) {

  /* Header */
  #design-header { height: 90px; }
  #design-header #design-logo { top: 14px; left: 5px; max-width: 100px; }
  #design-header #design-logos { top: 35px; }
  #design-header #design-title { top: 32px; left: 115px; font-size: 26px; line-height: 0.9; }
  #design-header #design-title span { display: block; }

  /* Nav */
  #design-nav { padding: 0 5px 0 100px; }
  #design-nav #design-container-main-nav { max-width: 260px; }

  /* Footer */
	#design-footer { margin: 0; padding: 0; width: 100%; height: auto; }
	#design-footer #design-footer-left { display: block; width: 100%; text-align: center; }
	#design-footer #design-footer-right { display: block; width: 100%; text-align: center; }
  #design-footer #design-footer-left #design-copyright { margin: 0; }
  #design-footer #design-footer-left #design-copyrightDII { margin: 0; }

}

@media screen and (max-width: 420px) {

  /* Header */
  #design-header { height: 75px; }
  #design-header #design-logo { top: 8px; left: 5px; max-width: 70px; }
  #design-header #design-logos { top: 30px; }
  #design-header #design-logos span { width: 50px; }
  #design-header #design-title { top: 24px; left: 85px; font-size: 23px; }
  #design-header #design-title span { display: block; }

  /* Social */
  #design-social { display: none; }

  /* Nav */
  #design-nav { padding: 0 5px; }
  #design-nav #design-container-main-nav { max-width: 420px; }

}

@media screen and (max-width: 320px) {

  /* Header */
  #design-header { height: 75px; }
  #design-header #design-logo { top: 8px; left: 5px; max-width: 70px; }
  #design-header #design-logos span { width: 45px; }
  #design-header #design-title { top: 24px; left: 80px; font-size: 20px; }
  #design-header #design-title span { display: block; }

  /* Social */
  #design-social { display: none; }

  /* Nav */
  #design-nav { padding: 0 5px; }
  #design-nav #design-container-main-nav { max-width: 420px; }

}