@media only screen and (max-width: 1600px), screen and (max-device-width: 1600px) {

 .centres .centresmenu ul li a {
    line-height: 1;
    padding: 2px 0;
  }




.legal-info-nav .thumb {
    flex: 0 0 17%;
}
.legal-info-nav .nav {
    flex: 0 0 83%;
}

}


@media only screen and (max-width: 1500px), screen and (max-device-width: 1500px) {

  .section.section-main.topic-selector .container .row {
      padding-right: 3.125%;
      padding-left: 3.125%;
  }

  header .prefix-2 {
    padding-left: 2%;
  }
  header .col.logo-wrap { width: 31.25%; }
  header .col.mainmenu-wrap { width: 59.375%; }

  header .col.grid-5  { width: 10%; }
/*  #searchform { right: 10%;   margin-right: 32px;}*/

  .mainmenu>ul {
    /* margin-right: 30px; */
  }

/*  .mainmenu ul li.lin > ul {
    left: -140px;
  }
*/

  .legal-info-nav {
/*    width: 500px;*/
  }
  .legal-info-nav .col-1 {
/*    width: 320px;*/
    padding: 15px 10px 15px 28px;
  }
  .legal-info-nav .col-2 {
/*    width: 200px;*/
  }
  .mainmenu ul li.olc>ul {

    padding-left: 2% !important;;
    padding-right: 2% !important;;
  }



}

@media only screen and (max-width: 1440px), screen and (max-device-width: 1440px) {
  .centre .section.banner .content {
      height: 295px;
      padding-top: 20px;
      padding-right: 0;
  }
  .centre .section.banner .last,
  .centre .section.banner .last .bg {
      height: 295px;
  }
  .centre .section.banner .last {
    width: 53%;
  }
  .centre .section.banner .top-cnr {
    height: 235px;
    width: 300px;
    background: url(../png/bg-top-cnr.png) no-repeat center center;
    padding: 15px 0 0 115px;
  }
  .centre .banner h2 {
      font-size: 1.8em;
  }
  .top-cnr h4 {
      font-size: 1em;
  }
  .top-cnr a.contact-us {
    position:absolute;
    top:310px;
    right: 100px;
      font-size: 1.2em;
      line-height:1.8;
      height: auto;
      padding: 0 ;
      width: 200px;
      text-align: center;
  }
  .byline h3 {
      font-size: 1.3em;

  }

}

@media only screen and (max-width: 1400px), screen and (max-device-width: 1400px) {

  .banner-panel .scroll {
    display: none;
  }
  .banner-panel {
    width: 33%;

  }
  .corona-banner-panel {
    width: 50%;

  }
  .corona-banner-panel .scroll {
    display: block;
  }



  .clm .sidebarmenu-wrapper {
    padding-right: 40px;
  }
  h2.section-heading span {
    display: block;
  }
  .topic-nav li h5 {
    font-size: 1.05em; 
  }
}

@media only screen and (max-width: 1260px), screen and (max-device-width: 1260px) {

  header .prefix-2 {
    /* padding-left: 1%; */
  }

  header .col.logo-wrap { width: 12.5%; }
  header .col.mainmenu-wrap { width: 75%; }

  header .col.grid-5  { width: 12.5%; }


  header a#logo {
    text-indent: -9999px;
    background: url(../png/community-law-logo-footer.png) no-repeat  0 0;
    background-size: auto 100%;
    height: 65px;
    padding: 0 0 0 110px;
  }
  header a#logo span {
     display: none;
  }
  .mainmenu ul li.lin > ul {

  }

  .topic-nav ul {
    height:  160px;
  }

  .publication .banner .content h3,
  .publication .banner .content h4 {
    max-width: 100%
  }
  .centres .banner-panel {
    display: none;
  }
    .clm .sidebarmenu-wrapper {
    padding-right: 20px;
  }

  .topic-nav li h5 {
    font-size: 1em; 
    height: 64px;
  }
  .topic-nav li .pointer {
    bottom: 37px;
  }

}
@media only screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
  .mainmenu ul li.lin > ul {

  }
  .corona-banner-panel {
    width: 65%;
    left: 2%;
  }
  .corona-banner-panel .scroll {
    display: block;
  }

  .section.supporters-listings .supporter-list ul li {
      flex-basis: 20%;
  }


}

