@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1500px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1350px) {}

@media only screen and (max-width: 1220px) {



}


@media only screen and (max-width: 1150px) {



}





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

  .subhead-all {
    display:block;
  }






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


#header a.logo {
    width: 160px;
    height: 109px;
    text-indent: -9999px;
    margin: 0 auto 10px;
    padding-top: 9px;

  background-size: 100% auto;
}
.topsearch input[type="text"] {
    width: 165px;
}
.mainmenu ul li {
  padding-right: 21px !important;
}
.mainmenu ul li.last {
    padding-right: 21px !important;
}
  .mainmenu ul li.home { width: 16%; }
  .mainmenu ul li.information { width: 22%; }
  .mainmenu ul li.wellbeing { width: 22%; }
  .mainmenu ul li.support { width: 20%; }
  .mainmenu ul li.news { width: 20%;  }

  .mainmenu ul li.home a { background-position: -10px 0; }
  .mainmenu ul li.information a { background-position: -243px 0; }
  .mainmenu ul li.wellbeing a { background-position: -673px 0; }
  .mainmenu ul li.support a { background-position: -888px 0; }
  .mainmenu ul li.news a { background-position: -1103px 0; }

.mainmenu ul li a {
    width: 100% !important;
    padding: 5px 0 0 55px;
}
.mainmenu ul li span {
    left: 55px;
}
  .mainmenu ul li.home a:hover,
  .mainmenu ul li.home a.active  { background-position: -10px -61px; }
  .mainmenu ul li.information a:hover,
  .mainmenu ul li.information a.active,
  .node-type-article .mainmenu ul li.information a,
  .page-node-607 .mainmenu ul li.information a,
  .node-type-info-pack-item .mainmenu ul li.information a { background-position: -243px -61px; }
  .mainmenu ul li.wellbeing a:hover,
  .mainmenu ul li.wellbeing a.active { background-position: -673px -61px; }
  .mainmenu ul li.support a:hover,
  .mainmenu ul li.support a.active { background-position: -888px -61px; }
  .mainmenu ul li.news a:hover,
  .mainmenu ul li.news a.active,
  .node-type-blog-post .mainmenu ul li.news a,
  .page-taxonomy-term-914 .mainmenu ul li.news a { background-position: -1103px -61px; }





.info-navigation,
.respite-navigation {
    width: 100%;
    left:0;
}
.news-navigation {
  right: 0px;
}
.infomenu,
.respitemenu {
    display: block;
    width: 100%;
    padding: 15px 15px 50px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;

}
.info-navigation .col-1,
.info-navigation .col-2,
.info-navigation .col-3,
.info-navigation .col-4 {
  width: 24%;
  padding: 0 1%;
}
.info-navigation .col-4 {
  width: 28%;
}

.respite-navigation .col-1,
.respite-navigation .col-2,
.respite-navigation .col-4 {
  width: 33.3333%;
  padding: 0 1%;
}
/* .info-navigation .col-4 {
  clear: both;
  margin-top: 20px;
  padding: 30px 1% 0;
  border-top: solid 1px #cccccc;
} */
.info-navigation .info-tab {
  left: calc(16% - 20px);
}
.respite-navigation .respite-tab {
  left: calc(38% - 20px); 
}
.respitemenu .col-1 ul, 
.respitemenu .col-2 ul, 
.respitemenu .col-4 ul {
  float: none;
  width: 100%;
}
.info-navigation .col-4,
.respitemenu .col-4 {
  padding-left: 20px;
}








  .container {
    width: 96%;
  }
#header .container,
.home-banner .container ,
.info-nav .container,
.info-banner .container,
.filters {
  width: 100%;
}



