/*  Start */
#section-keyvis-contact.section {
    padding: 0px;
    background: url("../images/contact/bg-keyvis-contact.jpg") no-repeat center center;
    background-size: cover;
	background-color: #000000;
}

#section-contact-detail.section {
    padding: 0px;
}

#section-contact-detail .container-fluid {
    padding: 0px;
}

.section-contact {

}

.section-contact .col-keyvis-cust {
    height: 500px;
}

.section-contact .keyvis-tagline-container {
    position: absolute;
    bottom: 30px;
}

.row-contact-cust {

}

.col-contact-cust {

}

.contact-detail-container {
    position: relative;
    min-height: 400px;
}

.contact-detail {
}

.contact-detail-map {
}

.contact-detail-map img {
    width: 100%;
}

.contact-detail-info {
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    padding: 0px 60px;
}

.contact-detail-info-title {
    margin-bottom: 4px;
}

.contact-detail-info-address {
    margin-bottom: 40px;
}

.contact-detail-info-contact {
    margin-bottom: 40px;
}

.contact-detail-info-address a,
.contact-detail-info-contact a {
    display: block;
}
/*  End */

.form-thankyou {
    padding: 20px;
}



@media (max-width:320px) {
    
}

@media (max-width:480px) {
    .section-contact .col-keyvis-cust {
        height: 350px;
    }

    .section-contact .keyvis-tagline-container {
        bottom:10px;
    }

    .contact-detail-info-contact {
        margin-bottom: 10px;
    }
}

@media (min-width:481px) and (max-width:640px) {
    .section-contact .col-keyvis-cust {
        height: 350px;
    }

    .section-contact .keyvis-tagline-container {
        bottom:10px;
    }

    .contact-detail-info-contact {
        margin-bottom: 10px;
    }
}

@media (min-width:641px) and (max-width:768px) {
    #section-keyvis-contact.section {
        padding: 0px;
        background: url("../images/contact/bg-keyvis-contact-sm.jpg") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }

    .section-contact .col-keyvis-cust {
        height: 400px;
    }

    .contact-detail-info-contact {
        margin-bottom: 20px;
    }
}

@media (min-width:769px) and (max-width:992px) {
    
}

@media (min-width:769px) and (max-width:1024px) {
    
}

@media (min-width:993px) and (max-width:1200px) {

}

@media (max-width:1024px) {
    
}

@media (max-width:990px) {
    
}

@media (max-width:640px) {
    #section-keyvis-contact.section {
        padding: 0px;
        background: url("../images/contact/bg-keyvis-contact-xs.jpg") no-repeat center center;
        background-size: cover;
        background-color: #000000;
    }
}

@media (max-width:768px) {
    .contact-detail-container {
        min-height: auto;
    }

    .contact-detail-info {
        position: relative;
        top: 0%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        padding: 20px;
    }
}



@media (min-width:1201px) {

}

@media (min-width:991px) {
    
}