/*   Адаптивные настройки
/********************************************************/
@media screen and (max-width: 1169px) {
    .box1 .bx11, .box0 {
        width: 98%;
        max-width: none;
    }
    .owl-carousel {
        width: calc(100% - 45px);
        margin: 0 auto;
    }
}

/* 1024
*********************************************************************/

@media screen and (max-width: 1024px) {

    .box1 ul li {
        font-size: 22px;
    }

    .box1 .bx1 {
        padding-top: 6px;
    }

    .box1 .bx1 {
        width: 465px;
        font-size: 33px;
    }

    .box1 .bx1 span {
        font-size: 38px;
    }

    .why_list li > div {
        width: 90%;
        margin: 0 auto;
    }
    .why_list li {
        width: 47%;
        margin: 10px;
    }

}

/* 960
*********************************************************************/

@media screen and (max-width: 959px) {

    .box1 ul li img {
        width: 90%;
    }

    .box1 ul li:nth-child(1) {
        font-size: 9px;
        letter-spacing: -0.1px;
    }

    .box6 .bx1 {
        width: 707px;
        min-height: 630px;
        background: url(../img/bg6-2.png) left top no-repeat;
    }

    .box6 .bx1-1 {
        left: 0px;
        top: 60px;
    }

    .box6 .bx1-2 {
        left: 240px;
        top: 60px;
    }

    .box6 .bx1-3 {
        left: 480px;
        top: 60px;
    }

    .box6 .bx1-4 {
        left: 480px;
        top: 300px;
    }

    .box6 .bx1-5 {
        left: 240px;
        top: 300px;
    }

    .box6 .bx1-6 {
        left: 0px;
        top: 300px;
    }

    .box6 .bx1-7 {
        left: 0px;
        top: 540px;
    }

    .box6 .bx1-8 {
        left: 240px;
        top: 540px;
    }

    .box13 .p1 {
        font-size: 16px;
    }

    .box1 .bx11 img {
        width: 200px;
    }

    .box1 .bx13 p {
        font-size: 22px;
    }

    .box1 .bx12 {
        padding: 50px 0 40px;
    }

    .box1 .bx12 h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .box1 .bx12 h2,.clinet-time h2, .podborka h2, .all-inclusive h2, .director h2,
    .rieltor h2, .block h2, #pop_up_form_z h2, .dark-block h2, .address h2, #form_10c h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .header-p {
        font-size: 18px;
    }

    .box1-2 {
        min-height: 500px;
    }

    .counter-value {
        font-size: 38px;
        margin-top: 70px;
    }

    .counter-box p {
        font-size: 14px;
    }
    .owl-next {
        /*right: 0;
        transform: scale(3,3);*/
    }
    .owl-prev {
        /*transform: scale(3,3);*/
    }
    .block-body {
        margin: 0 auto;
        width: 98%;
    }
    .podborka_container h2 {
        font-size: 20px !important;
        line-height: 26px !important;
        padding: 0 0 25px !important;
        margin-bottom: 25px !important;
    }
    .clinet-time, .all-inclusive, .director, .rieltor, .block, .dark-block {
        padding: 30px 0;
    }
}

/* 768
*********************************************************************/

