@media screen and (min-width:320px){
    /* Set Global */
    body {
        color:rgba(65, 65, 65, 1);
        font-family: 'Open Sans', sans-serif;
        font-size:15px;
        font-weight:400;
        line-height:1.75;
    }

    #esperance {
        background-color: rgba(255, 255, 255, 1);
    }

    .btn {
        background-color:rgba(167, 132, 26, 1);
        border-color:rgba(167, 132, 26, 1);

    }

    .btn:hover {
        background-color:rgba(0, 0, 36, 1);
        border-color:rgba(255, 255, 255, 1);
    }

    hr {
        border-top-color:rgba(220, 220, 220, 1);
    }

    /* Set Typography */
    .heading-section {
        color: rgba(255, 255, 255, 1);
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    .content-section {
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    .heading-qs-slide {
        color: rgba(255, 255, 255, 1);
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        letter-spacing: 0.75px;
    }

    .listing-intro {
        color: rgba(0, 0, 36, 1);
        font-family: 'Playfair Display', serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.5px;
    }

    /* Forms */
    #esperance #formsWrapper {
        background-color:rgba(240, 240, 240, 1);
    }


    #esperance #formsWrapper .heading-section {
        color:rgba(167, 132, 26, 1);
    }

    form li input[type='radio']:hover::before {
        background-color:rgba(167, 132, 26, 1);
    }

    form li input[type='radio']:after {
        background-color:rgba(255, 255, 255, 1);
        border-color: rgba(167, 132, 26, 1);
    }


    form li input[type='radio']:checked::after {
        background-color:rgba(167, 132, 26, 1);
        color: rgba(255, 255, 255, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #rightColumn {
        background-color:rgba(255, 255, 255, 1);
        border-color:rgba(200, 200, 200, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn {
        background-color: rgba(0, 0, 36, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn .heading-section  {
        color:rgba(255, 255, 255, 1);
    }

    #quicksearch li.search button {
        border-color:rgba(167, 132, 26, 1);
    }

    #quicksearch li.search button:hover {
        background-color:transparent;
        border-color:rgba(167, 132, 26, 1);
    }

    /* Contact */
    form li .form-control {
        background-color:rgba(235, 235, 235, 1);
    }

    #mailSubscription li.submit input[type="submit"],
    #esperance #homeFeatureListings #quicksearch li.search button[type="submit"] {
        border:0;
    }

    #mailSubscription li.submit:before {
        background-color:rgba(255, 255, 255, 1);
        border-left-color:rgba(200, 200, 200, 1);
    }

    #mailSubscription li.submit:hover input[type="submit"],
    #esperance #homeFeatureListings #quicksearch li.search:hover button[type="submit"] {
        color: rgba(0, 0, 36, 1);
    }

    /* Mail Subscription */
    #MailingList .form-control{
        background-color:rgba(255, 255, 255, 1);
        border:1px solid rgba(215, 215, 215, 1);
    }

    /* Typography */

    /* Set Header */
    #esperance #headerWrapper {
        border-bottom-color:rgba(235, 235, 235, 1);
    }

    #esperance #headerWrapper a .text-logo {
        color:rgba(0, 0, 36, 1);
        font-family: 'Playfair Display', serif;
        font-size:24px;
        font-weight:400;
    }

    #esperance #headerWrapper .header_office_phone > a {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #headerWrapper .header_office_phone > a:hover {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #headerWrapper #js-mobileNavBTN:hover,
    #esperance #headerWrapper #js-mobileNavBTN:focus,
    #esperance #headerWrapper #js-mobileNavBTN:hover {
        background-color:transparent;
    }

    #esperance #headerWrapper #navbar {
        background-color: rgba(0, 0, 36, 0.8);
    }

    #esperance #headerWrapper #navbar #nav > li {
        border-bottom-color:rgba(167, 132, 26, 1);
    }

    #esperance #headerWrapper #navbar #nav li > a {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #headerWrapper #navbar #nav li > a:hover,
    #esperance #headerWrapper #navbar #nav li.active > a,
    #esperance #headerWrapper #navbar #nav li.open > a {
        background-color:rgba(167, 132, 26, 1);
    }

    #esperance #headerWrapper #navbar #nav li > .dropdown-menu {
        background-color: rgba(255, 255, 255, 1);
    }

    #esperance #headerWrapper #navbar #nav li > .dropdown-menu li > a {
        border-bottom:1px solid rgba(167, 132, 26, 1);
        color:rgba(0, 0, 36, 1);
    }

    #esperance #headerWrapper #navbar #nav li > .dropdown-menu li > a:hover {
        background-color:transparent;
        color:rgba(167, 132, 26, 1);
    }

    #esperance #headerWrapper.dark {
        background-color:rgba(0, 0, 36, 1);
    }

    #esperance #headerWrapper.dark a .text-logo {
        color:rgba(255, 255, 255, 1);
    }

    /* Homepage Slider */
    #esperance #homePageSlider .imgWrapper .sliderText {
        color:rgba(255, 255, 255, 1);
        font-family: 'Playfair Display', serif;
        font-size:42px;
        font-weight:700;
    }

    /* Home Search */
    #esperance #searchWrapper {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #searchWrapper .nav-tabs li a {
        background-color:rgba(0, 0, 36, 0.65);
        color:rgba(255, 255, 255, 1);
    }

    #esperance #searchWrapper .nav-tabs li.active a,
    #esperance #searchWrapper .nav-tabs li.active a:hover,
    #esperance #searchWrapper .nav-tabs li a:hover {
        background-color:rgba(167, 132, 26, 1);
        color:rgba(255, 255, 255, 1);
    }

    #esperance #searchWrapper .tab-content {
        background-color:rgba(0, 0, 36, 1);
    }

    /* Home Feature Listings */
    #esperance #homeFeatureListings {
        background-color:rgba(0, 0, 36, 1);
    }

    /* Home Content */
    #esperance #homeContent .heading-section {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #homeContent #right-column:before {
        border-left-color:rgba(0, 0, 36, 1);
    }

    /* Home Wanted Listings */
    #esperance #homeWantedListings {
        background-color:rgba(0, 0, 36, 1);
    }

    #esperance #homeWantedListings .first .wantedModuleWrapper .listing-intro {
        color:rgba(255, 255, 255, 1);
    }

    /* Listing Results */
    #esperance #listingResultsWrapper {
        background-color:rgba(245, 245, 245, 1);
    }

    #searchResultsWrapper {
        background-color:rgba(0, 0, 36, 1);
    }

    #searchResultsWrapper > .fa-times {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #listingResultsWrapper .heading-section {
        color:rgba(0, 0, 36, 1);
    }

    #searchResultsWrapper #quicksearch li label {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #listingResultsWrapper .js-searchBTN i,
    #esperance #listingResultsWrapper .js-searchBTN > h4 {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #listingResultsWrapper .js-searchBTN:hover i,
    #esperance #listingResultsWrapper .js-searchBTN:hover > h4 {
        color:rgba(0, 0, 36, 1);
    }

    /* Pagination */
    #esperance #listingResultsWrapper #paginationWrapper {
        border-top-color:rgba(220, 220, 220, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li {
        border-bottom-color:rgba(190, 190, 190, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li > a {
        color:rgba(165, 165, 165, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li:hover > a {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li.current {
        background-color:rgba(0, 0, 36, 1);
        border-bottom-color:rgba(155, 155, 155, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li.current:before {
        background-color:rgba(0, 0, 36, 1);
    }

    #esperance #listingResultsWrapper #paginationWrapper #pagination li.current > a {
        color:rgba(255, 255, 255, 1);
    }
    

    /* Property Listing Module */
    #esperance .listingModuleWrapper .propertyID {
        background-color:rgba(167, 132, 26, 1);
        border-top-color:rgba(255, 255, 255, 1);
        color:rgba(255, 255, 255, 1);
    }

    #esperance .listingModuleWrapper .contentWrapper {
        background-color:rgba(255, 255, 255, 1);
        border-left-color:rgba(220, 220, 220, 1);
        border-right-color:rgba(220, 220, 220, 1);
    }

    #esperance .listingModuleWrapper:hover .contentWrapper {
        background-color:rgba(167, 132, 26, 1);
        border-color:rgba(167, 132, 26, 1);
        color:rgba(255, 255, 255, 1);
    }

    /* Listings - Wanted */
    #esperance #homeWantedListings .wantedModuleWrapper{
        background-color:rgba(255, 255, 255, 1);
    }

    #esperance #homeWantedListings .first .wantedModuleWrapper{
        background-color:rgba(167, 132, 26, 1);
        color:rgba(255, 255, 255, 1);
    }

    #esperance #homeWantedListings .wantedModuleWrapper .contentWrapper .heading-location {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #homeWantedListings .first .wantedModuleWrapper .contentWrapper .heading-location {
        color:rgba(255, 255, 255, 1);
    }

    /* Listing Detail */
    .listing-section {
        color: rgba(0, 0, 36, 1);
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    #esperance #propertyDetailWrapper #propertyDetailHeaderWrapper {
        background-color: rgba(167, 132, 26, 1);
        color:rgba(255, 255, 255, 1);
    }

    /* Listing Features */
    #esperance #propertyDetailWrapper #listingFeatures li {
        border-bottom-color:rgba(200, 200, 200, 1);
    }

    /* Listing Description */

    /* Listing Links */
    #gallery .modal-dialog .modal-header .close,
    #send-to-friend .modal-dialog .modal-header .close{
        background-color: rgba(255, 255, 255, 1);
    }

    #esperance #propertyDetailWrapper #listingLinksWrapper .list-group-item .btn {
        color:rgba(255, 255, 255, 1);
    }

    /* Listing Agent */
        /* Left Column */

        /* Right Column */
        #esperance #propertyDetailWrapper #rightColumn #panel {
            background-color:rgba(0, 0, 36, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #panel .listing-section,
        #esperance #listingContactWrapper h3,
        #listingContactWrapper .form-results li,
        #listingContactWrapper .form-results li b,
        #listingContactWrapper .form-results li ul li,
        #listingContactWrapper .form-results li ul li b,
        #listingContactWrapper #panel p {
            color:rgba(255, 255, 255, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .imgWrapper {
            border:2px solid rgba(167, 132, 26, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .contentWrapper > .heading-listingAgent {
            color:rgba(167, 132, 26, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .contentWrapper > .heading-listingAgent > small {
            color:rgba(255, 255, 255, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .contentWrapper .contactMethodsWrapper li {
            border-bottom-color:rgba(255, 255, 255, 0.5);
            color:rgba(255, 255, 255, 1);
        }
        
        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .contentWrapper .contactMethodsWrapper li .text-agentLink:before {
            color: rgba(167, 132, 26, 1);
        }

        #esperance #propertyDetailWrapper #rightColumn #listingAgentWrapper #panel .contentWrapper .contactMethodsWrapper li .text-agentLink {
            color:rgba(255, 255, 255, 1);
        }

        /* Listing Contact */
        #esperance #propertyDetailWrapper #rightColumn #listingContactWrapper #panel #Contact label {
            color:rgba(255, 255, 255, 1);
        }

    /* Footer */
    #esperance #footerWrapper #subscribeWrapper {
        background-color:rgba(0, 0, 36, 1);
    }

    #esperance #footerWrapper #officeNumberWrapper .heading-section {
        color:rgba(0, 0, 36, 1);
    }

    #esperance #footerWrapper #footerSocialWrapper .moduleSocial li i {
        color:rgba(0, 0, 36, 1);
        
    }

    #esperance #footerWrapper #footerSocialWrapper .moduleSocial li a:hover i {
        color:rgba(167, 132, 26, 1);
    }

    /* Copyright */
    #esperance #copyrightWrapper {
        background-color:rgba(167, 132, 26, 1);
    }

    #esperance #copyrightWrapper .txt-copyright {
        color:rgba(255, 255, 255, 1);
        font-family: 'Playfair Display', serif;
        letter-spacing:0.05em;
    }

    /* Contact Form */
    #esperance #formsWrapper #contactFormWrapper #leftColumn .table tbody tr th {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn i {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn > h3 {
        color:rgba(167, 132, 26, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn > h3 > small,
    #esperance #formsWrapper #contactFormWrapper #leftColumn .table h4 {
        color:rgba(255, 255, 255, 1);
    }

    /* Dynamic Content */
    #esperance #dynamic-Wrapper .heading-section {
        color:rgba(0, 0, 36, 1);
    }
}

