/*
Theme Name: Respond
Theme URI: http://www.ciop.com/
Description: A Responsive Website Theme
Author: Computer Images of Pueblo
Author URI: http://www.ciop.com/
Version: 1.4
*/

/* @import url(reset.css); /* Calling Meyer's latest reset which also sets HTML5 block element styles */

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/* ************************* Header  **************************************** */
#wrapper {
        width: 92%;
        max-width: 960px;
        margin: 0 auto;
        border: 10px solid #FFF;
        position: relative;
        background: #FFF;
}
#header {
        max-width: 100%;
        height: 88px;
        margin: 0px auto;
        background: #a9bd69;
}

#header a {
        text-decoration: none;
        color: #fff;
        float: left;
}

/* ************************* Branding ******************************************* */

/* =Header
----------------------------------------------- */

#branding {
      /*  border-top: 2px solid #bbb; */
        position: relative;
        z-index: 9999;
}

#branding hgroup {
        margin: 0 1.6%;
}
#branding img {
        height: auto;
        max-width: 100%; /* this uses the actual width of the image */
        width: auto; /* for ie 8 */
        float:left;
        padding-right: 5px;
}
.branding p {
        padding-top: 5px;
}
.branding-right {
        float: right;
        text-align: right;
}
.header-phone {
    float: right;
    margin-top: -60px;
}

/* this is for the header widget */
/* header#branding .widget{
float: right;
position: absolute;
top: 2em;
right: 7.6%;
}
 */
header#branding .widget {
        position: absolute;
        top: 0em;
        right: 1.6%;
        float: right;
}

header#branding .widget h1 a{
        font-size: 24px;
        text-decoration: none;
}

#site-title {
        margin-right: 20%;
}
#site-title a {
        color: #003366;
        font-size: 24px;
        font-weight: bold;
        line-height: 36px;
        text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
        color: #003366;
}
#site-description {
        color: #7a7a7a;
        font-size: 14px;

}

/* ******************* Typography ************************************* */
body {
        background: #003366;
        font-size: 12px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #444444;
        line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #003366;
        line-height: 1.5em;
}
h1 { font-size: 24px; padding: 0 0 0px 0;}
h1.property-title {text-align: center; }
h2 { font-size: 18px; padding: 0 0 10px 0;}
h2.property-sold {text-align: center; color: red;}
h3 { font-size: 16px; padding: 0 0 10px 0;}
h4 { font-size: 14px; padding: 0 0 10px 0;}
h5 { font-size: 12px; padding: 0 0 10px 0;}
h6 { font-size: 10px; padding: 0 0 10px 0;}

/* this is for address header on idx details page */
.idxh1 {
        font-size: 18px;
        margin: 0 auto;
        padding: 0px;
}

blockquote { padding: 20px; background: #CECFD0 }
a { color: #003366; text-decoration: none; }
a:hover { text-decoration: none; }
hr { color: #003366;
 background-color: #003366;
 height: 1px; }
.widget { }

p, ol, br { margin-bottom: 1.2em; }
strong {font-weight: bold; }
em {font-style: italic; }
.textme {display: none;}

/************************************* Page ********************************* */

#page { background: #FFFFFF; }
/*******************************************************************************
*        Navbar                                                                *
***************************************************************************** */
#access {
        background: #003366;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;

}
#access ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;
}
#access li {
        float: left;
        position: relative;
}
#access a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
}
#access ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;
}
#access ul ul ul {
        left: 100%;
        top: 0;
}
#access ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
        background: #fff;
}
#access li:hover > a,
#access a:focus {
        background: #003366;
}
#access ul li:hover > ul {
        display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
        font-weight: bold;
}
/* ******* SEcondary Menu ******************** */
#access-secondary {
        background: #186424;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;

}
#access-secondary ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;
}
#access-secondary li {
        float: left;
        position: relative;
}
#access-secondary a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
}
#access-secondary ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;
}
#access-secondary ul ul ul {
        left: 100%;
        top: 0;
}
#access-secondary ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;
}
#access-secondary li:hover > a,
#access-secondary ul ul :hover > a,
#access-secondary a:focus {
        background: #fff;
}
#access-secondary li:hover > a,
#access-secondary a:focus {
        background: #186424;
}
#access-secondary ul li:hover > ul {
        display: block;
}
#access-secondary .current-menu-item > a,
#access-secondary .current-menu-ancestor > a,
#access-secondary .current_page_item > a,
#access-secondary .current_page_ancestor > a {
        font-weight: bold;
}
/* ---------- tertiary menu ------------- */

 #access-tertiary { display: none; }