.filters {
  background-size: 100% 100%;
}
.filters select {
  width: 100%;
}




}
@media only screen and (max-device-width: 960px) {
.info-banner  {
    display: none;
}
 .info-filter {
    display: block;
  }
 .news-filter {
    display: none;
  }


.info-nav {
     display: none;
  }
/* .info-banner .container {
    width: 96%;
    height: auto;
    background: transparent;
}
.info-banner .links {
    height: auto;
    margin: 25px auto 0;
    padding-bottom: 20px;
} */

div.sign-up {
    right: 2%;
    text-align: right; 
}
.info-banner-ctrl {
     display: none;
  }

.respite-banner .container {
    width: 100%;
    height: 287px;
    background: url(images/banner-respite.png) no-repeat left top;
    padding-bottom: 0;
    border-bottom: solid 1px #ddd;
}
.respite-banner-content {
    width: 96%;
    margin: 0 auto;
}
.respite-banner .container h2 {
    padding: 23px 2% 0 15px;
    text-align: right;
}

.respite-banner-content a.btn {
    margin: 45px 0 0 0;
    float: right;
}
.respite-banner-content p {
    float: right;
    width: 425px;
    padding: 43px 20px 0 0;
    font-size: 16px;
    line-height: 20px;
}
.respite-banner-content a.more {
    right: 2%;
}

.respite-banner {
  padding-top: 20px;
}

.respite-banner .container h2 {
    float: none;
    position: relative;
    margin-top: -40px;
    text-align: center;
}

.respite-banner-content a.btn {
    margin: 84px 0 0 0;
    float: right;
}
.respite-banner-content p {
    float: none;
    position: absolute;
    top: 84px;
    left: 0;
    width: 100%;
    padding: 0 185px 0 325px;
    font-size: 14px;
}
.respite-banner-content a.more {
    right: 2%;
    top: 164px;
}

.time-out-content .col.first {
  display: none;
}


.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 90%;
}

.key-messages .container {
    width: 100%;
    position: relative;
}
.key-messages .row {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;


}
.key-messages .row ul {
/*     width: 930px; 

    height: auto;*/
  }

.key-messages .row ul li {
   /*  width: 310px; */
}
.key-messages .row ul li:last-child {
/*   clear:both;
margin: 30px 0 0 25%; */
}
.key-messages a.more {
    right: 2%;
}

.section.other-services .row {
  padding: 50px 0 45px;
}
.section.other-services .row .col {
  padding-left: 1%;
}
.section.other-services .row .col:first-child {
  padding-left: 1%;
}
.postmeta span {
    border: none;
}
.postmeta span.tag {
  clear: both;
  padding: 0;
}
.feature-post .row:first-child .col {
    padding-bottom: 80px;
}

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

.section.community .col {
  width: 50%;
}

.section.community a.fb {
  margin-left: 0px;
  position: relative;
    margin-top: -20px;
}
  .section.community a.fb::before {
    content: "\A";
    white-space: pre; 
  }






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

div.sign-up {
    position: absolute;
    top: 100px;
    right: 2%;
    width: 100%;
    text-align: right; 
}




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

.respite-banner-content p {
    top: 78px;
}


}
@media only screen and (max-width: 767px) {

 a.responsive-nav-trigger {
    display: block;
  }
  .navigation,
  .responsive-nav .responsive-menus,
  .topnavigation .about,
  .topnavigation .donate,
  .topnavigation .join,
  .page-template-default .grid-1-4,
  .blog-nav,
  .respite-banner {
     display: none;
  }
  .navigation.item-list,
  .news-filter,
  .time-out-filter {
    display: block;
  }



ul#menu-topmenu {
  float: right;
  margin-right: 120px;
}
#header {
    height: 145px;
    background-size: 100% auto;
}

#header .topnavigation {
    width: 250px;
    background-size: 100% auto ;
}




.respite-banner-content p {
    top: 68px;

}

