@media (max-width: 960px) {
    
    
    h1 {
        font-size: 28px !important;
        line-height: 38px !important;
        margin-bottom: 28px;
    }

    h2 {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    h3 {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    h5 {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    h6 {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .site-content {
        margin-top: -50px;
    }

    .container {
        width: 90%;
    }
    
    .side-section {
        width: 100% !important;
    }
    
    .header-nav {
        width: 100%;
    }
    
    .header-nav .navigation-wrapper {
        width: 100%;
    }

    .header-background {
        height: 450px;
    }

    .homepage .header-section {
        height: auto;
        margin-bottom: 50px;
    }

    .nav-toggle {
        top: -80px;
        right: 0;
    }
    
    .navbar .nav-wrapper {
        top: -62px;
        right: -70px;
    }

    .header-nav .logo-wrapper {
        width: 90px;
        height: 80px;
        margin-left: 25px;
    }

    .header-nav .text-logo {
        margin-left: 25px;
    }

    .header-nav .logo-wrapper img {
        width: 60px;
        margin-left: 15px;
        margin-top: 5px;
    }

    .navbar .nav-menu {
        width: 100%;
        height: 100vh;
        position: relative;
        top: -155px;
        right: 0;
        background-color: #0066B2;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        float: right;
        padding-bottom: 0;
        z-index: 10000;
    }
    
    .homepage .header-section .header-wrapper {
        width: 100%;
    }
    
    .homepage .header-section .button-wrapper {
        width: 100%;
    }
    
    .homepage .header-section button {
        width: 47.5%;
        height: 150px;
    }
    
    .homepage .header-section button i {
        margin: 0 auto;
        font-size: 36px;
        float: none;
        margin-top: 15px;
    }
    
    .homepage .header-section button p {
        text-align: center;
        font-size: 14px;
        float: none;
        margin-top: 10px;
    }

    .homepage .header-wrapper .button-wrapper a:nth-of-type(1) div p {
        margin-left: 0;
    }
    
    .homepage .header-wrapper .button-wrapper a div {
        width: 100%;
    }
  
    .homepage .header-section button:nth-of-type(1) {
        margin-right: 2.5%;
        float: left;
    }
    
    .homepage .header-wrapper .button-wrapper a:nth-of-type(2) div {
        width: 135px;
    }
    
    
    
    

    .bucket h2 {
        font-size: 18px;
        line-height: 24px;
    }
    
    #bucket-lg {
        width: 100%;
        height: 200px;
    }
    
    #bucket-md {
        width: 100%;
        height: 200px;
    }

    #bucket-sm {
        width: 48.75%;
        height: 200px;
    }
    
    .bucket .text-wrapper {
        padding: 5%;
    }

    #large-wrapper {
        width: 90%;
    }

    #medium-wrapper {
        width: 90%;
    }

    #small-wrapper {
        width: 45.75%;
    }
    
    .homepage .explore-section {
        margin-bottom: 55px;
    }
    
    .homepage .explore-section .bucket button {
        left: auto;
        top: auto;
        margin-top: -50px;
        margin-right: 10px;
        bottom: 0;
        float: right;
        cursor: pointer;
    }
    
    .explore-section .bucket p {
        font-size: 18px;
    }
    
    .explore-section .bucket:nth-of-type(1) p {
        text-align: left;
    }
    
    
    
    .homepage .explore-section .bucket:nth-of-type(2) {
        margin-top: 2.5%;
        margin-left: 0;
    }


    .homepage .explore-section .bucket:nth-of-type(3) {
        margin-top: 2.5%;
        margin-left: 2.5%;
    }

    .homepage .explore-section .bucket:nth-of-type(4) {
        margin-top: 2.5%;
        margin-left: 0;
        margin-right: 2.5%;
    }

    .homepage .explore-section .bucket:nth-of-type(5) {
        margin-top: 2.5%;
    }
    
    
    
    
    
    
    
    .homepage .news-section {
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .homepage .news-section .news-article {
        width: 100%;
        float: none;
    }


    .homepage .news-section .news-article:nth-of-type(1) {
        margin-right: 0;
    }
    
    
    
    
    
    
    
    
    .homepage .additional-section {
        width: 100%;
        height: 550px;
        float: none;
        margin-bottom: 0;
    }

    .homepage .additional-section .bucket:nth-of-type(1),
    .homepage .additional-section .bucket:nth-of-type(3) {
        margin-right: 2.5%;
    }

    .homepage .additional-section .bucket:nth-of-type(3),
    .homepage .additional-section .bucket:nth-of-type(4) {
        margin-top: 2.5%;
    }

    .homepage .additional-section .bucket button {
        margin-top: -50px;
        margin-right: 10px;
    }
    
    .homepage .additional-section .bucket p {
        display: none;
    }


    .homepage .facebook-widget {
        width: 302px;
        height: 530px;
        float: none;
        background-color: #eeeeee;
        margin: 0 auto;
        margin-top: -55px;
        margin-bottom: 25px;
    }
    
    .facebook-widget * {
       width: 100% !important;
    }
    
    .facebook-widget ._2p3a {
       width: 100% !important;
    }

    
    
    
    
    
    
    
    
    
    
    .footer .footer-wrapper {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .footer .footer-logo {
        float: none;
        position: relative;
        display: block;
        width: 250px;
        margin: 0 auto;
    }

    .footer .footer-logo img {
        float: left;
        width: 40px;
        margin-right: 18px;
        margin-top: -15px;
    }

    .footer .footer-logo p {
        margin-top: 20px;
    }

    .footer .link-wrapper {
        float: none;
        width: 292px;
        margin: 0 auto;
    }

    .footer .link-wrapper p {
        float: left;
        margin-right: 15px;
        margin-top: 20px;
    }

    .footer .link-wrapper i {
        float: left;
        margin-right: 25px;
        margin-top: 20px;
    }

    .footer p {
        font-size: 12px;
        line-height: 18px;
    }

    .footer .birdseed {
        text-align: center;
        padding: 0 15px;
    }
    
    
    
    
    
    
    
    
    .filter-section {
        width: 100%;
        margin: 0 auto;
        margin-top: 36px;
        float: none;
    }
    
    .open-houses .filter-section .filter {
        display: none;
        opacity: 0;
    }
    
    .filter-section .filter-btn {
        margin-top: 25px;
        display: block;
        float: right;
    }
    
    .filter-section .filter-btn.filter-active {
        background-color: #383838;
    }
    
    .filter-section .filter-btn.filter-active p {
        color: #ffffff !important;
    }
    
    
    
    
    
    
    
    

    .mobile-navigation {
        display: block;
        float: right;
        margin-bottom: 25px;
        display: block;
        position: relative;
        z-index: 28000;
    }
    
    .mobile-navigation.mobileNav-active {
        background-color: #383838;
    }
    
    .mobile-navigation.mobileNav-active i {
        color: #ffffff !important;
    }
    
    .navigation-list ul {
        margin-bottom: 75px;
        display: none;
        opacity: 0;
    }

    .navigation-list {
        width: 100% !important;
        float: right;
        margin-right: 0;
        margin-top: -15px;
    }

    .navigation-list .sidenav-wrapper {
        width: 90%;
    }
    
    .title-wrapper {
        float: left;
        width: 80%;
    }

    .realtors-care .navigation-list ul li p {
        width: 81.7%;
    }
    
    .top-btn {
        right: 20px;
    }
    
    
    
    
    
    /**********************
        OPEN HOUSES
    **********************/

    .open-houses .filter-section {
        margin-top: 25px;
    }

    
    .open-houses .listing-section {
        width: 100% !important;
    }
    
    .open-houses .view-option {
        display: none !important;
    }
    
    .open-houses .listing-section #list {
        display: none !important;
    }
    
    .open-houses .listing-section #grid {
        display: block !important;
        width: 100% !important;
        height: auto;
        padding-bottom: 15px;
        margin-right: 0;
        float: none;
        margin-bottom: 25px;
    }
    

    .open-houses .listing-section #grid .listing-image {
        width: 100%;
        height: 200px;
        background-color: #cccccc;
        left: 0;
        top: 0;
        overflow: hidden;
    }

    .open-houses .listing-section #grid .listing-image img {
        width: 100%;
        height: auto;

        transform-origin: center;
