/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px){
    .container{
        width: 1500px;
    }
    .country-menu a {display:block;width:100% }

    .img-responsive {display:block;width:100% }
    .banner-top .ban-mark-bg {height: 39px;}
    .banner-top .ban-mark {line-height: 39px;}
    .bar-discounted .value {padding-left: 6px}

    .object img {height: auto;}

    .slider-cart .img-big {
        max-height: 494px ;
         min-width: 721px ;
    }

}
@media only screen and (min-width : 1401px) {
    .container {
        width: 1400px;
    }
}
@media only screen and (max-width : 1400px){
    .container{
       width: 1300px;
    }
    .country-menu a {display:block;width:100% }
    .bar_lot .body .img {width: auto;}
    .img-responsive {display:block;width:100% }
    .banner-top .ban-mark-bg {height: 39px;}
    .banner-top .ban-mark {line-height: 39px;}
    .bar-discounted .value {padding-left: 6px}
    .title {margin-bottom: 0;font-size: 17px}
    .object .annotation {padding-top: 8px;}
}
@media only screen and (max-width : 1300px){
    .container{
        width: 1100px;
    }
    .hidden-tablet{display: none !important;}
    .hidden-desktops{display: block}
    #top-menu{

        position: absolute;
        top:69px;
    }
    #top-menu .wr-nav{padding: 32px;}
    nav .header-bottom .wr-header-search {
        justify-content: center;
    }
    .title {margin-bottom: 0;font-size: 17px}
    .object .annotation {padding-top: 8px;}
}


