@media only screen and (max-width: 1024px){
.wrapper{width:98%;}	
}

@media only screen and (max-width: 668px){
.menu-bar{display:block; cursor:pointer;}
.nav .menu{display: none; background:#333; box-shadow:0 -8px 6px 0 #000 inset;}
.fa-bars{display:block; float:right; margin:15px 0 0; background-color: #0f75bd ;padding: 8px; border-radius:3px;}
.menu .fa-bars{margin:10px;}
.nav ul{clear:both;}
.nav ul li{border:0 none; color:#fff; float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px; border-bottom: 1px solid #222;}
.nav ul li a, .nav ul li.last a, .nav ul li a.active, .nav ul li a:hover{padding:13px 20px; color:#fff; border-bottom:0px; border:0px; border-radius:0px;}
.nav .menu{position:fixed; top:0px; right:0px; display:none; width:240px; z-index:999999!important; height:100%; overflow:scroll; padding-bottom:20%;}
.nav .menu ul{overflow:auto;height:120%; }
.nav ul li.last{padding:0px;}
.nav ul li a:hover{color:#fff; border:0px; background:#0f75bd;}
.nav ul li{background-image:none;}
.logo img{width:65%;}
.banner{margin-top:60px;}
}

@media only screen and (max-width: 568px){
.wrapper{width:94%;}
.banner h3{font-size:18px; line-height:22px; width:100%;}
.banner h1{font-size:36px;}
.serBox li{width:100%; float:none;padding-bottom: 40px;}
.serBox li:last-child{padding-bottom:0px;}
.contactBox li{float:none; width:100%; padding-bottom:20px;}
.leftSec, .rightSec{float:none; width:100%;}
.rightSec{margin-top:20px;}
.leftSec h3{font-size:24px;}
.banner{ background-size:cover;}
}