@media only screen and (max-width: 1100px), screen and (max-device-width: 1100px) {

.home .section-top .group { 

}
.home .section-top .grid-4 {
  margin-left: 10%;
}
.home .section-top .grid-13 {
  width: 60%;

}
.home .section-top .grid-12 {
  margin-left: 22.5%;
  clear: both;
}

}

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

  .container {
    width: 96%;
    margin: 0 auto !important;
   /*  overflow: hidden; */
  }
  .home-banner.section .container {
    width: 100%;
  }
  .banner-panel,
  .publication .quote,
  #footer .grid-26 {
    display: none;
  }
  .corona-banner-panel {
    display: block;
    width: 85%;
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
  }
  .corona-banner-panel .scroll {
    display: block;
  }



  .centre .section.banner .content {
      height: 255px;
      padding-top: 20px;
      padding-right: 0;
  }
  .centre .section.banner .last,
  .centre .section.banner .last .bg {
      height: 255px;
  }

  .top-cnr a.contact-us {
    top:270px;
  }

  .centre .section.banner .content .byline h3 {
    font-size: 1em;
  }
  header .prefix-2 {
    padding-left: 0
  }
  header a#logo {
    height: 55px;
    margin-top: 14px;
    padding: 0 0 0 138px;
  }

  .home-quote {
    padding-bottom: 60px;
  }
  .home-search {
    margin-left: 0px;
    text-align: right;
  }
  .section-top .intro-content .content,
  .section-top .intro-content h2 {
      margin-left: 30px;
  }

  .home .content-wrapper,
  .home .quicklinks-wrap {
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .home .content-wrapper>.col {
    width: 100%;
    float: none;
  }
  .home .section-more .col {
    width: 100%;
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
  }
  .section-map .container {
    width: 94%;
  }
  .map {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  #searchform {
      right: 0%;
  }
  .menu-search-field {
    margin-right: 0;
  }
  .centres .quote,
  .landing .quote {
    position: absolute;
    right: 0;
    top: -150px;
  }
  .centres .section-top,
  .landing .section-top {
     padding-top: 190px;
  }

  .publication .banner .container,
  .publication .section-filter .container,
  .centres-intro .section-main .container,
  .section-about .container,
  .section-workshops .container,
  .section-contact-head .container,
  .section-contact .container   {
    width: 87.5%;
    max-width: 800px;
    margin: 0 auto !important;
  }


  #footer .col {
    width: 100%;
    float: none;
  }
  #footer a.footer-logo {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
  }
  #footer p.copyright {
    text-align: center;
  }
  .section-about .container>div>.col,
  .section-main .content-block > .row > .col,
  .section-workshops-intro  .container>div>.col {
    width: 100%;
    float: none;
    padding-bottom: 30px;
  }
  .section-about .container>div>.col .col {
    padding-left: 5%;
  }
  .section-about .container>div>.col .col:first-child {
    padding-left: 0%;
    padding-right: 5%;
  }

  .section-about .container>div>.col h4 {
    font-size: 1.8em;
  }
  .section-contact .col {
    width: 50%;
    padding-bottom: 30px;
  }
  .section-contact .col.grid-12 {
    clear: both;

  }

  .publication .banner .banner-img {
    width: 320px;
    height: 200px;
    margin: 150px 30px 0 0;
  }
  .section-filter .quicklinks {
    width: 90%;
  }
  .publication .section-main.bookshop {
      padding: 70px 0 80px;
  }
  .publication .section-main .content,
  .publication .section-main .intro {
      padding-right: 30px;
  }
  .publication .section-main .buy-now {
    width: 21.875%;
  }
  .publication .section-main .pub-img {
    width: 28.125%;
  }

  .sidebarmenu-wrapper {
    padding-right: 15px !important;
  }

  .logo-wrap {
    padding-bottom: 0px;
    min-height: 70px;
  }

 .specialistsmenu-top {
    display: none;
  }

  .prefix-1,.prefix-2,.prefix-3,.prefix-4,.prefix-5,.prefix-6,.prefix-7,.prefix-8,.prefix-9,.prefix-10 {
    padding-left: 0;
  }
  .suffix-1,.suffix-2,.suffix-3,.suffix-4,.suffix-5,.suffix-6,.suffix-7,.suffix-8,.suffix-9,.suffix-10 {
    padding-right: 0;
  }

  .topicsmenu .prefix-2 {
    padding-left: 35px;
  }
  .topicsmenu .suffix-1 {
    padding-right: 25px;
  }
  .centres-intro .section-main .suffix-2 {
    padding-right: 15px;
  }
  .section-main .content-block .col.suffix-2 {
    padding-right: 35px;
  }
  .section-main .content-block .col.prefix-1,
  .section-main .content-block.content-advice .col.prefix-1 {
    padding-left: 15px;
  }

  .clm-home .box-nav-wrapper {
    padding-left:70px;
    padding-right:20px;
  }
  .box-nav-wrapper .topics ul li a {
    padding: 0 10%;
  }
  .centre .subnav ul li a {
      font-size: 1.5em;
      font-weight: 500 !important;
  }
  .centre .subnav2 ul li a {
      font-size: 1.4em;
      font-weight: 500 !important;
  }

  #searchform {
      right: 115px;
      margin-right: 0;
  }
  a.btn-cart-head {
    float: left;
  }

  a.responsive-nav-trigger {
    display: block;
  }
  .mainmenu-wrap,
  .responsive-nav .responsive-menus {
     display: none;
  }

  .topicsmenu {
    height: 0;
    display: none;
  }
  .page-template-about-law-manual-template .topicsmenu {
    height: auto;
    display: block;
  }

  .page-template-about-law-manual-template .clm .content.article {
    padding-top: 0px;
  }

.law-manual-menu .search {
  display: none;
}
.law-manual-menu .browse {
  width: 15%;
}
.law-manual-menu .nav {
  width: 60%;
}
#real-accessability {
    top: 60px;
}
.section.law-manual-menu-tab .prefix-8 {
  padding-left:  25%;
}
.section.law-manual-menu-tab .tab a {
    line-height: 79px;
    height: 79px;
    margin: -75px 0 0 -20px !important;
}



.clm-head .prefix-2 {
  padding-left:  1%;
}
.section.law-manual-menu .controller .col.nav {
    padding: 3px 0 0 30px;
}


.section.supporters-listings .supporter-list ul li {
    flex-basis: 20%;
}
.section.supporters-listings .supporter-list ul li img{
      max-width: 75% !important;
}

.section.law-manual-banner .grid-1-3 {
    width: 40%;
    padding-right:  25px;
}
.section.law-manual-banner .grid-2-3 {
    width: 60%;
}
.topic-nav ul {
  height:  240px;
  padding-right:  25px;
}
.chaptnav-wrap .chaptnav {
    width: 100%;
    padding: 20px 0 40px 0;

}


}

@media only screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
  .clm-search-field,
  .home .clm-search-field {
    max-width: 500px;
    float: right;
    margin-right: 5px;
  }
  .ui-autocomplete,
  .home .ui-autocomplete {
    max-width: 500px;
  }
  .law-search .clm-search-field,
  .home .clm-search-field { 
    float: none;
  }
