/********** Default Setting **********/
.wrapper {
  width:94%;
}


/********** LANDING PAGE **********/

/****** Landing: 1024px ******/
figure.logo {
	width:16%;
}

.linksite1 {
  width:38%;
}

.linksite2 {
  width:38%;
}


/****** Landing: 768px ******/
@media screen and (max-width:800px) {
  figure.logo {
    width:20%;
  }
  
  section.landing-wrapper {
    width:90%;
    top:50%;
  }
    
  .linksite1 {
    width:48%;
  }

  .linksite2 {
    width:48%;
    float:right;
    margin-left:0;
  }
  
  h1.linktext {
    font-size:1.2em;
  }
  
  
}

/****** Landing: 640px ******/
@media screen and (max-width:640px) {
  figure.logo {
    width:22%;
  }
  
}


/****** Landing: 480px ******/
@media screen and (max-width:480px) {
  body#landing {
    overflow:none;
    background:url('images/bg-index480.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
  }
  
  figure.logo {
    width:28%;
  }
  
  section.landing-wrapper {
    top:25%;
  }
  
  .linksite1 {
    width:70%;
    float:none;
    margin-bottom:2%;
  }

  .linksite2 {
    width:70%;
    float:none;
    margin-left:0;
  }
  
  
}

/****** Landing: 414px ******/
@media screen and (max-width:414px) {
  body#landing {
    overflow-y:auto;
    overflow-x:hidden !important;
  }



}

/****** Landing: 375px ******/
@media screen and (max-width:375px) {
  
  figure.logo {
    width:32%;
  }
  
  section.landing-wrapper {
    top:18%;
  }
  
  .linksite1 {
    width:100%;
  }

  .linksite2 {
    width:100%;
  }
  
}

/****** Landing: 320px ******/
@media screen and (max-width:320px) {
  
  figure.logo {
    width:36%;
  }
  
  h1.linktext {
    font-size:1em;
  }
  
  
}


/******** HEADER ********/

.header-wrap,
.mainnavwrap {
  width:94%;
}

 
  figure.logopg {
    width:20%;
  }
  
  i.menubtn {
    display:inline-block;
  }
  
  .mainnavwrap {
    width:100%;
  }
  
  ul.nav {
    display:none;
    width:100%;
    margin-top:1;
    margin-left:0;
    overflow:none;
    background:#4aada0;
  }
  
  ul.nav li {
    float:none;
    border-bottom:1px solid #6ac9bc;
  }
  
  ul.nav li:last-child {
    border-bottom:none;
  }
  
  li.social {
    display:none;
  }
  
  a.navmain {
    color:#ffffff;
    text-align:center;
    padding:7px 28px;
  }
  
  a.navmain:hover {
    background:#0e766b;
  }
  
  .navsub {
  display:none;
  }
  
  a.pjnav1024 {
    display:block;
  }
  




/****** Header: 800 ******/
@media screen and (max-width:802px) {
  header.siteheader {
    position:relative;
    background-color:#f5f5f5;
  }
  
  figure.logopg {
    width:25%;
  }
  
  .mainnavwrap {
    position:relative;
  }
  
  ul.nav {
    position:absolute;
    top:0;
    left:0;
    width:100%;
  }

}

/****** Header: 640 ******/
@media screen and (max-width:640px) {

  figure.logopg {
    float:none;
    width:30%;
    margin:0 auto;
    padding:15px 0 10px;
  }

  .topright {
    float:none;
    width:100%;
    padding-top:0;
    padding-bottom:15px;
    text-align:center;
  }
  
  i.menubtn {
    display:block;
    width:40px;
    margin-left:0;
    position:absolute;
    top:10px;
    right:10px;
  }
  
  a.linkicon1 {
    width:30px;
    margin-left:20px;
  }
  
  a.linkicon2 {
    font-size:1.5em;
    margin-left:20px;
  }

}

/****** Header: 480 ******/
@media screen and (max-width:480px) {
  
  figure.logopg {
    width:40%;
  }
  
  i.menubtn {
    width:35px;
  }

}