/*
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
*/
    }

    .open-houses .listing-section #grid .content .btn-wrapper button {
        float: right;
    }

    .open-houses .listing-section #grid .content .box {
        height: 110px;
        float: none;
    }
    
    .open-houses .listing-section #grid .content .mobile-grid-box {
        height: 190px !important;
    }

    .open-houses .listing-section #grid .content #box-lg {
        width: 100%;
        padding: 15px;
    }

    .open-houses .listing-section #grid .content #box-sm {
        width: 100%;
        padding: 15px;
    }
    
    
    
    
    /**********************
        OPEN HOUSES DETAILS
    **********************/
    
    .houses-detail .details-wrapper .box-row h1 {
        margin: 0;
    }

    .houses-detail .details-wrapper .box-row h2 {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }
    
    .houses-detail .details-area .grid-wrapper {
        margin: 0;
        width: 100%;
    }

    .houses-detail .details-area .grid-wrapper .details-content {
        width: 100%;
        min-height: 425px;
        margin: 0;
        margin-bottom: 25px;
    }
    
    .houses-detail .house-slider {
/*        height: 330px;*/
    }
    
    .houses-detail .slider-nav {
        display: none;
    }

    .house-slider .slick-prev {
        margin-left: 5px;
    }

    .house-slider .slick-next {
        margin-right: 5px;
    }
    
    .houses-detail .details-area .grid-wrapper .map-wrapper {
        width: 100%;
    }

    .desktop-map {
        display: none;
    }

    .mapmobilelink button {
        display: block;
    }
    
    .houses-detail .details-wrapper .box-row {
        width: 100%;
        height: 100% !important;
    }

    .houses-detail .details-wrapper .box-row .left {
        height: 100%;
    }

    .houses-detail .details-wrapper .box-row:nth-child(1) .left {
        background-color: #383838;
        padding: 25px;
        float: none;
        width: 100%;
    }

    .houses-detail .details-wrapper .box-row:nth-child(1) .right {
        background-color: #0171BB;
        padding: 25px;
        float: none;
        width: 100%;
    }

    .houses-detail .details-wrapper .box-row:nth-child(2) .left {
        padding: 25px;
    }

    .houses-detail .details-wrapper .box-row .right {
        height: 100%;
    }

    .houses-detail .details-wrapper .box-row:nth-child(2) .left {
        background-color: #cccccc;
        width: 60%;
        float: left;
    }

    .houses-detail .details-wrapper .box-row:nth-child(2) .right {
        background-color: #ffffff;
        width: 40%;
        float: right;
    }
    
    .houses-detail .amenities {
        padding-top: 30px;
        margin-top: 0;
    }

    .houses-detail .amenities i {
        font-size: 1.5rem;
        margin-top: 5px;
    }
    
    .houses-detail .amenities p {
        margin-top: 0;
    }
    
    
    
    
    
    
    
    /**********************
            REALTOR
    **********************/
    
    .realtor .realtor-option button {
        width: 49%;
    }
    
    .realtor .realtor-option button:nth-child(1) {
        margin-left: 1%;
        float: left;
    }
    
    .realtor .field-wrapper input:nth-child(1) {
        margin-bottom: 25px;
        margin-right: 0;
    }
    
    .realtor .field-wrapper input:nth-child(2) {
        margin-bottom: 25px;
    }
    
    
    
    
    
    
    
    
    .realtor .view-option {
        display: none !important;
    }
    
    .realtor .title-section h5 {
        margin-left: 135px;
    }
    
    .realtor #grid {
        display: block;
    }
    
    .realtor #list {
        display: none;
    }
    
    .realtor #grid .listing-grid {
        width: 100%;
        height: auto;
        float: none;
        clear: both;
        min-height: 425px;
    }
    
    .realtor #grid .listing-grid .top {
        width: 100%;
        height: 155px;
        float: none;
        clear: both;
    }

    .realtor #grid .listing-grid .top .left .top-box {
        height: 95px;
    }

    .realtor #grid .listing-grid .top .left .bottom-box {
        height: 60px;
    }

    .realtor #grid .listing-grid .middle {
        height: auto;
        min-height: 135px;
        clear: both;
    }

    .realtor #grid .listing-grid .bottom {
