#mobile-search {
    display: none !important;
}

#loader {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(49, 49, 49, 0.5);
    z-index: 1010;    
}
    #loader .loader-image {
        background: url(/content/images/logo-blue.png) no-repeat;
        width: 95px;
        height: 95px;
        margin: 70% auto;
        animation-name: pulse;
        animation-iteration-count: infinite;
        animation-duration: 1s;
        animation-timing-function: ease-out;
        background-color: rgb(21, 101, 165);
        border-radius: 15px;
        box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.7);
        background-position-y: 5px;
    }

@keyframes pulse {
    0% {
        opacity: .5;
    }

    10% {
        opacity: .7;
    }

    20% {
        opacity: .9;
    }
    50% {
        opacity: 1;
    }
    
    70% {
        opacity: .9;
    }
    80% {
        opacity: .7;
    }
    100% {
        opacity: .5;
    }
}

/* mobile protrait layout */
@media only screen and (max-width: 1000px) {
    .nhd-button span {
        display: inline;
    }

    .search-icon {
        position: absolute;
        right: 60px;
        top: 22px;
    }

    .blogroll {
        margin: 10px !important;
    }


    #header .logo {
        float: none;
        padding-top: 0px;
        padding-left: 20px;
        margin: 0 auto;
        width: 80%;
        position: relative;
    }

        #header .logo a {
            left: 40px;
            position: absolute;
        }

    .navigation .menu-tab a {
        text-decoration: none;
        padding: 10px 10px 10px 0px;
    }

    .listingForGrid {
        /*height: 415px;*/
    }


        .listingForGrid .header {
            height: 40px;
            padding: 0;
        }

        .listingForGrid .galleryz .label {
            bottom: 12px;
        }

        .listingForGrid .galleryz .image .previous {
            background: url(/Content/images/arrows.png) no-repeat 0 47%;
            height: 60%;
        }

        .listingForGrid .galleryz .image .next {
            background: url(/Content/images/arrows.png) no-repeat -56px 47%;
            height: 60%;
        }

    .listingsForGrid .gridRow {
        padding-left: 10px;
        width: 99%;
        margin: 0 auto;
    }

    .listingForGrid .header > .heading {
        margin-bottom: 0px !important;
    }

    .listingForGrid .header > h3 > a {
        font-size: 13px !important;
    }

    .listingForGrid .header > h4 > span {
        font-size: 9px !important;
    }

    .listingForGrid .header {
        line-height: normal;
    }

    .listingForGrid .properties h3 {
        font-size: 12px;
    }

    .listingForGrid .properties ul li {
        line-height: 15px;
        cursor: pointer;
    }

    .communities .responsive-header {
        display: none;
    }

    .visit-map-button {
        display: inline-block !important
    }

    .listingForGrid .grid-footer {
        position: absolute;
        margin-top: 10px;
        bottom: 5px;
    }

    #about-content {
        width: 95%;
        margin: auto;
    }

        #about-content .links {
            display: flex;
            width: 100%;
            flex-wrap: wrap;
        }

            #about-content .links .group {
                margin-bottom: 10px;
                margin-right: 10px;
            }

    .menu-mobile-dropdown,
    #menu-mobile,
    #social_container_mobile,
    .closeMenu,
    #mobile-map-filter-area,
    #map-filters,
    .mobile-show {
        display: block;
    }

    .communities {
        left: -4px;
        position: relative;
    }

    #pageflip {
        display: none;
    }

    .clearfix {
        display: block;
    }

    html, body {
        overflow-x: hidden;
    }

    #wrapper {
        width: 100%;
        margin: 0 auto 0 auto;
        text-align: left;
        position: relative;
        padding: 0 0 0 0;
        overflow: hidden;
    }

    #social_header {
        display: none;
    }

    .logo img {
        height: auto;
        width: 205px;
    }

    img {
        height: auto;
    }

    .community-image {
        width: 50px;
    }

    #content {
        padding: 5px 5px 5px 5px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        height: auto;
        overflow: hidden;
        position: relative;
        padding-top: 100px;
    }

        #content > .header {
            width: 98%;
        }


        #content .header a {
            position: relative;
        }

        #content .header h2 {
            margin: 0 auto;
            top: -5px;
            position: relative;
        }
    /* HEADER */
    #header {
        height: 75px !important;
        padding-top: 5px;
        position: fixed;
        top: 0;
        width: 100%;
        clear: both;
        z-index: 1000;
        border-radius: 0px 0px 0px 0px;
        box-shadow: rgba(0,0,0,.156863) 0 2px 10px 0;
    }

        #header .content .heading,
        #header .content h1 {
            display: none;
        }

        #header .content {
            display: none;
        }

    .builders, .views {
        display: none;
    }

    .market-watermark img {
        height: 50%;
    }

    .listingForGrid .social {
        display: none;
    }

    .social-networks {
        padding: 10px 0px 0px 7px;
        height: 65px;
        width: 93%;
        margin: 10px;
    }

        .social-networks > div {
            width: 280px;
            margin: 0 auto;
            height: 100%;
            display: block;
        }

        .social-networks a {
            height: 50px;
            width: 44px;
            margin-right: 12px;
        }

        .social-networks .icon {
            height: 55px;
            width: 55px;
            background-size: 440px;
        }

        .social-networks .fb {
            background-position: -16px -70px;
        }

            .social-networks .fb:hover {
                background-position: -16px -6px;
            }

        .social-networks .twitter {
            background-position: -83px -70px;
        }

            .social-networks .twitter:hover {
                background-position: -83px -6px;
            }

        .social-networks .pinterest {
            background-position: -155px -70px;
        }

            .social-networks .pinterest:hover {
                background-position: -155px -6px;
            }

        .social-networks .googleplus {
            background-position: -225px -70px;
        }

            .social-networks .googleplus:hover {
                background-position: -225px -6px;
            }

        .social-networks .ig {
            background-position: -297px -70px;
        }

            .social-networks .ig:hover {
                background-position: -297px -6px;
            }

        .social-networks .linkedin {
            background-position: -370px -70px;
        }

            .social-networks .linkedin:hover {
                background-position: -370px -6px;
            }


    /* builder table */
    .table {
        border-top: 1px solid #a1c7ed;
        border: 1px solid #cfcfcf;
        text-align: center;
        display: block;
    }

    .tableheader {
        text-align: center;
    }

        .tableheader ul li {
            padding-left: 0px;
        }

    .tablecontent {
        padding-left: 0px;
        display: block;
        width: 100%;
    }

        .tablecontent div {
            border-bottom: none;
            padding-bottom: 3px;
        }

            .tablecontent div:nth-child(1) {
                overflow: hidden;
                width: auto;
            }



            .tablecontent div:nth-child(2),
            .tablecontent div:nth-child(3) {
                text-align: left;
                padding-left: 0;
                margin: 0 auto;
            }


    /* builder table */
    /* END */
    .mobile-menu-button-container {
        /* position: absolute; */
        bottom: 17px;
        margin-left: 10px;
        opacity: 1;
    }

    .mobile-menu-button {
        border: 1px solid #025d9f;
        float: left;
        margin-right: 10px;
        text-align: center;
        width: 100px;
    }

        .mobile-menu-button a {
            color: #fff;
            font-size: 14px !important;
        }


    .menu-item {
        display: none !important;
    }

    #social_container_mobile {
        text-align: center;
        clear: left;
        display: block;
        width: 89%;
    }

    #social_header_mobile {
        width: 110%;
        margin: 0 auto;
    }

        #social_header_mobile li {
            display: inline;
            padding-right: 5px;
        }

    #social_google div iframe {
        height: 20px !important;
    }

    .search {
        width: 86% !important;
        margin-left: 10px;
    }

    .search-window {
        top: 90px;
        width: 80% !important
    }

        .search-window .container {
            width: 90%;
        }

            .search-window .container input[type=text] {
                width: 80%;
            }
    /* NAVIGATION */
    #navigation,
    #subnavigation {
        display: none;
    }

        #subnavigation .navigation {
            top: 80px;
        }

    #subnavigation-links {
        display: block;
        margin-bottom: 10px;
        padding: 29px;
        width: 350px;
        margin: 0 auto;
        padding-right: 0;
        margin-top: 0;
        padding-top: 10px;
    }

        #subnavigation-links li:first-child {
        }


    .navigation {
        display: block;
        width: 100%;
        height: 100%;
        text-align: left;
    }

        .navigation ul {
            width: 100% !important;
        }

        .navigation li {
            background: none !important;
            border: none !important;
            padding-bottom: 5px;
        }

        .navigation ul li a {
            color: white !important;
            font-size: 12px !important;
            line-height: 12px !important;
            padding: 5px !important;
        }

        .navigation .menu-tab {
            float: none;
            /* border-bottom: 1px solid black; */
            background-color: #025d9f;
            border-radius: 5px 5px 0px 0px;
            border-left: 1px solid #cfcfcf;
            border-right: 1px solid #cfcfcf;
            border-top: 1px solid #cfcfcf;
            color: #ffffff;
            font-size: 14px;
            font-weight: bold;
            /* margin-right: 1px; */
            padding: 15px 7px;
            /*cursor: pointer;*/
            list-style: none;
            padding-right: 0;

        }

            .navigation .menu-tab select,
            .navigation .menu-tab a {
                color: #025d9f;
                font-size: 1.1rem;
            }

            .navigation .menu-tab select {
                margin-left: auto;
            }

    /* MOBILE MENU ITEMS */
    #navigation {
        display: none;
    }

    #menu-mobile {
        display: block;
        text-align: right;
        position: absolute;
        right: 0px;
        padding-top: 7px;
        z-index: 1000;
        top: 80px;
        width: 250px;
    }

    #menu-mobile-main {
        background-color: #ffffff;
        display: block;
        text-align: left;
        box-shadow: rgba(0, 0, 0, 0.22) -1px 6px 4px 0px;
        position: absolute;
        top: 75px;
        width: 412px;
        height: 360px;
        text-align: left;
        border-top: 0;
        right: -421px;
        /* border-top: 1px solid #6b97c1; */
    }

    /* hamburger menu*/
    .hamburger-menu {
        width: 25px;
        height: 25px;
        position: fixed;
        top: 25px;
        right: 20px;
    }

        .hamburger-menu button {
            background-color: transparent !important;
            border: none !important;
            padding: 0px !important;
            display: block;
            position: relative;
            overflow: hidden;
            margin: 0;
            padding: 0;
            width: 25px;
            height: 20px;
            font-size: 0;
            text-indent: -9999px;
            box-shadow: none;
            border-radius: 0px;
            border: none;
            cursor: pointer;
            transition: background 0.3s;
        }

        .hamburger-menu span {
            top: 10px;
            right: 0px;
        }

            .hamburger-menu span,
            .hamburger-menu span:before,
            .hamburger-menu span:after {
                background-color: #025d9f;
                content: "";
                display: block;
                height: 2px;
                left: 0;
                width: 100%;
                height: 2px;
                position: absolute;
                transition-property: top, transform;
                transition-duration: 0.3s, 0.3s;
                border-radius: 0px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
            }

        .hamburger-menu span {
            transition-delay: 0.3s, 0s;
        }

            .hamburger-menu span:before {
                top: -7px;
            }

            .hamburger-menu span:after {
                bottom: -7px;
            }

            .hamburger-menu span, .hamburger-menu span:before, .hamburger-menu span:after {
                transition: all 500ms ease-in-out;
            }

        .hamburger-menu.active span {
            background-color: transparent;
        }

            .hamburger-menu.active span:before,
            .hamburger-menu.active span:after {
                top: 0;
            }

            .hamburger-menu.active span:before {
                transform: rotate(45deg);
            }

            .hamburger-menu.active span:after {
                transform: rotate(-45deg);
            }

    #menu-mobile a {
        text-decoration: none;
    }


    .menu-mobile-link,
    .menu-mobile-sublink-parent {
        font-weight: bold !important;
        /*font-size: 8px !important;*/
        background: none !important;
        border: none !important;
        color: #025d9f !important;
        text-transform: none !important;
    }

        .menu-mobile-sublink-parent > ul {
            background-color: white !important;
            line-height: 5px;
        }

        .menu-mobile-sublink-parent ul {
            left: 130px !important;
            top: 3px !important;
            background: none !important;
            border: none !important;
            min-width: inherit !important;
        }


    /* mobile drop downs */
    .menu-mobile-dropdown-filter,
    .menu-mobile-dropdown-filter option,
    .menu-mobile-dropdown,
    .menu-mobile-dropdown option {
        background-color: transparent;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        color: #025d9f;
        padding-left: 0px;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        display: block;
        width: 100%;
    }

        .menu-mobile-dropdown-filter option,
        .menu-mobile-dropdown option {
            background-color: #ffffff;
            border: none;
        }




    /* GRID LISTINGS */
    #grid-view, #grid-view-mma {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .listingsForGrid {
        margin: auto !important;
        width: 400px;
        height: 100%;
    }

    .listingForGrid {
        width: 175px !important;
        margin: 10px 10px !important;
    }

        .listingForGrid .content {
        }

            .listingForGrid .content .community {
                text-align: center;
            }

                .listingForGrid .content .community .community-link {
                    padding: 7px;
                }

        .listingForGrid .lazy {
            width: 175px !important;
        }

        .listingForGrid .pin {
            height: auto;
            width: 45px !important;
        }

        .listingForGrid .visit-map-button {
            height: 27px;
        }

        .listingForGrid img {
        }

        .listingForGrid .galleryz {
            height: 102px !important;
        }

    .mobile-hide {
        display: none;
    }

    .listingForGrid .properties {
        margin-top: 1%;
    }

    .visit-button {
        /*position: inherit !important;*/
        margin-top: inherit;
        margin-left: inherit;
        margin-right: inherit;
        height: 27px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
    }

    .visit-links-panel {
        width: 100%;
        text-align: center;
        position: absolute;
        left: 2px;
        bottom: 0;
        display: block;
    }
        .visit-links-panel div:first-of-type {
            width: 100%;
        }
    .nhd-button {
        display: block !important;
    }

    .siteIndex .markets,
    .siteIndex .builders,
    .siteIndex .nation-builders,
    .siteIndex .states {
        width: 175px;
        margin-bottom: 10px;
    }

    .siteIndex a {
        padding: 5px;
    }

    .builder-header .container {
        margin-right: 15px;
    }

        .builder-header .container h2 {
            width: 200px;
        }
    /*FOOTER */
    #footer {
        position: relative;
        padding: 10px;
        padding: 20px 10px;
        margin-bottom: 0;
    }

        #footer .links div {
            margin-bottom: 5px;
        }

            #footer .links div:nth-child(5) {
                float: left;
                clear: both;
                margin-right: 8px;
            }

        #footer .directories {
            /* width: 320px; */
            margin-top: 10px;
        }

        #footer .copyright {
            text-align: center;
        }
    /* google map*/
    .google-map-wrapper {
        position: fixed !important;
        width: 93% !important;
        height: 350px !important;
        z-index: 1000000;
    }

        .google-map-wrapper .close {
            width: 100% !important;
            position: relative !important;
            font-size: 14px;
        }

        .google-map-wrapper .google-map-simple {
            position: relative;
            width: 100% !important;
            height: auto !important;
            top: 7% !important;
        }

    #map-view {
        display: none;
        width: 90%;
        margin: auto;
        height: 530px;
        margin-bottom: 20px;
    }

    .google-map {
        /* width: 100% !important; */
    }


    .marketing {
        display: none;
    }

    .filter-container {
        display: none;
        position: fixed;
        bottom: 0;
        background-color: white;
        right: 0;
        width: 135px !important;
    }

    .showFilters {
        display: block;
        width: 100% !important;
    }

    filters-mobile, .filters {
        width: 65%;
        margin: auto;
    }

        filters-mobile div, .filters div {
            float: left;
        }

    #mobile-map-filter-area {
        height: 49px;
    }

        #mobile-map-filter-area div:nth-child(1) {
            float: left;
            padding-top: 15px;
            padding-left: 5%;
            width: 65%;
            height: 66%;
        }

        #mobile-map-filter-area div:nth-child(2) {
            float: right;
            position: absolute;
            right: 0;
        }

    #map-filters, .filters {
        display: none;
    }

    p#vtip {
        display: none;
        position: absolute;
        padding: 5px;
        left: 5px;
        font-size: 0.8em;
        background-color: white;
        border: 1px solid #a6c9e2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        z-index: 9999;
    }

        p#vtip #vtipArrow {
            position: absolute;
            top: -10px;
            left: 5px;
            width: 15px;
            height: auto;
        }

    .mobile-show {
        display: block;
    }

    #mma-filter-container {
        width: 103%;
        color: #025d9f;
        font-size: 14px;
        font-family: 'Roboto', sans-serif !important;
        top: -20px;
        left: -5px;
        /*margin-bottom: 10px !important;*/
        position: relative;
    }        
        #mma-filter-container .page-header {
            margin: 0px;
            text-align: center;
            background-color: #025d9f;
            color: white;
            font-size: 22px;
            padding: 20px 15px;
        }

    .homeTypeItem {
        width: 170px;
    }

    .greenText, .greenHeader {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1em;
    }

    .builder-header {
        float: none;
    }

    .home-types.last-child {
        width: 100%;
    }

    #nhdBuilders ul li {
        vertical-align: top;
    }

    .market-watermark img {
        height: 35% !important;
    }

    .home {
        margin: auto 19px;
    }

    table.communities {
        width: 100%;
    }

    .homeTypeMainContainer {
        column-count: 3;
        -moz-column-count: 3;
        -webkit-column-count: 3;
    }

    .homeTypeItem {
        width: auto;
    }

    .linkContainer {
        margin-left: 5px;
    }
        .linkContainer ul {
            width: 100px;
        }
    .mobile-filter {
        height: 50px;
        width: 100%;
        top: 0;
        transition: top .3s ease-in-out;
        background-color: white;
        z-index: 990;
        box-shadow: 0 4px 8px -2px rgba(0,0,0,.4);
    }

        .mobile-filter > div {
            right: 7px;
            position: absolute;
            display: flex;
            padding-top: 12px;
            padding-right: 10px;
        }

        .mobile-filter .filter,
        .mobile-filter .map {
            /* background-image: url(/content/images/layout/grid-button-sprite.png); */
            width: 24px;
            height: 24px;
            background-position-y: 55px;
        }

        .mobile-filter .filter {
            background-position-x: -23px;
        }

            .mobile-filter .view-option > span {
                display: block;
                font-size: 16px;
                font-weight: bold;
            }


        .mobile-filter .view-option {
            display: flex;
            margin-right: 7px;
        }
            .mobile-filter .view-option.mapview {
                margin-right: 4px;
            }
            .mobile-filter .view-option span {
                padding-top: 7px;
                color: #025d9f;
            }

            .mobile-filter .view-option .map.gridview {
                background-position-y: 26px;
                width: 28px;
                margin-right: 3px;
            }
             
                .mobile-filter .view-option.filterview.active .filter {
                    background-position-x: -45px;
                    background-position-y: 29px;
                }

        .mobile-filter.active {
            position: fixed;
            background-color: white;
            top: 79px;
        }
        #content .mma-header.city-filter-header {
            width: 70px;
            display: inline-block;
            padding: 0.2rem 1rem;
            position: relative;
            /* border: 1px solid rgba(0,0,0,.4); */
            border-radius: 2px;
            top: 8px;
            height: auto;
            color: #025d9f;
        }
            #content .mma-header.city-filter-header .mobile-filter {
                box-shadow: unset;
                height: 40px;
            }
        .filter-area {
        display: none;
        position: fixed;
        top: 0;
        height: 0;
        background-color: white;
        z-index: 1000;
        width: 100%;
        /* transition: all 1s cubic-bezier(0.18, 0.9, 0.58, 1); */
        left: 0;
    }
    
        .filter-area .label {
            height: 75px;
        }
            .filter-area .label .search-closer span:before,
            .filter-area .label .search-closer span:after {
                background-color: #025d9f;
            }            
        .filter-area .label > div {
            padding-top: 25px;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
        }
    
    .filter-cont .filter-item.last-item {
        margin-bottom: 40px;
    }
                
    .filter-item {
        margin: 20px 27px 0px 27px; 
        display: grid;
    }
        .filter-item .heading { 
            font-weight: 700;
            font-size: 12px;
        }
        .filter-item ul li input[type='text'] {
            font-family: 'Roboto', sans-serif !important;
        }
        .filter-item label {
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 10px;
        }
        .filter-item .options {
            min-height: 30px;            
            border-radius: 2px;
            position: relative;
            display: flex;
            padding: 2px;
            box-shadow: 0px 0px 3px 0 rgba(0,0,0,.2), 0px 0px 1px 0px rgba(0,0,0,.14), 2px 4px 1px -1px rgba(0,0,0,.12);
        }
            .filter-item .options > div:first-of-type {
                margin-top: 7px;
                margin-left: 17px;
                margin-bottom: 7px;
                width: 85%;
                line-height: 15px;
            }
            .filter-item .options .filter-selection {
                padding: 7px;
                position: relative;
                font-weight: bold;
                background-image: url(/content/images/layout/grid-button-sprite.png);
                height: 16px;
                background-position-y: 70px;
                background-position-x: -66px;
                background-size: 130px;
                margin: auto;
                width: 14px;
                margin-right: 0;
            }
        .filter-item .range-slider {
            width: 100%;
            left: -3px;
        }
    .filter-item .range-label { 
        background-color: white;
    }
    
    /*#mma-filter-container > div.filter-area > div:nth-child(2) > div.button-container  {
        display: flex;
        box-sizing: border-box;
        margin: 10px 20px;
        bottom: -40px;
        position: relative;
    }*/

    .filter-area .button-container {
        display: flex;
        box-sizing: border-box;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background-color: white;
        height: 70px;
        padding: 13px 17px;
        box-shadow: 0px -2px 3px 0 rgba(0,0,0,.2), 0px -3px 1px 0 rgba(0,0,0,.14), 0px 0px 1px -1px rgba(0,0,0,.12);
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }        
    .filter-area .nhd-button { 
        width: 50%;
        height: 40px;
    }

    .noscroll {
        overflow: hidden;
        position: fixed;
        top: 0;
        bottom: 0;
    }
    .filter-area ul {
        margin-right: 20px;
    }
    .filter-area .filter-item li {
        width: auto;
    }
    .filter-selection-container {
        display:none;
        position:fixed;
        left: 0;
        height: 0px;
    }

        .filter-selection-container .home-type-filter,
        .filter-selection-container .amenities-filter,
        .filter-selection-container .school-district-filter,
        .filter-selection-container .cities-filter {
            margin: 20px;
            display: grid;
        }
            .filter-selection-container .home-type-filter li,
            .filter-selection-container .amenities-filter li,
            .filter-selection-container .school-district-filter li,
            .filter-selection-container .cities-filter li{
                margin: 10px 0;
                border-bottom: 1px solid #b1b1b0;
                padding-bottom: 15px;
                width: 100%;
            }

                .filter-selection-container .home-type-filter li span,
                .filter-selection-container .amenities-filter li span{
                    margin-left: 20px;
                }

    #mma-filter-container .viewall {
        background-color: #025d9f;
        color: white;
        width: 100%;
        padding: 0px 5px 15px 5px;
        display: block;
        text-align: center;
        top: -8px;
        position: relative;
    }
    .filter-cont {
        background-color: white;
        overflow-x: scroll;
        height: calc(100% - 45px);
        position: relative;
        top: 2px;
    }
}

