/* Large desktops and laptops */
@media (min-width: 1200px) {
    .top-menu .navbar-default .navbar-nav > li > a {
        padding: 30px 20px !important;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .top-content {
        margin-top: 80px;
    }

    .top-content h1 {
        font-size: 5.25rem;
        line-height: 52px;
    }

    .top-content .lead {
        font-size: 32px;
    }

    .thumb-image {
        padding: 0 18px;
    }

    .thumb-photo-image {
        height: 138px;
    }

    .village-search-block {
        padding: 40px 30px;
    }

    .top-menu .navbar-default .navbar-nav > li > a {
        padding: 30px 20px !important;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .credit-btn {
        bottom: 60px;
        left: 40px;
    }

    .top-content {
        margin-top: 80px;
    }

    .top-content h1 {
        font-size: 3.25rem;
        line-height: 42px;
    }

    .top-content .lead {
        font-size: 26px;
        line-height: 34px;
    }

    h2.title {
        font-size: 40px;
        line-height: 40px;
    }

    .btn-rounded-dark {
        margin: 60px 0 10px 0;
        white-space: normal;
        padding: 18px 46px;
    }

    .number-list-middle li {
        min-height: 60px;
    }

    .middle {
        line-height: initial;
    }

    .thumb-image {
        padding: 0 15px;
    }

    .thumb-photo-image {
        height: 480px;
    }

    .scroll {
        display: none;
    }

    .m_0_20 {
        margin: 0 20px;
    }

    .m_sm_40 {
        margin-bottom: 40px;
    }

    section.built-your-house {
        padding-bottom: 90px;
    }

    .bullet-item {
        max-width: 240px;
        padding: 16px 7px 10px;
        margin-right: 3px;
    }

    .main-profiled-new .top-content {
        margin-top: 20px;
    }

    .main-profiled-new .top-content h1 {
        font-size: 20px;
    }

    header.main-profiled-new {
        min-height: 700px;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    header.mt-80 {
        margin-top: 55px;
    }

    section.built-your-house {
        padding-bottom: 90px;
    }

    .m_0_20 {
        margin: 0;
    }

    .m_sm_40 {
        margin-bottom: 40px;
    }

    .scroll {
        display: none;
    }

    .top-content {
        margin-top: 80px;
    }

    .top-content h1 {
        font-size: 4.25rem;
        line-height: 52px;
    }

    .top-content .lead {
        font-size: 26px;
        line-height: 36px;
    }

    .top-bar,
    .top-contacts,
    footer,
    .footer-phone,
    .footer-call-form,
    .social {
        text-align: center;
    }

    .btn-orange-rounded {
        padding: 18px 20px;
        font-size: 16px;
        white-space: normal;
    }

    .btn-rounded-dark {
        font-size: 18px;
        margin: 60px 0 10px 0;
        white-space: normal;
        padding: 18px 20px;
    }

    .middle {
        line-height: 24px;
    }

    .thumb-image {
        padding: 0 15px;
    }

    .thumb-photo-image {
        height: 440px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .top-logo,
    .top-menu-phone {
        display: block;
    }

    .top-content a.btn-orange-rounded + #calculate-project-form + a.btn-orange-rounded {
        margin: 20px 0;
    }

    .credit-btn {
        display: none;
    }

    .thumb-image {
        padding: 0 15px;
    }

    .top-content {
        margin-top: 20px;
    }

    .top-content h1 {
        font-size: 3rem;
        line-height: 36px;
        width: 90%;
    }

    .top-content .lead {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 20px;
    }

    .top-bar,
    .top-contacts,
    footer,
    .footer-phone,
    .footer-call-form,
    .footer-price-form {
        text-align: center;
    }

    .top-bar {
        padding-bottom: 0;
    }

    .top-bar .pull-right {
        float: none !important;
    }

    .top-call-form {
        padding: 10px 0;
    }

    h2.title {
        font-size: 24px;
        line-height: 26px;
    }

    h3.title {
        font-size: 20px;
        line-height: 24px;
    }

    .fs24 {
        font-size: 18px;
    }

    .fs36 {
        font-size: 22px;
        line-height: 24px;
    }

    .number-list-middle li {
        min-height: 60px;
    }

    .thumb-photo-image {
        height: 240px;
    }

    .sub-main-phone a, .second-footer-phone a {
        font-size: 24px;
        line-height: 32px;
    }

    .top-menu .navbar-default .navbar-nav > li > a {
        padding: 18px 20px;
    }

    .top-menu .navbar-nav .open .dropdown-menu > li > a,
    .top-menu .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 14px 30px;
        white-space: inherit;
        line-height: 20px;
    }

    .top-menu .navbar-nav {
        float: left;
        display: block;
        justify-content: unset;
        flex-wrap: unset;
    }

    .village-search-block {
        padding: 40px 20px;
    }

    .village-search-block {
        height: auto;
    }

    #village-detail-image {
        margin-bottom: 20px;
    }

    #village-detail-wrapper button.close {
        left: 0;
    }

    section.village-section {
        padding: 10px 0;
    }

    .village-promo {
        padding: 20px 30px;
    }

    .main-profiled-new .top-content h1 {
        text-align: center;
        width: 100%;
        font-size: 20px;
        padding: 0 20px;
        margin: 20px 0;
    }

    .main-profiled-new .top-content {
        margin-top: 10px
    }

    .main-profiled-new .top-content .lead {
        font-size: 16px;
        text-align: center;
        width: 100%;
        padding: 0 20px;
    }

    .main-profiled-new .btn {
        width: 80%;
    }

    .main-profiled-new .btn-wrapper {
        text-align: center;
        margin: 30px 0;
    }

    .bullet-wrapper {
        text-align: center;
        position: relative;
    }

    header.main-profiled-new {
        min-height: 1360px
    }

    .main-profiled-new .bullet-item {
        margin: 20px 0 0 0;
    }

    .quiz-section h2 {
        font-size: 18px;
        padding: 0 0 24px 0;
    }

    .block-quiz h3.main_question {
        font-size: 18px;
    }

    .block-quiz {
        padding: 18px 20px;
    }

    .block-quiz #bottom-wizard {
        text-align: center;
    }

    .block-quiz #bottom-wizard button {
        padding: 10px 30px;
    }

    .fileupload input {
        width: 95%;
    }

    header.main-profiled-new {
        background-image: url("/img/profiled-new-mobile.jpg");
    }

    .quiz-section {
        margin: 30px 0 40px 0;
    }
}

@media (min-width: 768px) {
    .row.vertical-align {
        display: flex;
        align-items: center;
    }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.thx-btn {
    margin: 0 70px;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .thx-btn {
        margin: 0 190px;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

    .thx-btn {
        margin: 0 160px;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }

    .thx-btn {
        margin: 0 290px;
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .m_0_20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .village-search-block {
        height: auto;
    }

    #village-detail-image {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .reviews h2.title {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .reviews h2.title {
        font-size: 24px;
    }
}