/* ******************************* section ********************************** */

#section {
        float: left;
        position: relative;
        width: 63.667%;
      /*  margin-right: 2.0832; */
        padding-top: 10px;
     /*   margin-left: 1%; */
        margin-right: 1%;
}
#section_fullpage {
        float: left;
        width: 100%;
}
.section_frontpage {
         float: left;
         width: 100%;
}
.section_portfolio {
       /*  float: left; */
         margin: 0 auto;
         margin: 20px;
         width: 90%;
}
.section_contact {
       /*  float: left; */
         margin: 0 auto;
         margin: 20px;
         width: 90%;
}
#section p,  #section br {
        margin: 1.0638%;
        word-wrap: break-word;
        overflow: hidden;
}
#section ol {
        margin: 0px 0px 0px 5px;
        padding: 0px 0px 15px 0px;
        }

#section ol li {
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#section ul {
        list-style-type: square;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 15px 0px;
        }

#section ul li {
        list-style-type: square;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

#homebottom {
        width: 98%;
        margin: 20px auto 0px;
        padding: 20px 0px 0px 0px;
        line-height: 20px;
        border-top: 5px solid #286ea0;
        }

#homebottom p {
        padding: 0px 0px 0px 0px;
        margin: 0px;
        }

#homebottom h1 {
        color: #202020;
        font-size: 18px;
        font-family: Arial, Tahoma, Verdana;
        font-weight: normal;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        }

#homebottom h2 {
        color: #222222;
        font-size: 12px;
        font-family: Arial, Tahoma, Verdana;
        font-weight: bold;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

#homebottom h1 a, #homebottom h1 a:visited  {
        color: #202020;
        text-decoration: none;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        }

#homebottom h1 a:hover {
        color: #D51515;
        text-decoration: none;
        }

#homebottom img{
        border: none;
        margin: 0px 0px 10px 0px;
        }

#homebottom ul{
        list-style-type: square;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        }

#homebottom ul li{
        list-style-type: square;
        margin: 0px 0px 0px 20px;
        padding: 0px 0px 0px 0px;
        }

.homebottomsection {
        float: left;
        width: 31%;
        margin: 0px;
        padding: 5px;
        overflow: hidden;
        }
/* ******************************** aside ********************************* */

#aside {
        float: left;
        width: 33.333%;
        margin-left: 1%;
        margin-right: 0 !important;
        padding-top: 10px;
}

#aside ul {
        padding: 0px 0 0px 0;
        margin: 0px;
        list-style: none;
        line-height: normal;
}
#aside li {
        margin: 0;
        padding: 0;
}
#aside li ul { }
#aside li ul li ul {
        padding-left: 10px;

}
#aside li li {
        line-height: 20px;
        border-bottom: 1px dashed #D2D4C9;
}
#aside .widgettitle {
        padding: 2px 25px;
        font-size: 16px;
        color: #000;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 4px solid #F5F5F5;
}
#aside h3 {
        padding: 0px;
        color: #186424;
        font-size: 16px;
}
#aside p {
        margin-bottom: 1em;
        margin: 1.0638%;
}
#aside .textwidget { line-height: 1.5em;}

#aside a { text-decoration: none; }

#aside a:hover { text-decoration: underline; }

.textwidget { padding: 15px 0px; }

