@media only screen and (max-width:1223px){
.blog-content{
width: 60%;
}
.post-content {
width: 63%;
}
}
@media only screen and (max-width:1200px){
img{max-width:100%;}
.wrap {max-width: 95%;}
.main-container {max-width: 95%;}
.whyuss {max-width: 95%;}
.footers {max-width: 95%;}
footer .mozfooter {width: 95%;}
}
@media only screen and (max-width:1110px){
.porfolio .casestudy {width: 45%;}
.blog-containter aside {
margin-left: 11px;
}
}

@media only screen and (max-width:1044px){
header nav ul li a {padding: 5px 5px;}
}

@media only screen and (max-width:1040px){
.blog-content {
width: 55%;
}
.post-content {
width: 59%;
}
}

@media only screen and (max-width:1024px){
footer .foosec1 {width: 30%; margin-left: 20%;}
footer .foosec2 {width: 40%; margin-left: 10%;}
footer .foosec3 {width: 30%; margin-top: 20px; margin-left: 20%;}
footer .foosec4 {width: 40%; margin-top: 20px; margin-left: 10%;}
footer .mozfooter {width: 100%;}
div#alert{left: 25%;}
}

@media only screen and (max-width:980px){
footer .mozfooter ul li a {margin-left: 42px;}
.blog-containter {padding-left: 22px;}
}

@media only screen and (max-width:960px){
.blog-containter aside {display:none;}
.blog-content {width: 95%;}
.post-content {width: 100%;}
.blog-containter {padding-right: 22px;}
}

@media only screen and (max-width:930px){
.search {display:none;}
header nav{clear:both;}
.topemail {margin-bottom: 10px; margin-top: -25px;}
}

@media only screen and (max-width:915px){
.main-container .content {width: 100%; padding-bottom: 30px;}
.main-container .videocontent {width: 425px; margin: 0 auto; float:none;}
.services {max-width: 90%;}
.threecol {width: 33%;}
.ca-menu {padding-left: none; margin: 0 auto;}
.whyuss .circle{display:none;}
.whyuss .progress-bar {width: 100%;}
footer .foosec1, footer .foosec2 {width: 40%; margin-left: 10%;}
footer .foosec3, footer .foosec4 {width: 40%; margin-top: 20px; margin-left: 10%;}
div#alert{left: 15%;}
}

@media only screen and (max-width:875px){
.porfolio .casestudy {width: 70%; padding-left: 15%;}
}
@media only screen and (max-width:864px){
footer .foosec1 {width: 40%; margin-left: 5%;}
footer .foosec2 {width: 40%; margin-left: 10%;}
footer .foosec3 {width: 40%; margin-top: 20px; margin-left: 5%;}
footer .foosec4 {width: 40%; margin-top: 20px; margin-left: 10%;}
footer .mozfooter ul li a {margin-left: 22px;}
}
@media only screen and (max-width:780px){
.blog-content {width: 93%;}
.post-content {width: 99%;}
}
@media only screen and (max-width:749px){
header nav {margin-right: 0px;}
.logo img{width:80% }
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:702px){
footer .mozfooter {height: 130px;}
}
@media only screen and (max-width:650px){
.wantto {width: 90%;}
footer .foosec1 {width: 40%; margin-left: 0%;}
footer .foosec2 {width: 40%; margin-left: 10%;}
footer .foosec3 {width: 40%; margin-top: 20px; margin-left: 0%;}
footer .foosec4 {width: 40%; margin-top: 20px; margin-left: 10%;}
.simplemodal-container {height:160px;}
div#alert{left: 10%;}
}
@media only screen and (max-width:625px){
div#alert{left: 5%; margin-right: 5%;}
}
@media only screen and (max-width:619px){
header nav ul li a {padding: 5px 2px;}
}
@media only screen and (max-width:587px){
#inner-header {padding: 10px 0px 30px 0px;}
.logo{margin: 0 auto; width: 296px; float: none;}
.desklogo{display:none; }
.responsivelogo{display:block;}
.logo img {width: 100%;}
.topemail {display:none;}
header nav {display:none;}
#mobile_nav{display:block;position:absolute;top:62px;left:5%;width:80%;text-align:center;font-size:20px;padding:8px 28px;border:1px solid rgba(0,0,0,0.12);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;background-color:#135470;box-shadow:rgba(255,255,255,0.69) 0 1px 0 0 inset,rgba(0,0,0,0.05) 0 1px 0 0;color:#FFFFFF; text-decoration:none;}
#mobile_nav:hover{border-color:rgba(0,0,0,0.15);background-color:#286d8b;box-shadow:rgba(255,255,255,0.69) 0 1px 0 0 inset,rgba(0,0,0,0.05) 0 1px 0 0;}
#mobile_nav:active{box-shadow:rgba(173,173,173,0.49) 0 1px 3px 0 inset,rgba(0,0,0,0) 0 1px 0 0;}
#mobile_nav > span{display:block;width:17px;height:11px;background:url(images/responsive_arrow.png) no-repeat;position:absolute;top:17px;left:19px;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#mobile_nav.opened > span{-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.mobilenav{position:absolute;top:106px;left:5%;width:100%;}
.links{display:block;width:80%;text-align:center;font-size:20px;padding:8px 28px;margin-top:-1px;border:1px solid rgba(0,0,0,0.12);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;background-color:#135470;box-shadow:rgba(255,255,255,0.69) 0 1px 0 0 inset,rgba(0,0,0,0.05) 0 1px 0 0;}
.links:hover{border-color:rgba(0,0,0,0.15);background-color:#286d8b;box-shadow:rgba(255,255,255,0.69) 0 1px 0 0 inset,rgba(0,0,0,0.05) 0 1px 0 0;}
.links:active{box-shadow:rgba(173,173,173,0.49) 0 1px 3px 0 inset,rgba(0,0,0,0) 0 1px 0 0;}
.threecol {width: 50%;}
footer .foosec1, footer .foosec2, footer .foosec3 {width: 70%; margin: 0 auto; float:none; padding-bottom:20px;}
footer .foosec4 {width: 70%; margin: 0 auto; float:none;}
.blog-content {width: 90%;}
.post-content {width: 98%;}
}
@media only screen and (max-width:480px){
#mobile_nav{left:2%;}
.mobilenav{left:2%;}
.main-container .videocontent {width: 95%;}
footer .foosec1, footer .foosec2, footer .foosec3, footer .foosec4 {width: 80%;}
.blog-content {width: 87%;}
.post-content {width: 97%;}
.post-content .comment1 .commentdata, .post-content .comment2 .commentdata {
overflow:inherit;}
#commentform input[type="text"], #commentform textarea {
width: 96%;
}
.blog-content article .main-body, .single-content article .main-body, .single-content article .page-body {
overflow: inherit;}
}
@media only screen and (max-width:396px){
footer .mozfooter {height: 200px;}
.blog-content article .authorimg, .single-content article .authorimg {
float:initial;}
}

@media only screen and (max-width:386px){
.packagemenu {
float: initial;
margin: 48px auto 0;
}
.package {
float: initial;
margin: 0 auto 40px;
}
}

@media only screen and (max-width:350px){
#mobile_nav {left: 0%;}
.mobilenav {left: 0%;}
.ca-menu {padding-left: 0px;}
footer .foosec1, footer .foosec2, footer .foosec3, footer .foosec4 {width: 100%;}
}
@media only screen and (max-width:319px){
}
@media only screen and (max-width:239px){
}