#projectMap {
    height: 465px;
}

.projectCardInner {
    padding: 40px 15px;
    font-size: 18px;
    line-height: 26px;
}

.projectCard {
    margin-bottom: 20px;
}

.mapSort {
    padding-top: 15px;
    padding-bottom: 10px;
}

.mapSortTitle {
    font-size: 16px;
    font-family: 'Century Gothic';
    margin-bottom: 12px;
}

#projectList {
    padding-top: 30px;
    padding-bottom: 40px;
}

.mapCheckboxes {
    margin-top: 25px;
}

ymaps[class$=balloon__layout] {
    width: 380px !important;
    height: 115px !important;
}

ymaps[class$=balloon__close-button] {
    background: none !important;
}

ymaps[class$=balloon__close-button]::before {
    content: "\f2d3";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    color: #c2c2c2;
    position: relative;
    top: 8px;
}

.serviceBalloonName {
    width: 330px;
    height: 90px;
    overflow: hidden;
    margin: 12px 0 0 15px;
    font-size: 18px;
    line-height: 22px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
}

ymaps[class$=balloon-overlay] ymaps ymaps {
    padding: 0 !important;
}

@media (max-width: 767px) {

    .blockTitle {
        margin-top: 115px;
        margin-bottom: 30px;
        font-size: 40px;
    }

    .dropdown {
        max-width: 340px;
    }

    .col-xl-4  .mapSortTitle {
        margin-top: 20px;
    }

    #projectMap {
        height: 350px;
    }

    #projectList .projectCard {
          height: 300px !important;
    }

    #projectList {
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .projectCardInner {
        padding: 50px 15px 0;
        height: 260px;
        overflow: hidden;
    }

}

@media (max-width: 457px) {

    .serviceBalloonName {
        width: auto;
        margin-right: 40px;
        margin-bottom: 12px;
    }

    ymaps[class$=balloon__content] {
        padding: 0 !important;
        margin: 0 !important;
    }
    
}