@media (max-width:1220px) {
  .main-container {
    width:970px;
  }
  #header .logo {
    top:-43px;
    padding-left:27px;
  }
  #header ul#nav li.logo-space {
    width: 225px;
  }
  #header .logo img {
    width: 213px;
    height: auto;
  }
  #header ul#nav li:first-child {
    padding-left: 10px;
  }
  #header ul#nav li a {
    font-size: 16px;
    padding: 0 7px;
  }
}
@media (max-width:992px) {
  .main-container {
    width:720px;
  }
  #header ul#nav {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
    height: 100%;
    z-index: 999999;
    width: 50%;
  }
  #header ul#nav li:first-child, #header ul#nav li {
    padding:0;
    float:none;
    display:block;
  }
  #header ul#nav li {
    border-bottom: 1px solid rgba(266,266,266,0.1);
  }
  #header ul#nav li a {
    padding:15px;
    display:block;
  }
  #header ul#nav li.logo-space {
    display:none;
  }
  #header #nav li ul {
    position:initial;
    width:auto;
    display:block;
    margin:0;
    padding:0;
    margin-bottom:5px;
    background:none;
    padding-left:8px;
  }
  #header #nav li ul li:first-child, #header #nav li ul li {
    padding:0;
    border-bottom:0;
  }
  #header #nav li ul li a {
    padding:10px 15px;
    display:block;
  }
  #header #nav li ul li:first-child a {
    padding-top:0;
  }
  #header .mobile-nav {
    display:block;
  }
  #footer, #footer .text-right, #footer .text-left {
    text-align:center;
  }
}
@media (max-width:768px) {
  .main-container {
    width:100%;
  }
}
@media (max-width:500px) {
  #header ul#nav {
    width:80%;
  }
}