.contact-banner h1{font-size:50px;line-height:50px}
.contact-banner-image{bottom:90px;right:0;width:310px;height:290px;position:absolute;background:url(../images/contact/contact-banner-img.png) no-repeat}
.contact-lt,.contact-rt{width:48.5%}
.contact-lt .smallbox{width:100%;padding:30px 5%}
.contact-lt .smallbox:hover{box-shadow:4px 4px 0 rgba(220,220,220,0.5)}
.contact-lt .smallbox > div{width:75%}
.contact-rt h4{font-size:30px;line-height:30px;font-weight:300;padding:0 0 0 90px}
.form-lt,.form-rt{width:100%}
#form_result.error .form-error{color:red;margin: 0 0 10px;float: left;width: 100%;}
@media screen and (max-width: 1199px) {
    .contact-banner-image{display:none}
    .contact-lt .smallbox > div{width:70%}
    .contact-rt .contact-form{padding:0}
}
@media screen and (max-width: 991px) {
    .contact-lt,.contact-rt{width:100%}
    .contact-lt .smallbox > div{width:80%}
}
@media screen and (max-width: 850px) {
    .contact-lt .smallbox > div,.contact-rt{text-align:left}
    .contact-rt .form-lt{margin:0}
}
@media screen and (max-width: 800px) {
    #contactuspage span.error {
        top: 12px;
    }
    #contactuspage .form-lt ul li{ margin: 0 0 10px !important;}
}
@media screen and (max-width: 767px) {
    .contact-lt .smallbox > div{width:70%}
}
@media screen and (max-width: 690px) {
    .contact-lt .smallbox{text-align:center}
    .image-holder{margin:0 0 15px;float:none!important;display:inline-block;vertical-align:top}
    .contact-lt .smallbox > div{width:100%;text-align:center}
}
@media screen and (max-width: 600px) {
    .contact-banner h1{font-size:40px;line-height:40px}
    .contact-banner h3 br{display:none}
    #contactuspage span.error {
        top: 4px;
    }
}
@media screen and (max-width: 480px) {
    .smallbox .social-box{margin:0}
}