/*  .topic-nav li {
      width: 32.3333%;
      margin: 0 0.5% 36px !important;
  }
  .topic-nav li.topic-tile-double {
    width: 65.666%;
  }*/





  html {
    -webkit-text-size-adjust: none;
  }
  .container {
    width: 92%;
  }
  .home-banner.section .container {
    width: 100%;
  }

  .rhide {
      display: none !important;
  }
  .rshow {
      display: block !important;
  }

  .basket p span.count.rhide,
  .basket p span.total.rhide,
  .basket p span.view.rhide {
    display: none !important;
  }


  .cart-contents  .rshow {
      display: inline-block !important;
  }
  .woocommerce .cart-contents a.button {
    width: auto;
    padding: 0 15px;
  }
  .padleft {
    padding-left: 0;
  }
  .padright {
    padding-right: 0;
  }
  .pad {
    padding: 0;
  }
 .col {
    float: none;
    width: 100%;
    padding-bottom: 20px;
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .topicsmenu-wrapper .col {
    padding-bottom: 0;
  }


  .clm-search-field,
  .home .clm-search-field {
    clear: both;
    float: none;
    margin-top: 15px;
    margin-right: 0;
    margin-left: 3px;
  }
  .law-search .clm-search-field,
  .home .clm-search-field { 
    margin-top: 0px;
  }

  .home-search {
    padding-left: 30px;
  }
  .home .section-top .home-search h2 {

      margin-top: 0px;
      margin-bottom: 15px;
      font-size: 2em;
  }

  .home-banner .container .col {
    width: 100%;
  }
  header .col.logo-wrap { width: 100%; }

  .home .section-top .grid-12 {
    margin-left: 0%;
    clear: both;
  }


  .section.banner .col {
      padding-bottom: 0;
  }

  .centre .section.banner .last .bg {
    display: none;
  }
  .clm-head .col {
    padding-bottom:0;
  }


  .centres .section-top,
  .landing .section-top {
      padding-top: 40px;
  }

  h2.section-heading {
      padding-bottom: 20px;
  }

  .publication .banner .container,
  .publication .section-filter .container,
  .centres-intro .section-main .container,
  .section-about .container,
  .section-workshops .container,
  .section-contact-head .container,
  .section-contact .container {
      width: 75%;
      max-width: 800px;
      margin: 0 auto !important;
      /* overflow: hidden; */
  }

  .publication .section-filter .container,

  .section-about .container,
  .section-workshops .container,
  .section-contact-head .container,
  .section-contact .container {
      width: 90%;
      max-width: 800px;
      margin: 0 auto !important;
      /* overflow: hidden; */
  }




  .publication .banner .banner-img {
      display: none;
  }
  .publication .content {
    padding-bottom: 60px;
  }
  .publication .buy-now,
  .publication .pub-img {
    width: 100% !important;
    float:none !important;
    border-top: none !important;
  }
  .publication .buy-now .form {
    margin: 0 auto;

  }


  .publication  .pub-item .content {
    padding-right: 0;
  }

  .publication  .buy-now {

  }
  .publication  .pub-img {
    padding-bottom: 10px;
    text-align: center;
  }


  a.view-online {
      top: 30px;
      right: 0;
      position: absolute;
  }
  .publication .pub-img img {
    max-width: 210px;
    max-height: 265px;
    margin: 0 auto;
  }
  .pub-item,
  .pub-items-collection {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .letters .pub-items-wrap .grid-24,
  .letters .pub-items-wrap .grid-8 {
    float: left;
    width: 75%;
  }

  .letters .pub-items-wrap .grid-8 {
    float: left;
    width: 25%;
  }
  .pub-items-wrap .col.open {
    text-align: right !important;
  }

  .pub-item .equal {
    display: flex;
    flex-direction: column;
  }
  .pub-item .equal .pub-img {
    order: 1;
    padding: 20px 10px 0px;
    border-left: none;
  }
  .pub-item .equal .content {
    order: 2;
  }
  .pub-item .buy-now {
    order: 3;
  }

  .centre .titlebarmenu {
    display: none;
  }
  .centre .content-block .item {
    position: relative;
  }
  .centre .content-block .item .open {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 70px;
  }
  .centre .subnav2 ul li a {
      font-size: 1.2em;
  }

  .clm-head  .grid-16,
  .home .section-main .content-1 .grid-16,
  .home .section-main .content-2 .grid-16 {
    float: left;
    width: 50%;
  }

  .section-main .pad {
    border: none;
    padding-bottom: 40px !important;
  }
  .section-map .head {
    float: left;
    width: 65%;
  }
  .section-map .content {
    float: left;
    width: 35%;
  }



  .sidebarmenu-wrapper,
  .banner-insert {
    display: none;
  }
  .clm .sidebarmenu-wrapper {
    display: block;
    position: relative;
    left: 0;
    z-index: 10;
    background: #fff;
    width: 100%;
    /* margin: 0 -1%; */
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 85px;
  }
.sidebarmenu-law {
    padding: 0px 0 0 0;
}
  .clm .sidebarmenu-wrapper.is-scrolled {
    -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 00.15);
    -moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 00.15);
    box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 00.15);
  }

  .clm .sidebarmenu-wrapper.is-active {

  }
  .clm .sidebarmenu-wrapper>div>ul>li {

  }
  .clm .content.article {
    padding-top: 100px;
  }
  .clm .sidebarmenu-wrapper>div>ul>li ul {

  }
  a.view-chapts {
    display: block;
    width:18px;
    height: 20px;
    position: relative;
    z-index: 10;
    display: block;
    float: right;
    text-indent: -9999px;
    background: url(../png/arrows-up-down-red.png) no-repeat right bottom;
  }
  a.view-chapts.view-covid {
    display: inline-block;
    width:auto;
    height: 20px;
    line-height: 22px;
    padding-right: 25px !important;
    text-indent: 0;
    font-style: normal;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
  }