/* hacks for odd behavior with certain pages*/
@media only screen and ( max-width: 374px) {
    
   .listingsForGrid {
        width: 65%;
        margin: 0 auto!important;        
    }
   
     table.communities {
        width: 750px;
    }  
    .logo img {        
        width: 60%;
    }
    #header .logo a {
        top: 10px;        
    }
    .home {
        margin: auto;
    }
     .social-networks {
        padding: 10px 0px 0px 7px;
        height: 52px;
        
    }
   
    .social-networks a {
        height: 40px;
        width: 40px;
        margin-left: 1px;
        margin-right: -1px;
        display:inline-block;
    }
   .social-networks .icon {
        height: 40px;
        width: 40px;
        background-size: 315px;
    }

    .social-networks .twitter {
        background-position: -61px -48px;
    }
    .social-networks .fb {
        background-position: -11px -48px;
    }
    .social-networks .pinterest {
        background-position: -111px -48px;
    }
    .social-networks .googleplus {
        background-position: -164px -48px;
    }
    .social-networks .ig {
        background-position: -214px -48px;
    }
    .social-networks .linkedin {
        background-position: -265px -48px;
    }
    
    .social-networks .fb:hover{          
         background-position: -11px -2px; 
    }
    .social-networks .twitter:hover{     
         background-position: -60px -2px; 
    }
    .social-networks .pinterest:hover{     
         background-position: -110px -2px; 
    }
    .social-networks .googleplus:hover{     
         background-position: -161px -2px; 
    }
    .social-networks .ig:hover{     
         background-position: -214px -2px; 
    }
    .social-networks .linkedin:hover{     
         background-position: -265px -2px; 
    }
    .search-window .container input[type=text] {
        width: 70%;
    }

}