@media only screen and (max-width : 1200px) {
    .container{width: 1000px;}
    .slider-cart .img-big {
        max-height: 366px ;
        max-width: 554px ;
        width: 100%;
    }

    .bar_lot .body .img a img {height: 229px;}
    .object img {height: auto }
    /******************** top-info ********************************/
    .block-tlf, .mess, .bot, .sel {padding-left: 8px;}
    .sel {width: 22%;}
    .block-tlf,.mess{font-size: .7em}
    /******************** banner-top *****************************/
    .banner-top .annotation {font-size: .9em;}
    .bar-newsletter .body .item {
        height: 30px;
        font-size: 12px;
        margin-left: 18px;
        line-height: 28px;
    }
    .connected-carousels .carousel-stage {
        height: auto !important;
    }
    .slider-cart .img-big {
        max-width: 455px !important;
        width: 100%;
    }
    .showlot-page .show-right .block .title {
        font-size: 14px !important;
    }
    /************************* object ******************************/
    .bar-sub-search .body .item {
        height: 30px;
        font-size: 14px;
        line-height: 14px;
        margin-left: 12px;margin-top: 8px}
    .bar-sub-search .body .icon-bar {
        color: #777;
        margin-right: 4px;
    }
    .showlot-page .show-right .block.featured .title {font-size: .9em;color: #000;font-weight: 100;  }
    .banner-top .ban-mark, .banner-top .ban-mark-bg {top: 80%}

    .catalog-page img.img-responsive {
         max-height: none; /**/
         min-height: inherit; /**/
    }
    /******************** footer *********************************/
    footer * {font-size: 0.75rem;letter-spacing: 0px;}
    footer .block-title-sub a{font-size: 1em;padding-bottom: 1rem;}
    footer .beach img{margin-top: 1rem;}
    footer .info li.title {line-height: 1.2rem;}
}
@media only screen and (max-width : 1026px){

    .container{
        width: 100%;
    }
    .slider-cart .img-big {
        max-height: 466px ;
        max-width: 554px ;
        width: 100%;
    }
    .slider-cart .img-big {
        max-width: 555px !important;
        width: 100%;
    }
    .object .title a {font-size: 13px;}
    .object .desc {margin-top: 0px;}
    .object .desc a{font-size: 13px}
    .bar-char {height: 40px;}
    .object .annotation .text {font-size: 14px}
    #top-banner .content .button {
        margin-top: 6px;
    }
    #top-banner .owl-dots {bottom: 45px;}
    #top-banner .wr-content {
        top: 15%;
        height: 55%;
    }
    #top-banner .content .description{
        margin-top: 6px;
        font-size: 20px;
        padding: 6px;
    }
    #top-banner .content .title {font-size: 32px;}
    .object .annotation .wr-button .all-price .price-mark {font-size: 20px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    /******************** top-info ********************************/
    .container {width: 98%;}
    .block-tlf, .mess, .bot, .sel {padding-left: 0px;}
    .sel {width: 22%;}
    .block-tlf,.mess{font-size: .7em}
    .slogan{font-size: 13px;}
    .slogan .but-min {height: 18px; line-height: 15px;    }
    .slogan .but-min a {font-size: 13px;}
    .num-bg {height: 16px;background: transparent;}
    .slogan div#google_translate_element {font-size: 9px;margin-top: 9px;}
    .slogan .sel .goog-te-gadget-simple {line-height: 1em !important;}
    /******************** top-menu ********************************/
    .navbar-custom .navbar-nav > li > a {
        font-size: 0.9em;
        letter-spacing: 0px;
        color: #fff;
        padding: 8px 10px 8px 10px;
        margin: -3px 0 -4px -1px;
    }
    .i_lang:before {max-width: inherit}
    /******************** banner-top *****************************/
    .banner-top .annotation {font-size: 1.1em;}
    .banner-top .ban-mark-bg {height: 26px;}
    .banner-top .ban-mark {

        height: 26px;
        line-height: 26px;
        font-size: 13px;}
    /*************** other *****************************************/
    body {font-size: .8em}
    .slider-cart .img-big {
        max-width: 455px !important;
        width: 100%;
    }
    /*.left-bar,.layout-content{font-size: .7em}*/
    /************************* object ******************************/
    .object .info .value {font-size: .7em}
    .body .icon-bar {margin-right: 0;}
    .body .item {font-size: 1em;margin-left: 18px;    }
    .item > .icon-bar {font-size: 1em;}
    [class$="icon-"]:before, [class*="icon- "]:before {display: none;}
    .bar .title span.text {margin-left: 0;}
    .bar .title { height: 30px;line-height: 30px;font-size: 1em; }
    .btn-bar {font-size: 1em;}
    .bar .text {font-size: 1.1em;}
    .bar-discounted .img .price-mark {height: 32px;font-size: 80%;}
    .img .price-mark {padding-left: 4px;}
    /******************** footer *********************************/
    footer .beach {min-height: 180px;}

    .bar .button a {font-size: 11px;}
    #top-banner .content .title {
        font-size: 26px;
        padding: 0 70px;
        text-align: center;
    }
    #top-banner .content a {
        padding: 9px 24px;
    }
    .title-page, .wr-title .title {font-size: 20px;}
    .site-index .annotation .title a {font-size: 15px;}
    .object .annotation .wr-button .all-object, .wr-button .left, .wr-button a {font-size: 13px;}
    .wr-button {height: 35px;}
    .object .img {width: 30%;}
    .object .desc {margin-top: 0;}
    .object .annotation {width: 70%;padding-top: 11px;}
    footer .link a, .title {font-size: 15px;margin-bottom: 0;}

    .bar_lot .body {
        flex: inherit;
        width: calc(50% - 30px);
    }
    .one-object .img {margin: 0;}
    .block.one-object .name {font-size: 13px;padding: 12px 30px;}
    .news .annotation .text {
        margin:  0;
        padding-right: 16px;
        font-size: 14px;
    }
    .object .title a {font-size: 14px;}
    .bar-char {height: 40px;}
    .block-manager img {border-radius: 50%;margin-right: 16px}
    #top-banner .owl-dots {bottom: 32px;}
    #top-banner .content .button {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        -ms-flex-wrap: wrap;       flex-wrap: wrap;
        justify-content: center;
        padding: 0 60px 0 60px;
    }
    #top-banner .content .button {
        margin-top: 6px;
    }
    #top-banner .content .button .btn{

        margin-bottom: 10px;
    }

}

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

}

    /* Small Devices, Tablets */
