@media only screen and (max-width: 1020px) and (min-width: 768px){
.wrapper{width:100%; margin:0px auto;}
.header{overflow:hidden; padding:3% 0px 0px 0%;}
.logo{float:left;}
.container{background:#f9f9f9; overflow:hidden; padding:2px 2px 20px 2px; margin:290px 0px 30px 0px;}
.container h3{font:normal 19px/22px MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#1064b4;}

.boxPan{float:left; width:100%;}
.box1{ width:27%;}
.box2{ width:28%;}
.box3{ width:28%;}
.innerbox{width:93%; float:left; background:#8f8f8f; border-bottom:7px solid #696969; border-top:40px solid #696969; padding:40px 2% 10px 2%;}

.innerPage{margin-top:32%!important;}
.footWrapper{position:relative;}
.footer{ width:96%; overflow:hidden; background:#f9f9f9; padding:20px 2% 20px 2%;  border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; z-index:-1; }
.footer p{font:normal 12px/16px "MyriadPro", Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#7e7e7e; padding:0px 0px 0px 0px;}
}

@media only screen and (max-width: 767px) and (min-width: 640px){
.wrapper{width:100%; margin:0px auto;}
.header{overflow:hidden; padding:3% 0px 0px 0%;}
.logo{float:left;}
.container{background:#f9f9f9; overflow:hidden; padding:2px 2px 20px 2px; margin:290px 0px 30px 0px;}
.container h3{font:normal 16px/22px MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#1064b4;}

.boxPan{float:left; width:100%;}
.box1{ width:93%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.box2{ width:93%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.box3{ width:93%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.innerbox{width:93%; float:left; background:#8f8f8f; border-bottom:7px solid #696969; border-top:40px solid #696969; padding:40px 2% 10px 2%;}

.innerPage{margin-top:32%!important;}
.footWrapper{position:relative;}
.footer{ width:96%; overflow:hidden; background:#f9f9f9; padding:20px 2% 20px 2%;  border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; z-index:-1; }
.links{float:left; width:25%;}
.contact{float:left; width:30%;}
.call{float:left; width:40%; padding:0px 0px 7% 0px;}
.testi{float:left; width:60%; padding:0px 20px 0px 0px;}
.social{float:left; width:20%;}

}

@media only screen and (max-width: 640px) and (min-width: 320px){
.wrapper{width:100%; margin:0px auto;}
.header{overflow:hidden; padding:3% 0px 0px 0%;}
.logo{float:left;}

.container{background:#f9f9f9; overflow:hidden; padding:2px 2px 20px 2px; margin:290px 0px 30px 0px;}
.container h3{font:normal 20px/26px MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#1064b4;}
.nav ul li{ width:25%;list-style:none; float:left; margin:0px; padding:0px 0px 0px 0px; font:normal 20px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}

.boxPan{float:left; width:100%;}
.box1{ width:90%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.box2{ width:90%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.box3{ width:90%;padding:40px 2% 10px 2%; margin:0px 0px 10px 0px;}
.innerbox{width:90%; float:left; background:#8f8f8f; border-bottom:7px solid #696969; border-top:40px solid #696969; padding:20px 2% 10px 2%;}

.clm1{ width:96%; float:left;}
.clm2{ width:96%; float:left;}
.contactLeft{ width:96%; float:left; padding:0px 0px 0px 2%; }
.contactRight{ width:96%; float:left; background:none; padding:0px 0px 0px 2%; }


.innerPage{margin-top:50%!important;}
.footWrapper{position:relative;}
.footer{ width:93%; overflow:hidden; background:#f9f9f9; padding:20px 2% 20px 5%;  border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; z-index:-1; }
.links{float:left; width:50%; padding:0px 0px 7% 0px;}
.contact{float:left; width:50%; }
.call{float:left; width:96%; padding:0px 0px 7% 0px;}
.testi{float:left; width:96%; padding:0px 0px 7% 0px;}
.social{float:left; width:96%;}
.copyright{font:normal 12px/18px "MyriadPro", Arial, Helvetica, sans-serif; text-align:center; margin:0px; padding:0px 5% 10px 5%; color:#676767;}

}