.section.supporters-banner .cta img {
  display:  block;
  margin-left:  auto;
  margin-right:  auto;
  max-width:  500px;
}


a.view-chapts.is-active {
    display: block;
    padding: 0 0 0;
    background-position: right top;
}

.article.child-article {
    padding-top: 0px;
}
.law-manual-menu .search,
.law-manual-menu .buy,
.law-manual-menu .nav {
  display: none;
}

  .home-banner .container .grid-7 {
    display: block;
    width: 21.875%;
    float: left;
    padding: 0;
  }
  .home-banner .container .col.grid-11 {
    display: block;
    width: 34.375%;
    float: left;
    padding: 0;
  }
  .home-banner .container .grid-32 {
    float: left;
    padding: 0;
  }

  header .prefix-2 {
    padding-left: 0;
  }
  .section .prefix-1 {
    padding-left: 2%;
  }

  .title-row .col,
  .clm .topicsmenu .col {
    padding-bottom: 0;
  }

  .home .section-main {
    padding: 0px 0 20px;
  }

  .section.home-quote {
      padding: 0px 0 40px 0;
  }

 .section-main .quicklinks {
    padding: 20px 0 0;
  }
 .section-main .quicklinks p {
    margin: 0;
  }
  .publication .section-main {
    padding: 60px 0 40px;
  }
  .specialistsmenu-top,
  .section-marker,
  .section-map .row .suffix-3 {
    display: none;
  }

  .section-map .head,
  .section-map .content,
  .section-map .navigation {
    padding: 0;
  }
  .section-map h6 {
    float:left;
  }
  .section-map .map {
    margin-top: 0;
  }

  .footermenu ul {
    margin-bottom: 20px;
  }
  .footermenu ul li {
    height: auto;
    padding: 3px 0 3px 0;
    border: none;
  }
  .banner-panel,
  .quote {
    display: none;
  }
  .corona-banner-panel {
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0;
  }
  .corona-banner-panel .scroll {
    display: block;
  }


  .quote {
    margin-top: 10px;
    margin-left: 90px;
  }
  .titlebarmenu {
    margin: 0;
    float:left;
  }
  .buy-now .col {
    width: 100%;
  }
  .buy-now .row {
    padding-bottom: 0;
  }

  .centre .content-block .item .addr,
  .pub-item .textright,
  .pub-items-wrap .textright,
  .pub-items-wrap .open {
  /*   padding-top: 7px; */
    text-align: left !important;
  }

  .centre .content-block .item .col {
    padding-left: 2%;
  }

  .pub-item .col {
    padding-bottom: 0;
  }
  .pub-item a.download,
  .pub-items-wrap a.download {
    margin-top: 15px !important;
  }

  .section-main .col.grid-1-3,
  .section-main .col.advice,
  .section-main .col.workshops,
  .centre .content-block  {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  #centreselect {
    float: left;
    margin: 10px 0 0;
  }
  .centres select#centreselect {
    display: inline-block;
  }


  h1 {
    font-size:1.8em;
  }
  .article h1 {
    font-size:1.6em;
  }

  h2 {
    font-size:2.5em;
  }
  .banner h2,
  h2.title  {
    font-size: 1.8em;
  }
  .article h2 {
    font-size:1.4em;
  }
  .centre .banner h2 {
    font-size:1.7em;
  }
  .cart_totals  h2 {
    font-size:1.35em;
  }

  .section-map h3 {
    font-size:1.45em;
  }
  .section-main h3,
  .section-more h3,
  .section-intro h3,
  .section-about h3,
  .section-workshops-intro h3,
  .section-contact-head h3 {
    font-size:1.3em;
  }
  .quote h3 .line {
    font-size:2em;
  }
  .byline h3,
  .woocommerce-billing-fields h3,
  .woocommerce-shipping-fields h3,
  h3#order_review_heading {
    font-size:1.35em;
  }
  .buy-now {
    margin-bottom: 20px;
  }

  .centre .section.banner .content {
      width: 60%;
      margin-left: 0;
      margin-right: 0;
  }

  .section-about .container>div>.col .col {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }


