/*common*//* user defined common styles, apply to whole application*/  
.font-guide-1 {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: black;
}

.font-guide-2 {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: black;
    opacity: 0.78;
}


.font-guide-3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: black;
}


.font-guide-3_1 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #999
}


.font-guide-4 {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #999
}
 
/*utils*//* user defined common utils, apply to whole application*/
.padding-top-70px {
    padding-top: 70px;
}

.padding-topbottom-70px {
    padding-bottom: 0px;
}

.padding-bottom-0px{
    padding-bottom: 0px;
}
.margin7070px{
    margin-top: 70px;
    margin-bottom: 70px;
}

.padding-bottom-70px {
    padding-bottom: 70px;
}


[class*="u-nav-v2"].u-nav-primary .nav-link {
    text-align: center;
    align-items: center;
    display: grid; 
} 
/*customs*/ /* user defined css, apply to whole application but limited to this application*/
.fontguide-index-2 {
    font-size: 15.5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: black;
}
 
.email-box {
    display: inline-block;
} 

.tablist {
    margin-bottom: 30px;
}
#map {
    height: 265px;
}
.details-header-box {
    min-width: 470px;
    margin-bottom: 30px;
}
.details-box {
    min-width: 407px;
}
.branch-details-row  {
    margin-bottom: 20px;
}
.big-number {
    font-size: 27px;
    float: left;
}
.open-hour {
    font-size: 15px;
}
.branch-details {
    /*padding: 0 15px 0 0;*/
    display: inline-block; 
}
.moveMarker {
    cursor: pointer;
}

@media (min-width: 992px) {
    .contact-content-box {
        margin: 70px 0 100px 0;
    }
    .media-body {
        display: block;
    }
    .media-body3 {
        display: none;
    }
    .media-body4 {
        display: none;
    }
    .visit-box {
        margin-left: 35px;
    }
    .m-hr {
        display: none;
    }
    .inline-block{
        display: inline;
    }
    .contact-btn{
        margin: 70px 0 0 0;
    }
    .call-today{
        display: none;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .fontguide-btn {
        text-align: left;
    }
    .material-icons1 { 
        padding: 0;
    }
     
    .contact-content-box {
        text-align: center;
        margin: 70px 0 100px 0;
    }
    .office-info-box{
        display: flex;
    }
    .media-body {
        display: none;
        text-align: left;
    }
    .media-body2 { 
        text-align: left;
        padding-left: 33px;
    }
    .media-body3 {
        display: none;
    }
    .media-body4 .body4-inline {
        display: inline-flex;
        padding-left: 38px;
    }
    .media-body4 > h2, .media-body4 > div {
        text-align: left;
    }
    .visit-box {
        margin-left: 4px;
    }
    .m-hr{
        display: none;
    }
    .inline-block {
        display: inline;
    }
    .contact-btn {
        margin: 70px 0 70px 0;
    }
    .call-today {
        display: block;
    }
    .call-today-box {
        display: inline-flex;
        float: left;
    }
}

@media (max-width: 767px) {
    .fontguide-btn {
        text-align: center;
    }
    .contact-content-box {
        text-align: center;
        margin: 40px 0 100px 0;
    }
    .media-body{
        display:none;
    }
    .media-body3 {
        display: block;
    }
    .media-body4 {
        display: none;
    }
    .u-line-icon-pro {
        display: none;
    }
    .m-hr {
        display: block;
    }
    .inline-block {
        display: block;
    }
    .contact-btn {
        margin: 50px 0 70px 0;
    }
    .call-today {
        display: block;
    }
} 
 

/*override*/ /* overrided styles from base, apply to whole application*/
.form-group {
    margin-bottom: 0;
}   

.u-line-icon-pro {
    color: #E53935;
    font-size: 22px; 
    float: left;
}