.tab-list {
  display: table;
  width: 100%;
}
.tab-list  > ol,
.tab-list  > ul,
.tab-list  > .items {
  display: table-row !important;
  /* Important declaration here to override any inline styles applied by jQuery toggle() in display profiles with a menu button to show/hide the element */

}
.tab-list  > ol  > li,
.tab-list  > ul  > li,
.tab-list  > .items  > li,
.tab-list  > ol  > .item,
.tab-list  > ul  > .item,
.tab-list  > .items  > .item {
  display: table-cell;
  vertical-align: middle;
  padding-right: 0;
}
.tab-list  > ol  > li.last,
.tab-list  > ul  > li.last,
.tab-list  > .items  > li.last,
.tab-list  > ol  > .item.last,
.tab-list  > ul  > .item.last,
.tab-list  > .items  > .item.last {
  padding-right: 0;
}
.tab-list  > ol  > li  > a,
.tab-list  > ul  > li  > a,
.tab-list  > .items  > li  > a,
.tab-list  > ol  > .item  > a,
.tab-list  > ul  > .item  > a,
.tab-list  > .items  > .item  > a,
.tab-list  > ol  > li  > .image,
.tab-list  > ul  > li  > .image,
.tab-list  > .items  > li  > .image,
.tab-list  > ol  > .item  > .image,
.tab-list  > ul  > .item  > .image,
.tab-list  > .items  > .item  > .image {
  display: block;
  /*padding: @padding;*/

}
.tab-list  > ol  > li  > a img,
.tab-list  > ul  > li  > a img,
.tab-list  > .items  > li  > a img,
.tab-list  > ol  > .item  > a img,
.tab-list  > ul  > .item  > a img,
.tab-list  > .items  > .item  > a img,
.tab-list  > ol  > li  > .image img,
.tab-list  > ul  > li  > .image img,
.tab-list  > .items  > li  > .image img,
.tab-list  > ol  > .item  > .image img,
.tab-list  > ul  > .item  > .image img,
.tab-list  > .items  > .item  > .image img {
  width: 100%;
}
.ie6 .tab-list,
.ie7 .tab-list {
  display: block;
}
.ie6 .tab-list ol,
.ie7 .tab-list  ol,
.ie6 .tab-list ul,
.ie7 .tab-list  ul {
  padding-left: 0;
}
.ie6 .tab-list ol li,
.ie7 .tab-list  ol li,
.ie6 .tab-list ul li,
.ie7 .tab-list  ul li {
  float: left;
}
.ie6 .tab-list ol li a,
.ie7 .tab-list  ol li a,
.ie6 .tab-list ul li a,
.ie7 .tab-list  ul li a {
  display: block;
}
.ie6 .tab-list ol li ol li,
.ie7 .tab-list  ol li ol li,
.ie6 .tab-list ul li ol li,
.ie7 .tab-list  ul li ol li,
.ie6 .tab-list ol li ul li,
.ie7 .tab-list  ol li ul li,
.ie6 .tab-list ul li ul li,
.ie7 .tab-list  ul li ul li {
  float: none;
  zoom: 1;
}
.ie6 .tab-list ol li ol li a,
.ie7 .tab-list  ol li ol li a,
.ie6 .tab-list ul li ol li a,
.ie7 .tab-list  ul li ol li a,
.ie6 .tab-list ol li ul li a,
.ie7 .tab-list  ol li ul li a,
.ie6 .tab-list ul li ul li a,
.ie7 .tab-list  ul li ul li a {
  display: inline;
}
.tab-list .nav-menu-button {
  display: none;
}
@media screen and (min-width: 960px) {
  #content div.panels div.panel {
    float: left;
    width: 48.93617% ;
    margin: 2.12766% 2.12766% 2.12766% 0;
  }
  #content div.panels div.panel:nth-child(2n+2) {
    margin-right: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 73.4375%;
    float: left;
    margin: 0 1.04167% 0 2.08333%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 20.3125%;
    float: right;
    margin: 0 2.08333% 0 1.04167%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    clear: both;
    width: 100%;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 959px) {
  div#page {
    width: 100%;
  }
  div#page div#nav1 ul li#nav-home {
    display: none;
  }
  div#page div#mast div.inner ul#header-nav li {
    padding: 0 2px;
  }
  div#page div#mast div.inner ul#header-nav li.home {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
  }
  /* 1. Homepage */
  div#page div#wrapper div#main.homepage {
    /* 1. a. Ozone Homepage */
  
  }
  div#page div#wrapper div#main.homepage div#content div.intro div.text {
    width: auto;
    float: none;
  }
  div#page div#wrapper div#main.homepage div#content div.intro div.image {
    width: 50%;
    margin-left: 10px;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left {
    width: 100%;
    float: none;
    margin: 0;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left div.row div.block {
    width: 50%;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right {
    width: 100%;
    display: flex;
    float: none;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block {
    flex: 1;
    width: auto;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block#news {
    margin-right: 10px;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block#news div.news-item-2 {
    display: none;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.text {
    /* gives us down to ie9, need alternate solutions lower than that */
  
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details {
    /* gives us down to ie9, need alternate solutions lower than that */
  
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.image img {
    width: auto;
    max-width: 100%;
  }
  /* 2. Standard page */
  body.three-columns div#page div#wrapper div#nav2,
  body.two-columns div#page div#wrapper div#nav2 {
    width: 28%;
    margin: 0;
  }
  body.three-columns div#page div#wrapper div#content,
  body.two-columns div#page div#wrapper div#content {
    width: 70%;
  }
  body.three-columns div#page div#wrapper div#content div#primary,
  body.two-columns div#page div#wrapper div#content div#primary,
  body.three-columns div#page div#wrapper div#content div#secondary,
  body.two-columns div#page div#wrapper div#content div#secondary {
    width: 100%;
    margin: 0;
    float: none;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner,
  body.two-columns div#page div#wrapper div#content div#primary div.inner,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner {
    padding: 10px;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-polls,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-polls,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-polls,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-polls,
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-adverts,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-adverts,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-adverts,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-adverts {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-polls div.attached,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-polls div.attached,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-polls div.attached,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-polls div.attached,
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-adverts div.attached,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-adverts div.attached,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-adverts div.attached,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-adverts div.attached {
    margin: 0;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl {
    zoom: 1;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl dt,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl dt,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl dt,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl dt {
    float: left;
    clear: left;
    margin-right: 10px;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl dd,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl dd,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl dd,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl dd {
    float: left;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl:after,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.attached-links dl:after,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl:after,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.attached-links dl:after {
    content: "";
    display: table;
    clear: both;
  }
  body.three-columns div#page div#wrapper div#content div#primary div.inner div.wysiwyg img,
  body.two-columns div#page div#wrapper div#content div#primary div.inner div.wysiwyg img,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.wysiwyg img,
  body.two-columns div#page div#wrapper div#content div#secondary div.inner div.wysiwyg img {
    max-width: 100%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 73.4375%;
    float: left;
    margin: 0 1.04167% 0 2.08333%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 20.3125%;
    float: right;
    margin: 0 2.08333% 0 1.04167%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    clear: both;
    width: 100%;
    margin: 0 10px 0 0;
  }
  /* 3. ozone login */
  div#page div#wrapper div#main div#content.login #login .inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div {
    order: 1;
    width: 100%;
    flex: auto;
    margin-top: 10px;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div.attached-wrapper {
    order: 3;
    width: auto;
    flex: 4;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div#login-form {
    order: 2;
    width: auto;
    flex: 5;
  }
  #content div.panels div.panel {
    float: left;
    width: 48.93617% ;
    margin: 2.12766% 2.12766% 2.12766% 0;
  }
  #content div.panels div.panel:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  div#page div#nav1 ul {
    display: none;
  }
  div#page div#nav1 ul.menu-show,
  div#page div#nav1 ul#nav-responsive {
    display: block;
  }
  div#page div#nav1 ul#nav-nav1 {
    padding: 0;
    border-top: 1px solid black;
  }
  div#page div#nav1 ul#nav-nav1 li {
    float: none;
    margin: 0;
    box-sizing: border-box;
  }
  div#page div#nav1 ul#nav-nav1 li a {
    padding: 5px 30px;
    background: #002c61;
    color: #fff;
    border-bottom: 1px solid black;
  }
  div#page div#nav1 ul#nav-nav1 li a:hover {
    background: #fff;
    color: #002c61;
    transition: background .3, color .3;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  div#page div#nav1 ul li#nav-home {
    display: none;
  }
  div#page div#nav1 ul li a {
    padding: 10px 5px;
  }
  div#page div#wrapper div#foot div.inner p.social_links {
    width: 20%;
  }
  div#page div#wrapper div#foot div.inner p.credit {
    width: 100%;
    clear: both;
    float: none;
  }
  .telephone {
    display: block;
  }
  #content div.panels div.panel {
    float: left;
    width: 48.93617% ;
    margin: 2.12766% 2.12766% 2.12766% 0;
  }
  #content div.panels div.panel:nth-child(2n+2) {
    margin-right: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 73.4375%;
    float: left;
    margin: 0 1.04167% 0 2.08333%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 20.3125%;
    float: right;
    margin: 0 2.08333% 0 1.04167%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    clear: both;
    width: 100%;
    margin: 0 10px 0 0;
  }
}
@media screen and (max-width: 959px) and (min-width: 640px) {
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-polls,
  body.three-columns div#page div#wrapper div#content div#secondary div.inner div.attached-adverts {
    max-width: 49%;
    margin-right: 1%;
  }
  div#page div#wrapper div#main div#content div.image-gallery {
    display: block;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row {
    display: inline;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row div.block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
    width: 49%;
    margin-bottom: 1%;
  }
  div#page div#wrapper div#foot div.inner p.social_links {
    width: 30%;
  }
  div#page div#wrapper div#foot div.inner p.address {
    max-width: 100%;
  }
  div#page div#wrapper div#foot div.inner p.credit {
    width: 100%;
    clear: both;
    float: none;
  }
  .telephone {
    display: block;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* 1. Homepage */
  div#page div#wrapper div#main.homepage div#content div.intro div.text,
  div#page div#wrapper div#main.homepage div#content div.intro div.image {
    float: none;
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left {
    width: 100%;
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left div.row {
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left div.row div.block {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right {
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block {
    display: block;
    flex: none;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block#news {
    margin-right: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro {
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  /* ozone homepage overdue alert */
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue {
    position: static;
    float: none;
    margin: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover {
    width: auto;
    height: auto;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover div.modal {
    display: block;
    position: static;
    width: auto;
    border-radius: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover img {
    display: none;
  }
  /* 2. Standard page */
  div#page div#wrapper div#main div#crumbs {
    display: none;
  }
  div#page div#wrapper div#main div#nav2,
  div#page div#wrapper div#main div#content {
    width: auto;
    float: none;
  }
  div#page div#wrapper div#main div#nav2 div#primary div.inner,
  div#page div#wrapper div#main div#content div#primary div.inner {
    padding-top: 30px;
  }
  div#page div#wrapper div#main div#nav2 div.inner {
    padding: 10px;
  }
  div#page div#wrapper div#main div#foot div.inner ul#footer-nav {
    text-align: center;
  }
  /* 3. ozone login */
  div#page div#wrapper div#main div#content.login #login .inner > div {
    order: 3;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div.attached-wrapper {
    width: 100%;
    flex: auto;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div.attached-wrapper div.attached {
    margin-top: 0;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div#login-form {
    width: 100%;
    flex: auto;
  }
  /* 4. My CPD */
  div#page div#wrapper div#main div#content div#cpd form.small span.input select {
    max-width: 150px;
  }
  div#page div#wrapper div#foot div.inner p.social_links {
    width: 40%;
  }
  div#page div#wrapper div#foot div.inner p.address .address-contact,
  div#page div#wrapper div#foot div.inner p.address .address-contact .email,
  div#page div#wrapper div#foot div.inner p.address .address-contact .telephone {
    float: none;
    text-align: left;
  }
  div#page div#wrapper div#foot div.inner p.credit {
    width: 100%;
    clear: both;
    float: none;
  }
  .telephone {
    display: block;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  #content div.panels div.panel {
    width: 100%;
    margin: 2.12766% 0;
  }
}
@media screen and (max-width: 479px) {
  div#page div#wrapper div#foot div.inner ul#footer-nav {
    font-size: 10px;
  }
  div#page div#wrapper div#foot div.inner ul#footer-nav li {
    padding: 0 5px;
  }
  form.standard fieldset div.field fieldset ol li {
    width: 100%;
  }
  /* 1. Homepage */
  div#page div#wrapper div#main.homepage div#content div.intro div.text,
  div#page div#wrapper div#main.homepage div#content div.intro div.image {
    float: none;
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
  }
  div#page div#wrapper div#main.homepage div#content div.intro div.text h1,
  div#page div#wrapper div#main.homepage div#content div.intro div.image h1 {
    font-size: 20px;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left {
    width: 100%;
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left div.row {
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.left div.row div.block {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right {
    display: block;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block {
    display: block;
    flex: none;
  }
  div#page div#wrapper div#main.homepage div#content div.blocks div.right div.block#news {
    margin-right: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro {
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.image {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  /* ozone homepage overdue alert */
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue {
    position: static;
    float: none;
    margin: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover {
    width: auto;
    height: auto;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover div.modal {
    display: block;
    position: static;
    width: auto;
    border-radius: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover img {
    display: none;
  }
  /* 2. Standard page */
  div#page div.inner div#wrapper div#main h1 {
    margin: 10px;
  }
  div#page div.inner div#wrapper div#main div#crumbs {
    display: none;
  }
  div#page div.inner div#wrapper div#main div#nav2,
  div#page div.inner div#wrapper div#main div#content {
    width: auto;
    float: none;
  }
  div#page div.inner div#wrapper div#main div#nav2 div#primary div.inner,
  div#page div.inner div#wrapper div#main div#content div#primary div.inner {
    padding-top: 30px;
  }
  div#page div.inner div#wrapper div#main div#nav2 div.inner {
    padding: 10px;
  }
  div#page div.inner div#wrapper div#foot div.inner ul#footer-nav {
    text-align: center;
  }
  /* 3. News page */
  div#page div#wrapper div#main div#content div.item div.image {
    float: none;
    margin: 0;
    text-align: center;
  }
  div#page div#wrapper div#main div#content div.item div.image img {
    max-width: 100%;
  }
  div#page div#wrapper div#main div#content div.intro p.summary {
    font-size: 14px;
    line-height: 16px;
  }
  /* 4. Registry */
  div#page div#wrapper div#main div#content div.registry div.item div.left {
    margin-bottom: 10px;
    font-weight: bold;
    float: none;
    width: auto;
  }
  div#page div#wrapper div#main div#content div.registry div.item div.right {
    float: none;
    width: auto;
  }
  div#page div#wrapper div#main div#content div.registry div.item div.right div.contact div.content {
    margin: 10px 0;
  }
  /* 5. Documents */
  div#page div#wrapper div#main div#content div.items-documents div.item div.image {
    float: right;
  }
  /* 6. Image gallery */
  div#page div#wrapper div#main div#content div.image-gallery {
    display: block;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row {
    display: inline;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row div.block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
    width: 48%;
    margin-bottom: 1%;
  }
  div#lightBox div#main {
    /*width: 96%;
          padding: 2%;*/
  
  }
  div#lightBox div#main img {
    max-width: 100%;
  }
  /* 7. Registry */
  form#registry fieldset.fields fieldset div.field {
    width: 96%;
    margin-right: 0;
  }
  form#registry fieldset.fields fieldset div.field#location-field,
  form#registry fieldset.fields fieldset div.field#radius-field,
  form#registry fieldset.fields fieldset div.field#surname-field,
  form#registry fieldset.fields fieldset div.field#registration-field {
    width: 96%;
    margin-right: 0;
  }
  form#registry fieldset.fields fieldset div.field#radius-field p.label {
    display: none;
  }
  /* 8. ozone login */
  div#page div#wrapper div#main div#content.login #login .inner > div {
    order: 3;
    word-wrap: break-word;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div.attached-wrapper {
    width: 100%;
    flex: auto;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div.attached-wrapper div.attached {
    margin-top: 0;
  }
  div#page div#wrapper div#main div#content.login #login .inner > div#login-form {
    width: 100%;
    flex: auto;
  }
  /* 9. My CPD */
  div#page div#wrapper div#main div#content div#cpd > div.summary div.inner div.details span {
    width: auto;
    display: block;
  }
  div#page div#wrapper div#main div#content div#cpd > div.summary div.inner div.details span.name {
    width: auto;
  }
  div#page div#wrapper div#main div#content div#cpd > div.summary div.inner div.summary#details,
  div#page div#wrapper div#main div#content div#cpd > div.summary div.inner div.summary#hours {
    width: auto;
    display: block;
  }
  div#page div#wrapper div#main div#content div#cpd > div.summary form.small span.input select {
    min-width: 0;
  }
  div#page div#wrapper div#main div#content div#cpd > div.summary form.small span.submit {
    display: block;
    text-align: right;
    margin-top: 10px;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl .top,
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl .bottom {
    height: 60px;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dd dl {
    margin-right: 5px;
  }
  /* 10. add cpd */
  div#page div#wrapper div#main div#content div.cpd_summary {
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  div#page div#wrapper div#main div#content div.cpd_summary div {
    /* gives us down to ie9, need alternate solutions lower than that */
  
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: auto;
  }
  div#page div#wrapper div#main div#content div.cpd_summary div.col-1,
  div#page div#wrapper div#main div#content div.cpd_summary div.col-2 {
    width: auto;
    padding: 0;
    border: 0;
  }
  form#add-cpd fieldset div.field div.label,
  form#add-cpd fieldset div.field div.input {
    width: auto;
    display: block;
    clear: both;
  }
  form#add-cpd fieldset div.field div.input {
    text-align: right;
  }
  form#add-cpd fieldset div.field div.input img {
    margin: 0;
  }
  form#add-cpd fieldset div.field div.input div.tooltip {
    margin-left: 5px;
  }
  form#add-cpd fieldset div.field div.input input,
  form#add-cpd fieldset div.field div.input select,
  form#add-cpd fieldset div.field div.input textarea {
    float: left;
  }
  #tooltip-box {
    max-width: 150px;
  }
  /* 11. Events */
  div#page div#wrapper div#main div#content div#calendars div.calendar {
    width: auto;
  }
  /* 16. Products */
  #products .item {
    width: 100%;
    margin: 0;
    float: none;
  }
  div#page div#wrapper div#foot div.inner p.social_links {
    width: 50%;
  }
  div#page div#wrapper div#foot div.inner p.credit {
    width: 100%;
    clear: both;
    float: none;
  }
  .telephone {
    display: block;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  #content div.panels div.panel {
    width: 100%;
    margin: 2.12766% 0;
  }
  div#page div#wrapper div#foot div.inner p.address .address-contact,
  div#page div#wrapper div#foot div.inner p.address .address-contact .email,
  div#page div#wrapper div#foot div.inner p.address .address-contact .telephone {
    float: none;
    text-align: left;
  }
}
@media screen and (max-width: 319px) {
  /* 1. Image gallery */
  div#page div#wrapper div#main div#content div.image-gallery {
    display: block;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row {
    display: inline;
  }
  div#page div#wrapper div#main div#content div.image-gallery div.row div.block {
    display: block;
    width: auto;
    margin-bottom: 1%;
  }
  /* 2. Registry */
  form#registry fieldset.fields fieldset div.field#location-field,
  form#registry fieldset.fields fieldset div.field#radius-field,
  form#registry fieldset.fields fieldset div.field#surname-field,
  form#registry fieldset.fields fieldset div.field#registration-field {
    width: 96%;
    margin-right: 0;
  }
  form#registry fieldset.fields fieldset div.field#location-field p.label,
  form#registry fieldset.fields fieldset div.field#radius-field p.label,
  form#registry fieldset.fields fieldset div.field#surname-field p.label,
  form#registry fieldset.fields fieldset div.field#registration-field p.label {
    height: auto;
  }
  form#registry fieldset.fields fieldset.submit div.advanced a {
    font-size: 14px;
    background: url('/themes/gosc/gfx/sprite.png') 10px -78px no-repeat;
  }
  /* 3. My CPD */
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dt,
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dd {
    width: auto;
    clear: none;
    float: none;
    min-height: 0;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dd {
    margin-bottom: 10px;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl .top,
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl .bottom {
    height: auto;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dd.top,
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dt.bottom {
    border: 0;
  }
  div#page div#wrapper div#main div#content div#cpd div#activities .item dl dd dl {
    width: 48%;
    margin: 0;
  }
  /* ozone homepage overdue alert */
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue {
    position: static;
    float: none;
    margin: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover {
    width: auto;
    height: auto;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover div.modal {
    display: block;
    position: static;
    width: auto;
    border-radius: 0;
  }
  div#page div#wrapper div#main.homepage.ozone div#content div.intro div.details div.cpd div.overdue div.hover img {
    display: none;
  }
  div#page div#mast div.inner {
    text-align: left;
  }
  form#form-site_search {
    padding-left: 0;
  }
  div#page div#mast div.inner a.control-button {
    margin: 10px 0 10px 0;
  }
  div#page div#wrapper div#foot div.inner p.credit {
    width: 100%;
    clear: both;
    float: none;
  }
  .telephone {
    display: block;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#primary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  body.two-columns-main-left div#page div#wrapper div#content div#secondary div.inner {
    padding: 0;
  }
  body.two-columns-main-left div#page div#wrapper div#nav2 {
    width: 94.63087%;
    float: none;
    margin: 0 2.68456%;
  }
  #content div.panels div.panel {
    width: 100%;
    margin: 2.12766% 0;
  }
  div#page div#wrapper div#foot div.inner p.address .address-contact,
  div#page div#wrapper div#foot div.inner p.address .address-contact .email,
  div#page div#wrapper div#foot div.inner p.address .address-contact .telephone {
    float: none;
    text-align: left;
  }
}