/****** Header: 360 ******/
@media screen and (max-width:360px) {
  
  figure.logopg {
    width:45%;
  }
  
  a.colink {
    padding:8px 20px;
    font-size:0.7em;
  }

  
  a.linkicon1 {
    margin-left:15px;
  }
  
  a.linkicon2 {
    margin-left:15px;
  }
  
}


/****** Header: 1024px 
figure.logopg {
	width:16%;
	margin-bottom:1%;
}

.header-wrap {
  width:94%;
}

 .topright {
    width:25%;
  }
  
  a.colink {
    display:block;
    text-align:center;
    padding:3% 0;
  }
  
  a.smicon-mobile {
    display:inline-block;
  }
  
  i.menubtn {
    display:inline-block;
  }
  
  .mainnavwrap {
    width:100%;
  }
  
  ul.nav {
    display:none;
    width:100%;
    margin-top:1;
    margin-left:0;
    overflow:none;
    background:#4aada0;
  }
  
  ul.nav li {
    float:none;
    border-bottom:1px solid #6ac9bc;
  }
  
  ul.nav li:last-child {
    border-bottom:none;
  }
  
  li.social {
    display:none;
  }
  
  a.navmain {
    color:#ffffff;
    text-align:center;
    padding:7px 28px;
  }
  
  a.navmain:hover {
    background:#0e766b;
  }
  
  .navsub {
  display:none;
  }
  
  a.pjnav1024 {
    display:block;
  }



/****** Header: 800px 
@media screen and (max-width:800px) {
  
  figure.logopg {
    width:20%;
    margin-top:1.5%;
    margin-bottom:1.5%;
  }
  
  .topright {
    width:30%;
  }
  
  i.menubtn {
    width:16%;
    margin-top:7%;
  }
  
  
}



/****** Header: 640px 
@media screen and (max-width:640px) {
  
  figure.logopg {
    width:23%;
  }
  
  .topright {
    width:32%;
  }
  
}

/****** Header: 480px 
@media screen and (max-width:480px) {
  
  figure.logopg {
    width:26%;
  }
  
  .topright {
    width:38%;
  }
  
  a.colink {
    font-size:0.85em;
  }
  
  a.smicon-mobile {
    font-size:1.5em;
    margin-right:10px;
  }
  
}

/****** Header: 414px
@media screen and (max-width:414px) {
  
  figure.logopg {
    width:30%;
  }
  
  .topright {
    width:42%;
  }
  
  a.colink {
    font-weight:400;
  }
  
  i.menubtn {
    width:18%;
  }
  
  a.navmain {
    font-size:0.9em;
  }
  
  a.pjnav1024 {
    font-size:0.95em;
    letter-spacing:0;
    padding:8px 0;
  }
  
  ul.pjnav a {
    font-size:0.9em;
  }
  
}


/****** Header: 375px 
@media screen and (max-width:375px) {
  
  figure.logopg {
    width:32%;
  }
  
  .topright {
    width:45%;
  }
  
  a.colink {
    font-size:0.8em;
  }
  
  a.smicon-mobile {
    font-size:1.3em;
  }
  
  
}

/****** Header: 320px 
@media screen and (max-width:320px) {
  
  .topright {
    width:50%;
  }
  
  
}


/******* Home: 834px *******/
@media screen and (max-width:834px) {
  
  .hmnewtxt {
    width:60%;
  }
  
  .hmnewtxt h1{
    font-size:1.8em;
  }
  
  .hmnewtxt h1 span{
    display:inline-block;
  }
  
  a.hmnewlink {
    margin-top:20px;
    padding:6px 20px;
    border:1px solid #ffffff;
    font-size:0.8em;
  }

}