@media screen and (max-width: 780px) {
    /* box1
    ******************************************/
    .box1-2 {
        min-height: 100px;
    }

    .box1 .bx12 {
        font-size: 20px;
    }

    .box1 .bx12 span {
        font-size: 28px;
    }

    .box1 .bx13 img {
        width: 115px;
    }

    .box1 ul li:nth-child(2) {
        display: none;
    }

    .box1 ul:after {
        padding-bottom: 0px;
    }

    /* bx3 */
    .box1 .bx3 {
        display: block;
        padding: 10px 0px 50px 0px;
        text-align: center;
        line-height: 110%;
        font-size: 24px;
        color: #fff;
    }

    .box1 .bx3 span {
        display: inline-block;
    }

    .box1 .bx1 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .box1 .bx1 span {
        text-align: center;
    }

    .box1 .bx2 .form1 {
        margin: 10px auto 0px;
    }

    .box1 .bx2 img {
        display: none;
    }

    .header-img-div {
        margin-bottom: 20px;
    }
    /* box13
    ******************************************/
    .box13 .bx1 {
        height: auto;
    }

    .box13 .bx1 .box0 {
        background-color: #363636;
    }

    .box13 .bx2 {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin: 0px auto;
        padding: 20px 0px 20px;
        background-color: rgba(0, 0, 0, 0);

    }

    .box13 .p1 {
        display: inline-block;
        margin-right: 20px;

    }

    .box13 .p2 {
        display: inline-block;
        margin: 10px 0px 10px 0px;
    }

    .box13 .p3 {
        display: block;
    }

    .box13 .p2:last-child {
        margin: 10px 0px 0px 0px;
    }

    .vigoda-icon {
        display: none;
    }

    .vigoda-bottom, .vigoda-text {
        display: block;
    }

    .part-50, .part-40, .part-60 {
        width: 98%;
        float: none;
        /*margin: 0 auto 20px;*/
        margin: 0 auto;
        text-align: center;
        clear: both;
    }

    .part-50.last, .part-50.first {
        width: 98%;
        float: none;
        text-align: center;
        /*margin: 0 auto 20px;*/
        margin: 0 auto;
    }

    .director .part-50 img, .sale .part-50.left img,
    .director .part-40 img {
        width: 100%;
        margin-bottom: 10px;
    }
    .soc-staff {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .button-call {
        margin-bottom: 10px;
    }

    .box1 .bx13 {
        float: none;
        text-align: center;
    }

    .box1 .bx13 p {
        font-size: 24px;
    }

    .box1 .bx12 {
        padding: 30px 0;
    }

    .box1 .bx12 h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .box1 .bx11 img {
        width: 300px;
    }

    .button-header {
        width: 450px;
        height: auto;
        /*margin: 50px auto 0;*/
    }

    .counter-value {
        font-size: 28px;
        margin-top: 40px;
    }

    .counter-box p {
        font-size: 14px;
    }
    .clinet-time .form1 p, .think .form1 p {
        font-size: 20px;
        line-height: 26px;
        margin-top: -30px;
    }
    .box1 .bx12 h2,.clinet-time h2, .podborka h2, .all-inclusive h2, .director h2,
    .rieltor h2, .block h2, #pop_up_form_z h2, .dark-block h2, .address h2, #form_10c h2 {
        width: 98%;
        font-size: 22px;
        line-height: 26px;
        padding: 0 0 20px;
        margin-bottom: 20px;
    }
    .small-header {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .rieltor h3, .podborka h3 {
        font-size: 18px;
        line-height: 22px;
        margin-top: 0;
    }

    .block-body {
        flex-direction: column;
        margin-bottom: 0;
    }

    .block-body p {
        margin-left: 0;
        margin-right: 0;
        line-height: 20px;
        margin-bottom: 0;
    }

    .bg-img {
        width: 95%;
        margin: 0 auto 20px !important;
    }
    .bg-img-1 {
        margin-top: 20px;
    }

    .hot-img {
        width: 100%;
        float: none;
    }

    .hot-text {
        width: 100%;
    }
    .hot-img img {
        width: 100% !important;
        height: auto !important;
    }
    .clinet-time .form1, .think .form1 {
        padding-right: 0 !important;
        padding-left: 0;
        width: 98%;
        margin: 0 auto;
    }

    .button-podborka, .work-button, .hot-button, .think .form1 input[type="submit"],
    .sale .work-button, .dream-button {
        font-size: 20px !important;
        padding: 20px 20px !important;
    }

    .all-inclusive-box {
        margin: 10px auto !important;
        width: 90%;
        padding: 30px 0;
    }

    .all-inclusive {
        padding-bottom: 30px;
    }

    .job-structure {
        background: transparent;
        height: auto;
        padding-top: 30px;
    }

    .job1, .job2, .job3, .job4, .job5, .job6 {
        height: auto;
    }

    .job-structure-box-left.job-shadow, .job-structure-box-right.job-shadow {
        float: none;
        display: block;
        max-width: none;
    }

    .job1 .job-structure-box-right, .job3 .job-structure-box-right, .job5 .job-structure-box-right,
    .job2 .job-structure-box-left, .job4 .job-structure-box-left, .job6 .job-structure-box-left {
        display: none;
    }

    .job-structure-box-left, .job-structure-box-right, .job-structure-box-center {
        /*width: 40%;*/
        width: 90%;
        float: none;
        display: block;
        max-width: none;
        margin: 0 auto 40px;
        position: relative;
    }
    .job-structure-box-center:last-child {
        margin-bottom: 0;
    }

    .job-number {
        display: block;
        width: 60px;
        height: 60px;
        position: absolute;
        top: -30px;
        left: calc(50% - 35px);
        text-align: center;
        border-radius: 50%;
        background-color: #c79c6e;
        border: 2px solid #ffffff;
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
        padding: 18px;
    }

    .job-shadow p, .job-structure-box-center.job-shadow p {
        padding: 40px 20px;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

    .director .right {
        padding-left: 5px;
        margin-left: 0;
    }
    .director .left p {
        padding-right: 0;
    }
    .director .part-50 p {
        margin-bottom: 10px !important;
    }
    .director h3 {
        font-size: 24px;
        line-height: 26px;
        margin-top: 20px;
    }
    .director h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .ipoteka h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .ipoteka-point {
        font-size: 15px;
        background: url(../img/correct.png) left center no-repeat;
        background-size: auto 75%;
        padding: 5px 0 5px 40px;
    }
    .ipoteka-bank {
        margin: 0 auto 25px;
        width: 95%;
    }
    .hot-button1 {
        margin:40px auto 0;
    }
    .small-subheader p {
        font-size: 18px;
    }
    .hot-text p {
        line-height: 24px;
    }
    .hot-price {
        font-size: 30px !important;
        margin: 15px auto 30px;
    }

    .rieltor h3 {
        margin-top: 0;
        font-size: 16px;
        line-height: 20px;
    }

    .question6-box.left, .question6-box.right {
        float: none;
        width: 95%;
        margin: 10px auto;
    }
    .question-row {
        margin-bottom: 15px;
    }

    .winner div {
        margin: 5px auto;
        text-align: center;
        width: 90%;
        padding: 0;
    }

    .winner p {
        float: none;
    }

    .winner {
        padding-bottom: 0;
    }

    .countdown li span {
        font-size: 30px;
    }

    .countdown li div {
        font-size: 14px;
    }

    .sale p {
        margin-bottom: 0;
    }

    .dream-button {
        float: none;
    }

    .dream h3 {
        float: none;
        font-size: 30px;
        text-align: center;
    }

    .client-img {
        width: 100%;
        float: none;
    }

    .client-text {
        width: 100%;
        float: none;
        padding: 20px 30px 30px;
    }

    .hot-form {
        width: 90%;
    }

    .hot-deal {
        padding-bottom: 30px;
    }

    .address {
        height: auto;
        padding: 20px 20px;
    }

    .p-tel, .p-address {
        font-size: 22px;
        line-height: 24px;
        width: 90%;
        margin: 0 auto;
    }
    #form_10c h3 {
        font-size: 20px;
        padding: 0 0 20px;
    }

    .footer {
        padding: 30px 0 60px;
    }
    .footer .container {
        width: 98%;
        margin: 0 auto;
    }
    .footer .address-text {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .footer form {
        padding: 40px 40px;
        margin-top: 0px;
    }
    .day-14 h2 span, .allsochi h2 span {
        font-size: 16px;
    }
    .podborka-1 img {
        margin: 0 5px -20px 2px;
    }

    .clinet-time, .all-inclusive, .director, .rieltor, .block {
        padding: 30px 0 !important;
    }
    .certificate1 img {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .podborka_container {
        width: 70%;
        min-width: unset;
        min-height: unset;
        margin: 0 auto;
    }
    .panel_txt{
        padding: 1px 5px !important;
        font-size: 14px;
    }
    .panel_txt {
        width: 33.33%;
    }
    #pop_up_form_z .left {
        padding: 0 0 20px 0;
    }
    #pop_up_form_z .right {
        padding: 0 0 90px 0px;
    }
    .form-point {
        margin: 5px 0 0 !important;
        font-size: 12px !important;
    }
    .rieltor-block {
        min-height: 550px;
    }
    .address .form1 {
        margin: 0 auto;
        padding-left: 0;
    }
    .soc-blok {
        margin-bottom: 20px;
    }
    .question6-box p {
        text-align: left;
    }
    .right .address-text {
        margin-bottom: 20px !important;
    }
    .rules, .p-winner-18 {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .p-winner-18 {
        margin-bottom: 20px !important;
    }
    .p-winner {
        font-size: 16px !important;
        line-height: 18px !important;
        margin-bottom: 15px !important;
    }

    .why_list li {
        width: 90%;
        float: none;
        padding: 110px 0 50px;
        min-height: unset;
        margin: 0 auto 30px;
    }

    .work-button {
        margin-top: 0 !important;
    }
    .day-14 h2 span, .allsochi h2 span, .to-work h2 span {
        font-size: 18px;
    }
    .show-mobile {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .offices.sticky-content.fixed .p3 {
        font-size: 18px;
    }
    .button-day-14 {
        padding: 10px 30px 10px 60px !important;
        background: #c79c6e url(../img/check-mark.png) 10px center no-repeat;
        background-size: auto 60%;
        margin: 10px auto 0 !important;
        font-size: 18px !important;
        line-height: 20px;
    }
}

/* 568 iPhone 5 горизонтальное положение
*********************************************************************/
@media screen and (max-width: 568px) {
    .box1-2 {
        background-color: rgba(0, 0, 0, 0.17);
    }

    .box1 .bx11 {
        font-size: 14px;
        text-align: center;
    }

    .box1 .bx11 a {
        display: block;
        text-align: center;
    }

    .box1 .bx11 img {
        width: 200px;
    }

    .box1-2 {
        min-height: 100px;
    }

    .box1 .bx12 {
        float: none;
        font-size: 20px;
    }

    .box1 .bx13 {
        float: none;
        text-align: center;
    }

    .box1 .bx13 .p1 {
        padding-top: 0px;
    }

    .logomain {
        display: none;
    }

    h1 {
        font-size: 28px;
    }
    .podborka_container {
        width: 90%;
    }
    .countdown {
        margin: 0 auto;
    }
}

/* 480 iPhone 4 горизонтальное положение
*********************************************************************/
@media screen and (max-width: 479px) {
    h1 {
        font-size: 22px;
    }

    .box1 .box0 {
        padding: 0 10px;
    }

    .box1-2 {
        background-color: rgba(0, 0, 0, 0.17);
    }

    .box1 .bx11 {
        font-size: 11px;
        padding-bottom: 10px;
    }

    .box1 .bx11 a {
        display: block;
        text-align: center;
    }

    .box1 .bx11 img {
        width: 110px;
    }

    .box1-2 {
        min-height: 100px;
    }

    .box1 .bx12 {
        text-align: center;
    }

    .box1 .bx12 .form1 {
        margin: 0 auto;
    }

    .box1 ul li:nth-child(1), .box1 ul li:nth-child(3) {
        display: block;
        width: 100%;
        float: none;
        text-align: center;
    }

    .box1 ul li:nth-child(1) a {
        display: block;
        width: 160px;
        margin: 0px auto;
        text-align: center;
    }

    .box1 ul li:nth-child(3) span {
        text-align: center;
    }

    .box1 .bx3 {
        padding: 30px 0px;
        font-size: 20px;
    }

    .box1 .bx1, .box1 .bx1 span {
        font-size: 22px;
    }
    .podborka-1 h3 {
        font-size: 18px;
    }
    .button-header {
        width: 100%;
    }
    .box1 .bx12 h1 {
        font-size: 24px;
        line-height: 28px;
    }
    #pop_up_form_p, #pop_up_form_z {
        padding: 40px 30px;
        box-sizing: border-box;
    }
    .top-logo img {
        width: 100%;
        height: auto;
        padding: 0 10px;
    }
    .countdown li {
        margin: 10px 5px !important;
    }
    .button-call {
        background: none;
        padding: 10px 10px 0 10px;
        width: 160px;
        height: 40px;
        line-height: 14px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 376px) {
    .podborka_container h2 {
        padding: 0 0 15px !important;
        margin-bottom: 15px !important;
    }
    .podborka_container p {
        font-size: 18px;
        line-height: 22px;
    }
    #pop_up_form_p, #pop_up_form_z, #form_10c {
        padding: 35px 20px !important;
    }
    .button-podborka, .work-button, .hot-button,
    .think .form1 input[type="submit"], .sale .work-button, .dream-button {
        padding: 15px 10px !important;
    }
    #pop_up_z .close, #pop_up10c .close {
        top: 15px;
        right: 15px;
    }
    .form-border {
        outline-offset: -10px !important;
    }
    .privacy {
        margin-top: 15px !important;
    }
    #pop_up_form_p input, #pop_up_form_z input, #form_10c input {
        margin: 0 0 10px !important;
    }
    .offices.sticky-content.fixed p {
        font-size: 14px;
    }
    .offices.sticky-content.fixed .p3 {
        font-size: 16px;
    }

}

/* 320 iPhone 5 вертикальное положение
*********************************************************************/
@media screen and (max-width: 320px) {

}