.footernav {
     display: none;
}
#footer {
    background-position: center bottom;
    height: auto;
    margin-top: 40px;
}





}
@media only screen and (max-width: 640px) {

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

  html {
    -webkit-text-size-adjust: none;
  }

  .container {
    width: 90%;
  }
  .padleft {
    padding-left: 0;
  }
  .padright {
    padding-right: 0;
  }
  .pad {
    padding: 0;
  }
  .col,
  footer .col {
    float: none;
    width: 100%;
    padding: 0 0 20px;
    margin-left: 0%;
    margin-right: 0%;
    margin-left: auto;
    margin-right: auto;
  }
  .grid-1-4, .grid-1-2, .grid-3-4, .grid-1-3, .grid-2-3 { 
    width:100%; 
  }

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

.topsearch,
.info-banner-ctrl {
     display: none;
  }

.home-banner .container {
  width: 100%;
}
.feature-article {
    padding-bottom: 0px !important;
}
.featured-post,
.listed-post {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
.postmeta.col,
.postdate.col {
  text-align: left;
  margin: 0;
  padding: 0;
}

#keep-uptodate .col.first,
#online-support .col.first {
  padding-right: 0;
}
#keep-uptodate .col.last,
#online-support .col.last {
  padding-left: 0;
}

.info-nav .container {
    width: 96%;
    display: block;
    height: 162px;
    background-size: 100% 100%;
    padding: 30px 0 0 30px;
}
.info-nav .col  {
  padding-left: 0;
   margin-bottom: 10px;
   width: 290px;
   margin-left: auto;
   margin-right: auto;
}
.info-nav .col ul.submenu li {
  text-align: center;
}

.filters {
    height: auto;
    background: url(images/bg-support-serach-box-resp.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.filters .col {
  padding-bottom: 10px;
}
.filters input[type="submit"] {
    margin: 10px 0 0;
}

.support-content .item-list > ul > li.active {
    background: url(images/btn-close-resp.png) no-repeat right 5px;
}
.support-content .item-list > ul > li {
    background: url(images/btn-view-resp.png) no-repeat right 5px;
}
.support-content .view-content h4 {
  max-width: 100%;
  padding-right: 20%;
}




div.sign-up {
    top: 130px;
    right: 0;
    margin-right: 0;
    text-align: center;
}



.featureimg, .thumbimage {
  max-width: 300px;
  margin: 20px 0 !important;
}
.feature-post .data {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
}
.feature-post .row:first-child .col {
    padding-bottom: 20px;
}



.listed-post {
  padding-top: 20px;
  background: url(images/hr-line-full.png) no-repeat center top;
  background-size: 100% auto;
}
.listed-post .row {
  display: flex;
  flex-direction: column;
}
.listed-post .row .first {
  order: 1;
}
.listed-post .row .last {
  order: 2;
}
.single-post .col {
  padding-bottom: 0;
}
.single-post .postmeta, .single-post p.postmeta {
    text-align: left;
}
.single-post .data {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 20px 0;
}
.single-post.news-post .data {
  border: none;
}
.single-post .postmeta {
  order: 1;
}
.single-post p.postmeta {
  order: 2;
  margin-bottom: 3px;
}
.single-post p.postmeta span {
  padding: 0 !important;
}

.single-post .single-content .row:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.single-post .single-content .row:nth-child(2) .grid-1-3 {
  order: 1;
}
.single-post .single-content .row:nth-child(2) .grid-2-3 {
  order: 2;
}
.single-post .featureimg, .thumbimage {

  margin: 0 0 20px 0 !important;
}



.info-banner .links ul {
    float: left;
    width: 25%;
    margin-left: 0;
}
.info-banner .links ul li {
    text-align: center;
}
.respite-tile {
  float: left;
  width: 50%;
}

.respite-banner .container {
    width: 100%;
    height: 287px;
    background-size: auto 80%;
    background-position: 20px top;

}

.respite-banner-content a.btn {
    margin: 72px 12% 0 0;
}
.respite-banner-content p {

    top: 84px;
    padding: 0 185px 0 310px;
    display: none;
}
.respite-banner-content a.more {
    top: 148px;
    right: 15%;
}

.respite-useful-links,
#respite-guide-panel {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.respite-useful-links {
  margin-top: 20px;
}













.section.other-services .row {
    padding: 20px 0 0;
}
.section.other-services img {
  display: block;
  width: 100%;
  max-width: 474px;
  margin: 0 auto;
}

.info-pack-page h4 {
    margin: 0 0 20px 0;
    width: 100%;
    float: none;
}
.info-pack-page .grid-2-3 p, .info-pack-page .grid-2-3 ul {
    width: 100%;
    float: none;
}
.info-pack-page .grid-2-3 {
    background: none;
    padding: 0 0 30px 0;
}

.info-pack-page {
    background: url(images/hr-line-2-3.png) no-repeat center bottom;
    padding: 0 0 30px 0;
}
.info-links-tall {
  float: none;
  margin: 0 auto;
}
.info-pack-items .info-pack-item>div {
  margin: 0 auto;
}
.section.community .col {
  width: 100%;
}
.section.community a.fb {
  margin-left: 20px;
  position: relative;
    margin-top: -20px;
}
  .section.community a.fb::before {
    content: "\A";
    white-space: pre; 
  }

.single-time_out a.next-time-out,
.single-time_out a.next-time-out:hover {
  position: relative;
  top: auto;
  right: auto;
  float: right;
}
.single-time_out p.righttxt {
  text-align: left;
  padding-top: 20px;
}




}
@media only screen and (max-width: 639px) {

#header {
  height: 115px;  
  background: none;
  border-bottom: solid 1px #dee2e0;
}
#header .topcontact {
    float: none;
    position: absolute;
    top: 55px;
    right: 0;
    background: none;
    text-align: right;
    margin-right: 2%;
  }
