.contact-threebox {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
}

.contact-topbox {
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px 0 #ccc;
    border-radius: 5px;
    padding: 10px 0;
}

.contact-topbox h4 {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    padding-left: 20px;
    padding-top: 20px;
}

.contact-topbox span {
    color: #888;
    margin-left: 20px;
}

.contact-icon {
    position: absolute;
    top: -14px;
    left: 0;
    background: #009643;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
}

.contact-icon .faicon {
    margin-top: 9px;
    color: #fff;
}

a.pagenav-home,
a.pagenav-active,
a.pagenav-home:hover,
a.pagenav-active:hover,
a.pagenav-home:active,
a.pagenav-active:active,
a.pagenav-home:focus,
a.pagenav-active:focus {
    text-decoration: none;
}

.cms-content {
    float: left;
    width: 100%;
    min-height: 480px;
}

.contact-heading {
    width: 100%;
    text-align: center;
    margin: 55px 0 20px 0;
    font-size: 22px;
    font-weight: 600;
}

.page-heading {
    float: left;
    width: 100%;
    text-align: left;
    margin: 15px 0;
}

.page-data {
    float: left;
    width: 100%;
    /* padding: 0 15px; */
    text-align: justify;
    font-size: 16px;
    color: #6D6D6D;
}

.contact-holder {
    min-height: 480px;
}

.map-canvas {
    height: 250px;
}

.contact-form-holder {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.contact-fields {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.lbl-css {
    float: left;
    width: 100%;
    color: #212121;
    font-weight: 500;
}

.loc-address {
    float: left;
    width: 100%;
    font-size: 14px;
}

.page-subheading {
    padding: 0 0 5px 0;
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
}

.page-head {
    border-bottom: solid 1px #F6F6F6;
    padding-bottom: 3px;
    color: #77CE27;
}

.contact-label {
    color: #333;
}

.contact-fieldset {
    padding: 0px 5px 5px 5px;
    border: 1px solid #dedede;
}

.contact-legend {
    width: auto;
    background-color: #fff;
    padding: 0 2px;
    font-size:16px;
}

.contact-fieldset input[type='text'],
.contact-fieldset input[type='text']:active,
.contact-fieldset input[type='text']:focus,
.contact-fieldset textarea,
.contact-fieldset textarea:active,
.contact-fieldset textarea:focus,
.contact-fieldset select,
.contact-fieldset select:active,
.contact-fieldset select:focus{
    border: 0 !important;
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: none;
    outline: 0 none;
}

.contact-phone,
.contact-phone:hover,
.contact-phone:active,
.contact-phone:visited {
    text-decoration: none;
    font-size: 16px;
    color: #A6D800;
}

.img-responsive{
    max-height: 300px;
    margin:15px;
}

.cont-holder{
    display:flex;
    flex-direction: row;

}

.contact-mobile{
    display: none;
    position: relative;
    bottom:0;
    left:0;
}

.contact-mobile .contact-icon{
    top: 15px;
    left: -33px;
}

.contact-mobile .contact-topbox{
    margin-top:15px;
    padding:0 0 10px 0;
}
.contact-mobile .contact-topbox span{
    margin-left:40px;
}
.contact-mobile .contact-topbox h4{
    padding-left:40px;
}

@media(max-width: 991px) {
    .map-canvas {
        margin-top: 15px;
    }
}


@media(max-width: 767px) {
    .cont-image{
        display:none;
    }

    .contact-threebox{
        display:none;
    }

    .contact-mobile{
        display: block;
    }

}