/**************************************************************************************
MD - Small Desktop & Tablet Landscape
***************************************************************************************/

/*md*/

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

    /* * */

    .vspace3 {

        margin-top: 30px;

    }

    .navigation a {

        font-size: 15px;

        font-weight: 400;

    }

    .navigation .navbar-nav>li a {

        padding-right: 7px;

        padding-left: 7px;

    }

    .whitebox {

        min-height: 260px;

    }

    .whitebox h3 span {

        font-size: 20px;

    }

    .whitebox h3 img {

        display: none;

    }

    .thumb {

        min-height: 420px;

    }

    .thumbsuper {

        float: left;

        margin: 3px;

        width: 30%;

    }

    .thumbhot {

        min-height: 330px;

    }

    .realtors a {

        margin: 4px;

        width: 9%;

    }

    .subscribe {

        min-height: 243px;

    }

    #docked ul.dropdown-menu#dkdd-menu {

        width: 856px;

    }

    .greyboxcontact {

        background-image: none;

    }

    .ssp {

        padding-top: 60px;

        padding-bottom: 0px;

    }

    .member {

        margin: 2%;

        padding: 18px;

        width: 29%;

    }

    a#mainbar-trigger,

    a#mainbar-close {

        top: 50%;

    }

}

/*md*/

/**************************************************************************************
SM - Tablet Portrait
***************************************************************************************/

/*sm*/

@media (max-width: 800px) {

    /**/

    .npl {

        margin-top: 15px !important;

        margin-bottom: 15px !important;

        padding-left: 15px !important;

    }

    .npr {

        margin-top: 15px !important;

        margin-bottom: 15px !important;

        padding-right: 15px !important;

    }

    ul.list-two-col li {

        width: 100%;

    }

    #header-mobile {

        z-index: 2;

        top: 0;

        left: 0;

        position: fixed;

        width: 100%;

        background: #5c676e;

    }

    #header-mobile input[type='text'] {

        background: #949b9f;
        background: #fff;
        color: black;

    }

    #header-mobile input.form-control::-webkit-input-placeholder {

        color: #697279;

    }

    .mobile-nav a {

        margin: 8px 12px 0 12px;

    }

    .mobile-nav img {

        margin: -10px 0 0 0;

    }

    .mbtn {

        display: inline-block;

        width: 22px;

        height: 22px;

    }

    .mbtn span {

        display: none; 

    }

    .mbtn-menu {

        background: url(../img/icon-menu.png) no-repeat 0 0;

        background-size: 22px;

        transition: none;

    }

    .mbtn-menu:hover {

        background: url(../img/icon-menu.png) no-repeat 0 bottom;

        background-size: 22px;

    }

    .mbtn-phone {

        background: url(../img/icon-phone.png) no-repeat 0 0;

        background-size: 22px;

        transition: none;

    }

    .mbtn-phone:hover {

        background: url(../img/icon-phone.png) no-repeat 0 bottom;

        background-size: 22px;

    }

    .mbtn-search {

        background: url(../img/icon-search.png) no-repeat 0 0;

        background-size: 22px;

        transition: none;

    }

    .mbtn-search:hover {

        background: url(../img/icon-search.png) no-repeat 0 bottom;

        background-size: 22px;

    }

    .mbtn-chat {

        background: url(../img/icon-chat.png) no-repeat 0 0;

        background-size: 22px;

        transition: none;

    }

    .mbtn-chat:hover {

        background: url(../img/icon-chat.png) no-repeat 0 bottom;

        background-size: 22px;

    }

    .mbtn-email {

        background: url(../img/icon-email.png) no-repeat 0 0;

        background-size: 22px;

        transition: none;

    }

    .mbtn-email:hover {

        background: url(../img/icon-email.png) no-repeat 0 bottom;

        background-size: 22px;

    }

    #mobile-menu {

        background: #404d55;

    }

    #mobile-menu .navbar-nav>li>a {

        background: none;

        color: white;

    }

    #mobile-menu .navbar-nav>li>a:hover {

        background: #30393e;

    }

    #mobile-menu .navbar-nav>.open>a,

    #mobile-menu .navbar-nav>.open>a:focus,

    #mobile-menu .navbar-nav>.open>a:hover {

        background: #30393e;

        color: white;

    }

    #mobile-contact {

        padding: 15px 0;

        background: white;

        border-bottom: solid 1px #e7e9ea;

    }

    #mobile-contact input {

        background: #f6f6f6;

    }

    #home-meet {

        position: relative;

        overflow: hidden;

        height: inherit;

        padding: 100px 0 30px 0;

        background: url(../img/bg-meet.jpg) no-repeat center top;

        background-size: 2750px;

    }

    #home-meet-zilbert {

        display: none;

    }

    #home-meet h1,

    #home-meet h1 span {

        font-size: 36px;

    }

    .whitebox {

        min-height: 250px;

    }

    .whitebox h3 img {

        display: none;

    }

    .whitebox h3 span {

        font-size: 16px;

    }

    .thumb {

        min-height: 380px;

    }

    .thumbnails nav {

        height: 220px;

        overflow: hidden;

    }

    .thumbsuper {

        float: left;

        margin: 3px;

        width: 30%;

    }

    .thumbhot {

        min-height: 280px;

    }

    .realtors a {

        margin: 3px;

        width: 9%;

    }

    .directory {

        padding: 30px 0px;

    }

    #logo-who {

        margin-left: 15px;

    }

    #footer a img {

        width: 50px;

    }

    .featured-realtor,

    .subscribe {

        padding: 20px;

    }

    .subscribe {

        min-height: 203px;

    }

    #onlinenow {

        background: #f5f6f7;

    }

    .greyboxcontact {

        background-image: none;

    }

    table.tablesorter thead tr .header {

        background-image: none;
    }

    table.tablesorter thead tr th.header {
        padding: 4px;
    }

    .ssp {

        padding-top: 60px;

        padding-bottom: 0px;

    }

    .member {

        margin: 2%;

        padding: 18px;

        width: 45%;

    }

    a#mainbar-trigger,

    a#mainbar-close {

        top: 0px;

        left: auto;

        right: 0px;

        height: 85px;

        width: 70px;

        line-height: 85px;

    }

}