@media only screen and (min-width: 375px) and ( max-width: 400px) {
  .listingsForGrid {
        width: 98%!important;        
    }
  .listingForGrid {
      /*height: 430px;*/
      width: 150px !important;
  }
  .listingForGrid .lazy {
    width: 155px !important;
}
    .columns.home .column {
        width: 200px;
    }
    table.communities {
        width: 750px;
    }
    .search-window .container input[type=text] {
        width: 70%;
    }
}

@media only screen and (min-width: 401px) and ( max-width: 560px) {
     
    .listingsForGrid .gridRow{
        width: 99%;
        margin: 0 auto;
    }

    .columns.home .column {
        width: 110px;
    } 
       
    table.communities {
        width: 750px;
    }           
}

@media only screen and (min-width: 561px) and ( max-width: 600px) {


    .listingsForGrid .gridRow {
        width: 100%;
        margin: 0 auto;
    }

    .listingForGrid {
        width: 170px !important;
    }

    .columns.home .column {
        width: 120px;
    }

    .communities .responsive-header:last-child {
        display: table-cell;
    }
    
     table.communities {
        width: 750px;
    }   
}

@media only screen and (min-width: 601px) and ( max-width: 785px)
 {
    .listingsForGrid{
        width: 600px!important;
    }        
       table.communities {
        width: 750px;
    }  
}