/*  .topic-nav li {
      width: 48%;
     margin: 0 1% 24px !important;
  }
  .topic-nav li.topic-tile-double {
    width: 99%;
  }
  .topic-nav li.topic-tile-double .col {
    width: 50%;
    float: left;
  }
*/
.topic-nav ul {
  height:  160px;
}




  .law-manual-banner .row {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .law-manual-banner .row .col {
    width: 100%;
    order: 2;
    text-align: left;
    padding-bottom: 0px;
  }
  
  .law-manual-banner .row .col .content {
    width: 100%;
  }
  .law-manual-banner img {
      float: none;
      width: auto !important;
      margin-right: 0px;
  }

  .law-manual-topic-banner img {
    display: none;
  }

  .section.law-manual-topic-banner .container,
  .law-manual-topic-content .container {
        width: 100%;
  }
  .section.law-manual-topic-banner .content {
      background: url(../png/decor-banner-arrows.png) no-repeat left top;
      background-size: 3%;
      padding: 0 2% 10px 5%;

  }
  .law-manual-topic-content .col {
      padding: 0 2% 30px 5%;
  }
  .single-topic .section.law-manual-menu {
    display: none;
  }
  .section.law-manual-topic-content {
      padding: 25px 0 20px;
  }

  .clm .section-main {
    padding: 0px 0 0px;
  }
  .bcrow {
    /* display: none; */
  }
  p.bc {
    display: none;
  }
  #browse-open,
  #browse-close {
    color: #b52545;
  }
  #browse-open span,
  #browse-close span {
    display: none;
  }
  .section.law-manual-menu .controller .col.heading {
    padding-top: 11px;
  }
  .law-manual-menu .heading {
    float: left;
    width: 75%;
  }
  .law-manual-menu .browse {
    float: left;
    width: 25%;
    text-align: right;
    padding-top: 11px !important;
  }
  .section.law-manual-menu-tab {
    display: block;
    position: absolute;
    z-index: 1999999;
    top: 0;
    left: -100%;
    width: 95%;
    max-width: 400px;
    background: #000;
    color: #fff;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    overflow: hidden;
  }
  .section.law-manual-menu-tab.active {
    left: 0;
  }
  .col.topics {
    position: relative;
    margin-left: 0;

    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
  }
  .col.topic-chapts {
    position: absolute;
    left: 110%;
    top: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
  }
  .col.topics.active {
    margin-left: -110%;  
  }
  .col.topic-chapts.active {
    left: 0%;
  }

  .section.law-manual-menu-tab .container,
  .section.law-manual-menu-tab .topicsmenu-wrapper,
  .section.law-manual-menu-tab .col {
    background: #000;
    padding: 0;
  }
  .section.law-manual-menu-tab .container {
    width: 86%;
    margin: 0 auto;
    padding: 10px 0 0;
  }
  .section.law-manual-menu-tab .mob {
    display: block;
    position: relative;
    padding: 25px 0 20px;
    z-index: 10;
  }
  .section.law-manual-menu-tab .mob .clm-search-field {
      height: 36px;
      line-height: 36px;
      border-color: #fff;
    }

  .section.law-manual-menu-tab .tab,
  .section.law-manual-menu-tab .image {
      display: none;
  }
  .section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col:first-child {
    border: none;
  }
  .section.law-manual-menu-tab .mob {

  }
  .section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col {
      padding: 0 0 30px 0;  
  }
  .section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col .col.col-1a,
  .section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col .col.col-1b {
      width: 100%;
      padding: 0;    
  }
  .section.law-manual-menu-tab .mob a {
     color: #fff; 
     text-transform: uppercase;
     text-decoration: none;
  }
  .section.law-manual-menu-tab .nav ul li a {
     width: 100%;
     color: #fff; 
     padding: 8px 20px 8px 0 ;
  }
  .section.law-manual-menu-tab .topics .nav ul li a {
     padding: 8px 0;
     background: url(../png/arrow-right-white.png) no-repeat right center;
  }
  .section.law-manual-menu-tab .topics .nav ul li {
     border-bottom: solid 1px #fff; 
  }

  .section.law-manual-menu-tab .topicsmenu-wrapper > .container > .col .col {
      min-height: 100%;

  }
  .section.supporters-listings .supporter-list ul li {
      flex-basis: 25%;
  }
  .section.supporters-listings .supporter-list ul li img{
        max-width: 75% !important;
  }

  #real-accessability {
    top: 60px;
  }

.banner-grid {
    position: relative;
    width: calc(100% + 8px);
    margin: 0px -4px 20px;
}

  .chapter-nav ul  {
    -moz-column-count: 1 !important;
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
    width: 100% !important;
    max-width: 550px !important;
  }
  .chaptnav-wrap .thumb {
    display:  none !important;
  }
  .sidebarmenu-law>ul {
    width: 100% !important;
    max-width: 550px !important;

  }

  .sidebarmenu-law>ul>li>ul>li {
      max-width: 100%;
      border-top: solid 1px #DAD9D9;
  }
  .nav.sidebarmenu-law>ul>li>ul {
      display: block;
      background: transparent;
      border:  none;
      border-top: solid 1px #DAD9D9;
      border-bottom: solid 1px #DAD9D9;
      border-radius: 0;
      padding: 0 !important;
  }
  .sidebarmenu-law>ul>li>ul>li {
      max-width: 100%;
      border-top: solid 1px #DAD9D9;
  }


  .section.law-manual-banner  {
    background:  #fff;
    padding: 20px 0 30px;
  }

  .law-manual-banner .topic-nav ul {
    width: 100%;
    height: 330px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    column-gap:  30px;
  }

  .law-manual-banner .topic-nav ul li {
      border-top: none;
      padding: 3px 0 !important;
    margin-bottom: 0;
  }
  .law-manual-banner .topic-nav ul li a {
      display: block;
      padding: 12px 0;
      line-height: 1.3;
      height:  auto;
      color: #000;
      padding-left: 40px;
      background: url(../svg/arrow-right-red.svg) no-repeat left 15px top 13px;
      text-decoration: none;
      border: solid 1px #DAD9D9;
      border-radius:  0;
  }



  .section-chaptnav {
    background: #fff;
    padding: 0;
    min-height: 10px;
  }
  .chaptnav-wrap .chaptnav {
      width: 100%;
      padding: 0px 0 0px 0 !important;
  }
  .chaptnav ul li {
      border-top: none;
      padding: 3px 0 !important;
  }
  .chaptnav ul li.thischapter {
      border: none;
  }
  .chaptnav ul li a,
  .chaptnav ul li.thischapter a {
      display: block;
      padding: 12px 0;
      line-height: 1.3;
      color: #000;
      padding-left: 40px;
      background: url(../svg/arrow-right-red.svg) no-repeat left 15px top 13px;
      text-decoration: none;
      border: solid 1px #DAD9D9;
      font-weight: 300;
  }



  .two-col .chaptnav ul li:nth-child(3n+0), .four-col .chaptnav ul li:nth-child(3n+0),
  .chaptnav ul li:nth-child(3n+0), .chaptnav ul li:last-child {
      border-bottom: none;
  }



  .single-article header {
      position: relative;
      background: #f9f9f1;
      border-top: none;
      border-bottom: none;
      min-height: 85px;
      z-index: 199999;
  }

  .single-article .responsive-nav-trigger {
    display:  none;
  }
  .single-article a.lm-back {
    display:  inline-block;

  }

  .page-law-manual-online .single-article .section.article-search,
  .single-article .section.article-search {
    position:  fixed;
    bottom:  0;
    left:  0;
    z-index:  1002;
    padding:  0;
    display: flex;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.75);
  }
  .single-article .article-search .container {
    flex:  0 0 50%;
    height:  100px;
  }
  .article-search > div > div {
      border-top: none;
      position: relative;
      padding-top:  12px;
  }
  .article-search p {
      font-family: 'museo-sans', sans-serif;
      position: relative;
      z-index: 2;
      font-size: 1em;
      line-height:  1.5;
      margin: 0px;

      padding: 0px;
      width: auto;
      text-align: center;
      display: inline-block;
  }
  .article-search .clm-search-field {
      margin: 0 auto;
      max-width: 290px;
  }
  .single-article .article-search .fixed-nav {
    flex:  0 0 50%;
    display: flex;
  }
  .page-law-manual-online #footer,
  .single-article #footer {
    margin-bottom: 100px;
  }

  .section-books .flex-row {
    flex-direction: column;
  }
  .section-books .flex-row .item {
    width: 100%;
    padding-bottom:  60px;
  }

  .page-law-manual-online .clm-search p,
  .page-law-manual-online .clm-search form {
    display:  none;
  }


  .article-content .section-chaptnav,
  .article-content .sidebarmenu-wrapper {
    display:  none;
  }
  .article-nav .section-chaptnav,
  .article-nav .content,
  .article-nav .support-section {
    display:  none;
  }
  .chapter-nav .sidebarmenu-wrapper,
  .chapter-nav .content,
  .chapter-nav .support-section {
    display:  none;
  }

  .single-article .clm {
    min-height: calc(100vh - 100px);
  }

  .sidebarmenu-law>ul>li.current-menu-item>a,
  .article p.parent-title {
      color: #b52545 !important
  }

  .support-section .pubs.no-support {
      flex-direction: column;
      justify-content: space-between;
  }


