@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
3. large desktop
4. Other
*/
.transition {-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.mobile-nav, .mob-trigger {display: none;}
@media (min-width:993px) and (max-width:1400px){
    header .brand-logo {width: 195px; margin-left: 0;}
    header nav {width: calc(100% - 195px); vertical-align: bottom; padding-bottom: 18px;}
    header .call-number {margin-right: 0;}
    header nav > ul li {padding: 10px;}
}
@media screen and (max-width: 1051px){
    .home .search-bar .selects select {min-width: 135px; width: 19%;}
    .home .search-bar input[type="search"], .home .search-bar input[type="text"] {width: 11%; max-width: 160px;}
}

@media screen and (max-width: 1027px){
    /*    .properties.details .content .main.right .social .container h4 {font-size: 14px; margin-top: 12px; margin-right: 5px;}*/
}

@media screen and (max-width:992px){

    /* mobile menu */
    .mobile-nav, .mob-trigger{display: block;}
    .mob-trigger {display: block;width: 25px;height: 20px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 99999999;right: 25px;top: 52px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
    .mob-trigger.active {top: 32px}
    .mob-trigger span{width: 100%;height: 3px;display: block;position: absolute;top: 50%;margin-top: -1.5px;left: 0;}
    .mob-trigger span, .mob-trigger span:before, .mob-trigger span:after{background: #f8e5c4;}    
    .mob-trigger span:before, .mob-trigger span:after{content: '';position: absolute;top: -8px;left: 0;width: 100%;height: 3px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
    .mob-trigger span:after{bottom: -8px;top: initial}  
    .mob-trigger.active span:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 0;}
    .mob-trigger.active span{background: rgba(0,0,0,0.0) }
    .mob-trigger.active span:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);bottom: 0;}
    #mobile-navbar{background:rgba(22, 48, 77,0.95);position: fixed;top: 0;width: 100%;height: 100%;right: -100%;box-sizing: border-box;padding-top: 55px;z-index: 999999;overflow-y: auto; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
    #mobile-navbar.open{right: 0;}
    #mobile-navbar nav{padding-bottom: 20px;}
    #mobile-navbar ul ul{display: none;background:#b2c1d2;}
    #mobile-navbar li{border-bottom: 1px solid #fff;list-style: none;position: relative;display: block;margin: 0;}
    #mobile-navbar li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-navbar li em{display: block;position: absolute;top: 8px;right: 6px;width: 15px;height: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-navbar li em:before, #mobile-navbar li em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: 0;width: 100%;height: 2px;background: #fff;}
    #mobile-navbar li em:after{transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg)}
    #mobile-navbar li em.active{transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);}
    #mobile-navbar li a{color: #d2d2d2;padding: 10px 0px 10px 15px;display: block;margin-right: 30px;text-transform: uppercase; font-size: 24px;}
    #mobile-navbar li li{border-color: #27405e}
    #mobile-navbar li li a{text-transform: none;padding-left: 30px; color: #27405e}
    header nav{display: none;}
    header #mobile-navbar nav{display: block;}
    header .brand {width: 120px;}
    header .brand img{max-width: 100%}
    header nav ul{text-align: left;}
    .overflow-hidden{overflow: hidden;height: 100%;}

    header .brand-logo {width: 195px; margin-left: 0;}
    header .call-number {margin-right: 0;}
    .home #banner .slider .image {height: 500px;}
    .banner-caption {padding: 20px 0 10px;}
    .banner-caption h2, .banner-caption h2 a {display: block; width: 100%;} 
    /*.slider-nav {bottom: 10px;}
    .scroll-down {bottom: 10px;}*/
    .home .featured {position: relative; height: auto; bottom: -50px; margin-top: -50px;}
    .home .featured .container {position: relative; margin-top: 38px;}
    .home .featured .container .left {width: 50%;}
    .home .featured .container .right {width: 50%; padding: 20px 25px; padding-bottom: 40px;}
    .home .featured .container .right a {bottom: 12px;}
    .home .who-we-are .top h5 {padding: 42px 0px 20px;}
    .home .featured .container .right a {}
    .home .other-properties {padding: 114px 0px 40px;}
    .home .other-properties .property {padding-bottom: 0; margin-bottom: -100px;}
    .home .other-properties .property .bottom {position: relative;}
    .home .other-properties.landing-property .property {margin-bottom: 0;}
    .home .duperier .container {padding: 105px 0px 30px; min-height: 475px;}
    .home .duperier .container  p {font-size: 24px;}
    .properties main .search-bar .selects {font-size: 0; max-width: 100%; }
    .properties main .search-bar .container {width: calc(100% + 6px); margin-left: -3px;}
    .properties main .search-bar input[name=keywords], .properties main .search-bar select {min-width: auto; width: 100%; margin: 0 3px 5px 3px;}
    .properties main .search-bar input[name=keywords]{max-width: calc(100% - 6px);}
    .properties main .search-bar select {max-width: calc(33.33% - 6px);}
    .properties main .search-bar input[type="text"],.properties main .search-bar input[type="submit"], .properties main .search-bar input[type="reset"] {min-width:auto; max-width: calc(25% - 6px); width: 100%;margin: 0 3px 5px;}
    .properties main .property {margin: 0; width: calc(50% - 10px); margin-bottom: 20px; background: #fff;}
    .properties main .property.prop-odd {margin-right: 20px;}

    .properties.details .content .main.left .top {width: 100%;}
    .properties.details .content .main.left .top .left, .properties.details .content .main.left .top .right {width: 50%;}
    .properties.details .content .main.left .bottom {width: 100%;}


    .dform-form {width: 100%; max-width: 750px;}
    .dform-form .dform > .dform_element.dform_captcha {width: 100%;}
    .dform-form .dform > .dform_element.dform_captcha .g-recaptcha > div {margin: 0 auto;}
    .dform-form .dform input[type="submit"] {margin-top: 0;}
    .properties.details .content .main.left, .properties.details .content .main.right {width: 100%; float:none;}

}

@media screen and (max-width: 960px){

    /*    .properties.details .content .main.left .bottom .image {max-height: 419px; min-height: auto;}*/
    /*
    .properties.details .content .main.left .bottom {float:right; width: 50%;}
    .properties.details .content .main.left .top {float: left; width: 50%;}
    */
    .properties.details .content .main.right .container {padding-bottom: 15px;}
    .properties.details .content .main.right .social {width: 100%; position: relative;}
    .properties.details .content .main.right .social .container {width: 94%; padding-bottom: 0;}
}

@media screen and (max-width: 940px){
    .portal main .filters .container select {width: 28%; margin: .5%;}
    .portal main .properties .top h4 {width: 100%; padding-bottom: 0px;}
    .portal main .properties .top .right.first {width: 43%;}
    .portal main .properties .top .right {width: 57%;}
    .portal main .properties .top .right input {width: 48%;}
    .portal.sing main .properties .top h4 {padding-bottom: 0px;}
    .portal.sing main .properties .top .right.first {margin-left: 0px;}
    .portal.sing main .properties .top .right {margin-bottom: 15px; padding-top: 0px; width: 58%;}
    .portal.sing main .property .center #custom-caption {margin: 5px 7% 0 0px;}
}
@media screen and (max-width: 940px){
    footer .top .left.newsletter .right {float: right; margin-left: 0;}
}

@media screen and (max-width: 880px){
    .portal main .properties .property .fourth {width: 85%; margin-left: 2%;}
    .portal main .properties .property .fourth img {max-width: 200px;}
    .portal main .properties .property .middle.fourth {width: 70%; margin-left: 9%;}
    .portal main .properties .property .fourth.last {width: 183px; float: left; margin-left: 8%;}
    .portal main .properties .property .search a div {margin-top: 0;}
    .properties.details .pub_info .container li {max-width: 22%; width: 22%; margin: 1%;}
}

@media screen and (max-width: 850px){
    .portal.sing main .property .center #custom-caption {margin-right: 2%;}
    .portal.sing main .docs .check .file {position: relative; top: auto; bottom: auto; right: auto; padding: 4%; width: 92%; margin-top: 10px;}
    .portal.sing main .docs .check p {font-size: 14px;}



    /* Footer */
    footer .top .left.newsletter .left, footer .top .left.newsletter .right {width: 100%; float: none;}
    footer .top .right {padding-bottom: 6px;}
    footer .top .right .social {float: none; margin: 0px auto; width: 100%;}
    footer .top .right .social ul li {margin: 20px 0px 16px;}
    footer .top .right #portal div {margin: auto; float: none; text-align: center;}
    footer .bottom .container ul li {width:30%;}
    footer .bottom .container p {margin: 10px 0px 0px 10px; float: left;}
}

@media screen and (max-width: 811px){
    .home .search-bar input[type="search"] {width: 100%; max-width: 100%;}
    .home .search-bar .selects select {width: calc(50% - 3px); margin: 5px 0px;}
    .home .search-bar input[type="text"] {width: calc(50% - 15px); max-width: 50%; margin: 5px 0px;}
    .home .search-bar input[type="submit"], .home .search-bar input[type="reset"] {width: 50%; max-width: calc(50% - 3px);}
}

@media screen and (max-width: 790px){
    /* All Properties */
    .properties main .property .top .title .left {max-width: 165px;}
    .portal.sing main .property .left {width: 100%; float: none; position: relative;}
    .portal.sing main .property .right {width: 94%; float: none; padding-top: 3%;}
    .portal.sing main .property .right ul li {width: 40%; float: left;}
    .portal.sing main .property .center #custom-caption {margin: 0; position: absolute; right: 20px; bottom: 6px;}
    .portal.sing main .property .center #prev img {margin: 0; position: absolute; right: 56px; bottom: 0px; width: 15px; min-height: 25px;}
    .portal.sing main .property .center #next img {margin: 0; position: absolute; right: 0; bottom: 0px; width: 15px; min-height: 25px;}

    /* footer email signup */
    footer.creativearc{
        margin-top: 0;
    }
    footer.creativearc .top{
        display: none;
    }
}

@media screen and (max-width: 768px){
    /* Header */
    input {-webkit-border-radius:0 !important;}
    .mobile.nav {display: block; background: rgba(0, 0, 0, 0.6); position: fixed; width: 96%; z-index: 100000; padding: 1% 2%;}
    .mobile.nav .logo {float: left;}
    .mobile.nav .logo img {width: 80px; margin-top: 5px;}
    .mobile.nav .phone img {width: 25%; max-width: 90px; margin: 5px 0px 2px 67%;}
    .mobile.nav .menu {width: 35px; height: 35px; margin-top: 10px; float: right; margin-right: 10px; border-radius: 3px;}
    .mobile.nav .menu hr {border: 2px #fff solid; border-radius: 100px; clear: both; height: 0; margin: 5px;}
    .mobile.nav .menu:hover hr {border: 2px #be1e2d solid;}
    .menu-dd {position: fixed; top: 0px; padding: 90px 2% 2%; width: 96%; z-index: 10000; background: rgba(0, 0, 0, 0.5); text-align: center;}
    .menu-dd ul li {list-style: none; margin: 5px 0px;}
    .menu-dd ul li a {color: #fff; font-family: Open Sans, sans-serif; font-size: 15px;}
    .menu-dd input[type="search"] {background: #fff; padding: 15px 10px 16px; float: left; width: 75%; margin-left: 5%; border-radius: 0px;}
    .menu-dd button {background: #be1e2d; border: none; padding: 5px 10px; color: #fff; font-size: 15px; font-weight: 300; letter-spacing: 1px; float: left; width: 15%; margin-top: -.5px;}
    .menu-dd p a {color: #fff;}
    .menu-dd form {max-width: 500px; margin: 50px auto;}
    .menu-dd form p {color: #fff; font-size: 11px; margin-bottom: 10px;}

    /* Home */
    .home #banner .slider .image .content {bottom: -5%;}
    .home .search-bar {padding: 0px 0px 25px;}
    .home .search-bar .acreage {margin: 10px 5px 5px 0px; width: 49%;}
    .home .search-bar .acreage input[type="text"] {width: 38%; margin-left: 5px;}
    .home .search-bar .acreage span {margin: 0px -3px 0px 3px;}
    .home .search-bar .selects select {float: left; margin: 5px 6px 5px 0px;}
    .home .other-properties {padding-top: 107px;}
    .home .other-properties h2 {margin-bottom: 15px;}
    .home .other-properties .property {width: 100%; float: none; margin: 4% auto; padding-bottom: 0px; box-shadow: 0px 3px 10px 0px rgba(0,0,0,.3);}
    .home .other-properties .property .top {position: absolute; top: 0px; left: 0; right: 60%; bottom: 0; width: 40%; height: auto; box-shadow: none;}
    .home .other-properties .property .bottom {width: 60%; float: right; position: relative; box-shadow: none;}
    .home .duperier {background-position: bottom center;}


    .portal main .properties .top .right {width: 100% !important;}
    .portal main .properties .top .right input {width: 95%; float: none; margin: 0;}
    .portal.sing main .notes .btn {min-width: 165px; margin: 15px auto 0px;}
    .portal main .filters .container select {width: 26% !important;}

    footer .top .left.newsletter .right form input[type="submit"] {margin-left: 0px !important;}


}
@media screen and (max-width: 767px){
    header {background-position: bottom}
    header .brand-logo {width: 135px;}
    header .brand-logo img {width: 100%;}
    #mobile-navbar li a {font-size: 18px;}

    .home #banner .slider .image {max-height: 400px;}
    header .call-number {margin-right: 60px;}
    .mob-trigger {top: 15px;}
    .scroll-down {display: none;}
    .banner-caption .half-caption {padding: 0 16px;}
    .banner-caption h2, .banner-caption h2 a {display: block;}
    .scroll-down {bottom: 9px; right: 26px;}
    .home .duperier .container {padding: 35px 0px 30px; min-height: 475px;}
    .home .duperier .container  p {font-size: 24px;}
    .contact-form-block  .container {width: 93%;}
    .properties main .property .bottom img {right: 16px;}

    .home .featured .container .left {width: 100%;position: relative;top: auto;left: auto;right: auto;bottom: auto;float: none;}
    .home .featured .container .right {width: 100%; min-height: initial;top: auto;left: auto;right: auto;bottom: auto;float: none;}
    .properties.details .content .main.left .bottom .image,.properties.details .content .main.left .bottom img.opacity0 {min-height: auto;}

    .home .all-search .search-bar {background: url(/images/uploads/banner-caption-bg.jpg) repeat-x;}
    .home .all-search a div {background: url(/images/uploads/light-bg-pattern.jpg) repeat; padding: 12px; text-align: center; font-family: Open Sans, sans-serif; text-transform: uppercase; font-weight: bold; color: #644e30; font-size: 13px;}
    .home .all-search .search-bar h6 {padding: 15px 0px 7px; color: #fff; background: url(/images/uploads/banner-caption-bg.jpg) repeat-x; font-family: Roboto Slab, serif;}
    .home .all-search .search-bar .selects {background: #28415f; border: none; padding: 20px 10px;}
    .home .all-search .search-bar input[type="search"], .home .all-search .search-bar input[type="text"] {max-width: 100%; width: 100%; border: 1px solid #fff; background: #fafafa; padding: 7px 10px 7px; color: #644e30; font-family: Open Sans, sans-serif; font-size: 13px;}
    .home .all-search .search-bar .selects select {-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; border: 1px solid #fff; color: #fff; min-width: 170px; font-size: 13px; text-indent: 8px; border-radius: 0px; background: #142d4c url(/images/uploads/arrow_down.png) 90% center no-repeat; font-family: Open Sans, sans-serif;width: calc(50% - 4px); min-width: 50px; margin: 2% 0 1%;}
    .home .all-search .search-bar input[type="text"] {width: calc(50% - 4px);}
    .home .all-search .search-bar input[type="submit"], .home .search-bar input[type="reset"] {width: 50%; max-width: calc(50% - 3px); cursor: pointer; border: 1px solid #fff; color: #fff; margin: 3px 0px; padding: 8px 18px 9px; font-size: 14px; background: #132e4d; font-family: Open Sans, sans-serif;}
}


@media screen and (max-width: 750px){
    /*    .properties main .search-bar input[name=keywords] {width: 100%; max-width: 100%;}*/
/*    .properties main .search-bar select {width: calc(50% - 3px);}*/
    /*.properties main .search-bar input[type="text"] {max-width: 50%; width: calc(50% - 3px);}*/
    .properties main .search-bar input[type="submit"], .properties main .search-bar input[type="reset"] {width: calc(50% - 4px);}

    .contact main .container .left, .contact main .container .right {width: 100%; float: none;}
    .contact main .container .right input.text, .contact main .container .right textarea {padding: 10px 15px!important;}
    .contact form {width: 100%; margin: 40px auto 10px; max-width: 500px;}
    .portal main .search input {width: 10%; margin-top: 1%;}
    .portal main .search input[name="search"] {width: 95%;}
    .portal main .search input[type="submit"] {background-size: 25px;}

}

@media screen and (max-width: 690px){
    .menu-dd {top: 63px;}
    .home .search-bar .acreage input[type="text"] {width: 34%;}
    .mobile.nav .phone img {margin-left: 64%;}
    .portal main .prop-fixed .container h6 {margin-top: 8px; font-size: 16px;}
    .portal main .prop-fixed .container .btn {width: auto; padding: 10px 20px; font-size: 16px;}
    .portal.sing main .docs {width: 100%; float: none; margin: 0px auto;}
    .portal.sing main .docs .check .file {position: absolute; top: 2px; right: 2px; padding: 2% 1%; width: 100px; margin: 0;}
    .portal.sing main .docs .upload {margin: 10px auto;}
    .portal.sing main .docs .upload .btn {padding: 2%; width: 80%; float: none;}
    .portal.sing main .property {width: 100%; float: none; padding: 0;}
    .properties.details .content .main.left .top {float: none; width: 100%;}
    .properties.details .content .main.left .bottom {float: none; width: 100%;}
}

@media screen and (max-width: 630px){
    .mobile.nav .phone img {margin-left: 57%;}
    .home #banner .slider .image .content {bottom: -25px;}
    .home #banner .slider .image .content .container h3 {font-size: 20px;}
    .home #banner .slider .image .content .container .middle {display: none;}
    .home #banner .slider .image .content .container .left.sec div {padding: 10px 15px; font-size: 15px;}
    .home #banner .slider .image .content .container .left.sec {float: right;}
    /*.home .featured .container .left {right: 65%;}
    .home .featured .container .right {width: 57%;}*/
    .home #banner .slider .image .content .container .right.sec div {font-size: 15px;}
    .home #banner .slider .image .content .container h3 {margin-top: 5px; font-size: 20px;}
    .properties main .property {width: 100%; height: auto; float: none; margin: 4% auto;}
    .properties main .property .top img {width: 60%;}
    .portal main .filters .container select {width: 27%; border: 2px solid #be1e2d;}
    .portal.multi .property .container .search {clear: left; float: left; margin-top: 10px;}
    .portal.multi .property .container .search .price {margin: 0px;}
    .blog main .left {width: 100%; float: none;}
    .blog main aside.right {width: 95%; margin: 15px auto; float: none;}
    .blog main aside.right .cats ul li {margin: 5px; float: left;}
    .blog main aside.right .feat {clear: both; margin-top: 10px;}
    .blog main aside.right .feat .prop {margin-bottom: 25px; width: 48%; float: left; margin: 5px 1% 25px;}
    .properties.details .pub_info .container li {max-width: 38%; width: 38%;}
    footer .top .right {padding-bottom: 9px;}
    footer .top .right .social ul li {margin: 17px 0px 16px;}
}

@media screen and (max-width: 525px){
    .menu-dd {top: 60px;}
    .mobile.nav .phone img {margin-left: 51%;}
    .home #banner .center {bottom: 27%;}
    .home #banner .slider .image .content {bottom: -33px;}
    /*.home .search-bar .selects select {float: left; margin: 1% 5px 0px 0px; width: 88%;}*/
    .home .duperier .container .left, .home .duperier .container .right {width: 100%; float: none; margin-bottom: 10px;}
    .home .search-bar .acreage input[type="text"] {width: 25%;}
    .home #banner .slider .image .content .container .left {width: 50%;}
    .portal main .prop-fixed .container h6 {margin-top: 0px; max-width: 200px;}
    .portal main .filters .container select {width: 40%;}
    .portal main .properties .property .fourth.first {width: 25px;}
    .properties.details .banner .text {width: 95%;}
    .properties.details .banner .text h3 {font-size: 30px;}
    .properties.details .banner .text h6 {font-size: 20px;}
    footer .bottom .container {max-width: 100%; width: 100%; padding: 27px 0px 0px;}
    footer .top .right .social ul li {margin: 20px 0px 10px; width: calc(100% / 3);}
    footer .bottom .container ul li {width: 95%; text-align: center; font-size: 15px; margin-bottom: 10px;}
    footer .bottom .container p {float: none; margin: 0px auto; text-align: center; font-size: 14px; background: #163830; padding: 11px 0px;}
    .home .duperier .container {width: 95%;}
    /*.home .who-we-are {background: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.7)), url(/images/uploads/img_about.jpg) center center; padding-bottom: 170px; margin-bottom: 160px;}*/
    .home .who-we-are .top h6 {padding: 15px 0px 10px;}
    /*    .home .featured {width: 94%; left: 3%; position: absolute;}*/
    .home .featured .container .left .featured-label {top: auto; bottom: 10px; left: 40%;}
    .home .featured .container .right {padding: 5px; margin: auto; min-height: 100px;}
    .home .featured .container .right p, .home .featured .container .right a {display: none;}
    .home .featured .container .right .location {padding: 0px; border: none; margin: 3px 0px 5px;}
    .home .featured .container .right .location p {display: block;}
    .home .other-properties .property {background: #fff;}
    /*.home .other-properties .property .top {left: 10px; width: 35%; background-repeat: no-repeat; background-size: 140%;}*/
    .home .other-properties .property .bottom {padding: 10px 12px; height: 130px;}
    .home .other-properties .property .bottom .summary {display: none;}
    .home .other-properties .property .bottom .summary.mobile {display: block; margin-top: 0px; padding-bottom: 25px;}

}
@media screen and (max-width: 480px){
    header .call-number {top: 64px; margin-right: -5px;}
    .home #banner .slider .banner-caption .half-caption {width: 100%;}
    .banner-caption .half-caption {width: 100%;}
    .home .other-properties .property .bottom {height: auto;}
    .home .other-properties .property .bottom .summary {min-height: auto;}
    .home .other-properties .property .bottom a {bottom: 10px;}
    .home .mobile.all-search {display: block !important}
    footer .social-block, footer .design-by-block {width: 100%; text-align: center;}
    footer {padding: 27px 0 17px}
    /*    .properties main h2 {font-size: 36px;}*/

    .dform-form .dfcolumns .column {width: 100%; margin-right: 0;}
    .dform-form .dform > .dform_element {margin-bottom: 0;}
    .dform-form .dform > .dform_element.dform_textarea {margin-bottom: 15px;}
    .dform-form .dform > .dform_element.dform_captcha {margin-bottom: 15px;}
    .dform-form .dfcolumns .column.composer-sortable .dform_element {margin-right: 0; margin-bottom: 15px;}
    .dform-form .dform input[type="submit"] {width: 100%;}

    .properties.details .content .main.left .top .left, .properties.details .content .main.left .top .right {width: 100%;}
    .properties.details .content .main.left .top .left ul li {padding-left: 0;}
    .properties.details .content .main.left .top .left {border-right:0; border-bottom: 1px solid rgba(34, 78, 68, 0.25);}
    .properties main .search-bar input[type="search"], .properties main .search-bar select {max-width: calc(100% - 6px);}
    .properties main .search-bar input[type="text"],.properties main .search-bar input[type="submit"], .properties main .search-bar input[type="reset"] {max-width: calc(50% - 6px)}
    
    .properties.details .pub_info .container li {margin: 0 auto; max-width: 80%; margin-bottom: 12px; float: none; width: 100%; }

    .home .duperier .container {width: 100%; padding: 20px 5%; background: rgba(0, 0, 0, 0.5); margin: 0;}
    .home .duperier .container h5 {border-bottom: 1px solid #eaeaea !important;}
    .home .duperier .container a{color: #eaeaea !important;}

    .home .duperier .container div.iabs h5 {border-bottom: 0 !important;}
    .home .duperier .container div.iabs a {
        color: #be1e2d !important;
        text-shadow: none;
        text-decoration: none;
    }
}



@media screen and (max-width: 477px){
    footer .top .left.newsletter .right form input[type="submit"] {margin-left: 0px !important;}
    .properties.details .content .main .form form input[type="submit"] {width: 95px; font-size: 17px;}
    /*    .properties.details .content .main.right .social .container h4 {width: 100%; float: none; margin-bottom: 10px; text-align: center;}*/
    .properties.details .content .main.right .social .container a img {margin: 0 3.5%; width: 25%; max-height: 43px;}
    .search #wrapper .container p {margin-top: -30px; margin-bottom: 30px;}
    .menu-dd {top: 60px; bottom: 0; z-index: 1000000; padding-top: 30px;}
    .menu-dd li {margin: 10px 0px 15px;}
    .menu-dd button img {max-width: 100%; min-height: 35px;}
    .mobile.nav .phone img {margin-left: 40%;}
    .home .featured {height: auto;}
    .home .featured .container { margin-bottom: -10px; position: relative;}
    .home .featured .container .left {right: 0; width: 100%; position: relative; float: none; max-height: 200px;}
    .home .featured .container .right {width: 92%; float: none; position: relative; text-align: center;}
    .home #banner .center {bottom: 24%; padding-left: 4%; width: 100%; text-align: center;}
    .home #banner #custom-caption {left: 38%;}
    .home #banner .center .container a {margin-right: 32px;}
    .home #banner .slider .image {height: 600px;}
    .home #banner .slider .image .content {bottom: 0px;}
    .home #banner .slider .image .content .container {width: 100%;}
    .home #banner .slider .image .content .container .right.sec {width: 100%; text-align: center; float: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
    .home #banner .slider .image .content .container .right.sec div {width: 100%; padding: 15px 0px; float: none; text-align: center;}
    .home #banner .slider .image .content .container .left {width: 100%; float: none; text-align: center; margin-bottom: 10px;}
    .home #banner .slider .image .content .container p {margin: auto;}
    .home #banner .slider .image .content .container .left.sec {float: none;}
    .home #banner .slider .image .content .container .left.sec div {float: left;}

    .home .search-bar {padding: 0px; min-height: 0; text-align: center;}
    .home .search-bar h6 {padding: 10px 0px;}
    .home .search-bar .selects {border-top: 1px solid red;}
    .home .search-bar .selects.mobile {display: none;}
    .home .search-bar .selects form {width: 90%; margin: 10px auto;}
    .home .search-bar .container {width: 100%;}
    .home .search-bar input[type="search"] {max-width: 100%; width: 100%;}
    .home .search-bar .selects select {margin: 2% 0px; width: 49%; min-width: 45%;}
    .home .search-bar input[type="text"] {width: calc(44% - 5px); max-width: 49%; padding: 12px 11px; margin: 1% 0; float: left;}
    .home .search-bar input[type="submit"], .home .search-bar input[type="reset"] {width: 48.5%;}
    .home .search-bar input[type="text"]:nth-child(odd), .home .search-bar .selects select:nth-child(odd) {margin-right: 2%;}
    .home .search-bar input[type="submit"] {margin-right: 1%; margin-left: -2px;}
    .home .scroller {display: none;}

    .properties main .search-bar .selects form {width: 100%; margin: 10px auto;}
    .properties main .search-bar .container {width: 100%;}
    /*.properties main .search-bar input[type="search"] {max-width: 100%; width: 100%;}*/
    /*.properties main .search-bar .selects select {margin: 2% 0px; width: 49%; min-width: 45%;}*/
    /*.properties main .search-bar input[type="text"] {padding: 12px 9px; margin: 1% 0; float: left;}*/

    /*    .properties main .search-bar input[type="text"]:nth-child(odd) {margin-right: 6px;}*/
    /*.properties main .search-bar .selects select:nth-child(odd) {margin-right: 0%;}*/

    .properties .content .top.right.c {width: 100%; float: left; margin: 25px 0px 0px;}

    .properties main .map iframe {max-height: 350px;}

    .pages #wrapper .container {padding-top: 100px;}
    .pages #wrapper .container #banner {max-width: 90%;}

    .about #banner .container .text {padding: 10% 5%;}
    .about .bottom .left, .about .bottom .right {width: 100%; float: none; background: #234e44;}
    .about .bottom .left .bg, .about .bottom .right .bg {position: relative;}
    .about .bottom .right {background: #1f443c;}

    .blog main aside.right .feat .prop {margin-bottom: 25px; width: 100%; float: none; margin: 5px auto 25px;}
    .blog main .right .feat .prop img {max-width: 300px;}

    .portal main .search input {width: 34%;}
    .portal main .search input[name="priceTo"] {margin-left: 4px;}
    .portal main .search input[type="submit"] {width: 50%; margin: 2% 25% 0; float: none;}
    .portal main .properties .top .right input {width: 92%;}
    .portal.sing main .docs .check .file {top: 6px; right: 6px;}
    .portal main .filters .container select {width: 39% !important; font: 12px Open Sans, sans-serif; padding: 10px 35px 10px 10px;}

    footer .top .left.newsletter {width: 92%; float: none;}
    footer .top .right {width: 100%; float: none;}
    .about #banner .container {margin: auto;}


}
@media screen and (max-width: 440px){
    .newsletter-overlay .newsletter-blk{
        max-height: 430px;
    }
}
@media screen and (max-width: 375px){
    .menu-dd {top: 58px;}
    .mobile.nav .phone img {margin-left: 33%;}
    .home #banner #custom-caption {left: 37%;}
    .home #banner .center {bottom: 22%;}
    .home #banner .slider .image .content .container p {font-size: 13px;}
    .home #banner .slider .image .content .container h3 {font-size: 17px;}
    .home .search-bar .acreage input[type="text"] {width: 23%;}
    .home #banner .slider .image .content .container .left.sec {display: none;}
    .properties .content .top.right {float: left; margin: 25px 0px -20px;}
    .properties main .property .top .title .left {width: 100%; max-width: 100%;}
    .properties main .property .top .title .right {max-width: 100%; width: 100%;}
    .properties main .property .top .title .right br {display: none;}
    .portal main .properties .property .fourth {text-align: center;}
    .portal main .properties .property .prop.left img {width: 100%; float: none;}
    .portal main .properties .property .prop.left .info {float: none;}
    .portal main .properties .property .middle.fourth {float: none; margin: auto; padding-left: 10%;}
    .portal main .filters .container select {width: 38%;}
    .portal main .search input {width: 33%;}
    .portal.multi main .properties .property {text-align: center;}
    .portal.multi main .properties .property .container {width: 202px;}
    .portal.sing main .properties .top .right input {width: 85%;}
    /*    .properties main .search-bar input[type="text"] {width: 42%;}*/
    .home .search-bar input[type="text"] {width: calc(43% - 5px);}
    .properties.details .pub_info .container li {max-width: 88%; width: 88%;}
    .properties.details .banner .absolute {display: none;}
    .properties.details .content .main.left .top .left {width: 100%; border: none;}
    .properties.details .content .main.left .top .right {width: 100%; border-top: 1px solid #eaeaea;}
    .properties.details .content .main.left .top .left ul li {padding-left: 0;}
    footer .top .left.newsletter .right form .dform_email.field_email {width: 100%;}
    header .call-number {width: 144px; background-size: contain; padding-top: 5px; top: 58px;}
    .properties.details .content .main.right .social .container a {margin: 0 5px;}
}

@media screen and (max-width: 320px){
    .home #banner #custom-caption {left: 35%;}
    .home .search-bar input[type="text"] {width: calc(42% - 5px);}
    .mobile.nav .phone img {margin-left: 30%;}
}