.header .navbar-page {
    margin: 15px 0 0 0;
}

.contact-details {
    font-family: 'Copse', serif;
    background: #fff;
}

    .contact-details h2, .contact-details h3 {
        text-align: center;
        width: 80%;
        margin: 20px auto;
    }

    .contact-details h3 {
        font-size: 30px;
        margin-bottom: 70px;
    }

    .contact-details h4 {
        font-size: 25px;
    }

    .contact-details .btn {
        border: 1px solid #00b4f1;
    }

    .contact-details .col-right h4 {
        margin-top: 0;
    }

    .contact-details .detail-info {
        padding: 0;
        position: relative;
        width: 80%;
        margin: 20px auto;
    }

        .contact-details .detail-info .col-right {
            width: 50%;
            float: left;
        }

        .contact-details .detail-info .col-left {
            text-align: left;
            margin-left: 50%;
        }

.map {
    height: 300px;
    width: 100%;
}

    .map .c-content-contact-gmap {
        width: 100%;
        height: 100%;
    }

.contact-details .contact-info {
    margin-top: 20px;
    color: #5e6a72;
}

    .contact-details .contact-info a {
        color: #5e6a72;
    }

    .contact-details .contact-info .contact {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
        word-wrap: break-word;
    }

        .contact-details .contact-info .contact span {
            padding-right: 10px;
            color: #00b4f1;
        }

        .contact-details .contact-info .contact .street {
            height: 40px;
            display: inline-block;
            float: left;
        }

.contact-details .form-member input, .contact-details .form-member textarea {
    width: 335px;
}

@media (max-width: 1024px) {

    .contact-details h2, .contact-details h3, .contact-details h4, .contact-details .detail-info {
        width: 100%;
    }

    .contact-details h4 {
        text-align: center;
    }

    .contact-details .detail-info .col-right {
        float: none;
        width: 100%;
        position: relative;
        text-align: center;
    }

    .contact-details .detail-info .col-left {
        margin-left: auto;
        width: 100%;
    }

    .contact-details .form-member .form-group {
        width: auto;
    }

    .contact-details .detail-info input, .contact-details .detail-info .form-member textarea {
        width: 300px;
    }

    .contact-details .detail-info .form-group.mandatory {
        text-align: inherit;
    }

        .contact-details .detail-info .form-group.mandatory .mandatory {
            width: 352px;
            color: #36454f;
            display: inline-block;
            margin: 0 auto;
            text-align: left;
        }
}