.browsechaptnav ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

/*.one-col .chapter-nav ul {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.two-col .chaptnav ul {
  max-width: 100%;
  width: 100%;
}
.two-col .chapter-nav ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.four-col .chapter-nav ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}*/



}

@media only screen and (max-width: 860px), screen and (max-device-width: 860px) {

  .home .quote {
    margin: -15px 0 0 30px;
  }

}


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

  .home-banner .container .grid-7 {
    display: none;
  }
  .home-banner .container .grid-7:first-child {
    display: block;
    width: 38.888888%;
    float: left;
    padding: 0;
  }
  .home-banner .container .col.grid-11 {
    display: block;
    width: 61.111112%;
    float: left;
    padding: 0;
  }
  .home-banner .container .grid-32 {
    float: left;
    padding: 0;
  }


  .publication .section-filter .container,
  .centres-intro .section-main .container,
  .section-about .container,
  .section-workshops .container,
  .section-contact-head .container,
  .section-contact .container {
      width: 92%;
      margin: 0 auto !important;
      /* overflow: hidden; */
  }

  .section-main .col.grid-1-3, .section-main .col.advice, .section-main .col.workshops, .centre .content-block {

      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  .top-cnr a.contact-us {
    right: 4%;
  }
  .home .section-top h2 {
        margin-left: 0;
  }
  .home .section-top .content {
      margin-left: 0;
  }
 .home-search {
    padding-left: 0;
  }

  .section-contact .col {
    margin-left: 0;
  }

  .titlebarmenu {
    display: none;
  }

  #centreselect {
    position: absolute;
    top: -40px;
    right: 2%;
  }

  .wkshop .content {
      padding-bottom: 15px;
  }
  .wkshp-times-wrapper .item .row .col,
  .data .row .col {
    padding-bottom: 0;
      height: auto;
      border: none;
  }
  .wkshp-times-wrapper .item  {
    padding-bottom: 20px;
      height: auto;
  }

  .wkshp-times .row .summary {
      height: auto;
      line-height: 22px;
  }

  .section.supporters-listings .supporter-list ul li {
      flex-basis: 33.333%;
  }
  .section.supporters-listings .supporter-list ul li img{
        max-width: 75% !important;
  }


.home .section.section-donors .supporter-list ul li {
  flex-basis: 50%;
  margin:  0 0 35px;
}










}




