#right-panel.full-width {
    flex: auto;
    max-width: 100%;
}

#left-panel.collapsing {
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
}

.right-panel {
    background-color: white;
}

.right-panel .title {
    background-color: var(--color-primary);
    padding: 15px 30px;
    font-size: 20px;
    color: white;
    text-align: center;
}

.left-panel {
    background-color: white;
}

.left-panel .short-info {
    background-color: var(--color-primary);
    padding: 24px 52px;
    color: white;
}

.page-card {
    margin-top: 90px;
    margin-bottom: 170px;
    font-size: 18px;
}

.short-info .photo {
    margin-right: 40px;
    width: 90px;
    height: 90px;
    background-image: url(../../img/icons/user.png);
    background-size: cover;
    border-radius: 50%;
}

.info {
    width: 58%;
    max-width: 58%;
}

.short-info .cont {
    padding-top: 20px;
}

.info .tabs,
.short-info .title,
.information .title {
    font-style: italic;
    line-height: 30px;
}

.information, .info .tabs {
    background-color: #fff;
    padding: 29px 44px;
}

.info .tabs {
    text-align: center;
    padding: 6px 0;
}

.info .tabs a {
    color: #8a8a8a;
}

.info .title div {
    color: black;
    border-bottom: 7px solid var(--color-primary);
    padding: 0 20px 11px 30px;
    margin-left: -15px;
    max-width: 45%;
    width: 45%;
}

.information .desc {
    margin-top: 20px;
    padding-left: 2rem;
    margin-bottom: 20px;
}

.disrow {
    display: block;
    width: 100%;
    max-width: 100%;
    float: left;
}

.sub-title {
    color: black;
    border-bottom: 1px solid #999;
}

.booking {
    width: 39%;
    max-width: 39%;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.booking.disabled {
    background-color: #eee;
}

.booking .title {
    padding: 13px 0;
    text-transform: uppercase;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
}

.booking .filter {
    padding: 10px 20px;
}

.filter .form-group div {
    padding: 0;
    width: 62%;
}

.booking .form-control {
    font-size: 18px;
    border-radius: 10px;
    color: #8a8a8a;
    padding-top: 4px;
}

.booking .oper {
    border-bottom-right-radius: 10px;
    padding: 32px 0;
}

.booking .oper button {
    padding: 5px 36px;
    font-size: 18px;
    letter-spacing: 0.02em;
}

.calendar i {
    color: #000;
    cursor: pointer;
}

.calendar i:active {
    opacity: 0.5;
}

.calendar .nav {
    height: 0;
    top: 20px;
    position: relative;
}

#schedule {
    border-spacing: 8px;
    border-collapse: separate;
}

#schedule > tbody > tr > td, #schedule > thead > tr > th {
    border: none;
}

#schedule > thead > tr > th {
    text-align: center;
    color: #000;
    padding: 0 0 3px;
}

#schedule td, #schedule th {
    font-size: 18px;
}

#schedule thead .date_day {
    color: #8a8a8a;
    font-weight: normal;
}

#schedule > tbody > tr > td {
    padding: 0;
    font-size: 16px;
    height: 32px;
    width: 75px;
}

#schedule tbody td div {
    padding: 5px;
}

.expertises {
    list-style-type: disc;
    padding-left: 20px;
}

#locations .map {
    height: 400px;
}

.locations-list .city {
    font-style: italic;
}

.locations-list .country {
    text-transform: uppercase;
}

.locations-list .info {
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
}

@media (max-width: 1024px) {
    .container {
        max-width: 90%;
        width: 90%;
        padding-right: 0;
    }

    .filter .form-group div {
        width: 58%;
        max-width: 58%;
        float: right;
    }

    .booking .filter .form-group {
        display: block !important;
    }
}

@media (max-width: 1100px) {
    .information .title div {
        width: 45.3333%;
        max-width: 45.3333%;
    }
}

@media (max-width: 1000px) {
    .booking .filter label, .filter .form-group div {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .filter .form-group {
        margin-bottom: 58px !important;
    }

    .booking .filter {
        padding: 15px 20px;
    }
}

@media (max-width: 900px) {

    .filter .form-group div,
    .booking .filter label,
    .locations-list .address,
    .locations-list .map {
        width: 100%;
        max-width: 100%;
    }

    .locations-list .location {
        display: block !important;
        width: 100%;
        max-width: 100%;
        margin-left: -8px !important;
    }
}