/* ************************* Posts ****************************************** */
.post {

        border: 1px solid #003366;
        margin-bottom: 5px;
        overflow: hidden;
        position: relative;
}
.post .title {
        padding: 2px 5px;
}
.post .title a {
        padding-left: 5px;
        text-decoration: none;
}
.post .entry {
        padding: 0px 0px 5px 5px;

        overflow: hidden;
}
.post .meta {
        margin: 10px 0px;
}
.post .meta a { color: #003366; }
.navigation {
        padding-top: 10px;
        padding-bottom: 30px;
}
.continuereading {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        margin-left: 5px;
}

.olderentries {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        margin-left: 5px;
        float: left;
}
.newerentries {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        margin-left: 5px;
        float: right;
}

.alignleft { float: left; }
.alignright { float: right;  }


/* ************************** Images  ********************** */
.entry-section img,
.comment-section img,
.widget img {
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
        max-width: 100%; /* Fluid images for posts, comments, and widgets */
        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
        margin: 5px;
        }

img.size-full,
img.size-large {
        max-width: 100%;
        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
        margin: 1.0em;
        }
.featured-post-thumbnail, img.size-full,
.featured-post-thumbnail, img.size-large {
        max-width: 100%;
        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
        }
.entry-section img.wp-smiley {
        border: none;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
        margin: 1.0em;
}
.header-phone-icon
.wp-caption { background:#eee; padding: 5px; margin: 10px; width: auto !important;}

.wp-caption .wp-caption-text { text-align:center; margin-top:5px; font-weight: bold;}

/* Simple Ligthbox */
#gallery-1 .gallery-caption { display: none !important; }

/* ************************ Featured Listings ******************************** */
#featured-properties {
          float: left;
          border: 1px solid #CECFDD;
          width: 48%;
          height: 360px;
          margin: 5px 5px 5px 0px;
          overflow: hidden;
        }
.featured-post {
}
.featured-title {
          font-size: 16px;
          padding-left: 5px;
}
.featured-title a {
          text-decoration: none;
}
.featured-entry {
          padding-left: 5px;
          padding-right: 5px;

}
.featured-post-thumbnail img {
          max-width: 100%;
          height: auto !important;
          width: auto !important;
          padding-left: 5px;
          padding-right: 5px;
}
.frontpagedetails {
        background-color: #186424;
        color: #FFF;
        width: 100%;
        padding: 5px;

}
/* **** this is for the details page for featured listings ******** */
.listing-left {
         width: 47%;
         float: left;
         margin: 1.0638%;
        }

.listing-right {
         width: 47%;
         float: left;
         margin: 1.0638%;
        }

.listing-bottom {
         float: left;
         width: 97.9167%;
         margin: 0px;
         padding: 10px 0px 0px 0px;
        }
.listing-bottom a  {
         padding: 5px;
         background-color: #186424;
         border: 5px;
         color: #FFF;
         display: block;
         text-decoration: none;
         margin: 1.0638%;
        }
/* **************************** Author Box *********************************** */
.authors-post {
        border:1px solid #CECFD0;
        /* space between border and text */
        padding: 5px;
        min-height: 100px;
        margin-bottom: 5px;
        overflow: hidden;
}
.authors-post .entry {
        padding: 5px;
}
#authorbox{
    background:#EFEFEF;
    border:1px solid #CECFD0;
    width:100%;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom:10px;
    overflow:hidden;
}
#author-profile{
    background:#EFEFEF;
    border:1px solid #CECFD0;
    width:100%;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom:10px;
    overflow:hidden;
}
#authorbox h4{
    font-size:16px;
    color:#191919;
    margin:0;
   /* padding:10px 10px 5px 10px; */
    }
.authortext{
    padding-left:100px;
    }
#authorbox img{
    margin:0;
    padding:10px;
    float:left;
    }
    #authorbox p{
    color:#191919;
    margin:0;
    padding:0px 10px 10px 10px;
    }
#authorbox h4 > a{
    text-decoration:none;
    }
#authorbox p{
    color:#191919;
    }