@media only screen and (min-width: 601px) and ( max-width: 785px) and (orientation: landscape) {
    
    
    .columns.home .column {
        width: 140px;
    }

    .communities .responsive-header {
        display: table-cell;
    }     
}

@media only screen and (min-width: 786px) and ( max-width: 840px) {
     
   .listingsForGrid{
        width: 600px!important;
    }
    .columns.home .column {
        width: 160px;
    }

    .communities .responsive-header {
        display: table-cell;
    }   
    .social-networks {
        width: 97%;        
    }
    table.communities {
        width: 750px;
    }   
}

@media only screen and (min-width: 841px) and ( max-width: 900px) {
     
    .listingsForGrid{
        width: 780px!important;
    }
     .listingsForGrid .gridRow{
        width: 90%;
        margin: 0 auto;
    }
    .columns.home .column {
        width: 180px;
    }

    .communities .responsive-header {
        display: table-cell;
    }
    .social-networks {
        width: 97%;        
    }  
   
}


@media only screen and (min-width:901px) and ( max-width: 1000px) and (orientation: landscape) {

    .listingsForGrid {
        width: 100% !important;
    }

    .columns.home .column {
        width: 200px;
    }

    .communities .responsive-header {
        display: table-cell;
    }        
}

/* hacks for odd behavior with certain pages*/
/* END */