/******* Home: 800px *******/
@media screen and (max-width:800px) {
  
  section.homenew {
    padding:30px 0;
  }
  
  
  section.homesec1 {
    background-image:url('images/homesec1-800px.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    padding:22% 0 6%;
  }
  
  
  h1.introtext {
    font-size:1.2em;
    width:60%;
    position:absolute;
    top:30%;
    left:20%;
    right:20%;
  }
  
  
  
  h2.homesec, h3.homesec {
    font-size:1.3em;
  }
  
  h3.proname {
    font-size:0.9em;
  }

}



/******* Home: 640px *******/
@media screen and (max-width:640px) {

  section.homenew {
    padding:20px 0 30px;
  }
  
  .hmnewtxt {
    width:80%;
  }
  
  section.homesec3-col1 {
    float:none;
    width:100%;
  }
  
  section.homesec3-col2 {
    float:none;
    width:60%;
    margin:6% auto 3%;
  }

}

/******* Home: 480px *******/
@media screen and (max-width:480px) {
  
  
  
  .hmnewtxt h1{
    font-size:1.3em;
  }
  
  .hmnewtxt p{
    margin-top:10px;
    font-size:0.8em;
  }
  
  a.hmnewlink {
    display:none;
  }
  
  
  
  section.homesec1 {
    background-image:none;
    padding:20px 0;
  }
  
  article.homesec1b,
  article.homesec1c {
    float:none;
    width:100%;
    margin:20px 0;
  }
  
  h1.introtext {
    width:70%;
    position:absolute;
    top:60%;
    left:15%;
    right:15%;
  }
  
  h3.proname {
    font-size:1.1em;
  }
  

}


/******* Home: 414px *******/
@media screen and (max-width:414px) {

  .hmnewtxt {
    width:90%;
    background:rgba(0,0,0,0.6);
  }

}


/******* Home: 375px *******/
@media screen and (max-width:375px) {

  .hmnewtxt {
    left:3%;
    padding:10px;
  }
  
  h3.proname {
    font-size:1em;
  }
  
}




/******* ALL PAGES BACKGROUND *******/

/***** Project Banner: 1024px *****/

article.property-text {
  padding:33% 0 7%;
}

.pgsec1wrap {
  width:94%;
  margin:0 auto;
}

article.bannersec-airkeroh {
  padding:22% 0 18%;
}


/***** Project Banner: 768px *****/
@media screen and (max-width:800px) {
  
  h1.bannertitle {
    font-size:3.2em;
  }
  
  h1.bannertitle-avtcovehome {
    font-size:2.5em;
  }
  
  article.bannersec-airkeroh {
  padding:28% 0 15%;
}
  
  h1.bannertitle-airkeroh {
    font-size:2.5em;
  }
  
  article.property-text h1 {
    font-size:2.7em;
  }
  
  article.property-text p {
    font-size:1.2em;
  }
  
  article.leisure-text h1 {
    font-size:3em;
  }
  
  article.leisure-text p {
    font-size:1.2em;
  }
  
  article.bannersec-privileges {
    padding:38% 0 7%;
  }
  
  h1.bannertitle2 {
    font-size:3em;
  }

  p.bannertext2 {
    font-size:1em;
  }
  
  

}


/***** Project Banner: 640px *****/
@media screen and (max-width:640px) {

  article.bannersec-puteriklang {
    padding:30% 0 22%;
  }


}



/***** Project Banner: 480px *****/
@media screen and (max-width:480px) {
  
  article.property-text h1 {
    font-size:1.8em;
  }
  
  article.property-text p {
    font-size:1em;
  }
  
  article.leisure-text h1 {
    font-size:1.8em;
  }
  
  article.leisure-text p {
    font-size:1em;
  }
  
  section.pgsec1 {
    display:none;
  }
  
  article.bannersec {
    padding:0;
  }
  

}


/***** Project Banner: 414px *****/
@media screen and (max-width:414px) {
  
  article.property-text h1 {
    font-size:1.5em;
  }
  
  article.property-text p {
    font-size:0.9em;
  }
  
  article.leisure-text h1 {
    font-size:1.5em;
  }
  
  article.leisure-text p {
    font-size:0.9em;
  }
  
}



/******* Project Banner: 375px *******/
@media screen and (max-width:375px) {
  article.property-text {
    width:100%;
    padding:27% 0 7%;
  }

}


/***** Project Banner: 360px *****/
@media screen and (max-width:360px) {
  
  article.property-text h1 {
    font-size:1.3em;
  }
  
  article.property-text p {
    font-size:0.9em;
  }
  

}


/******* PAGE SECTION 2 & Project Layout *******/


/***** Page Section 2: 480px *****/
@media screen and (max-width:480px) {
  section.pgsec2 {
    padding-top:40px;
    background-color:#f8f8f8;
    
  }

}

/***** Page Section 2: 414px *****/
@media screen and (max-width:414px) {
  section.pgsec2 {
    padding-top:10%;
  }

}



/***** Project Layout: 1024px *****/
@media screen and (max-width:1024px) {
  
  h1.pjtitle-amcove {
    font-size:2.2em;
  }
  
  article.gbccolL {
    width:72%;
  }
  
  hr.line3 {
    width:20%;
  }
  
  h2.pjsubtitle3 {
    width:60%;
  }
  
}


/***** Project Layout: 768px *****/
@media screen and (max-width:800px) {
  
   
  figure.pjlogo {
    width:25%;
  }
  
  figure.pjlogo-kiara {
    width:12%;
  }
  
  h1.pjtitle {
    font-size:2.3em;
  }
  
  h1.pjtitle-amcove {
    font-size:2em;
  }
  
  h1.pjtitle span {
    font-size:0.5em;
  }
  
  article.pjcolL {
    float:none;
    width:100%;
    margin-top:7%;
  }

  figure.pjcolR {
    float:none;
    width:100%;
    margin-top:7%;
  }
  
  article.pjcolL-gh,
  figure.pjcolR-gh {
    margin-top:2%;
  }
  
  hr.line1,
  hr.line2 {
    width:35%;
  }
  
  h2.pjsubtitle1,
  h2.pjsubtitle2 {
    width:30%;
  }
  
  h2.ghtitle {
    font-size:1.3em;
  }
  
  
  .pjcol1a {
    float:none;
    width:100%;
  }
  
  .pjcol2a {
    float:none;
    width:100%;
    padding-top:0;
    margin-top:4%;
  }
  
  article.gbccolL {
    float:none;
    width:100%;
  }

  article.gbccolR {
    float:none;
    width:100%;
    margin-top:4%;
  }
  
  article.gbccol {
    width:48%;
    margin:4% 4% 0 0;
  }
  
  ul.pjlist {
    margin:1% 0 0 4%;
    font-size:0.9em;
  }
  
  
  article.gbccol2,
  article.gbccol4 {
    margin-right:0;
  }
  
  figcaption.amenities {
    font-size:1em;
  }
  
  .mappanel {
    width:80%;
  }
  
  /*** Amverton Links e-brochure ***/

  figure.aml-ebrochureL {
    float:none;
    width:100%;
  }

  figure.aml-ebrochureR {
    float:none;
    width:100%;
  }
  
  /*** Amverton Greens ***/
  h1.avtgreens-title {
    font-size: 1.4em;
  }
  
  ul.avtgreens-featuresL {
    float:none;
    width:100%;
    margin-left:4%;
  }

  ul.avtgreens-featuresR {
    float:none;
    width:100%;
    margin-left:4%;
  }
  
  ul.avtgreens-featuresL li,
  ul.avtgreens-featuresR li {
    margin-bottom:1%;
  }
  
  figure.avtgreens-infoL,
  figure.avtgreens-infoR {
    float:none;
    width:100%;
  }
  
  figure.avtgreens-infoF {
    width:100%;
  }
  
  
  
  
}


/***** Project Layout: 640px *****/
@media screen and (max-width:640px) {
  
  h1.pjtitle-amcove {
    font-size:1.6em;
  }
  
  
  
  
}

/***** Project Layout: 480px *****/
@media screen and (max-width:480px) {
  
  figure.pjlogo {
    width:30%;
  }
  
  figure.pjlogo-kiara {
    width:18%;
  }
  
  h1.pjtitle {
    font-size:1.8em;
  }
  
  .pjcolF {
    margin-top:10%;
  }
  
  hr.line1,
  hr.line2 {
    width:30%;
  }
  
  h2.pjsubtitle1,
  h2.pjsubtitle2 {
    width:40%;
    font-size:1.2em;
  }
  
  
  .pjcol1 {
    float:none;
    width:100%;
  }

  .pjcol2 {
    float:none;
    width:100%;
    margin-top:5%;
  }
  
  .pjcol1-avtcovehome,
  .pjcol2-avtcovehome {
    width:70%;
  }
  
  .pjcol1-gh,
  .pjcol2-gh {
    float:none;
    width:100%;
  }
  
  .pjcol2-gh {
    margin-top:5%;
  }
  
  .pjcol1-h2,
  .pjcol2-h2 {
    float:none;
    width:100%;
  }
  
  .pjcol2-h2 {
    margin-top:5%;
  }
  
  h3.pjsubtitle2 {
    font-size:1.1em;
  }
  
  article.gbccolL,
  article.gbccolR {
    margin-top:5%;
  }

  
  ul.pjlistleft,
  ul.pjlistright {
   float:none;
   width:100%;
  }

  article.gbccol1 {
    float:none;
    width:100%;
  }

  article.gbccol2 {
    float:none;
    width:100%;
    margin-top:6%
  }
  
  article.gbccol {
    float:none;
    width:100%;
    margin:6% 0% 0 0;
  }
  
  .mappanel {
    width:100%;
  }
  
}


/***** Project Layout: 414px *****/
@media screen and (max-width:414px) {
  
  figure.pjlogo {
    width:35%;
  }
  
  figure.pjlogo-kiara {
    width:22%;
  }
  
  h1.pjtitle {
    font-size:1.8em;
  }
  
  h1.pjtitle-amcove {
    font-size:1.3em;
  }
  
  h1.pjtitle span {
    font-size:0.8em;
  }
  
  h3.pjsubtitle {
    font-size: 0.95em;
  }
  
  p.pjtext-avthills,
  p.pjtext-avtlinks {
    font-size:0.95em;
  }
  
  a.sitelink {
    font-size:1.1em;
    letter-spacing:2px;
  }
  
  
  hr.line3 {
    width:10%;
  }
  
  h2.pjsubtitle3 {
    width:80%;
  }
  
  figure.amenities {
    float:none;
    width:100%;
    margin:8% 0 0 0;
  }
  
  /*** Amverton Greens ***/
  h1.avtgreens-title {
    font-size: 1.1em;
  }
  

}

/***** Project Layout: 375px *****/
@media screen and (max-width:375px) {
  
  h1.pjtitle {
    font-size:1.5em;
  }
  
  h1.pjtitle span {
    font-size:0.6em;
  }
  
  hr.line1,
  hr.line2 {
    width:25%;
  }
  
  h2.pjsubtitle1,
  h2.pjsubtitle2 {
    width:50%;
    font-size:1.1em;
  }
  
  figure.galcol {
    float:none;
    width:100%;
    margin:2% 0 0 0;
    border:1px solid #d3d3d3;
  }
  
  figure.galcol:hover {
    border:1px solid #4cbcae;
  }
  
  
  
  figure.pjinfo figcaption {
    font-size:0.9em;
  }
  
  .pjcol1-avtcovehome,
  .pjcol2-avtcovehome {
    width:100%;
  }
  
}


/********** Leisure & Resort Landing **********/

/****** L & R Landing: 768px ******/
@media screen and (max-width:800px) {
  
  .projectcol {
    width:48%;
  }

  .projectcol2 {
    margin-right:0;
  }

}

/****** L & R Landing: 414px ******/
@media screen and (max-width:414px) {
  
  .projectcol {
    width:100%;
    float:none;
  }

}


/******* A&M Lifestyle Privileges *******/

/****** Privileges: 1024px ******/
ul.lifestyle-benefits {
  width:75%;
}

/****** Privileges: 768px ******/
@media screen and (max-width:800px) {
  
  p.privileges {
    font-size: 1.2em;
  }
  
  ul.lifestyle-benefits {
    width:90%;
    font-size: 1.1em;
  }
  
}


/****** Privileges: 640px ******/
@media screen and (max-width:640px) {

  
  ul.lifestyle-benefits {
    width:100%;
    font-size: 1em;
  }
  

}

/****** Privileges: 480px ******/
@media screen and (max-width:480px) {

  figure.cardphoto {
    width:70%;
    margin:3% auto 0;
  }
  
  ul.lifestyle-benefits {
    list-style:disc;
    width:90%;
  }
 
  ul.lifestyle-benefits i {
    display:none;
  }
  

}


/****** Privileges: 360px ******/
@media screen and (max-width:360px) {

  
  
  ul.lifestyle-benefits {
    width:80%;
  }

}



/******* Latest News *******/

/****** Latest News: 1024px ******/

.newswrap {
  width:100%;
}


/****** Latest News: 480px ******/
@media screen and (max-width:480px) {
  
  article.newspanel {
    padding:8% 2%;
  }
  
  figure.newscol1 {
    float:none;
    width:100%;
  }

  article.newscol2 {
    float:none;
    width:100%;
  }
  
}




/***** Latest News sub pages:480px *****/
@media screen and (max-width:480px) {
  
  h4.latest {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:1.8em;
    color:#334c4b;
    font-weight:300;
    text-align:center;
  }
  
  ul.sidenav {
    margin-top:4%;
  }
  
  ul.sidenav a {
    font-size:0.95em;
  }
  
  ul.sidenav span {
    font-weight:bold;
  }
  
  section.newscontent {
    margin-top:5%;
    padding:4% 3%;
  }

  
}


/***** Latest News sub pages:414px *****/
@media screen and (max-width:414px) {
  
  h2.newstitle {
    font-size: 1.05em;
  }

}



/***** Latest News sub pages:375px *****/
@media screen and (max-width:375px) {
  
  ul.sidenav {
    list-style:disc;
    list-style-image:none;
    list-style-position:outside;
    margin:5% 0 0 2%;
  }
  
  ul.sidenav a {
    font-size:0.9em;
  }
  
}


/******* Contact Us *******/

/***** Contact Us:1024px *****/
article.bannersec-contact {
  padding:23% 0;
}

article.ctcol1 {
  width:52%;
}

article.ctcol2 {
  width:44%;
}

/***** Contact Us:768px *****/
@media screen and (max-width:768px) {
  
  article.bannersec-contact {
    padding:28% 0;
  }
  
  article.ctcol1 {
    float:none;
    width:80%;
    margin:3% auto;
  }

  article.ctcol2 {
    float:none;
    width:80%;
    margin:6% auto 3%;
  }


}

/***** Contact Us:640px *****/
@media screen and (max-width:640px) {
  
  article.bannersec-contact {
    padding:28% 0;
  }
  
  article.ctcol1 {
    width:100%;
  }

  article.ctcol2 {
    width:100%;
  }

}


/***** Contact Us:480px *****/
@media screen and (max-width:480px) {
  
  address.contact {
    float:none;
    width:100%;
  }

  .ctcol1b {
    float:none;
    width:100%;
    margin-bottom:3%;
  }
  
  label.details {
    font-size:0.9em;
  }

}




/******* Retirement Home *******/
.rhomeban {
    padding:20px 30px;
}

img.logoban {
    display:inline-block;
    width:250px;
}

p.rhomebantext {
    font-size:1em;
}

p.rhomebantext2 {
    font-size:1.3em;
}

figure.rhsec1colR {
    margin:50px 0 30px 5%;
}


article.rhsec6txt {
    width:38%;
    margin:100px 0 0 10%;
}


ul.vplanlist {
    position:absolute;
    bottom:50px;
    right:50px;
}


/****** Retirement Home: 834px ******/
@media screen and (max-width:836px) {
    
    h1.rhtag {
        font-size:1.5em;
    }
    
    .rhsec3txt,
    .rhsec3colL img,
    .rhsec3colR img {
        height:320px;
    }
    
    p.rhtext2 {
        margin-top:20px;
    }
       
    article.rhsec6txt {
        width:48%;
        margin:30px 0 0 30px;
    }
    
    ul.vplanlist {
        position:absolute;
        bottom:30px;
        right:10px;
    }
        
}



/****** Retirement Home: 640px ******/
@media screen and (max-width:646px) {
    
    figure.rhsec2colL {
        margin:0 5% 0 0;
    }

    article.rhsec2colR {
        margin-top:0;
    }
    
    section.rhsec3 {
        padding:30px 0;
    }
    
    .rhsec3colL {
        float:none;
        width:100%;
    }

    .rhsec3colR {
        float:none;
        width:100%;
    }
    
    .rhsec3txt {
        padding:40px 0;
        height:auto;
    }
    
    p.rhtext2 {
        margin-top:20px;
        font-size:0.85em;
    }
    
    .rhsec3col {
        float:none;
        width:100%;
        margin-right:0;
    }
    
    .rhsec3txt,
    .rhsec3colL img,
    .rhsec3colR img {
        height:auto;
    }
    
    ul.vplanlist {
        position:relative;
        bottom:0;
        right:0;
        margin:30px 0 0 50px;
    }
    
    
    .rhsec5col {
        width:48%;
    }
    
    .rhsec5col2 {
        margin-right:0;
    }
    
    section.rhsec6 {
        padding:40px 0 0;
    }
    
    article.rhsec6txt {
        float:none;
        width:80%;
        margin:0 auto;
    }
    
    .locationmap {
        float:none;
        width:100%;
        margin-top:30px;
    }
    
    
}


/****** Retirement Home: 480px ******/
@media screen and (max-width:482px) {

    figure.rhsec1colR {
        float:none;
        width:80%;
        margin:40px auto 0;
    }

    article.rhsec1colL {
        width:100%;
        margin-top:30px;
    }
    
    h1.rhtag {
        font-size:1.2em;
    }
    
    p.rhtext {
        margin-top:20px;
        font-size:0.8em;
    }
    
    figure.rhsec2colL {
        float:none;
        width:80%;
        margin:0 auto 0;
    }

    article.rhsec2colR {
        width:100%;
        margin-top:30px;
    }

    section.rhsec3 {
        padding:10px 0;
    }
    
    p.designtag1 {
        font-size:1.8em;
    }
    
    p.designtag2 {
        font-size:1em;
    }
    
    p.designtag3 {
        font-size:1.3em;
    }
    
    
    .rhsec5col {
        width:100%;
        float:none;
    }
    
    
}





/********** FOOTER **********/

/****** Footer: 1024px ******/

address.ft {
  width:38%;
}
  
.ftcontact {
  width:40%;
}

.ftcol {
  clear:both;
  float:none;
  width:100%;
  padding-top:2%;
}

.ftcol p {
  font-size:0.8em;
}

/****** Footer: 768px ******/
@media screen and (max-width:768px) {
  
  figure.ftlogo {
    width:16%;
  }

  section.ftmain {
    width:78%;
  }
  
  address.ft {
    width:50%;
  }
    
  .ftcontact {
    width:50%;
  }
  
}


/****** Footer: 640px ******/
@media screen and (max-width:640px) {

  figure.ftlogo {
    float:none;
    width:20%;
    margin:0 auto;
  }
  
  section.ftmain {
    float:none;
    width:90%;
    margin:3% auto 0;
  }
  
  address.ft {
    width:55%;
  }
    
  .ftcontact {
    width:45%;
    margin-bottom:2%;
  }
  
  .ftcol {
    padding-top:2%;
    text-align:center;
    border-top:1px solid #a5a5a5;
  }
  
}



/****** Footer: 480px ******/
@media screen and (max-width:480px) {
  
  figure.ftlogo {
    width:25%;
  }
  
  section.ftmain {
    width:100%;
  }
  
  section.ftmain h6 {
    text-align:center;
  }
  
  address.ft,
  .ftcontact {
    float:none;
    width:100%;
    text-align:center;
  }
  
  .ftcontact i  {
    float:none;
    width:auto;
    display:inline;
  }
  
  .ftcontact p  {
    float:none;
    width:auto;
    display:inline;
    margin-left:1%;
  }
  
  .ftcontact p span  {
    display:inline;
    margin-left:2%;
  }
  
}


/****** Footer: 414px ******/
@media screen and (max-width:414px) {
  
  figure.ftlogo {
    width:30%;
  }
  
}

/****** Footer: 375px ******/
@media screen and (max-width:375px) {
  
  .ftcontact p,
  .ftcol p  {
    font-size:0.7em;
  }
  
}















