@media screen and (max-width: 1040px) {
  .zen-container {
    max-width: 840px !important;
  }
  .fixedheight #banner {
    max-width: 840px !important;
  }
  #navwrap .zen-container {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 320px) and (max-width: 880px) {
  .zen-container {
    max-width: 740px !important;
  }
  #navwrap .span4 {
    width: auto !important;
    margin-left: 0 !important;
  }
  .zenright {
    float: right !important;
  }
  .fixedheight #banner {
    max-width: 740px !important;
  }
}
@media (min-width: 320px) and (max-width: 787px) {
  html > body {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .zen-container {
    max-width: 640px !important;
  }
  .fixedheight #banner {
    max-width: 640px !important;
  }
  #navwrap .navwrapper {
    min-height: 0 !important;
    margin: 0 !important;
  }
  #top4 ul {
    float: left;
  }
  .fixedheight #topcolour,
  .fixedheight #topinner {
    min-height: 0 !important;
    position: relative;
  }
  .fixedheight #gradient {
    position: relative;
    z-index: 1;
    margin-top: -50px;
  }
  #panel {
    margin-left: 0 !important;
    width: 90%;
  }
  #tabwrap .nav-tabs {
    margin: 0 !important;
  }
  #tabwrap .nav-tabs li {
    margin: 0 10px 0px 0 !important;
  }
  #tabwrap .nav-tabs li.active a {
    margin: 0 2px;
    background: #e7a6ac !important;
    color: #fff;
  }
  #paneltrigger {
    left: auto;
    right: 0px;
    z-index: 1000;
    width: auto;
  }
  #paneltrigger a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: none;
    color: #fff;
    display: inline-block;
  }
  #paneltrigger a:hover {
    border-bottom-color: #d15661;
    background: none;
    color: #485e76;
    text-decoration: none;
  }
  #paneltrigger a:active,
  #paneltrigger a:focus {
    background: none;
    outline: none;
    color: #fff;
  }
  #tabwrap ul.nav-tabs {
    border: 0;
  }
  #tabwrap ul.nav-tabs li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,0.2);
    margin: 4px 0;
  }
  #tabwrap ul.nav-tabs li a:hover {
    background: #e7a6ac;
    color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
  }
  #tabwrap ul.nav-tabs li.active a {
    border: 1px solid rgba(0,0,0,0.2);
    margin: 4px 0;
    background: #fff;
  }
}
@media (min-width: 320px) and (max-width: 620px) {
  .zen-container {
    width: 94%;
  }
  .fixedheight #banner {
    max-width: 94% !important;
    margin-left: 3%;
  }
}
@media (min-width: 767px) and (max-width: 860px) {
  #panel {
    margin-left: -45% !important;
    width: 94%;
  }
}