#services-banner,#contactus-banner {float:left; width:100%; position:relative; height:250px;}
#services-banner .wrapper,#contactus-banner .wrapper { display:table;}

#services-banner { background:url('../images/our-services-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size: 100% auto;}
#contactus-banner {background:url('../images/contact-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 32%; background-size:100% auto;}

.slide-inn { text-align: center; display:table-cell; vertical-align: middle;height:250px;}
.slide-inn h1 { color:#fff; font-size:35px; line-height:40px;font-weight:normal; margin:0px; padding:0; text-transform:uppercase;}



.slide-inn .btn { float:left; width:100%; margin:2% 0 0;}
.slide-inn .btn a {background: #e41a20;background-repeat: no-repeat;background-position: top 8px right 10px;color: #fff;border-radius: 18px; padding:8px 30px;font-size:22px;    text-align: center; font-weight: normal;}
.slide-inn .btn a:hover  {background:#000; }

@media only screen and ( max-width:1640px) {

}


@media only screen and ( max-width:1300px) {

}

@media only screen and ( max-width:1170px) {
.slide-inn h1 { font-size:35px; line-height:40px;}

}

@media only screen and ( max-width:980px) {
.slide-inn h1 { color:#fff;}
.slide-inn h1 br { display:none;}
.slide-inn { text-align:center;}

}

@media only screen and ( max-width:767px) {
.slide-inn h2 {font-size:22px;line-height:30px;}
.slide-inn h3 {font-size:30px;line-height: 30px;}

#services-banner {background-size:auto auto;}
#contactus-banner { background-size:auto auto;}

}

@media only screen and ( max-width:640px) {
#services-banner, #contactus-banner,.slide-inn{ height:200px;}

.slide-inn h1 { font-size:26px; line-height:35px;}
.slide-inn .btn { margin:5% 0 0;}

}

@media only screen and ( max-width:520px) {
.slide-inn .btn a {padding: 6px 20px;font-size: 18px;}
}

@media only screen and ( max-width:420px) {

}