#header a.logo {
    position: relative;
    top: -12px;
    margin: 0 0 0 4%;
}
.info-banner .links ul {
    width: 33.333%;
}

.key-messages .row ul li {
/*   float: none;
width: 100% !important;
margin: 30px 0 0 0; */
}
.key-messages .row ul li:last-child {
/*   clear:both;
margin: 30px 0 0 0; */
}

a.floattotop {
    width: 32px;
    height: 32px;
    bottom: 10px;
    right: 2%;
}

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

#header .topcontact span {
  font-size: 12px;
  text-align: right;
  width: auto;
  padding-right: 1%;
}
#header .topcontact span.number {
  font-size: 16px;
  padding-right: 1%;
}
#header a.logo {
    top: -27px;
    width: 110px;
    margin: 0 0 0 2%;
}
.info-banner .links ul {
    width: 50%;
}

.listed-post {
  background: none;
  border-top: solid 1px #dee2e0;
}


}
@media only screen and (max-width: 375px) {
  h1 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    margin: 0 0 25px 0 !important;

  }
.single h1, .page h1, .mag-page h1, .info-pack-page h1, .info-pack-item-page h1, .node-type-respite-item h1, .node-time-out h1, .post-type-archive-time_out h1 {
    font-size: 24px;  
}


}
@media only screen and (min-width: 320px) and (max-device-width: 767px) and (orientation: landscape)  {

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


#header {
  height: 135px;
  background: none;
  border-bottom: solid 1px #dee2e0;

}
#header .topcontact {
    float: none;
    position: absolute;
    top: 85px;
    right: 0;
    width: 100%;

    text-align: center;
    margin-right:0%;
  }
#header  .topnavigation {
  float: left;
  width: 100%;
  background: none;
}
ul#menu-topmenu {
  float: left;
    margin-right: 0;
    margin-left: 1%;
}
#header a.logo {
    position: relative;
    top: -20px;
    margin: 0 auto;
}
.info-nav .container {
    width: 96%;
    display: block;
    height: auto;
    background-size: 100% 100%;
    padding: 30px 0 0 0;
}







.respite-tile {
  float: none;
  width: 100%;
}
.section.community {
   text-align: center;
}
.section.community img {
    float: none;
    margin-bottom: 15px;
}
.section.community a.fb {
  margin-left: 0;
}





}