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

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

.banner-inn { text-align: center; display:table-cell; vertical-align: middle;height:350px;}
.banner-inn h2 { color:#fff; font-size:60px; line-height:70px;font-weight:bold; margin:0px; padding:0; font-family:'metaboldregular'; text-shadow: 7px 7px 6px #000000; }

.banner-inn .btn { float:left; width:100%; margin:3% 0 0;}
.banner-inn .btn a { background:#e90027 url('../images/arrow2.png'); background-repeat:no-repeat; background-position:top 12px right 20px; color:#fff; border-radius:26px; padding:14px 70px 14px 20px; font-size:22px; font-weight:normal;}
.banner-inn .btn a:hover  {background:#000000 url('../images/arrow2.png'); background-repeat:no-repeat; background-position:top 12px right 20px; color:#fff;}


@media only screen and ( max-width:1640px) {
#service-banner,#contactus-banner { background-size:150% auto;}
}


@media only screen and ( max-width:1300px) {
.banner-inn .btn a,.banner-inn .btn a:hover { background-position:top 12px right 15px; color:#fff; padding:10px 50px 10px 25px; font-size:20px; background-size:12%;}
}

@media only screen and ( max-width:1170px) {
.banner-inn h2 { font-size:35px; line-height:40px;}
#service-banner,#contactus-banner { background-size:180% auto;}
}

@media only screen and ( max-width:980px) {
#service-banner,#contactus-banner,.banner-inn{ height:300px;}

}

@media only screen and ( max-width:767px) {
#service-banner,#contactus-banner,.banner-inn{ height:250px;}
.banner-inn { text-align:center;}

#service-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/service-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 50%;
background-size:100% 100%,200% auto;}

#contactus-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/contactus-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,200% auto;}

}

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

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

.banner-inn .btn a,.banner-inn .btn a:hover {  font-size:17px; }

}

@media only screen and ( max-width:520px) {
#service-banner,#contactus-banner { background-size:250% auto;}
}

@media only screen and ( max-width:420px) {
#service-banner,#contactus-banner { background-size:300% auto;}
.banner-inn .btn a,.banner-inn .btn a:hover { background-position:top 10px right 12px; color:#fff; padding:10px 40px 10px 20px; font-size:15px; background-size:12%;}
}