﻿@media (max-width: 767px) {
    #tools .item {margin-bottom:25px;}

    #home_slider h4 { font-size: 60px !important;}

    .navbar-light .navbar-nav hr {display:none;}
    .navbar-light .navbar-nav .nav-link {text-align:right;}

    #search_box.home {
        padding: 20px 0px !important;
    }
    h2.location {line-height:20px;}
    h1.big_small {margin-bottom:0px !important; padding-top:30px !important;}
    .navbar-toggler { padding-right: 0px !important; text-align:right !important; color:#000 !important; margin-left:auto; align-self:center;}
    .navbar-toggler i, .navbar-toggler .fa-bars { color:#000 !important; }
    .navbar > .container, .navbar > .container-fluid { flex-wrap: wrap; }
    .navbar-brand { flex: 0 0 auto; }
    #nav_main > .container > div.justify-content-end,
    #nav_main > .container-fluid > div.justify-content-end {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    #navbarMain { width: 100%; }
    #navbarMain #top_menu { width: 100%; }

    #lng_mobile {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 12px 0 6px;
        margin-top: 8px;
        border-top: 1px solid #f0f0f0;
    }
    #lng_mobile .nav-item { display: inline-flex; align-items: center; }
    #lng_mobile .nav-link {
        padding: 0.25rem 0.6rem !important;
        text-align: center !important;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
    }
    #lng_mobile .nav-link.active { color: #e00f3d; }
    #lng_mobile .separator { color: #b8b8b8; padding: 0; line-height: 1; }
    h2.big_small, h1.big_small {font-size:24px !important; }
    .select2-container--loc .select2-selection--single .select2-selection__rendered {border-right:none !important;}
    .white_cnt_l {border-radius:10px !important; margin-bottom:10px;}
    .white_cnt_r {background:none; padding:0px !important;}
        .white_cnt_r .input-group {background:#fff; border-radius:10px; padding: 8px 12px !important;}
    .slide h2, .slide p.hh {font-size:24px !important;}
        .slide h2.m {margin-top:0px !important;}
    .slide p { font-size: 16px !important; text-align:justify; padding-right:0px !important;}
    .slide h2 { margin-bottom:15px !important;}
    #stats p { font-size:16px !important; }
    .tran_outter, .s_item  {padding-bottom:20px; }
    #nav_main {padding-left:10px; padding-right:10px;}

    #btn_show_hide_flt { background-color: #eeeff0; font-family: ProximaNova; font-size: 12px; font-weight: bold; text-align: center; color: #000000; padding:10px 40px; 
                         margin:0 auto; display:inline-block;  display:inline-block;}
    .subpage.filter #search_box.collapsed_xs {display:none; padding-top:2px;}
    #map_switch {margin-top:0px !important;}
        #map_switch .cnt { margin-top:0px !important; }
    .subpage.filter .breadcrumb  {margin-bottom:5px !important;}
    #map_switch h1 {margin-bottom:10px !important; float:none !important; font-size: 18px !important; line-height: 24px !important;}
    .form-group { margin-bottom: 0.5rem; }
    .subpage h1 {font-size:24px !important;}
        #main_img .arrow.next, #main_img .arrow.prev { top:160px !important;}
    #office_details .nav-pills .nav-link {font-size:12px !important;}
    .form_box { background: #fff; padding: 30px 20px !important; }

    #stats p.h {line-height:20px !important; }
    #stats div.o {margin-bottom:5px !important;}
    .slide.home_a_slide { padding: 20px 0px 20px 0px;}
    footer a.col-6 {font-size:10px;}
    form a.submit, form input.submit { padding: 10px 0px; height:auto;}

    #footer .offset-1 {margin-left:0px !important;}

    #home_slider .search_link { margin-left:0px !important; margin-top:10px !important; text-align:center !important;  }
    #home_slider .search_link a.first { margin-left:0px !important;}
    #home_slider .search_link a.last { margin-right:0px !important;}
    form[id="map_params"] {justify-content:center;}
}


@media (min-width: 768px) {
    body .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    #top_menu {
        margin-top: 5px;
        margin-right: -25px;
    }

    .order-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }
    #search_box .box_cnt {padding-right:20px;}
    form[id="map_params"] .first, form[id="map_params"] .second {
        border-right: solid 1px #757d82;
        border-radius: 0px;
        margin-right: 5px;
    }
}

@media (max-width: 991px) 
{
    #office_details #top table td.h {padding-left:0px !important;}
    #office_details table td.h {width:50% !important;}
    #office_details table td.v {width:50% !important;}
    #office_details #top h2 {padding-left:20px !important;}
    
    #map_switch a { padding: 5px 15px; font-size:13px;}
    #sub_slider h1 { font-size: 30px;}
    #sub_slider h5 { font-size: 1.1rem; }
    table.dark th { background: #85af4b;color: #fff;padding: 5px 10px;border: none;font-weight: 400; font-size:13px;}
    #office_details .buttons { padding-left:20px; padding-bottom:10px; }

    #map_switch { margin-top:25px; }
        #map_switch .cnt { margin-top:-15px; }

    body .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-right: 5px !important;
        padding-left: 5px !important;
        text-align:center;
    }
    #office_details .table th.v ,#office_details .table td.v {font-size: 14px !important;}
}

@media (max-width: 576px){
    .navbar .container {margin:0px;}
}

@media (min-width: 992px) 
{
}


@media (min-width: 1400px) {
    .nav-tabs .nav-link {padding:6px 20px; }
    .navbar-expand-md .navbar-nav .nav-link { padding-left:15px;  padding-right:15px; }
    .navbar-brand img {
        width: 252px;
        height: 46px;
        object-fit: contain;
    }

}

@media (max-width: 1399px) {
    .navbar-brand img {
        width: 189px !important;
        height: 34px !important;
        object-fit: contain;
    }
}

@media (max-width: 1199px) {
    #agent_box {position:initial !important;}
        #right_box #agent_box div.img { display:none;}
    
}
