/* general */
@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
}

@media (max-width: 640px) {
    p, span, .main .details {
        font-size: 22px;
    }

    span {
        font-weight: bold;
    }

    .header .address,
    .header .phone {
        display: none;
    }

    .main .details .heading {
        display: none;
    }
}

body {
    color: #666;
}

a {
    color: #4db9d4;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

/* header */
.header img {
    margin-left: -15px;
    float: left;
    width: 250px;
}

.header span {
    display: block;
}

.header .address,
.header .phone {
    float: left;
    font-size: 10px;
    margin: 12px;
}

/* main */
.main .container{
    border: 1px solid darkgray;
}

.heading {
    background-color: #4db9d4;
    color: #fff;
}

.heading .sub-heading {
    font-style: italic;
}

.heading h1 {
    margin-top: 5px;
}

.heading h1,
.heading .sub-heading {
    padding: 5px;
}

/* apartment */
#carousel {
}

.apartment {
    border-right: 1px solid #eeeeee;
}

.apartment .carousel-inner .item img {
    margin: 0 auto;
}

.apartment .description {
    padding: 5px;
}

.apartment .price {
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
}

.apartment .price h2 {
    color: red;
}

/* details */
.details {
    font-size: 12px;
}

.details .links a {
    cursor: pointer;
    display: block;
}

.details .property-details span {
    font-weight: bold;
}

/* broker */
.broker .title h2 {
    margin-top: 0;
}

.broker .portrait img {
    border: 3px solid #4db9d4;
    display: block;
    width: 100%;
}

.broker .description {
    font-size: 12px;
}

.broker .description span {
    display: block;
}

/* modal */
.modal img {
    width: 100%;
}

#pictures .modal-dialog {
    width: 60%;
}

#map .modal-dialog {
    width: 640px;
}