@media (max-height: 900px) {
    .bottom-img {
        max-height: 120px;
    }

    .left-subtitle {
        font-size: 25px !important;
        line-height: 50px;
    }

    .home-big-logo {
        max-height: 110px !important;
    }

    .menu-block .nav-link {
        font-size: 25px;
        line-height: 40px;
    }
}
@media (max-height: 600px) {
    .bottom-img {
        max-height: 75px !important;
    }

    .left-subtitle {
        font-size: 16px !important;
    }

    .home-big-logo {
        max-height: 75px !important;
    }
}

/* NAVBAR */
@media (max-width: 991.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 65px;
        right: 0;
        background-color: var(--custom-blue);
        z-index: 15;
    }

    .navbar-nav {
        padding: 1em;
        padding-bottom: 0;
    }

    .language-menu {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        text-align: center;
    }

    /* END OF BASE */

    .menu-block .nav-link.submenu {
        font-size: 16px;
        line-height: 20px;
    }
}


@media (max-width: 575.98px) {
    /* BASE */
    .static-content ul {
        columns: 1;
    }
    /* END OF BASE */


    .menu-block .nav-link {padding-left: 17px; font-size: 20px;line-height: 1.2;}
    .home-big-logo {max-height: 110px;margin-bottom: 1.5em;}
    .left-subtitle {text-align: center; line-height: 1.2;margin-top: 1em; margin-bottom: 1em;font-size: 30px;}
    .bottom-img {max-height: 120px;}
    .navbar-nav {padding-left: 0px; padding-right: 0px;}
    .social-block a {margin-right: 18px;margin-left: 18px;}
    .social-block img {max-height: 22px;}
    .standard-btn {min-height: 35px;font-size: 18px;padding: 0 10px;}
    .home-title {font-size: 35px; left: 0px; max-width: 100%;width: 100%;padding-left: 1em;}
    header .navbar {height: 100px;}
    .home-block, .home-bigImg {height: calc(100vh - 71px);}
    .home-left-div {height: auto;padding-top: 2em !important;}
    .home-bigcol {display: none;}

    .social-block, .button-row {width: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 10px;}

    .account-title {font-size: 30px;line-height: 1;}
    .main-account-div {padding: 1em 1.5em;}
    .main-account-div .home-big-logo {margin-top: -75px; margin-bottom: 0px !important;}
    .cw-control {min-height: 49px;}
    .account-form {padding-top: 0em;}
    .cw-label {font-size: 17px;}
    .mt-5.text-left {margin-top: 1rem !important;}
    .standard-btn.wider {padding: 0 32px;}

    .account-col {height: auto; padding-top: 50px;}

    .static-content {font-size: 16px;}

    .account-btn-row {flex-direction: column; margin-top: 0em;}
    .account-btn-row .btn {margin-top: 1em;}

    .account-subtitle {font-size: 20px;}

    .contact-col {padding: 1em !important;display: block !important}
    .blue-title {font-size: 27px;}
    .extra-leftp {padding-left: 2em;}
    .contacts-title {font-size: 18px; margin-top: 1em;}
    .static-content {font-size: 17px;}
    .extra-padding {padding-left: 1em;padding-right: 1em;}

    .home-left-div.smaller .smaller {margin-top: 0em; margin-bottom: 1em; max-height: 120px;}

    .footer-aszf-link {margin-bottom: 1.5em;}
    .desktop-right {text-align: left;}
    .footer-link, .footer-aszf-link {font-size: 17px;}
    .bottom-infos {padding-top: 1em;}
    .contact-elem {flex-direction: column; align-items: flex-start;}
    .footer-logo img {max-height: 100px;}
    .footer-logo {padding-left: 1em;}
    .allrights, .allrights a {font-size: 15px;}
    .contact-elem span, .contact-elem a, .contact-elem {font-size: 17px;}

    .title-line {font-size: 22px; height: auto; min-height: auto;margin-bottom: 15px;}
    .text-part .description {font-size: 17px;}
    .blog-item > a {height: 200px;width: 100%;}
    .blog-item .text-part {width: 100%; padding-left: 0px; padding-top: 1.5em;min-height: auto; padding-bottom: 2em;}
    .blog-item {flex-direction: column;}
    .text-part .standard-btn.wider {min-height: 39px;}
    .blog-btn-row span {font-size: 16px;}
    .text-part .description {height: auto;min-height: auto;}
    .blog-item {margin-bottom: 0em;}

    .blue-title {line-height: 1;}

    .readonly-control {font-size: 18px;}
    .profilom-link {font-size: 20px;margin-left: 10px; margin-right: 10px;}
    form .blue-title { font-size: 20px;}
    .design-label, .profilom-form label {font-size: 16px;margin-top: .7em;}
    .text-btn {font-size: 20px;}
    .profilom-header-title .blue-title {font-size: 20px;}
    .profilom-header-title {margin-bottom: 1em;}
    .profilom-form.password-change {margin-top: 2em;}
    .profilom-header-title img {margin-left: 5px; width: 25px;}
    .profilom-nav {flex-wrap: wrap;}

    .inner-div {padding-left: 1em;}

    .empty-house-block {min-height: 320px;}
    .house-list-img {height: 220px;}
    .profilom-header {margin-top: 2em;}
    .pt-5.mobilept {padding-top: 0em !important;}
    .house-list-title {font-size: 18px;}
    .add-house {font-size: 26px;}
    .one-house-inList > a {width: 100%;}

    .one-room-img {height: 150px; width: 150px;}

    .profile-datas .house-list-title {font-size: 18px;}
    .basic-datas-row {flex-direction: column; align-items: start; justify-content: start;}
    .basic-datas {padding-left: 0px;}
    .extra-pp {padding-left: 15px;padding-right: 15px;padding-bottom: 2em;}
    .images-col {padding-top: 2em;padding-bottom: 2em;}
    .more-rooms-offer {padding: 15px 0px;flex-wrap: wrap;}
    .one-house-inList > div {width: 100%;}
    .more-info-room {width: 100%; padding-top: 1em;display: flex; align-items: center; justify-content: center;flex-direction: column;}
    .date-row {font-size: 19px;}
    .profile-datas .price-block {font-size: 17px;}
    .title-desc-block {width: calc(100%); display: flex; align-items: center; justify-content: center; flex-direction: column; padding-left: 0px; padding-top: 15px;}
    .more-rooms-offer {justify-content: center; text-align: center;}
    .add-input-block.smaller {width: 100%;display: flex; align-items: center; justify-content: center;flex-direction: column;}
    .more-rooms-offer .more-info-block {padding-left: 0px;}
    .more-rooms-offer .one-add-input {margin-right: 0px;}

    .one-category-inList img {max-height: 350px;}
    
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .menu-block .nav-link {padding-left: 17px; font-size: 20px;line-height: 1.2;}
    .home-big-logo {max-height: 110px;}
    .left-subtitle {text-align: center; line-height: 1.2;margin-top: 1em; margin-bottom: 1em;font-size: 30px;}
    .bottom-img {max-height: 120px;}
    .navbar-nav {padding-left: 0px; padding-right: 0px;}
    .social-block a {margin-right: 18px;}
    .social-block img {max-height: 22px;}
    .standard-btn {min-height: 35px;font-size: 18px;padding: 0 10px;}
    .home-title {font-size: 35px; left: 0px; max-width: 100%;width: 100%;padding-left: 1em;}
    header .navbar {height: 71px;}
    .home-block, .home-bigImg {height: calc(100vh - 71px);}

    .account-title {font-size: 35px;}
    .main-account-div {padding: 1.5em 2em;}
    .cw-control {min-height: 49px;}
    .account-form {padding-top: 0em;}
    .cw-label {font-size: 18px;}
    .mt-5.text-left {margin-top: 1.5rem !important;}
    .standard-btn.wider {padding: 0 42px;}

    .account-subtitle {font-size: 25px;}

    .contact-col {padding: 1em !important;}
    .blue-title {font-size: 27px;}
    .extra-leftp {padding-left: 2em;}
    .contacts-title {font-size: 18px; margin-top: 1em;}
    .static-content {font-size: 17px;}
    .extra-padding {padding-left: 1em;padding-right: 1em;}

    .footer-link, .footer-aszf-link {font-size: 17px;}
    .bottom-infos {padding-top: 1em;}
    .contact-elem {flex-direction: column; align-items: flex-start;}
    .footer-logo img {max-height: 100px;}
    .footer-logo {padding-left: 1em;}
    .allrights, .allrights a {font-size: 15px;}
    .contact-elem span, .contact-elem a, .contact-elem {font-size: 17px;}

    .title-line {font-size: 22px; height: auto; min-height: auto;margin-bottom: 15px;}
    .text-part .description {font-size: 17px;}
    .blog-item > a {height: 225px;width: 100%;}
    .blog-item .text-part {width: 100%; padding-left: 0px; padding-top: 1.5em;min-height: auto; padding-bottom: 2em;}
    .blog-item {flex-direction: column;}
    .text-part .standard-btn.wider {min-height: 39px;}
    .blog-btn-row span {font-size: 16px;}
    .text-part .description {height: auto;min-height: auto;}
    .blog-item {margin-bottom: 0em;}

    .blue-title {line-height: 1;}

    .readonly-control {font-size: 18px;}
    .profilom-link {font-size: 20px;margin-left: 10px; margin-right: 10px;}
    form .blue-title { font-size: 20px;}
    .design-label, .profilom-form label {font-size: 16px;margin-top: .7em;}
    .text-btn {font-size: 20px;}
    .profilom-header-title .blue-title {font-size: 20px;}
    .profilom-header-title {margin-bottom: 1em;}
    .profilom-form.password-change {margin-top: 2em;}
    .profilom-header-title img {margin-left: 5px; width: 25px;}

    .empty-house-block {min-height: 350px;}
    .house-list-img {height: 220px;}
    .profilom-header {margin-top: 2em;}
    .pt-5.mobilept {padding-top: 0em !important;}
    .house-list-title {font-size: 18px;}
    .add-house {font-size: 26px;}

    .accommodation-list.contact-col {padding: 1em !important;}
    .unicol {-ms-flex: 0 0 100% !important;flex: 0 0 100% !important;max-width: 100% !important;}
    .custom-checkbox.smaller {margin-left: 13px;}
    .one-house-inList > a {width: 100%;}
    .filter-subtitle {padding-left: 13px;}
    .custom-checkbox.smaller p {font-size: 15px;}
    .house-list-title {font-size: 17px;}
    .accommodation-list .house-list-img {height: 200px;}
    .house-list-content {padding: 8px 13px;}

    
    .profile-datas .house-list-title {font-size: 18px;}
    .basic-datas-row {flex-direction: column; align-items: start; justify-content: start;}
    .basic-datas {padding-left: 0px;}
    .extra-pp {padding-left: 15px;padding-right: 15px;}
    .images-col {padding-top: 2em;padding-bottom: 2em;}
    .more-rooms-offer {padding: 15px;flex-wrap: wrap;}
    .one-house-inList > div {width: 100%;}
    .more-info-room {width: 50%; padding-top: 1em;}
    .date-row {font-size: 19px;}
    .profile-datas .price-block {font-size: 17px;}
    .title-desc-block {width: calc(100% - 160px);}
    .add-input-block.smaller {width: 50%}

    .category-title {font-size: 17px;}
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    .menu-block .nav-link {padding-left: 17px; font-size: 20px;line-height: 1.2;}
    .home-big-logo {max-height: 110px;}
    .left-subtitle {text-align: center; line-height: 1.2;margin-top: 1em; margin-bottom: 1em;font-size: 30px;}
    .bottom-img {max-height: 120px;}
    .navbar-nav {padding-left: 0px; padding-right: 0px;}
    .social-block a {margin-right: 18px;}
    .social-block img {max-height: 22px;}
    .standard-btn {min-height: 45px;font-size: 20px;padding: 0 20px;}
    .home-title {font-size: 35px; left: 37px; max-width: 100%;width: 100%;}
    header .navbar {height: 71px;}
    .home-block, .home-bigImg {height: calc(100vh - 71px);}

    .account-title {font-size: 40px;}
    .main-account-div {padding: 2em 4em 2em 4em;}
    .cw-control {min-height: 49px;}
    .cw-label {font-size: 18px;}
    .mt-5.text-left {margin-top: 1.5rem !important;}
    .standard-btn.wider {padding: 0 42px;}

    .account-subtitle {font-size: 27px;}

    .contact-col {padding: 2em !important;}
    .blue-title {font-size: 30px;}
    .extra-leftp {padding-left: 2em;}
    .contacts-title {font-size: 18px; margin-top: 1em;}
    .static-content {font-size: 17px;}
    .extra-padding {padding-left: 4em;padding-right: 1em;}

    .footer-link, .footer-aszf-link {font-size: 17px;}
    .bottom-infos {padding-top: 2em;}
    .contact-elem {flex-direction: column; align-items: flex-start;}
    .footer-logo img {max-height: 100px;}
    .footer-logo {padding-left: 1em;}
    .allrights, .allrights a {font-size: 15px;}
    .contact-elem span, .contact-elem a, .contact-elem {font-size: 17px;}

    .title-line {font-size: 22px; height: auto; min-height: auto;margin-bottom: 15px;}
    .text-part .description {font-size: 17px;}
    .blog-item > a {height: 265px;width: 40%;}
    .blog-item .text-part {width: 60%;}
    .text-part .standard-btn.wider {min-height: 39px;}
    .blog-btn-row span {font-size: 16px;}

    .readonly-control {font-size: 22px;}
    .profilom-link {font-size: 22px;margin-left: 15px; margin-right: 15px;}
    form .blue-title { font-size: 25px;}
    .design-label, .profilom-form label {font-size: 16px;}
    .text-btn {font-size: 22px;}
    .profilom-header-title .blue-title {font-size: 27px;}

    .empty-house-block {min-height: 350px;}
    .add-house {font-size: 30px;}

    .accommodation-list.contact-col {padding: 1em !important;}
    .unicol {-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
    .custom-checkbox.smaller {margin-left: 13px;}
    .filter-subtitle {padding-left: 13px;}
    .custom-checkbox.smaller p {font-size: 15px;}
    .house-list-title {font-size: 17px;}
    .accommodation-list .house-list-img {height: 200px;}
    .house-list-content {padding: 8px 13px;}

    .profile-datas .house-list-title {font-size: 18px;}
    .basic-datas-row {flex-direction: column; align-items: start; justify-content: start;}
    .basic-datas {padding-left: 0px;}
    .extra-pp {padding-left: 15px;padding-right: 15px;}
    .images-col {padding-top: 2em;padding-bottom: 2em;}
    .more-rooms-offer {padding: 15px;flex-wrap: wrap;}
    .more-info-room {width: 100%; padding-top: 1em;}
    .date-row {font-size: 19px;}
    .profile-datas .price-block {font-size: 17px;}
    .title-desc-block {width: calc(100% - 160px - 300px);}

    .category-title {font-size: 17px;}
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .menu-block .nav-link {padding-left: 17px; font-size: 24px;line-height: 1.2;}
    .home-big-logo {max-height: 138px;}
    .left-subtitle {text-align: center; line-height: 1.2;margin-top: 1em; margin-bottom: 1em;font-size: 35px;}
    .bottom-img {max-height: 150px;}
    .social-block a {margin-right: 23px;}
    .social-block img {max-height: 25px;}
    .standard-btn {min-height: 48px;font-size: 22px;}
    .home-title {font-size: 40px; left: 67px; max-width: 100%;}

    .account-title {font-size: 45px;}
    .main-account-div {padding: 2em 7em 3em 7em;}

    .contact-col {padding: 2.5em !important;}
    .blue-title {font-size: 35px;}
    .contacts-title {font-size: 20px; margin-top: 1.5em;}
    .static-content {font-size: 18px;}
    .extra-padding {padding-left: 6em;padding-right: 1em;}

    .footer-link, .footer-aszf-link {font-size: 19px;}
    .contact-elem {flex-direction: column; align-items: flex-start;}
    .footer-logo img {max-height: 115px;}
    .allrights, .allrights a {font-size: 15px;}

    .title-line {font-size: 24px;}
    .text-part .description {font-size: 17px;}
    .blog-btn-row span {font-size: 16px;}

    .readonly-control {font-size: 26px;}
    .profilom-link {font-size: 24px;}
    form .blue-title { font-size: 30px;}
    .design-label, .profilom-form label {font-size: 17px;}
    .text-btn {font-size: 26px;}
    .profilom-header-title .blue-title {font-size: 30px;}

    .accommodation-list.contact-col {padding: 1em !important;}
    .unicol {-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
    .custom-checkbox.smaller {margin-left: 13px;}
    .filter-subtitle {padding-left: 13px;}
    .custom-checkbox.smaller p {font-size: 15px;}
    .house-list-title {font-size: 17px;}

    .profile-datas .house-list-title {font-size: 18px;}
    .basic-datas-row {flex-direction: column; align-items: start; justify-content: start;}
    .basic-datas {padding-left: 0px;}
    .extra-pp {padding-left: 15px;padding-right: 15px;}
    .images-col {padding-top: 2em;padding-bottom: 2em;}
    .more-rooms-offer {padding: 15px;}
}

/* XL */
@media (min-width: 1200px) {
    
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .accommodation-list.contact-col {padding: 1em !important;}
    .unicol {-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
    .custom-checkbox.smaller, .filter-subtitle {margin-left: 13px;}
    .custom-checkbox.smaller p {font-size: 15px;}

    .profile-datas .house-list-title {font-size: 20px;}
    .basic-datas-row {flex-direction: column; align-items: start; justify-content: start;}
    .basic-datas {padding-left: 0px;}
    .extra-pp {padding-left: 25px;padding-right: 25px;}
}

@media (min-width: 1400px) {

}