/*sm*/

/**************************************************************************************
XS - Mobile
***************************************************************************************/

/*xs*/

@media (max-width: 767px) {

    /**/
    
    #home-meet h2 span{
	font-size: 14px;
    }

    #brownZilbert {

        width: 300px;

        height: auto;

        margin: 5px 0;

    }

    .vspace,

    .vspace2,

    .vspace3 {

        margin-top: 15px;

    }

    .noleft {

        padding-left: 15px !important;

    }

    .noright {

        padding-right: 15px !important;

    }

    hgroup h3 {

        margin-top: 10px;

        line-height: 18px;

    }

    .mobile-nav a {

        margin: 18px 12px 0 12px;

    }

    #mobile-menu .navbar-nav>li>a {

        padding-top: 20px;

        padding-bottom: 20px;

        border-bottom: solid 1px rgba(0, 0, 0, 0.1);

        font-size: 15px;

        font-weight: 600;

    }

    #mobile-menu .navbar-nav>li>.dropdown-menu {

        background: #333c41;

        border-radius: 0;

    }

    #mobile-menu .navbar-nav>li>.dropdown-menu a {

        padding-top: 20px;

        padding-bottom: 20px;

        border-bottom: solid 1px rgba(0, 0, 0, 0.1);

        color: white;

    }

    #mobile-menu .navbar-nav>li>.dropdown-menu a:hover {

        background: #222;

    }

    .mobile-search {

        padding-top: 15px;

        padding-bottom: 15px;

        background: white;

        border-bottom: solid 1px #b9bec0;

    }

    .mobile-search .col-xs-9 {

        padding-right: 0px !important;

    }

    #header-mobile .mobile-search input.form-control {

        background: #f6f6f6;

        color: #838a8f;

    }

    #phone-menu {

        background: white;

        overflow-y: scroll;

    }

    #phone-menu nav a {

        display: block;

        padding: 1em 0;

        border-bottom: solid 1px #f0f2f1;

        font-size: 15px;

        color: #a4a9ad;

    }

    #phone-menu nav a:hover {

        color: #f89829;

    }

    #phone-menu nav strong {

        display: block;

        padding: 2em 0 0 0;

        font-size: 15px;

    }

    .phone-submenu {

        position: fixed;

        top: 85px;

        right: 0;

        width: 50%;

        background: #b9bec1;

        overflow-y: scroll;

    }

    .phone-submenu ul {

        margin: 0;

        padding: 0;

    }

    .phone-submenu ul li {

        list-style: none;

    }

    .phone-submenu ul li a {

        display: block;

        padding: 1em 0;

        color: white;

    }

    #home-meet {

        height: inherit;

        background: url(../img/bg-meet.jpg) no-repeat center top;

        background-size: 4250px;

    }

    .whitebox {

        margin-bottom: 15px;

        min-height: 250px;

    }

    .thumb {

        min-height: 320px;

    }

    .thumbsuper {

        float: left;

        margin: 3px;

        width: 48%;

    }

    .realtors a {

        margin: 1px;

        width: 9%;

    }

    .directory {

        padding: 10px 25px;

    }

    #footer a img {

        width: 75px;

    }

    #footer a#logo-who img {

        width: 175px;

    }

    #footer-languages a img {

        margin-top: 10px;

        margin-bottom: 5px;

        display: block;

        width: 28px;

    }

    #footer-languages br {

        display: none;

    }

    .footer-nav {

        clear: both;

        display: block;

        width: 100%;

    }

    .footer-nav a {

        display: inline-block;

        width: 42%;

    }

    .footer-lists ul {

        margin: 0 0 15px 0;

        width: 100%;

    }

    .footer-lists ul li {

        float: left;

        display: inline-block;

        padding-right: 2%;

        width: 48%;

    }

    #footer .footer-lists ul li a {

        display: block;

        padding: 5px 0;

        font-size: 13px;

    }

    .social-media .text-right {

        margin-top: 15px;

        text-align: left;

    }

    .ssp {

        padding-top: 0px;

        padding-bottom: 0px;

    }

    #onlinenow {

        height: auto;

        padding: 0 30px 30px 30px;

    }

    .thumbnails nav {

        height: inherit;

        overflow: visible;

    }

    /*a.thumb-arrow {

        display: none;

    }*/

    .thumbnails nav a {

        display: block;

        float: left;

        margin: 5px 5px 0 0;

    }

    .thumbnails nav a img {

        width: 54px;

    }

    .thumbnails nav a:hover img {

        opacity: 0.75;

    }

    img.thumb-active {

        border: none;

    }

    .member {

        margin: 2%;

        padding: 15px;

        width: 46%;

        min-height: 420px;

    }

    #about img {

        width: 100%;

    }

    #about h3 {

        font-size: 30px;

    }

    .greybox {

        padding: 20px;

    }

    a#mainbar-trigger,

    a#mainbar-close {

        /*top:20px;*/

        top: 0px;

        left: auto;

        /*right: 10px;*/
        right: 0px;

    }

    .table-responsive-wrapper {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    #mc-embedded-subscribe {
        margin: 0 !important;
    }

    .form-control {
        font-size: 16px;
    }


    #carousel-example-generic {
        height: 50px;
    }
    #carousel-example-generic .carousel-items img {
        width: 40px !important;
    }
    #photo-carousel-modal a.thumb-arrow {
        padding: 1px 0;
        width: 30px;
    }
    #photo-carousel-modal .modal-dialog {
        margin: 0;
    }

    table.tablesorter tbody td {
        padding: 12px 2px;
        font-size: 10px;
    }
    table.tablesorter thead tr th, 
    table.tablesorter tfoot tr th {
        font-size: 11px;
        text-align: center;
    }

    #banner-ad {
        height: auto;
    }
    /*#banner-ad-link {
        float: left;
    }
    #banner-ad i,
    #banner-ad span {
        padding-top: 5px;
        padding-bottom: 5px;
        float: left;
    }*/
    #ad-image {
        left: calc(50% - 108px);
        bottom: 107px;
    }
    #ad-text {
        text-align: center;
    }
    #ad-text h1, 
    #ad-text h6 {
        margin-left: 0;
    }
    #ad-text p {
        float: none;
        margin-top: 5px;
    }
    #banner-ad span {
        right: calc(50% - 57px);
        margin-right: 0;
        bottom: -105px;
    }
    #ad-close {
        left: calc(50% + 85px);
        top: -150px;
    }
}

 for mobile nav items
@media (max-width: 480px) {
    .mbtn-chat, .chat-pipe {
        display: none !important; 
    }
}

@media (min-width: 768px) {

    .flag-col {
        width: 14%
    }

}