#author-name fn n { }
#author-description author-bio { }
.twitter clear { }
.facebook clear { }
.linkedin clear { }


        /* ******************** Page Navigation ************************************* */
.wp-pagenavi {
        clear: both;
        padding-top: 15px;
}

.wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border: 1px solid #186424;
        padding: 3px 5px;
        margin: 2px;
        color: #186424;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
        border-color: #DDDDDD;
}

.wp-pagenavi span.current {
        font-weight: bold;
}



/* ----- IDX Styling   ------------------------------ */
.frontpage_search { max-width: 600px; }
.facebook-section { max-width: 550px; margin: 0 auto; }

#navigation-details
{
        float: left;
        width: 100%;
        background: #186424;
        margin:0;
        padding:0;
}
#navigation-details li a:hover {
        background: #186424;
}
#navigation-details ul
{
        margin: 0;
        padding: 0;
}

#navigation-details ul li
{
        float: left;
        list-style-type: none;
        display: inline;
}

#navigation-details li a
{
        display: block;
        float: left;
        margin: 10px 0 10px 0;
        padding: 0px 5px 0 5px;
        color: #fff;
        text-decoration: none;
        border-right: 1px solid #fff;
}


#nav-seperator
{
        display: block;
        float: left;
        width: 100%;
        background: #a9bd69;
        margin:0;
        padding:0;
        color: #fff;
        min-height: 1em;
}

#features { width: 100%; margin: 0 auto; float:left;}
#features hr { background-color: #CCCCCC; height: 1px; border: 0 none; margin-bottom: 1em; }
.features_left { width: 40%; float:left;  margin:0; display: block;}
.features_right { width: 60%; float:left;  margin:0; display: block;}

#thumbs { width: 97.5%; margin: 0; float:left;  }
#thumbs a:hover { color: #000; }
#thumbs_photo { width: 47%; float:left; margin-left: auto; margin-right: auto; }
#thumbs_photo img { width: 97.5%; float:left; margin-left: auto; margin-right: auto; }
#thumbs_detail { width: 48%; float: right; margin-left: auto; margin-right: auto;}
.clear { clear: both;}

#thumbs_photo img.size-thumbs,
img.size-medium {
        max-width: 97.5%;
        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}


.form {
        max-width: 200px;
        padding: 0px 0px 4px 25px;
        margin: 0px;
}
.formLabel {
        display: block;
        float: left;
        font-size: 14px;
        color: #334455;
        padding-right: 6px;
        width: 135px;
        font-weight: bold;
}
.Label {
        display: block;
        float: left;
        font-size: 14px;
        color: #334455;
        font-weight: bold;
}
.formInput {
        border: 1px inset #fff;
        height: 25px;
        background-color: #FFF;
        padding: 1px;
        margin: 0px;
}
.formTextField {
        border: 1px inset #fff;
        background-color: #FFF;
}
.formSubmit {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        border: 0;
}
.formSubmit-blog {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        margin-left: 10px;
        border: 0;
}
.formSubmitFeatured {
        background-color: #003366;
        color: #FFF;
        width: 100%;
        padding: 2px;
        border: 1px;
        display: block;
     /*   overflow: hidden; */
}
 form {
                margin-bottom: 20px; }
        fieldset {
                margin-bottom: 20px; }
        input[type="text"],
        input[type="password"],
        input[type="email"],
        textarea,
        select {
                border: 1px solid #ccc;
                padding: 6px 4px;
                outline: none;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
                color: #777;
                margin: 0;
                width: 210px;
                max-width: 100%;
                display: block;
                margin-bottom: 20px;
                background: #fff; }
        input[type="text1"] {
                   max-width: 100px;
                   }
        select {
                padding: 0; }
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="email"]:focus,
        textarea:focus {
                border: 1px solid #aaa;
                 color: #444;
                 -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
                -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
                box-shadow:  0 0 3px rgba(0,0,0,.2); }
        textarea {
                min-height: 60px; }
        label,
        legend {
                display: block;
                font-weight: bold;
                font-size: 13px;
                width: 150px;
                float: left;
                }
        select {
                width: 220px;
                padding: 6px 4px;
                }
        input[type="checkbox"] {
                display: inline; }
        label span,
        legend span {
                font-weight: normal;
                font-size: 13px;
                color: #444; }
        submit {
        background-color: #003366;
        color: #FFF;
        padding: 5px;
        border: 0;
}

/* **************** End IDX Styling ****************************** */

/* ****************  Footer         ****************************** */

#footer {
        clear: both;
        width: 100%;
        margin: 0px auto;
        padding: 0px;
        background-color: #F0F0F0;
}

