@media screen and (max-width:1200px)
{
.centerdiv,.section-3{ width:96%;}
.realtime,.signup,.innerbanner{ width:96%;}
.contactright{ width:56%;}
.navigation{ width:62%;}
.navigation ul li a{ padding:0 17px;}
.realtime h2{ font-size:20px;}
.col-1,.col-2,.col-3{ width:32%; margin-top:45px;}
.col-2{ margin:45px 2% 0 2%;}
.banner-lefttxtbg{ padding-left:0;}


.signupform{ padding: 30px 2%; width:40%;}
.signupright{ width:53%;}
.contact-right{ width:53%; float:right; padding:20px 0 0 0;}
.contact-details-right{ margin-left:0; margin-top:20px;}
.our-headquarters{ width:53%; float:right;}
.our-headquarters-left{ margin-top:15px;}
.map{ width:100%; float:left; margin-top:10px;}

.productpagebanner-left{width: 44%;}
.productpagebanner-right{ width:56%;}
.our-headquarters-left h1 {
    padding: 40px 0 0;
}

}

@media screen and (max-width:1048px)
{
.centerdiv{ position:relative; overflow:hidden;}
.navigation{ bottom:0px; width:auto;}
.navigation ul li a{ padding:0 12px;}

}

@media screen and (max-width:1024px)
{
.contactright{ width:55%;}
.teammidbg{  min-height: 180px;}
.improve-design{ width:100%; float:left; background: url(../images/improve1.jpg) no-repeat center top; }
}

@media screen and (max-width:1000px)
{
.section-1{width:96%;}
.section-2{width:96%;}
.logo img{ width:100%;}
.navigation{ display:none;}
.available-mf{ margin-top:0;}
.sec-1 {
    float: left;
    width: 100%;
}
.sec-2 {
    float: left;
    width: 100%;
}
.available-mf{ margin-top:0; margin-left:0; margin-right:10px; width:112px}
.contactright{ width:290px; padding:5px 10px}
.contact-sales{ width:112px;}
.banner-lefttxtbg{ padding-top:35px;}
.our-product-se .leftside{ width:48%;}
.banner-txt h3{ font-size:29px;}

.product-sec .productpagebanner-left{  padding-top: 25px;}
.product-sec .productpagebanner-left p{ line-height:normal; padding-top:0; font-size:14px;}
.sign-banner1 .banner-txt p{ padding-top:0;}
}