@media screen and (min-width:992px){
    /* Forms */
    #esperance #formsWrapper #contactFormWrapper #leftColumn {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #formsWrapper #contactFormWrapper #leftColumn:after{
        border-color: transparent rgba(255, 255, 255, 1) transparent transparent;
    }

     /* Typography */

    /* Header */
    #esperance #headerWrapper #nav li a {
        color:rgba(0, 0, 36, 1);
    }

    /* Header - navigation */
    #esperance #headerWrapper #navbar {
        background-color:transparent;
    }

    #esperance #headerWrapper #navbar #nav li > a {
        color:rgba(0, 0, 36, 1);
    }

    #esperance #headerWrapper #navbar #nav li > .dropdown-menu {
        background-color:rgba(0, 0, 36, 0.9);
    }

    #esperance #headerWrapper #navbar #nav li:hover > .dropdown-menu li > a {
        background-color:rgba(167, 132, 26, 1);
        border-bottom-color: rgba(255, 255, 255, 0.5);
        color: rgba(255, 255, 255, 1);
    }

    #esperance #headerWrapper #navbar #nav li:hover > .dropdown-menu li > a:hover {
        background-color:rgba(167, 132, 26, 0.65);
    }

    #esperance #headerWrapper #navbar #nav li > a:hover, 
    #esperance #headerWrapper #navbar #nav li.active > a, 
    #esperance #headerWrapper #navbar #nav li.open > a {
        background-color:transparent;
    }

    .navSelector {
        background-color: rgba(167, 132, 26, 1);
    }

    /* Dark Header */
    #esperance #headerWrapper.dark #navbar #nav li > a {
        color:rgba(255, 255, 255, 1);
    }

    #esperance #headerWrapper.dark .hamburger-inner, 
    #esperance #headerWrapper.dark .hamburger-inner:after, 
    #esperance #headerWrapper.dark .hamburger-inner:before {
        background-color:rgba(167, 132, 26, 1);
    }

    /* Homepage Slider */
    #esperance #homePageSlider .imgWrapper .sliderText {
        font-size:52px;
    }

    /* Homepage Search */

    /* Listings - Wanted */

    /* Property - Detail */

    /* Dynamic Content */

    /* Footer */

}