#footer p {
        margin: 0px;
        padding: 19px 0px 0px 0px;
        text-align: left;
        line-height: normal;
        color: #303030;
}
#footer a { }

#footer #bottomleft,
#footer #bottommiddle,
#footer #bottomright {
        float: left;
        width: 30%;
        margin: 0px auto;
        padding: 20px 10px;
}
#footer .widget {
        margin: 0; padding: 0;
        color: #003366;

}
#footer #footercredit {
        clear: both;
        width: 100%;
        margin: 0px auto;
}
#footer #footercredit a {
        color: #303030;
        text-decoration: none;
}
#footer #footercredit a:hover {
        color: #303030;
        text-decoration: none;
}
#footer #footercredit p {
        color: #303030;
        text-decoration: none;
        text-align: center;
}



/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
        max-width: 100%;
}


/* ----------  Page Slider   --------------- */
#page-wrap {
float: left;
max-width: 560px;
margin: 0 0 0 20px;
position: relative;
background-color: black;
border: 10px solid #CCC;

}

/* =Responsive Structure
----------------------------------------------- */

 /* #### Desktops #### */
@media (max-width: 1024px){
     .textme {display: none;}
 }

  /* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
   #wrapper { width:92%; margin:0 auto }
   #page-wrap { display: none; }
   #access-tertiary { display: none; }
   #branding img { display: none; }
   #featured-properties {width: 48%;}
   .textme {display: none;}
   .homebottomsection {
        float: left;
        width: 90%;
        margin: 10px;
        overflow: hidden;
        }


 }
@media (max-width: 768px) {
   #wrapper { width:92%; margin:0 auto }
   #section { margin: 0 auto; float: left; width: 100%; }
   #aside { margin: 0 auto; float: left; width: 100%; }
   #page-wrap { display: none; }
   #access-tertiary { display: none; }
   #branding img { display: none; }
   #featured-properties {width: 48%;}
   .textme {display: none;}
   .qrcode { display:none; }
   .homebottomsection {
        float: left;
        width: 90%;
        margin: 10px;
        overflow: hidden;
        }
        #homebottom img { margin: 0; }
        .section_frontpage img {display: none; }
        .section_team img {display: none; }
        .section_process img {display: none; }
        #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        width: 100%;
        margin: 0px auto;
        padding: 5px 5px; }
 }

 /* #### Mobile Phones Portrait or Landscape #### */
 @media (max-width: 600px) {
   #wrapper { width:92%; margin:0 auto }
   .header-phone {float: right; margin-top: -10px;}
   #section { margin: 0 auto; float: left; width: 100%; }
   #aside { margin: 0 auto; float: left; width: 100%; }
   #page-wrap { display: none; }
   #access-secondary { display: none; }
   #access-tertiary { display: none; }
   #branding img { display: none; }
   #site-title {margin: 0 auto; width: 100%;} /* stretches title across screen */
   label,legend { width: 100%;}
    input[type="text1"] {max-width: 100px;}
    .qrcode { display:none; }
   #featured-properties {width: 48%;}

   #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        width: 100%;
        margin: 0px auto;
        padding: 5px 5px; }
 }

  /* #### Mobile Phones Landscape #### */
 @media screen and (max-device-width: 480px) and (orientation: portrait){
   body { font-size: 16px;}
   #wrapper { width:92%; margin:0 auto }
   #section { margin: 0 auto; float: left; width: 100%; }
   #aside { margin: 0 auto; float: left; width: 100%; }
   #page-wrap { display: none; }
   #access { display: none; }
   #access-secondary { display: none; }
   #branding img { display: none; }
   #site-title {margin: 0 auto; width: 100%;} /* stretches title across screen */
   #site-title a {color: #003366; font-size: 16px; font-weight: bold; line-height: 24px; text-decoration: none;}
   label,legend { width: 100%;}
    input[type="text1"] {max-width: 100px;}
    .qrcode { display:none; }
   #featured-properties { width: 96%;}

   /* ---------- tertiary menu ------------- */

   #access-tertiary {
        background: #003366;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;}
   #access-tertiary ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;}
   #access-tertiary li {
        float: left;
        position: relative;}
   #access-tertiary a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
        }
   #access-tertiary ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;}
   #access-tertiary ul ul ul {
        left: 100%;
        top: 0;}
   #access-tertiary ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;}
   #access-tertiary li:hover > a,
   #access-tertiary ul ul :hover > a,
   #access-tertiary a:focus {
        background: #fff;}
   #access-tertiary li:hover > a,
   #access-tertiary a:focus {
        background: #003366;}
   #access-tertiary ul li:hover > ul {
        display: block;}
   #access-tertiary .current-menu-item > a,
   #access-tertiary .current-menu-ancestor > a,
   #access-tertiary .current_page_item > a,
   #access-tertiary .current_page_ancestor > a {
        font-weight: bold;}

   #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        max-width: 96%;
        margin: 0px auto;
        padding: 5px 5px; }
 }

 @media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
    body { font-size: 16px;}
    #wrapper { width:92%; margin:0 auto }
    #section { margin: 0 auto; float: left; width: 100%; }
    #aside { margin: 0 auto; float: left; width: 100%; }
    #page-wrap { display: none; }
    #access { display: none; }
    #access-secondary { display: none; }
    #branding img { display: none; }
    header#branding .widget h2 a { text-align: left; padding-bottom: 10px;}
    #site-title {margin: 0 auto; width: 100%;} /* stretches title across screen */
    #site-title a {color: #003366; font-size: 16px; font-weight: bold; line-height: 24px; text-decoration: none;}
    label,legend { width: 100%;}
    input[type="text1"] {max-width: 100px;}
    .qrcode { display:none; }
    #featured-properties {width: 96%;}

    /* ---------- tertiary menu ------------- */

   #access-tertiary {
        background: #003366;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;}
   #access-tertiary ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;}
   #access-tertiary li {
        float: left;
        position: relative;}
   #access-tertiary a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
        }
   #access-tertiary ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;}
   #access-tertiary ul ul ul {
        left: 100%;
        top: 0;}
   #access-tertiary ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;}
   #access-tertiary li:hover > a,
   #access-tertiary ul ul :hover > a,
   #access-tertiary a:focus {
        background: #fff;}
   #access-tertiary li:hover > a,
   #access-tertiary a:focus {
        background: #003366;}
   #access-tertiary ul li:hover > ul {
        display: block;}
   #access-tertiary .current-menu-item > a,
   #access-tertiary .current-menu-ancestor > a,
   #access-tertiary .current_page_item > a,
   #access-tertiary .current_page_ancestor > a {
        font-weight: bold;}
   #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        max-width: 96%;
        margin: 0px auto;
        padding: 5px 5px; }
 }

 @media (max-width: 400px) {
   body { font-size: 16px;}
   #wrapper { width:92%; margin:0 auto }
   #section { margin: 0 auto; float: left; width: 100%; }
   #aside { margin: 0 auto; float: left; width: 100%; }
   #page-wrap { display: none; }
   #access { display: none; }
   #access-secondary { display: none; }
   #branding img { display: none; }
   #site-title {margin: 0 auto; width: 100%;} /* stretches title across screen */
   #site-title a {color: #003366; font-size: 16px; font-weight: bold; line-height: 24px; text-decoration: none;}
   label,legend { width: 100%;}
    input[type="text1"] {max-width: 100px;}
    .qrcode { display:none; }
   #featured-properties {width: 96%;}

   /* ---------- tertiary menu ------------- */

   #access-tertiary {
        background: #003366;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;}
   #access-tertiary ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;}
   #access-tertiary li {
        float: left;
        position: relative;}
   #access-tertiary a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
        }
   #access-tertiary ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;}
   #access-tertiary ul ul ul {
        left: 100%;
        top: 0;}
   #access-tertiary ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;}
   #access-tertiary li:hover > a,
   #access-tertiary ul ul :hover > a,
   #access-tertiary a:focus {
        background: #fff;}
   #access-tertiary li:hover > a,
   #access-tertiary a:focus {
        background: #003366;}
   #access-tertiary ul li:hover > ul {
        display: block;}
   #access-tertiary .current-menu-item > a,
   #access-tertiary .current-menu-ancestor > a,
   #access-tertiary .current_page_item > a,
   #access-tertiary .current_page_ancestor > a {
        font-weight: bold;}
   #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        max-width: 96%;
        margin: 0px auto;
        padding: 5px 5px; }
 }