/*        min-height: 120px;*/
        clear: both;
    }

    .realtor #grid .listing-grid .top h5,
    .realtor #grid .listing-grid .middle h5,
    .realtor #grid .listing-grid .bottom h5 {
        font-size: 18px;
        line-height: 22px;
    }

    .realtor #grid .listing-grid .top h6,
    .realtor #grid .listing-grid .middle h6,
    .realtor #grid .listing-grid .bottom h6 {
        font-size: 14px;
        line-height: 18px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .brokerage .view-option {
        display: none !important;
    }
    
    .brokerage #grid {
        display: block;
    }
    
    .brokerage #list {
        display: none;
    }
    
    .brokerage #grid .listing-grid {
        width: 100%;
        height: auto;
        float: none;
        min-height: 425px;
        clear: both;
    }
    
    .brokerage #grid .listing-grid .top {
        width: 100%;
        height: 155px;
        float: none;
        clear: both;
    }

    .brokerage #grid .listing-grid .top .left .top-box {
        height: 95px;
    }

    .brokerage #grid .listing-grid .top .left .bottom-box {
        height: 60px;
    }

    .brokerage #grid .listing-grid .middle {
/*        min-height: 120px;*/
        clear: both;
    }
    
    .brokerage #grid .listing-grid .middle .right {
        display: none;   
    }

    .brokerage #grid .listing-grid .bottom {