@media only screen and (max-width : 769px) {
    /******************** top-info ********************************/
    html,
    body {}
    .sel {width: 25%;}
    .slogan .top {margin-bottom: 4px;}
    .banner-top .annotation {min-height: 180px}
    .banner-top a {font-size: .7em;color: #ba712c
    }
    .bot{float: left}
    .banner-top .ban-mark, .banner-top .ban-mark-bg{height: 20px;line-height: 15px;background: none}

    .navbar-toggle {
        padding: 5px 8px;
        margin-top: 7px;margin-bottom: 0;
        border: 0px solid transparent;
        border-radius: 0px;
    }
    .navbar-default .navbar-toggle .icon-bar {background-color: #e8e5e5;}
    .bar{display: none}
    #search-line{display: block}
    #search{display: none}
    .banner-top{margin-top: 10px}
    .country-menu a {color: #fff;font-size: .7em    }
    .country-menu .block-div .block {min-height: 100px;}

    .menu ul li {width: 100%;}
    .navbar-custom .navbar-nav > li > a  {
        font-size: 0.9em;
        letter-spacing: 0px;
        color: #fff;
        padding: 8px 10px 8px 10px;
        margin: 1px 0 ;
        width: 100%;
        z-index: 9999;
    }
    .menu ul li a {
        display: block;
        float: left;
        padding: 9px 10px 8px 7px;
        background: #3399cc;
        color: #fff;
         border: solid 0 #fff; /**/
        border-bottom: none;
         -webkit-border-top-left-radius: 0; /**/
         -webkit-border-top-right-radius: 0; /**/
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
         border-top-left-radius: 0; /**/
         border-top-right-radius: 0; /**/
        margin: -1px 0 0 -1px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #eee;width: 100%;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li.dropdown-submenu > .dropdown-menu li.dropdown-submenu > a {
        color: #222;
        width: 100%;
        background: rgba(248, 150, 58, 0.74);
    }


    .object .info{margin-top: 24px}
    .object .info .value {font-size: .8em}
    footer .beach {min-height: 10px;margin-bottom: 0; }
    .beach img{display: none}
    footer .block-title {font-size: .7rem;}
    footer .block-title-sub a {text-align: left;}
    footer .social {margin-top: 24px;text-align: center}


    .wr-media img{width: 200px;height: auto}
    .block-seminar .title {font-size: 18px;}
    .btn {font-size: 12px;}
    .div-input {min-width: 100px;}
    .select2-container--krajee .select2-selection {font-size: 11px !important;}
    .select2-container--krajee .select2-selection--single {padding: 6px 15px 6px 4px;}
    label {font-weight: 400;font-size: 0.7rem;}
    footer .link a, .title {font-size: 11px;}
    footer .logo img{width: 60px;margin-right: 16px}
    footer .link a{font-size: 10px}
    .block-seminar .wr-content{
        text-align: center;
    }

    .wr-img {
        border-radius: 50%;

        margin-right: 0;
        margin-bottom: 32px;
        overflow: hidden;
    }
    #top-banner .wr-content {
        top: 15%;
        height: 55%;
    }
    #top-banner .content .description{
        margin-top: 0;
        font-size: 20px;
        padding: 6px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 500px) {
    /******************** header ********************************/
    body{font-size: 12px}
    .country-top .col-xxs-12 {width: 100%}
    .country-menu .col-xxs-12 {width: 100%}
    .sel {width: 30%;}
    .bot{width: 35%;margin-left: 15px}
    .showlot-page .more-param .block { margin-right: 15px; margin-left: 15px; }
    .showlot-page .attache{height: 3em}
    .showlot-page .featured-lot {margin-top: 24px;    }
    #gpano,.social-btn{display: none}
    .title-page {
        font-size: 1.2em;
        height: auto;
        line-height: 1.5;
        padding: 4px 0;
        text-align: center;
    }
    h1.title-page {font-size: 1em;
        height: auto;
        line-height: normal;padding: 4px 0;
    }
    .object .img a  {
        display: inline-block;width: 100%;text-align: center}
    .object img {
        display: inline-block;

        margin-left: auto;
        margin-right: auto;

    }
    .img .price-mark-bg {
        background: #f1f1f1;
    }
    .img .price-mark {
        color: #0c1013;
        font-weight: bold;
        font-size: 22px;
    }
    .img .discounted-list {background: #f1f1f1;}


    .showlot-page .bar_lot .body .img {
        position: relative;
        margin: 4px auto;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
    }
    .showlot-page .bar_lot .body .img img {
        position: relative;
        margin: 4px auto;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
    }

    .showlot-page .special .loc,.showlot-page .special .value {font-size: 1.3em}
    [class$="icon-"]:before, [class*="icon- "]:before {display: inline-block;}

    .news .block .annotation {width: 100%}
    .sitenews-sitenew img{max-width: 250px}
    .bar_lot .body {
        background: #e9e8e6;
        margin-bottom: 20px;
        padding-top: 12px;
        min-height: 240px;
        padding-bottom: 12px;
        margin-left: auto;
        margin-right: auto;
    }
    .bar_lot .body .img {
        margin-top: 12px;
        margin-bottom: 12px;
        width: 100%;
        display: block;
    }
    .bar_lot .body .img a {
        position: relative;
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .bar_lot .body .img img {
        display: inline-block;
        min-height: 180px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .bar_lot .body .img a img {
        position: relative;
        min-height: 180px;
        margin-left: auto;
        margin-right: auto;
    }
    footer .block-title-sub a {text-align: center;margin-bottom: 0}

    .hidden-desktops .top .logo, .hidden-desktops .top img {height: 35px;}
    #btn-callback img, #btn-search img{height: 30px}
    #btn-callback{margin-right: 8px}

    .item-banner-top{overflow: hidden;}
    .item-banner-top{height: 400px !important;}
    #top-banner{left: inherit;width: inherit;}
    #top-banner .content .title {
        font-size: 22px;
        text-align: center;
        padding:  36px;
    }
    #top-banner .content .description{display: none}
    #top-banner .owl-dots {bottom: 17px;}
    #top-banner .content .button {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        -ms-flex-wrap: wrap;       flex-wrap: wrap;
        justify-content: center;
    }
    #top-banner .content a {margin-top: 18px;}
    .left-bar, .layout-content {padding-top: 0;}
    h1.title-page{font-size: 1.2em}
    .object {flex-direction: column;-ms-flex-wrap: nowrap;       flex-wrap: nowrap;height: auto}
    .object .img {height: auto;width: inherit;}
    .object img{height: auto}
    .object .annotation {width: auto}
    .object .annotation .text {margin-top: 12px;padding-right: 24px;margin-bottom: 12px}
    .object .annotation .wr-info .square { margin-left: 0; margin-top: 12px;}
    .news .wr-button, .object .annotation .wr-button{
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: auto;
    }
    .object .annotation .wr-button .all-object, .wr-button .left, .wr-button a {width: 100%;height: 36px}
    .news .block .img ,.news .annotation { padding-left: 0;padding-right: 0;}
    .news .annotation .title,
    .news .annotation .text{padding-left: 32px;padding-right: 32px}
    .news .annotation .date{padding-left: 16px;}
    .block-seminar .wr-media {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
    }
    .block-seminar .wr-content{
        text-align: center;
    }

    .wr-img {
         border-radius: 50%;
        width: 80%;
        margin-left: 10%;
         margin-right: 0;
         overflow: hidden;
     }

    .block-seminar .title {margin: 36px 0;}
    .site-index{overflow: hidden}
    #proposal{
        flex-direction: column;
        height: 300px;
        padding-left: 0 !important;
        padding-right: 0 !important;

    }

    .wr-proposal {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .wr-proposal a{margin-bottom: 24px}
    .wrap {padding: 0 0 48px;}

    footer #wr-footer {
        flex-direction: column;
    }
    .wr-logo{
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 24px;
    }
    .wr-logo .logo {height: auto;}
    footer .social {margin-top: 0;text-align: right; }
    footer .link a {margin-bottom: 12px}
    footer #wr-footer-copyright{flex-direction: column}
    footer .copyright{text-align: right;margin-bottom: 12px}
    .counters{text-align: center}
    #scrollup {padding: 3px 1px 0;}
    .wr-radio {
        flex-direction: column;
        align-items: flex-start;
    }
    .radio-div {margin-left: 17px;margin-bottom: 12px}
   #radio-block-mob{margin-top: 16px;display: none}
   #search-sale-mob.nav-bottom{background: #ffd800;color:#111;}
    #search-rent-mob{background: #0072bc;;}
    .block-search-sale-mob .div-input{border-radius: 6px;}
    .object .title a {font-size: 15px;}

    .object .annotation .text{
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        -ms-flex-wrap: wrap;       flex-wrap: wrap;
    }
    .object .annotation .value-text {
        font-size: 12px;
        padding-left: 5px;
        height: 16px;
    }
    .object .annotation .wr-button .all-price {justify-content: center;width: 100%;}
    h1.title-page {font-size: 1.1em; line-height: 1.5;}
    .block-char {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-wrap: nowrap !important;
        align-items: center;
        width: 100%
    }
    .block-lot.attribute .block-char .attr-icon {margin-right: 8px}
    .block-lot .block-btn {

            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 24px;
        margin-bottom: 50px;

    }
    .showlot-page .attache {margin-bottom: 2em;}
    .block-manager {flex-direction: column;}
    .block-manager img{margin-bottom: 32px}
    .block-manager .center {text-align: center;width: 100% !important;}
    .block-manager .manager-name {font-size: 17px;}
    .block-manager .item-value {    display: -webkit-box;     display: -ms-flexbox;     display: flex;justify-content: center !important;}
    .block-manager .right {width: 100% !important;}
    .block-manager .text-top{font-size: 17px;margin: 16px 0 6px 0;text-align: center}
    .block-manager .text-bottom{margin: 0 32px 6px 32px;text-align: center}

    form .input div {width: 100%;}
    .form-block-btn {
            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .captcha {margin-right: inherit;}
    .form-btn{flex: auto;width: 100%;margin-top: 16px}
    .sitenews-index .annotation a {font-size: 13px !important;font-weight: 600;}
    h3, .h3 {
        font-size: 18px;
        text-align: center;
    }
    .coloured-block .block-header {
        height: auto !important;
        line-height: 1.5 !important;}
    .media {

            display: -webkit-box;     display: -ms-flexbox;     display: flex;
        -ms-flex-wrap: wrap;       flex-wrap: wrap;
        flex-direction: column;
        align-items: center;

    }
    .media-figure {margin-right: 0 !important;margin-bottom: 36px}
    .media-body{padding: 12px 32px;font-size: 14px}
    #title-page-line {
        width: 30%;
        margin-bottom: 24px;
    }
    .title-page {margin-top: 32px;}
    .site-reviews .title-question {font-size: 13px;}
    .site-contact .contact-data {

        position: inherit;
        display: block;
        padding: 24px 34px;
        top: 0;
        right: 0;

    }
    .news .wr-button {padding-left: 0;font-size: 14px;}
    .bar_lot .body {
        flex: inherit;
        width: calc(100% - 30px);
    }
    #top-banner img {width: auto;height: auto;}
    .bar_lot .one-object {height: auto;}
    .wr-content {height: auto;}
}

@media only screen and (max-width : 420px) {
    /******************** header ********************************/
    #fix-bar{display: none}
    .whats-viber{display: block;font-size: 14px;color: #ffffff}
    .whats-viber a{display: block;font-size: 14px;color: #ffffff}
    .block-tlf{width: 50%}
    .info-tel{background: #eee}
    .banner-top .annotation{display: none}
    .banner-top .ban-mark, .banner-top .ban-mark-bg {
        position: inherit; /* */
        /* bottom: 10%; */
        /* width: 95%; */
        /* height: 36px; */
        /* background: #F5A01A; */
        /* z-index: 2; */
    }
    .sel {width: 45%;}
    .bot{width: 44%;}
    .col-xxs-12{width: 100%}
    .col-xxs-6{width: 50%}
    .pull-right {float: left !important;     }


    #gpano,.social-btn{display: none}
    .showlot-page .more-param .block { margin-right: 15px; margin-left: 15px; }
    .showlot-page .featured-lot {margin-top: 24px;    }
    .social-btn{}

    footer * {
        font-size: 1em;
        letter-spacing: 0px;
    }
    .slider-cart .img-big {
        max-width: 374px !important;
        width: 100%;
    }

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 370px) {
    .slider-cart .img-big {
        max-width: 300px !important;
    }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .slider-cart .img-big {
        max-width: 280px !important;
    }
}

/****** new ***********/

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .bar_lot .body {

        width: calc(50% - 30px);

    }
}
/* android (landscape) ----------- */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 737px)
and (orientation: landscape) {
    .wr-img  {
        width: 50%;
        margin-left: 25%;
    }
}

/* iPhone 6/7/8 (landscape) ----------- */
@media only screen
and (min-device-width: 376px)
and (max-device-width: 668px)
and (orientation: landscape) {
    .wr-img  {
        width: 50%;
        margin-left: 25%;
    }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    /* Styles */
}