@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: #a6acd3 !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: #626cb1;
    background: none;
    color: #eda469;
    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: #a6acd3;
    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%;
  }
}
@media (min-width: 320px) and (max-width: 787px) {
  .grid_one,
  .grid_two,
  .grid_three,
  .grid_four,
  .grid_five,
  .grid_six,
  .grid_seven,
  .grid_eight,
  .grid_nine,
  .grid_ten,
  .grid_eleven,
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4 {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .zentools.slideshow .allitems .grid_one {
    width: 4.85% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_11 {
    width: 5.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_10 {
    width: 6.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_9 {
    width: 7.9% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_8 {
    width: 9.3% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_7 {
    width: 11.1%;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_two {
    width: 13.45% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_three {
    width: 22.05% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_four {
    width: 30.75% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_five {
    width: 39.45% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_six {
    width: 48% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_seven {
    width: 56.75% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_eight {
    width: 65.4% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_nine {
    width: 74.05% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_ten {
    width: 82.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_eleven {
    width: 91.35%;
  }
  .zentools.slideshow .allitems .grid_twelve {
    width: 100%;
    float: left;
  }
  .zentools .column.grid_one,
  .zentools .column.grid_two,
  .zentools .column.grid_three,
  .zentools .column.grid_four,
  .zentools .column.grid_five,
  .zentools .column.grid_six,
  .zentools .column.grid_seven,
  .zentools .column.grid_eight,
  .zentools .column.grid_nine,
  .zentools .column.grid_ten,
  .zentools .column.grid_eleven,
  .zentools .column.grid_twelve {
    margin: 0 !important;
  }
  .noresize [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 4.291845493562231% !important;
    *margin-left: 4.238197424892704% !important;
  }
  .noresize .span12,
  .noresize .grid_twelve {
    width: 100% !important;
    *width: 99.94635193133047% !important;
  }
  .noresize .span11,
  .noresize .grid_eleven {
    width: 91.30901287553648% !important;
    *width: 91.25536480686695% !important;
  }
  .noresize .span10,
  .noresize .grid_ten {
    width: 82.61802575107296% !important;
    *width: 82.56437768240343% !important;
  }
  .noresize .span9,
  .noresize .grid_nine {
    width: 73.92703862660944% !important;
    *width: 73.87339055793991% !important;
  }
  .noresize .span8,
  .noresize .grid_eight {
    width: 65.23605150214593% !important;
    *width: 65.1824034334764% !important;
  }
  .noresize .span7,
  .noresize .grid_seven {
    width: 56.54506437768241% !important;
    *width: 56.49141630901288% !important;
  }
  .noresize .span6,
  .noresize .grid_six {
    width: 47.85407725321889% !important;
    *width: 47.80042918454936% !important;
  }
  .noresize .span5,
  .noresize .grid_five {
    width: 39.163090128755364% !important;
    *width: 39.10944206008583% !important;
  }
  .noresize .span4,
  .noresize .grid_four {
    width: 30.472103004291846% !important;
    *width: 30.418454935622318% !important;
  }
  .noresize .span3,
  .noresize .grid_three {
    width: 21.781115879828327% !important;
    *width: 21.7274678111588% !important;
  }
  .noresize .span2,
  .noresize .grid_two {
    width: 13.090128755364807% !important;
    *width: 13.03648068669528% !important;
  }
  .noresize .span1,
  .noresize .grid_one {
    width: 4.399141630901288% !important;
    *width: 4.34549356223176% !important;
  }
}
@media (min-width: 787px) {
  .navbar .btn-navbar {
    display: none;
  }
}
@media (max-width: 787px) {
  .always-show .mega > .mega-dropdown-menu,
  .always-show .dropdown-menu {
    display: block !important;
  }
  #navwrap h1,
  #navwrap h2,
  #navwrap h3,
  #navwrap h4,
  #navwrap h5,
  #navwrap h6 {
    color: #333;
  }
  #navwrap .zen-container {
    border: 0;
    width: 88%;
  }
  #navwrap .t3-megamenu .mega-group-ct {
    background: none;
    border: 0;
  }
  #navwrap button {
    position: absolute;
    right: 20px;
    top: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #FFF;
    color: #fff;
    text-shadow: none;
    border: 3px solid rgba(0,0,0,0.04);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.01);
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.01);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,0.01);
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.48em;
    padding: 6px;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
  }
  #navwrap button span {
    display: inline-table;
  }
  #navwrap button:hover {
    background: #a6acd3;
    color: #fff;
  }
  #navwrap .nav-collapse {
    background: #333;
    width: 100%;
    left: 0;
    margin-top: 20px;
    clear: both;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #navwrap .navwrapper {
    width: 100% !important;
    margin-top: 30px;
  }
  #navwrap ul.nav {
    padding-left: 0px;
    padding-top: 0px;
    margin-top: 20px !important;
    border: 0;
  }
  #navwrap ul.nav li {
    width: 100%;
    text-indent: 0px;
    border-width: 0 !important;
  }
  #navwrap ul.nav li.dropdown a,
  #navwrap ul.nav li.dropdown .separator,
  #navwrap ul.nav li.dropdown.active a {
    background: none !important;
  }
  #navwrap ul.nav li a,
  #navwrap ul.nav li .separator {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    margin: 0;
    color: #fff;
  }
  #navwrap ul.nav li a:hover,
  #navwrap ul.nav li .separator:hover {
    color: #a6acd3;
  }
  #navwrap ul.nav li.active a {
    background: none;
  }
  #navwrap ul.nav li .dropdown-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  #navwrap ul.nav li ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 !important;
    padding-top: 10px !important;
  }
  #navwrap ul.nav li ul li {
    padding: 0;
    border-bottom: 0;
  }
  #navwrap ul.nav li ul li i {
    margin: 0 20px 0 0;
  }
  #navwrap ul.nav li ul li a {
    border-bottom: 0;
    text-indent: 10px;
    color: #ccc;
  }
  #navwrap ul.nav li ul li a:hover {
    color: #a6acd3;
  }
  #navwrap ul.nav li ul li.active a {
    background: none;
  }
  #navwrap ul.nav li .nav-child,
  #navwrap ul.nav li .mega-inner,
  #navwrap ul.nav li .dropdown-menu {
    padding: 0 !important;
  }
  #navwrap ul.nav li .dropdown-menu {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    border: 0 !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #navwrap button {
    right: 40px;
  }
  #paneltrigger span.icon-plus {
    font-size: 2em;
    margin-top: 16px;
    margin-right: 12px;
  }
  #paneltrigger span.triangle {
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    border-top: 0px solid #eda469 !important;
  }
  #paneltrigger span.triangle:hover {
    border-top: 80px solid #a6acd3;
  }
}
@media (min-width: 787px) and (max-width: 979px) {
  .nav-collapse .dropdown-menu {
    position: absolute;
    display: none;
    background: #eda469 !important;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
}
@media (min-width: 320px) and (max-width: 759px) {
  .sidebar ul.nav {
    float: left;
    width: 100%;
  }
  .sidebar ul.nav li {
    float: left;
    width: 100%;
  }
  .sidebar ul.nav li.active.dropdown > a {
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  .sidebar ul.nav li.active > a {
    padding-left: 0 !important;
  }
  .sidebar ul.nav li.active li.active a {
    padding: 0 0 0 12px !important;
  }
  .sidebar ul.nav li a,
  .sidebar ul.nav ul {
    float: left;
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 787px) {
  .off-canvas-enabled body {
    background: #f9f9f9;
    overflow: visible;
  }
  .off-canvas body,
  .off-canvas {
    overflow: visible !important;
  }
  .off-canvas body {
    overflow: visible;
  }
  .off-canvas #paneltrigger a {
    color: #fff;
  }
  .off-canvas #paneltrigger a:hover {
    color: #eda469;
  }
  .off-canvas #navwrap button {
    color: #fff;
  }
  .off-canvas #navwrap button:hover {
    color: #eda469;
  }
  body > * {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-transform 500ms ease-in-out;
    -o-transition: -o-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .off-canvas-enabled body > * {
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    transform: translateX(250px);
  }
  .off-canvas #off-canvas-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 1;
    background: none;
  }
  .off-canvas #off-canvas-nav .t3-mainnav {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .off-canvas {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  .off-canvas body {
    width: 100%;
    overflow-x: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .off-canvas body > * {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .off-canvas #t3-mainnav .nav-collapse,
  .off-canvas #ja-mainnav .nav-collapse {
    display: none;
  }
  .off-canvas #off-canvas-nav {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 1;
    background: none;
  }
  .off-canvas #off-canvas-nav .t3-mainnav {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .off-canvas #off-canvas-nav .t3-mainnav .nav-collapse {
    height: auto;
    background: none;
  }
  .off-canvas-enabled body > * {
    -webkit-transform: translateX(250px);
    -moz-transform: translateX(250px);
    -o-transform: translateX(250px);
    transform: translateX(250px);
  }
  .off-canvas-enabled #t3-mainnav {
    display: block;
  }
  .t3-megamenu.animate .mega > .mega-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
    -o-transform: scale(1,1) !important;
  }
}
@media (max-width: 787px) {
  .off-canvas-enabled body {
    background: #f9f9f9;
  }
  .off-canvas #paneltrigger a {
    color: #fff;
  }
  .off-canvas #paneltrigger a:hover {
    color: #eda469;
  }
  .off-canvas #navwrap button {
    color: #195287;
  }
  .off-canvas #navwrap button:hover {
    color: #195287;
  }
  #off-canvas-nav .t3-mainnav [class^="icon-"] {
    background: none;
  }
  #off-canvas-nav .t3-mainnav .mega-inner {
    padding: 0 !important;
  }
  #off-canvas-nav .t3-mainnav .moduletable {
    padding: 10px;
    color: #333;
  }
  #off-canvas-nav .t3-mainnav .moduletable h1,
  #off-canvas-nav .t3-mainnav .moduletable h2,
  #off-canvas-nav .t3-mainnav .moduletable h3,
  #off-canvas-nav .t3-mainnav .moduletable h4,
  #off-canvas-nav .t3-mainnav .moduletable h5,
  #off-canvas-nav .t3-mainnav .moduletable h6,
  #off-canvas-nav .t3-mainnav .moduletable blockquote {
    color: #333;
  }
  #off-canvas-nav .t3-mainnav .nav-collapse {
    float: left;
    width: 100%;
  }
  #off-canvas-nav .t3-mainnav .nav-collapse li.active a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #off-canvas-nav .t3-mainnav .nav-collapse li a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin: 0;
    padding: 12px;
    text-align: left !important;
  }
  #off-canvas-nav .t3-mainnav ul > li .separator {
    float: left;
    width: 100%;
    text-align: left;
    color: #a6acd3;
  }
  #off-canvas-nav .t3-mainnav ul > li a,
  #off-canvas-nav .t3-mainnav ul > li .separator {
    border-bottom: 1px solid #f4f4f4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 11px 20px;
    background: none;
    color: #a6acd3;
  }
  #off-canvas-nav .t3-mainnav ul > li a:hover,
  #off-canvas-nav .t3-mainnav ul > li .separator:hover {
    color: #195287;
  }
  #off-canvas-nav .t3-mainnav ul > li a:after,
  #off-canvas-nav .t3-mainnav ul > li .separator:after {
    display: none;
  }
  #off-canvas-nav .t3-mainnav ul > li a.active > a,
  #off-canvas-nav .t3-mainnav ul > li .separator.active > a {
    background: none;
    color: #eda469;
  }
  #off-canvas-nav .t3-mainnav ul > li ul {
    margin: 0;
  }
  #off-canvas-nav .t3-mainnav ul > li ul li {
    padding: 0 !important;
  }
  #off-canvas-nav .t3-mainnav ul > li ul li a {
    background: none;
    color: #c8cce4;
    padding: 6px 0 6px 20px !important;
    border-bottom: 0;
  }
  #off-canvas-nav .t3-mainnav ul > li ul li a:hover {
    background: none;
  }
  #off-canvas-nav .t3-mainnav ul > li ul li.active > a {
    color: #a6acd3 !important;
  }
  #off-canvas-nav .t3-mainnav ul > li ul li li a {
    border: 0;
    padding: 6px 0 6px 50px !important;
  }
}
@media (min-width: 320px) and (max-width: 620px) {
  #logowrap a {
    font-size: 2em !important;
  }
}