/*        min-height: 100px;*/
        clear: both;
    }

    .brokerage #grid .listing-grid .top h5,
    .brokerage #grid .listing-grid .middle h5,
    .brokerage #grid .listing-grid .bottom h5 {
        font-size: 18px;
        line-height: 22px;
    }

    .brokerage #grid .listing-grid .top h6,
    .brokerage #grid .listing-grid .middle h6,
    .brokerage #grid .listing-grid .bottom h6 {
        font-size: 14px;
        line-height: 18px;
    }
    
    
    
    
    
    
    
    
    .realtors-care .side-section img {
        width: 90%;
    }
    
    .careBucket1 {
        margin-bottom: 25px;
        margin-right: 0;
    }
    
    
    
    
    
    
    
    
    
    .newsroom .newsroom-section {
        width: 100%;
    }
    
    .newsroom .newsroom-section .newsroom-content {
        width: 100%;
    }
    
    
    
    
    .newsroom .news-listing {
        width: 100%;
    }
    
    .newsroom .news-listing .news-article {
        width: 100%;
        margin-left: 0;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    
    
    
    
    
    
    
    /***********************
            Brokerage
    ************************/
    
    
    .brokerage #list {
        display: none !important;
    }
    
    
    .brokerage #grid {
        display: block !important;
    }
    
    .brokerage #grid .listing-grid {
        width: 100%;
        height: auto;
        float: none;
        min-height: 335px;
        clear: both;
    }
    
    .brokerage #grid .listing-grid .top {
        width: 100%;
        height: 155px;
        float: none;
        clear: both;
    }
    
    
    
    /***********************
            Contact
    ************************/
    
    .contact .left {
        width: 100%;
        float: none;
    }
    
    .contact .right {
        width: 100%;
        float: none;
    }
    
    
    
    /***********************
             Tools
    ************************/
    
    .currencyinput input {
        width: 94%;
    }


    .collapsable-table:before {
        margin-left: 180%;
        top: 42px;
    }
    
    

    .container table tr:nth-child(1) td {
        font-weight: bold;
        font-size: 16px;
    }


    
    .collapsable-table:before {
        margin-left: 180%;
        top: -5px;
    }

    .collapsable-table:hover:before {
        background-color: #F7D03D;
        color: #383838;
    }
    
    
}