@media screen and (max-width:768px)
{
.sign-banner .banner-txt h3 { font-size: 25px;}

#slider1_container p {color: #4d4c4c;font-size: 21px;line-height: 24px; padding-top: 20px;}

.improve-design{ width:100%; float:left; background: url(../images/improve1.jpg) no-repeat center top; /*webkit-background-size:cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/ padding:37px 0 75px 0; margin-bottom:30px; min-height:inherit;}

}

@media screen and (max-width:767px){
	.bx-wrapper .slider-item img {
  display: block;
  height: 110px;
  max-width: 100%;
}.bx-viewport {
  height: 120px!important;
}.banner-descr > p {
  display: none;
}.home-main .banner-content .banner-descr {
  min-height: auto;
  position: relative;
  top: 0;
  width: 100%;
}.banner-content {
  left: 17px;
  position: absolute;
  top: 12px; padding:0px;
}
.bx-wrapper .banner-content .banner-txt h3 {
  font-size: 17px;
  min-height: auto;
  position: relative;
  top: 0!important;
}
.bx-controls.bx-has-controls-direction {
  display: none;
}
.home-main .banner  .banner-content .learnmore a {
  font-size: 13px;
  padding: 0 12px;
}
.home-main .banner-content .banner-logo > img {
  width: 100%;
}
.realtime h2 span{ float:left; width:100%; padding-right:0;}
.realtime h2{ line-height:normal;}
.col-1,.col-2,.col-3{ text-align: center}
.readmore{ margin:0 auto; width:90px; float:none;}

.teamleft{ width:100%;}
.teamright{ width:100%; float:right;}
.team-img{ width:19%;}
.team-txt{ width:78%;}
.teammidbg{ min-height:inherit}
.banner-txt h3{ font-size:26px;}
.banner-txt p{ padding-top:0;}


.con-banner .banner-txt h3 {
    font-size:18px;
}
.productpagebanner-left{ padding-top:20px;}
.product-sec .productpagebanner-right {
    width: 54%;
}
.product-sec .productpagebanner-left {
    width: 46%; padding-top:10px;
}
.product-sec .banner-txt h3 {
    font-size: 24px;
}
.product-sec .productpagebanner-left p{ font-size:12px;}

.company-left{ width:100%;}
.comapny-right{ width:100%; float:left;}
.sign-banner1 .banner-txt p{ padding-top:0; line-height:normal; font-size:15px;}
}

@media screen and (max-width:640px)
{
.logo{ width:100%; text-align:center; margin-bottom:0;}	
.logo img{ width:auto;}

.contactright {
    float: none;
    margin: 0 auto 10px;
    overflow: hidden;
}
.signupform{ padding: 30px 2%;
    width: 95%;}
.signupright{ float:left; width:100%; margin-top:10px;}	
.contact-right{ width:100%; float:left; margin-top:25px;}
.our-headquarters-left{ margin-top:0;}
.our-headquarters{ padding:0}
.our-headquarters{ float:left; width:100%;}
.contact-right{ background:#D2D2D2; width:96%;  padding:20px 2% 20px 2%;}
.con-banner .banner-txt h3 {
    font-size: 24px;
}

.improve-design{ background-position:left top;}
.improve-designleft{ width:100%;}
.sign-banner1 .banner-txt p{ font-size:14px;}
.sign-banner1 .banner-txt h3{ font-size:20px;}
}

@media screen and (max-width:600px)
{
.col-1,.col-2,.col-3{ width:100%; float:left; margin:0; padding:20px 0; border-bottom:solid 1px #0F2545}
.col-2{ margin:0}
.realtime p{ min-height: inherit}
.col-3{ border-bottom:none;}
.section-2 .leftside{ width:100%;}
.section-2 .rightside{ width:100%; text-align:center;}
.section-1 .leftside{ width:100%; text-align:center;}
.section-1 .rightside{ float:left; width:100%; padding:10px 0 30px 0}
.realtime h2 span{ padding-right:0;}
.section-3 .leftside{ width:100%; text-align:center;}
.section-3 .rightside{float:left; width:100%; padding:10px 0 30px 0}
.banner-lefttxtbg{padding-top: 20px;  width: 39%;}
.banner-right{ width:57%;}
.producttop-right{ width:100%; padding:10px 0 30px 0}

.contact-bg{ background:none;}
.contact-right{ background:#D2D2D2; width:96%;  padding:20px 2% 20px 2%;}
.contact-details-left{float: left; width: 100%;}
.contact-details-right{ float:left; width:100%; margin-left:0; margin-top:20px}
.our-headquarters,.our-headquarters-left{ width:100%;}

.map {
    float: left;
    width: 100%; margin-top:5px;
}

.con-banner .banner-txt h3 {
    font-size: 20px;
}

.sign-banner .banner-txt h3 {
    font-size: 19px;
}

.product-sec .productpagebanner-left{ width:100%;}
.product-sec .productpagebanner-right{ margin:0 auto; float:none;}

/**********Added By Jack 25-06-2015 **********/
.home-main .banner-logo > img { width: 70%;}
.home-main .banner-txt h3 { font-size: 45px;  min-height: 150px;  position: relative;  top: 80px;}
.home-main #slider1_container p{ display:none;}
.home-main .banner-logo { float: left;  height: auto;  width: 30%;}
.home-main .banner-descr { min-height: 258px;  position: relative !important;  top: 350px !important;width: 100%!important;}
.home-main .banner .learnmore a{font-size: 40px;padding: 22px 32px;}.dropdown-content {
  background-color: #000!important;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  display: none;
  min-width: 280px;
  position: relative!important;
  z-index: 1;
}
.bx-wrapper  .banner-txt h3 {
  min-height: auto;
  position: relative; font-size:20px;
  top: 0;
}
.mean-container .mean-nav ul li a.mean-expand {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: inherit;
  border-color: inherit;
  border-image: none;
  border-style: none none solid solid;
  border-width: inherit;
  font-weight: 700;
  margin-top: 1px;
  padding: 7px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background:none;
}

.home-main .learnmore a {color: #fff; display: block;font-size: 14px;  line-height: 36px;  padding:4px 10px;  text-decoration: none;}
.home-main .learnmore { background: #008a00 none repeat scroll 0 0;  float: left;  font-size: 37px; height:auto; width:auto; line-height: 35px;  margin-top: 20px;}
.sign-banner1 .productpagebanner-left{ width:48%;}h1 {
  color: #535353;
  font-family: "ErasITC-Light";
  font-size: 24px;
  font-weight: normal;
}.footermenu {
  font-size: 12px;
  text-align: center;
padding: 0 2px;}.copyright {
  color: #fff;
  float: left;
  font-size: 13px;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}.created {
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.sign-banner1 .productpagebanner-right{ width:52%;}

.sign-banner1 .productpagebanner-left {
    padding-top: 6px;
}
.sign-banner1 .banner-txt p{ padding-top:0; line-height:normal; font-size:13px;}
}

@media screen and (max-width:550px)
{

.banner-txt h3 {
    font-size: 22px;
}
.banner-txt p{ font-size:13px; line-height:normal}
.con-banner .banner-txt h3 {
    font-size: 18px;
}

.improve-designleft{ width:100%;}

.sign-banner1 .banner-txt p {
    font-size: 12px;}

.sign-banner1 .productpagebanner-left {
    padding-top: 4px;  width: 45%;
}

.sign-banner1 .productpagebanner-right {
    width: 55%;
}
.sign-banner1 .banner-txt h3{ line-height:20px}
}

@media screen and (max-width:480px)
{
.team-img{ width:22%;}
.team-txt{ width:75%;}
.banner-lefttxtbg{ padding-top:10px;}

.banner-txt h3 {
    font-size: 20px;
}
.banner-txt p{ font-size:12px;}
.improve-designleft h4{font-size: 26px;}
.improve-designleft p{   font-size: 14px;
    line-height: normal;}
.con-banner .banner-txt h3 {
    font-size: 16px;
}


.con-banner .banner-logo > img {
    width: 65%;
}	

.sign-banner .banner-txt h3 {
    font-size: 14px;
}
.sign-banner1 .productpagebanner-left{ width:100%;}
.sign-banner1 .productpagebanner-right{ width:54%; margin:0 auto; float:none; clear:both}
.sign-banner1 .productpagebanner-right img{ margin-top:10px}
}

@media screen and (max-width:400px)
{

.banner-logo img {
    width: 90%;
}



.banner-txt p {
    font-size: 10px;
}


.needhelp{ width:100%;}
.needhelp::after{ background:none;}
.callus{ margin-top:0; width:100%; margin:10px 0 0 0}
.contact-icon{ width:100%;}
.contact-details{ width:100%; margin-left:0;}

.con-banner .banner-txt h3 {
    font-size: 12px;
}


.sign-banner .banner-txt h3 {
    font-size: 12px;
}


.banner-txt h3 {
    font-size: 12px;
}
.productpagebanner-left {
    padding-top: 2px;
}
}