.b-bron {
    margin-bottom: 40px;
}
.b-bron__dates input {

}

.b-bron form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-bron input {
    padding: 10px 20px 10px 5px;
    border: none;
    outline:none;
}
.b-bron__people {
    display: flex;
}
.b-bron__people input {
    width: 160px;
}

.b-bron__input-wrapper {
    border: 1px solid;
}
.b-bron__input-wrapper i{
    margin-left: 10px;
}
.b-bron__button button {
    background: #00a4eb;
    color: #fff;
    border: none;
    padding: 12px 20px;
}
@media all and (max-width: 768px){
    .b-bron form {
        flex-direction: column;
    }
    .b-bron__dates {
        width: 100%;
        padding: 0 20px;
    }
    .b-bron__people {
        width: 100%;
        padding: 0 20px;
    }
    .b-bron__people .b-bron__input-wrapper {
        width: 50%;
    }
    .b-bron__input-wrapper {
        margin-bottom: 10px;
    }
    .b-bron__people .b-bron__input-wrapper:first-child {
        margin-right: 10px;
    }
    .b-bron input {
        width: 84%;
    }
}
