@mobile:  ~"(max-width: 767px)";
@tablet:  ~"(min-width: 768px) and (max-width: 979px)";
@normal:  ~"(min-width: 980px) and (max-width: 1199px)";
@wide:    ~"(min-width: 1200px)";

.location-container {
    position: relative;
    padding: 50px 0px;
    background-color: #fff;

    @media @mobile {
        overflow: hidden;
    }

    h2 {
        text-align: center;
        margin: 0px 0px 20px;
        font-weight: bold;
    }

    .location-content {
        background-color: #fff;

        .row {
            margin: 0px;
        }

        .row > [class*='col-'] {
            padding: 0px;
        }

        .field-name-field-clinic-office-hours .field-label {
            visibility: hidden;
        }

        .map-img {
            height: 500px;
            width: 100%;

            @media @mobile {
                height: auto;
            }

            @media @tablet {
                height: auto;
            }
        }

        .location-hour-info {
            background-color: #f6f6f6;
            height: 500px;
            padding: 30px 120px 30px 80px;

            @media @mobile {
                height: auto;
                padding: 20px 25px;
            }

            @media @tablet {
                height: auto;
                padding: 20px 12%;
            }

            address {
                margin-bottom: 10px;
            }

            .btn-location {
                font-size: 12px;
                background-color: #012f35;
                border-radius: 14px;
                color: #fff;
                padding: 9px 20px;
                margin: 8px 0px;
                cursor: pointer;
                display: inline-block;
                min-width: 140px;
            }

            .operation-label {
                margin-top: 17px;
                font-weight: bold;
            }

            hr {
                border-color: lightgrey;
                margin: 15px auto;
            }

            .clinic-operating-hours {

                .oh-display {
                    display: block;

                    .oh-display-label {
                        display: inline-block;
                        min-width: 95px;
                        vertical-align: top;
                    }

                    .oh-display-times {
                        display: inline-block;
                        float: right;
                    }
                }
            }
        }
    }

    .group-container {
        margin: 0px 12%;

        @media @mobile {
            margin: 0px 25px;
        }

        .clinic-enquiry-link {
            background-color: #fff;
            padding: 10px;
            display: block;
            height: 70px;
            margin-bottom: 10px;

            .clinic-item {
                width: 75%;

                .clinic-name {
                    font-size: 15px;
                    font-weight: bold;
                }

                .clinic-location {
                    color: #000;
                    font-size: 13px;
                }
            }

            .btn-enquiry-cta {
                background-color: #002e34;
                width: 50px;
                height: 50px;
                border-radius: 10px;
                text-align: center;
                margin-right: 5px;

                .glyphicon {
                    font-size: 40px;
                    line-height: 48px;
                    text-align: center;
                    color: #fff;
                }
            }
        }
    }
}