@media only screen and (max-width: 700px), screen and (max-device-width: 700px) {

  .container {
    width: 92%;
  }
  .home .section.banner-sub  .row .col:first-child {
    display: none;
  }
  .home-search {
      margin-left: 0px;
      text-align: left;
  }
  .section.banner-sub h3 {
    padding-top:0px;
  }
  .chatbot-wrapper .container p {
      display: none;
  }
.chatbot-wrapper .container {
  background-size: auto 65px;
/*  padding-right: 20%;*/
}
.home .section-top .grid-13 {
    width: 84%;
}
.quote {
    margin-left: 0px;
}
  .centre .subnav {
    height: 56px;
  }
  .centre .subnav ul li {
    height: 53px;
  }
  .centre .subnav ul li a {
    line-height: 49px;
    padding: 0 11px;
    height: 49px;
  }


  .centre .subnav2 {
    height: 56px;
    padding: 40px 0;
  }

  .centre .subnav2 ul{
    height: 51px;
  }
  .centre .subnav2 ul li {
    height: 51px;

  }
  .centre .subnav2 ul li a {
    line-height: 49px;
    padding: 0 6px;
    height: 49px;
  }
  .responsive-menus ul li a  {
    width: 90%;
  }
  .logo-wrap {
    padding-bottom: 0px;
    min-height: 69px;
  }

  .top-cnr a.contact-us {
      padding: 0 10px;
      width: auto;
      top: 262px;
  }
  .centre .subnav ul li a {
      font-size: 1.4em;
  }
  .publication .section.banner .side {

      width: 25px;
      background-size: 100%;
  }

  .section.supporters-listings .supporter-list ul li {
      flex-basis: 50%;
  }
  .section.supporters-listings .supporter-list ul li img {
    display:  block;
    max-width: 75% !important;
    margin-left:  auto;
    margin-right:  auto;
  }
  .topic-nav ul {
    height:  240px;
  }

  .law-manual-banner .topic-nav ul {
    height: auto;
    column-gap:  0px;
  }



  .single-article .section.article-search {
    display: flex;
    flex-direction: column;
    height: 180px;
  }

  .single-article .article-search .container {
    flex:  0 0 44.45%;

  }
  .article-search > div > div {
      padding-top:  8px;
  }
  .single-article .article-search .fixed-nav {
    flex:  0 0 55.55%;
    height:  100px;
  }

  .article-search .clm-search-field {
    height:  28px;
  }
  .page-law-manual-online #footer,
  .single-article #footer {
    margin-bottom: 180px;
  }
  .single-article .clm {
    min-height: calc(100vh - 180px);
  }



  .banner-grid {
    display:  none;
  }

  .browsechaptnav ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }


}

















@media only screen and (max-width: 600px), screen and (max-device-width: 600px) {
  .clm-search-field,
  .home .clm-search-field {
    height: 45px;
    line-height: 45px;
    font-size: 1em;
    max-width: 320px;
  }
  .ui-autocomplete,
  .home .ui-autocomplete {
    max-width: 320px;
  }


  .home .quote h3 .line {
    font-size:1.5em;
        height: 34px;
    line-height: 1.5;
    padding-right: 20px;
    margin-bottom: 5px;
  }
  .home .quote .attrib {
      top: 62px;
    margin-bottom: 5px;
  }
  .home .quote h3 .line:first-child {
    height: 34px;
  }































}




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

  body {
    font-size:14px !important;
  }

.chatbot-wrapper .container h5 a {

    font-size: 1em;
    font-weight: 600;
}
.chatbot-wrapper .container a.icon {
  width: 22%;
  padding-top: 22%;
}

  .section-map .head,
  .section-map .content {
    float: none;
    width: 100%;
  }
  .section-map .content {
    padding-top: 20px;
  }
  .padleft {
    padding-left: 0;
  }
  .padright {
    padding-right: 0;
  }

  .single-publication .buy-now .input-text.qty {
    margin-left: 10px !important;
    margin-bottom: 10px !important;

  }


  .section-top .intro-content .content, 
  .section-top .intro-content h2 {
    margin-left: 0;
  }
  .section-top .quote {
    margin-left: 2%;
  }
  h2.section-heading span {
    margin-left: 0;
  }

  .banner .grid-32 {
    display: none;
  }

  .centre .section.banner .top-cnr {
    height: 187px;
    width: 240px;
    background: url(../png/bg-top-cnr.png) no-repeat center center;
    padding: 15px 0 0 100px;
  }

  .centre .section.banner .content {
      height: 255px;
      padding-top: 40px;
  }

  .corner-red {

      width: 245px;
      height: 227px;
      background: url(../png/bg-corner-red.png) no-repeat center center;
  }
  .section-contact .col {
      width: 70%;
  }
  .publication .section-main .pub-img {
     /*  display: none; */
  }
  .repmodules .pub-item .buy-now {
    padding-top: 0;
    border: none;
  }
  .publication .section-main .content {
      padding-bottom: 30px;
  }
  .publication .section-main.repmodules {
    padding: 40px 0 80px;
  }
  .publication .banner {
      padding-top: 15px;
  }

  .responsive-nav-trigger,
  .responsive-nav-trigger.is-active,
  .responsive-nav.is-scrolled .responsive-nav-trigger.is-active {
    right: 0px !important;
    left: auto;
    width: 35px;
    text-indent:-9999px;
  }

  .responsive-nav-trigger.is-active {
    top: 5px;
  }
  .responsive-menus ul li {
      margin-left: 0 !important;
      margin-right: auto !important;
  }
  .responsive-menus ul li a {
    float: none;

  }

  .responsivemenu >ul.is-active {
    left: -50%;
  }
  .respmenu-wrap.is-active {
    background: #fff;
  }
  .responsive-menus ul li.resp-olc > ul {
      position: absolute;
      top: 0;
      left: 54%;
      width: 92%;
  }

  .responsive-nav a.back.is-active {
    display: block;
  }

  #searchform {
      right: 50px;
  }
  .topic-nav li {
      width: 98%;
      /* margin: 0 1% 16px !important; */
      border-top-width: 1px
  }
  .topic-nav li img {
    display: none;
  }
  .topic-nav li.topic-tile-double .col {
    width: 100%;
    float: none;
    padding: 0 20px;
    min-height: 1px;
  }
  .topic-nav li.topic-tile-double .col a.btn {
    position: relative;
    bottom: 0;
    float: none;
    display: inline-block;
  }
  .topic-nav li.topic-tile-double .content {
      padding: 10px 0 25px 0;
  }




  .topic-nav li .pointer {
    right: 12px;
    bottom: 13px;
    border-width: 9px 0 9px 13px;
  }
