.desktop{display:block !important;}
.desktop-inline{display:inline-block !important;}
.mobile{display:none !important;}

span#menu-icon {
    color: #fff;
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 25px;
    right: 15px;
    line-height: 1em;
    z-index: 99999;
    text-shadow: 0 1px 2px #636363;
    background-size: 25px 25px;
    background-image: url(../img/menu-icon.png);
    background-position: center center;
    background-repeat: no-repeat
}

#header .top-phone {
    color: #888;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 23px;
    right: 50px;
    line-height: 1em;
    z-index: 99999;
    font-size: 30px;
}
#header .top-marker {
    color: #888;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 23px;
    right: 80px;
    line-height: 1em;
    z-index: 99999;
    font-size: 30px;
}

@media only screen and (max-width:720px){
    .desktop{display:none !important;}
    .desktop-inline{display:none !important;}
    .mobile{display:block !important;}
    html{position:relative;max-width:100%;width:100%;overflow:hidden;height:auto;overflow-y:scroll;}
    body{width:100%;max-width:100%;position:absolute;top:0;margin-right:auto;margin-left:auto;overflow:hidden;}
    p{padding-right:10px;padding-left:10px;font-size:1.1rem;}
    .inner-wrapper, .wrapper{width:100%;max-width:100%;position:relative;margin-right:auto;margin-left:auto;}
    .one-half, .one-third, .two-thirds, .one-half-true, .one-fourth, .one-fifth, .two-fifths, .three-fourths, .three-fifths,.four-fifths{width:100%;margin-right:auto;margin-left:auto;}
    .left, .right{float:none;padding-left:0;padding-right:0;}
    .inner-wrapper{padding-right:0;padding-left:0;}
    .button{max-width:240px;font-size:.875rem;}
    #header{top:0;bottom:inherit;}
    #header #logo{width:80px;height:80px;}

    body#home-page {
        border-top: 80px solid transparent;
    }

    .white-container.text-center {
        text-align: left !important;
    }

    .white-container.text-center h3 {
        text-align: center;
        line-height: 1.2em;
    }

    .white-container.text-center p {
        padding-left: 0;
        margin-left: 0;
    }

    #fp-features ul li {
        text-align: left;
    }

    /* Mobile Nav
    -------------------------------*/

    #header {
        width: 100%;
        height: 80px;
        background: rgba(255,255,255,.9);
        position: fixed;
        top: 0;
        left: 0;
         -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
         box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    }

    #header #mobile-logo {
        float: left;
        height: 80px;
        width: 220px;
        background: url(../img/mobile-logo.png) left center no-repeat;
        background-size: 60% auto;
        margin-left: 15px;
    }
	
	#hero {
		padding-top: 0px;
	}

    /* Mobile Nav
    -------------------------------*/


    #mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        z-index: -1;
        background-color: rgba(50,50,50,.98);
        text-align: center;
        height: 100vh;
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
        -moz-transform: scale(.98);
        -webkit-transform: scale(.98);
        -o-transform: scale(.98);
        -ms-transform: scale(.98);
        transform: scale(.98);
    }

    #mobile-nav.active {
        opacity: 1;
        z-index: 1000000000;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 150ms ease-in-out;
        -moz-transition: all 150ms ease-in-out;
        -ms-transition: all 150ms ease-in-out;
        -o-transition: all 150ms ease-in-out;
        transition: all 150ms ease-in-out;
    }

        #mobile-nav #close-nav {
            position: absolute;
            right: 15px;
            top: 15px;
        }

            #mobile-nav #close-nav i {
                color: #fff;
            }

    #mobile-nav .mobile-nav-logo {
        margin: 30px auto 30px;
        text-align: center;
        display: block;
        position: relative;
        width: 50%;
    }

        #mobile-nav .mobile-nav-logo img {
            width: 100%;
        }

    #mobile-nav .nav-link {
        displaY: block;
        width: 100%;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 200;
        line-height: 2em;
        text-align: left;
    }

    #mobile-nav .mobile-nav {
        margin: 0 auto 60px;
        padding-bottom: 30px;
        clear: both;
        width: 75%;
        border-bottom: 1px solid #b1b1b1;
    }

    #mobile-nav .social-block {
        width: 100%;
        margin: 0 auto;
    }

        #mobile-nav .social-block a {
            color: #555a;
            font-size: 30px;
            margin-right: 4px;
            margin-left: 4px;
        }


    /* Home Page
   --------------------------------*/

    #hero {
        min-height: 20vh;
    }

    #home-intro #home-content {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    #home-content h1 {
        font-size: 1.8rem;
    }



    #home-intro #home-content.active {
        top: 0px;
    }

    #hero span#down-arrow {
        bottom: 100px;
    }

    #home-intro {
        padding-top: 30px;
    }

    #home-intro #home-content {
        padding: 30px;
    }


    #home-intro #home-content {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }

    #home-intro #home-content p {
        text-align: left;
    }

    #home-intro #home-content.active {
        top: 0px;
    }

    #hero span#down-arrow {
        bottom: 100px;
    }

    #home-intro #home-content {
        padding: 30px;
    }
    #home-intro img#intro-logo {
        max-width: 210px;
        margin-right: auto;
        margin-left: auto;
        float: none;
        text-align: center;
        display: block;
        margin-bottom: 20px;
    }
	
	#home-intro .desktop-block {
	display: inline !important;
	}

        #home-content p {
            font-size: 1rem;
            padding: 0;
            margin: 0;
            text-align: center;
        }

    #home-promo {
        padding-left: 10px;
        padding-right: 10px;
    }

        #home-promo .flex-direction-nav {
            display: none !important;
        }

        #home-promo .promo-wrap {
            -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.0);
            box-shadow: 0 4px 5px 0 rgba(0,0,0,.0);
        }

    #home-promo .promo-row {
        margin-bottom: 40px;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    }

    #home-promo .inner-text-box {
        padding: 40px;
    }

        #home-fly-boxes .fly-box .fly-overlay {
            background: rgba(0, 0, 0, .4);
        }

            #home-fly-boxes .fly-box .fly-overlay {
                background: rgba(0, 0, 0, .4);
            }

                #home-fly-boxes .fly-box .fly-overlay h2 {
                    padding-top: 15px;
                    padding-bottom: 15px;
                    opacity: 1;
                }
        #home-fly-boxes .fly-box {
            border: 10px solid transparent;
        }

        #home-promo .inner-text-box h3 {
            text-align: center;
        }

            #home-promo .inner-text-box ul {
                list-style-type: none;
            }

            #home-promo .bottom-content {
                padding: 20px;
            }

            #home-promo .bottom-content h2 {
                font-size: 2rem;
            }

            #home-promo .bottom-content p {
                font-size: .875rem;
            }

    #home-fly-boxes .flybox {
        -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.18);
    }

    #home-location-box p {
        padding-left: 0;
        padding-right: 0;
    }

    #home-location-box h3 {
        text-align: left;
    }

    #home-quotes blockquote {
        margin: 0;
    }

    #home-quotes blockquote p {
        font-size: .875rem;
    }
    /* Inner Pages
    ----------------------------------*/

    .white-container {
        padding: 30px;
    }

        .white-container p {
            font-size: .875rem;
        }

        #floor-plans-container #filter-sort span, #gallery-container #filter-sort span {
            width: 48%;
            margin-left: 1%;
            margin-right: 1%;
            margin-bottom: 10px;
            float: left;
        }

    #floor-plans .one-third.floor-plan {
        width: 95%;
        margin-bottom: 5%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    #fp-features {
        width: 95%;
        padding: 40px;
    }

        #fp-features ul {
            list-style-type: none;
            grid-template-columns: 95%;
            text-align: center;
            margin-top: 0;
        }

        body#amenities #wide-slider {
            margin-bottom: 30px;
        }

        #wide-slider .flex-direction-nav {
            display: none;
        }

            .wide-slider ul li img {
                width: 100%;
            }

            .feature-box {
                width: 95%;
                margin-right: auto;
                margin-left: auto;
            }

            .feature-box ul {
                grid-template-columns: 95%;
                list-style-type: none;
                text-align: center;
            }

    #gallery .one-third.gallery {
        width: 95%;
        margin: 0 auto 5%;
    }

    /* Amenities
    ---------------------------------*/

    #amenities p {
        text-align: left;
    }

    #amenities ul li {
        text-align: left;
        line-height: 1.4em;
        margin-bottom: 8px;
    }


    /* Contact Page
    ---------------------------------*/
    .contact-wrap p {
        padding-left: 0;

    }

    /* Virtual Tour
    ---------------------------------*/

    #virtual-tour .section-intro p {
        margin-left: 0;
    }

    /* Footer
    ----------------------------------*/

    #contact-container.foot-contact {
        background: url(../img/dark_fish_skin.png);
    }

    #contact-container.foot-contact #contact-content {
        padding-bottom: 20px;
    }

    #contact-container .foot-brand {
        margin-bottom: 40px;
    }

    #contact-container .social-block {
        text-align: center;
        margin-bottoM: 30px;
        margin-top: 15px;
    }

        #contact-container .social-block a {
            display: inline-block;

        }

    #contact-container.foot-contact #foot-tour-request input.one-half {
        width: 100%;
    }

    #contact-container.foot-contact .foot-logo {
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    #contact-container .foot-info-box {
        float: none;
        text-align: center;
        padding-top: 20px;
    }

    #contact-container .foot-info-box a {
        display: inline-block;
        text-align: center;
        float: none;
        margin-right: 10px;
        margin-left: 10px;
    }

    #contact-container.foot-contact h3.by {
        margin-top: 40px;
    }

    #contact-container.foot-contact #foot-tour-request #form-submit {
        width: 100%;
    }

    #contact-container.foot-contact p, #contact-container.foot-contact a {
        color: #fff;
        padding-left: 0;
        padding-right: 0;
    }
    

    /* Contact Page
    ------------------------------*/

    .contact-form .one-half, .contact-form input.half-width {
        width: 100%;
    }
	
	#rp-container {
		display: block;
	}
}