/* #### Mobile Phones Portrait #### */
@media (max-width: 320px) {
    body { font-size: 16px;}
    #wrapper { width:92%; margin:0 auto }
    #section { margin: 0 auto; float: left; width: 100%; }
    #aside { margin: 0 auto; float: left; width: 100%; }
    #page-wrap { display: none; }
    #access { display: none; }
    #access-secondary { display: none; }
    #branding img { display: none; }
    #site-title {margin: 0 auto; width: 100%;} /* stretches title across screen */
    #site-title a {color: #003366; font-size: 16px; font-weight: bold; line-height: 24px; text-decoration: none;}
    label,legend { width: 100%;}
    input[type="text1"] {max-width: 100px;}
    .qrcode { display:none; }
    #featured-properties {width: 96%;}

    /* ---------- tertiary menu ------------- */

   #access-tertiary {
        background: #003366;
        clear: both;
        display: block;
        float: left;
        margin: 0 auto 1px;
        width: 100%;}
   #access-tertiary ul {
        font-size: 13px;
        list-style: none;
        margin: 0 auto;
        padding-left: 0;}
   #access-tertiary li {
        float: left;
        position: relative;}
   #access-tertiary a {
        color: #fff;
        display: block;
        line-height: 3.333em;
        padding: 0 1.2125em;
        text-decoration: none;
        }
   #access-tertiary ul ul {
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px rgba(0,0,0,0.2);
        display: none;
        float: left;
        margin: 0;
        position: absolute;
        top: 3.333em;
        left: 0;
        width: 188px;
        z-index: 99999;}
   #access-tertiary ul ul ul {
        left: 100%;
        top: 0;}
   #access-tertiary ul ul a {
        background: #fff;
        border-bottom: 1px dotted #ddd;
        color: #444;
        font-size: 13px;
        font-weight: normal;
        height: auto;
        line-height: 1.4em;
        padding: 10px 10px;
        width: 168px;}
   #access-tertiary li:hover > a,
   #access-tertiary ul ul :hover > a,
   #access-tertiary a:focus {
        background: #fff;}
   #access-tertiary li:hover > a,
   #access-tertiary a:focus {
        background: #003366;}
   #access-tertiary ul li:hover > ul {
        display: block;}
   #access-tertiary .current-menu-item > a,
   #access-tertiary .current-menu-ancestor > a,
   #access-tertiary .current_page_item > a,
   #access-tertiary .current_page_ancestor > a {
        font-weight: bold;}
   #footer #bottomleft,
   #footer #bottommiddle,
   #footer #bottomright {
        float: left;
        max-width: 96%;
        margin: 0px auto;
        padding: 5px 5px; }
 }