.topic-nav li.topic-tile-1 .pointer{  border-color: transparent transparent transparent #DF5B87; }
.topic-nav li.topic-tile-2 .pointer{  border-color: transparent transparent transparent #F15C61; }
.topic-nav li.topic-tile-3 .pointer{  border-color: transparent transparent transparent #4B4780; }
.topic-nav li.topic-tile-4 .pointer{  border-color: transparent transparent transparent #A7B824; }
.topic-nav li.topic-tile-5 .pointer{  border-color: transparent transparent transparent #00B4AB; }
.topic-nav li.topic-tile-6 .pointer{  border-color: transparent transparent transparent #984D8C; }
.topic-nav li.topic-tile-7 .pointer{  border-color: transparent transparent transparent #74B65C; }
.topic-nav li.topic-tile-8 .pointer{  border-color: transparent transparent transparent #DFB719; }
.topic-nav li.topic-tile-9 .pointer{  border-color: transparent transparent transparent #D6792A; }
.topic-nav li.topic-tile-10 .pointer { border-color: transparent transparent transparent #13B3C8; }

.topic-nav li h5 {
    font-size: 1em;
    height: auto;
}



/*  .section.law-manual-banner {
      background: #E0E0E0 url(images/decor-banner-arrows.png) no-repeat right 20px;
      background-size: 7%;
  }*/
  .section.law-manual-banner h3, 
  .section.law-manual-banner h3:first-child {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
.law-manual-banner img {
    float: none;
    width: 100% !important;
    margin-right: 0px;
}

  .browsechaptnav ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }


}


@media only screen and (max-width: 440px), screen and (max-device-width: 440px) {



  .container {
    width: 92%;
  }

  a#logo {
   /*  width: 96%;
      padding: 0 0 0 78px !important;
    background-position: -15px 6px !important;
    background-size: auto 67% !important;*/
  }
  .content {
    position: relative;
  }
  a.view-online {
    top: auto;
    bottom: 2px;
    right: 2%;
    position: absolute;
  }

  .home .section-top .home-search h2 {
      margin-top: 20px;
      font-size: 2em;
  }

  .clm-search-field,
  .home .clm-search-field {
    height: 45px;
    line-height: 45px;
    font-size: 0.9em;
    max-width: 320px;
    padding-left: 8px;
  }
  .ui-autocomplete,
  .home .ui-autocomplete {
    max-width: 320px;
  }


  #centreselect {
    position: relative;
    top: 0;
    left: 2%;
  }

  .centre .times .col h4 {
      border-top: none;
  }


  h5.hd-topics {
     text-align: left;
  }

  .topicsmenu-wrapper .clm-search {
      top: -27px;
  }

  .top-cnr a.contact-us {
      font-size: 0.9em;
      right: 2%;
      top: 265px;
      padding: 0 5px;
  }
  .centre .subnav ul li a {
      font-size: 1.2em;
  }

.home .section.section-donors .supporter-list ul li {
    flex-basis: 100%;
    margin: 0 0 25px;
}
.home .content-wrapper {
    flex-direction: column;
    padding: 0;
}

.home .section-main .content-wrapper > div {
    flex: 0 1 100%;
    padding-bottom: 25px;
}

}
@media only screen and (max-width: 383px), screen and (max-device-width: 383px) {

  .home .quote {
      margin: -15px 0 0 15px;
  }
  .home .quote h3 .line {
    font-size:1.2em;
  }


  .super-sidebarmenu-law>.content {
    width: 240px;
  }
  .centre .section.banner .content {
    height: 355px;
    padding-top: 110px;
  }
  .top-cnr a.contact-us {
      top: 300px;
  }
  .clm-search {
    position: relative;
    margin-top: -76px;
  }
/*  .topicsmenu-wrapper .clm-search-field {
    width: 140px;
  }*/
  .controller-a {
    position: relative;
    margin-top: -40px;
  }
  .alphamenu .box {
    display: none;
  }
  .alphamenu {
    padding-top: 10px;
  }
  h5.hd-topics {
        margin-top: -60px;
        margin-bottom: 10px;
  }

  .top-cnr a.contact-us {
    top: 366px;
  }

  .publication .banner h4 {
         font-size: 1.3em;
  }

  .covid-article em {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }


}


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

  .centre .section.banner .top-cnr {
    background: none;
  }
  .centre .section.banner .top-cnr h4 {
    display: none;
  }
  .centre .section.banner .content {
      height: 255px;
      padding-top: 30px;
    }
  .centre .section.banner .content {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
  .top-cnr a.contact-us {
    top: 266px;
  }

  .menu-search-focus {
      width: 230px;
  }
  .clm-search-field,
  .home .clm-search-field {
    max-width: 290px;
  }
  .ui-autocomplete,
  .home .ui-autocomplete {
    max-width: 290px;
  }




}

@media only screen and (max-width: 480px), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

  #container {
    height: 100%;
  }

}

/* Matthew Bartlett added 06-01201 */
@media print {
    .specialistsmenu-top,
    .mainmenu-wrap,
    #searchform,
    .clm-search,
    .floattotop,
    .clm-next-nav,
    .section-map,
    #footer .col.grid-26,
    .clm .hd-topics,
    .clm .nav.hrz,
    .topicsmenu-wrapper .col.grid-32 {
      display: none;
    }

    #footer {
      border-bottom: 0;
    }
    .clm .suffix-5 {
      padding-right: inherit;
    }
    .clm .sidebarmenu-law {
      padding: 0;
    }
    .clm .sidebarmenu-wrapper.suffix-2 {
      padding-right: 20px;
      padding-bottom: 0;
    }
    .clm .sidebarmenu-law li a {
      padding-left: 0px;
    }
/*    .clm-head {
      padding-bottom: 10px;
    }*/
    .clm-head .grid-16 {
      width: inherit;
    }
    .clm .section-main {
      padding-top: 0;
    }

    .article p,
    .content ul li {
      font-size: 0.8em;
    }
    .clm .sidebarmenu-law ul li ul {
      font-size: 0.7em;
    }

}