@charset "utf-8";
@media only screen and (min-width : 1200px){
 ul#mnav li{margin:0 0 0 50px;}
.mouse_body { bottom: 80px; }
}
@media screen and (min-width: 1300px) {
 .container{max-width: 1200px; }
 
}

@media screen and (min-width: 1440px) {
  .container {max-width: 1280px; }
}
@media screen and (min-width: 1600px) {
  .container {max-width: 1360px; }

}


@media only screen and (max-width: 992px) {
.fixheader .container{max-width: 100%;}
.fixheader{ top:0px; height:70px;}
.header,.fix .header{ margin-top: 0; background-color:transparent;}
.header > h1, .fix .header > h1 {width: 140px;height: 75px;left:50%;top: 20px; margin-left: -70px;}
.fullmenubg { display:none; float: none;}
.herotxt{ text-align: center;height: auto; padding-top: 180px; padding-bottom: 100px;}
.herotxt h3{ font-size: 40px; line-height: 50px;padding-top: 30px;}
.herotxt h1{ font-size: 75px; line-height: 78px;}
.herotxt p{ font-size: 25px; line-height: 35px;}
.blob-rec {height: 200px;width: 200px;}
.blob-rec.one {height: 500px;width: 500px;}
.shead h2,.workssec h2, .connect h2,.workssec h2{ font-size: 40px; line-height:45px;}
.shead h4{ font-size: 28px; line-height:30px; padding-bottom: 20px;}
.servicessec{  padding: 60px 0; text-align: center;}
ul.solutions li > a{ font-size: 25px; padding: 5px 25px 5px 5px;line-height: 30px;}
ul.solutions li{padding: 0 0 10px 0;}
ul.solutions{max-width: 100%;}
ul.solutions a:before {top: 13px;}
.mouse_body{transform: scale(0.8); bottom: 20px;}
.about{min-height: auto; padding: 100px 0;}
.about h2{font-size: 28px; line-height: 40px; padding: 50px 0;}
.bgtxt{left: 200px; font-size: 300px; width: 3000px;}
}

@media only screen and (max-width: 767px) {
.herotxt{ padding-top: 150px;}
.herotxt h3{ font-size: 25px; line-height: 35px;}
.herotxt h1{ font-size: 50px; line-height: 55px;}
.herotxt p{ font-size: 20px; line-height: 30px;}
.shead h2,.workssec h2, .connect h2,.workssec h2{ font-size: 35px; line-height:40px;}
.shead h4{ font-size: 22px; line-height:30px;}
.connect{ position: relative; padding: 50px 0;}
.about h2{font-size: 22px; line-height: 36px; padding: 20px 0;}
.workssec h6{font-size: 19px; line-height:28px;margin: 0 auto 15px;}
}	
	
@media only screen and (max-width: 479px) {
.herotxt h3{ font-size: 20px; line-height: 30px;}
.herotxt h1{ font-size: 35px; line-height: 40px;}
.shead h2,.workssec h2, .connect h2,.workssec h2{ font-size: 25px; line-height:30px;}
.shead h4{ font-size: 20px; line-height:25px; padding-bottom: 20px;}
ul.solutions li > a{ font-size: 20px;}
.connect a{font-size: 20px;padding: 15px; margin-bottom: 10px;}
}