/* mobile  layout */
@media only screen and (min-width:400px) and (max-width:1000px) {
    .navigation ul {
        width: 300px !important;
    }

    .navigation li {
        padding-bottom: 1px;
    }

    .closeMenu {
        margin-top: 5px;
    }

    .listingForGrid {
        
    }
   
        .listingForGrid .content {
            /*max-height: 365px !important;*/
        }

        .listingForGrid .galleryz {
        }

        .listingForGrid .lazy {
        }
        .listingsForGrid .gridRow { 
            overflow: initial;
        }

   
    #footer .directories {
        /* width: 300px; */
        margin-top: 0px;
    }

    #footer .links div {
        margin-right: 10px;
    }

        #footer .links div:nth-child(5) {
            clear: none;
        }

    .google-map-wrapper {
        width: 95% !important;
        height: 350px !important;
    }

        .google-map-wrapper .google-map-simple {
            width: 100% !important;
            top: 20px !important;
            height: auto !important;
        }

    .communities .responsive-header:last-child {
        display: table-cell;
    }
}

@media only screen and (min-width:400px) and (max-width:1000px) and (orientation: landscape) {
    #grid-view,
    #grid-view-mma {
        width: 90% ;
        margin: 0 auto;
    }
}

/* tablet or larger screen support non desktop----------- */
@media only screen and (min-width : 768px) and (max-width:1000px) {
    
    .google-map-wrapper {
        width: 95% !important;
        height: 450px !important;
        top: 7% !important;
    }

        .google-map-wrapper .google-map-simple {
            position: relative;
            width: 100% !important;
            height: auto !important;
        }

}