@charset "utf-8";
/* CSS Document */

html{overflow-x: hidden;}

@media screen and (max-width: 1280px) {
.certificate .certificate-img { width: 150px; margin: 10px 12px; }

.wrapper, .wrapper1{width:1100px;}
span.normal{display:none;}
.header .header-logo{width:25%;}
.header .header-right{width:70%;}

.banner .banner-in{width:1000px;}

.midtab .midtab-box{width:28%;}
.midtab .midtab-box img{padding:0 0 44px;}

.content .content-left{width:20%;}
p{text-align:inherit;}

.profile, .environment{width:30%; min-height:inherit}
.worldwide{width:27%; min-height:inherit}
.button1{padding:15px 0 !important;}
.button1 a{position:inherit;}

.latest-news{width:66%;}
.testimonials{width:31%;}

.footer-about{width:28%;}
.footer-tweets{width:30%;}
.footer-contact{width:28%;}

.footer-strip-left{width:54%;}
.footer-strip-left ul li{padding:0 5px;}

.footer-strip-right{width:42%;}


/* inner content */
.inner-content .inner-content-left{
	width:700px;
	margin:30px 0 0 0;
}
.inner-content .inner-content-left .inner-content-left-row{
	width:auto;
}
/* end inner content */

/* career */
.career .career-from{
	width:650px;
	margin-right: 50px;
}
.careerLeft{margin-right:0px !important;}
.career .career-right{
	width:260px;
}
/* career end */

/* contact */
/*.contact .contact-from{*/
/*	width:300px;*/
/*}*/

/*.contact .contact-map{*/
/*	width:300px;*/
/*}*/

/*.contact .contact-address{*/
/*	width:230px;*/
/*}*/
/* end contact */

.certificate{ padding-top:20px;}
.certificate img{ width:200px; height:auto; margin:10 20px; box-shadow:0 0 8px #999;}

.content .content-left{ width:290px;}
.content .content-right{width:665px;}
.content .content-right .product-container .product-container-box{width:180px;}
.content .content-right .product-container .product-container-box h2{font-size:15px; padding:5px 0;}

table td{width:100%; display:block; line-height:20px;}



}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.certificate .certificate-img { width: 201px; margin: 20px 20px; }

.wrapper, .wrapper1{width:748px;}
.header .header-logo{width:12%; padding:18px 0 0 0;}
.header .header-right{width:87%;}
#nav{width:auto;}
#nav ul li{font-size:11px; padding:0 12px 0 6px}
#nav ul li a{border-bottom:3px solid #fff; border-radius: 3px;}
#nav ul li a:hover{border-bottom:3px solid #D50809; border-radius: 3px;}

.banner .banner-in{width:748px;}

.midtab .midtab-box{width:30%; margin-left:10px; padding-right:10px; height:auto;}

.content .content-left{width:100%; float:none;}
.content .content-right{width:100%; float:none; padding:0px;}

.profile, .environment, .worldwide{width:100%; min-height:inherit; padding:10px 0 10px; border-bottom:1px solid #e4e4e4; border-right:0px;}

.latest-news{width:100%; float:none;}
.bx-wrapper{width:100%; }

.testimonials{width:100%; float:none; margin:15px 0 0 0;}

.footer-about{width:28%;}
.footer-about input[type="text"]{width:auto !important;}

.footer-tweets{width:30%; margin-left:45px;}
.footer-tweets ul li{float:none; height:auto;}
.footer-tweets .tweets-img{height:auto; width:30px; margin:0 10px 10px 0;}
.footer-tweets .tweets-detail{width:auto; float:none;}

.footer-contact{width:28%; margin-left:45px;}

.footer-strip-left{width:100%; float:none;}

.footer-strip-right{width:100%; float:none;}


/* inner content */

.inner-content .inner-content-left .inner-content-left-row img{
	display:inline-block;
}
.pro-main{
	width:100%;
	margin:15px 0;
}

.inner-content .inner-content-left{
	width:500px;
	margin:30px 0 0 0;
	padding:0 20px 0 0;
}
.inner-content .inner-content-left .inner-content-left-row{
	width:auto;
}
/* end inner content */

/* career */
.career .career-from{
width:500px;
margin-right:10px;
}
.careerLeft{margin-right:0px !important; width:490px !important; padding:0 20px 0 0;}

.career .career-right{
	width:200px;
}
/* career end */


/* contact */
.contact .contact-from{
	width:220px;
}

.contact .contact-map{
	width:300px;
}

.contact .contact-address{
	width:160px;
}
/* end contact */

table td{width:100%; display:block; line-height:20px;}
.careerImg{height:auto;}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

.certificate .certificate-img { width: 190px; margin: 15px 12px; }

.wrapper, .wrapper1{width:460px;}
.header{height:auto;}
.header .header-logo{width:100%; float:none; text-align:center;}
.header .header-right{width:100%; float:none;}
.social-links{float:left; width:50%;}

#nav{width:100%; margin:0px;}
#nav ul{float:none; background:#ff0000; }
#nav ul	li{width:100%; text-align:center; float:none; background:none; padding:0px; border-bottom:1px solid #e30606;}

#nav ul	li a{color: #FFF; padding: 10px 2px; border: none; border-radius: 0px; margin: 0 2px;}
#nav ul	li a:hover{color:#fff; border:none; border-radius:0px;}


.banner{height:300px;}
.bxslider li img{height:300px;}
.banner .banner-in{width:460px; margin-top:-230px;}
.banner .banner-in .banner-content{width:220px; height:140px; top:0px}
.banner .banner-in .banner-content h1{font-size:24px;}
.banner .banner-in .banner-content p{font-size:12px; margin-top:8px;}
.banner .banner-in .banner-content a{padding:8px 14px; border-radius:2px; border-bottom:3px solid #c60f04}

.midtab .midtab-box{width:90%; margin:10px; border-bottom:1px solid #df2703; border-right:0px;}

.content{padding:30px 0;}

.content .content-left{width:100%; float:none;}
.content .content-right{width:100%; float:none; padding:0px;}

.content .content-right .product-container .product-container-box{width:142px;}
.content .content-right .product-container .product-container-box h2{font-size:13px;}

.profile, .environment, .worldwide{width:100%; min-height:inherit; padding:10px 0 10px; border-bottom:1px solid #e4e4e4; border-right:0px;}

.latest-news{width:100%; float:none;}
.bx-wrapper{width:100%; }

.latest-news .news-img{float:none;}
.latest-news .news-detail{width:460px; float:none;}

.testimonials{width:100%; float:none; margin:15px 0 0 0;}

.footer-about{width:100%; float:none;}
.footer-about input[type="text"]{width:auto !important;}

.footer-tweets{width:100%; margin-top:15px; float:none; margin-left:0px}
.footer-tweets ul li{float:none; height:auto;}
.footer-tweets .tweets-img{height:auto; width:30px; margin:0 10px 10px 0;}
.footer-tweets .tweets-detail{width:auto; float:none;}

.footer-contact{width:100%; margin-top:15px; float:none; margin-left:0px;}

.footer-strip-left{width:100% !important; float:none;}

.footer-strip-right{width:100%; float:none;}


/* inner content */

.inner-content .inner-content-left .inner-content-left-row img{
	display:inline-block;
}
.pro-main{
	width:100%;
}

.inner-content .inner-content-left{
	width:auto;
	margin:30px 0 0 0;
	padding:5px 10px 5px 10px;
	border-right:none;
	border-bottom:1px solid #CACACA;
	float:right;
}


.inner-content .inner-content-left .inner-content-left-row{
	width:auto;
}

.inner-content .inner-content-right{
	float:left;
	display:block;
	width:auto;
}

.inner-content .inner-content-right ul li{
	float:left;
	margin:5px;
}
/* end inner content */


/* career */
.career .career-from{
width:auto;
}

.career .career-right{
	width:auto;
	margin-left:0; float:left; margin-bottom:20px;
}

.career .career-right ul li{
	float:left;
	margin:8px;
}

/* career end */



/* contact */
.contact .contact-from{
	width:100%;
}

.contact .contact-map{
	width:100%;
	margin:10px 0;;
}

.contact .contact-address{
	width:100%;
	margin:10px 0;
}
/* end contact */
	/* nav */
#nav ul li ul{
	width:100%;
	height:auto;
	position:relative;
	top:0px;
	z-index:999;
}

#nav ul li ul li{
	display:block;
	float:none;
	padding:0 5px;
	font-size:12px;

}

#nav ul li ul li a{
	width:auto;
	color:#fff;
	border:0 !important;
}

/* end nav */

.banner .banner-in .banner-content p{line-height:20px;}

table td{width:100%; display:block; line-height:20px;}

.careerImg{height:auto;}
.careerLeft{border-right:0px solid #ccc; padding:0px;}


}



@media only screen and (min-width: 320px) and (max-width: 479px) {

.certificate .certificate-img { width: 200px; margin: 10px 0px;}

.wrapper, .wrapper1{width:300px;}

.header{height:auto;}
.header .header-logo{width:100% !important; float:none; text-align:center;}
.header .header-right{width:100% !important; float:none;}
.social-links{float:left; width:70%;}

#nav{width:100%; margin:0px;}
#nav ul{float:none; background:#ff0000;}
#nav ul	li{width:100%; text-align:center; float:none; background:none; padding:0px; border-bottom:1px solid #e30606;}
#nav ul	li a{color:#fff; padding:10px 0; border:none; border-radius:0px;}
#nav ul	li a:hover{color:#fff; border:none; border-radius:0px;}


.banner{height:300px;}
.bxslider li img{height:300px;}
.banner .banner-in{width:300px; margin-top:-230px;}
.banner .banner-in .banner-content{width:220px; height:140px; top:0px}
.banner .banner-in .banner-content h1{font-size:24px;}
.banner .banner-in .banner-content p{font-size:12px; margin-top:8px;}
.banner .banner-in .banner-content a{padding:8px 14px; border-radius:2px; border-bottom:3px solid #c60f04}

.midtab .midtab-box{width:85%; margin:10px; border-bottom:1px solid #df2703; border-right:0px; height:auto;}

.content{padding:30px 0;}

.content .content-left{width:100%; float:none;}
.content .content-right{width:100%; float:none; padding:0px;}

.content .content-right .product-container .product-container-box{width:87px;}
.content .content-right .product-container .product-container-box h2{font-size:13px;}

.profile, .environment, .worldwide{width:100%; min-height:inherit; padding:10px 0 10px; border-bottom:1px solid #e4e4e4; border-right:0px;}

.latest-news{width:100%; float:none;}
.bx-wrapper{width:100%; }

.latest-news .news-img{float:none;}
.latest-news .news-detail{width:300px; float:none;}
.latest-news .news-detail ul li{width:115px;}

.testimonials{width:100%; float:none; margin:15px 0 0 0;}

.footer-about{width:100%; float:none;}
.footer-about input[type="text"]{width:auto !important;}

.footer-tweets{width:100%; margin-top:15px; float:none; margin-left:0px}
.footer-tweets ul li{float:none; height:auto;}
.footer-tweets .tweets-img{height:auto; width:30px; margin:0 10px 10px 0;}
.footer-tweets .tweets-detail{width:auto; float:none;}

.footer-contact{width:100%; margin-top:15px; float:none; margin-left:0px;}

.footer-strip-left{width:100% !important; float:none;}

.footer-strip-right{width:100%; float:none;}


/* inner content */

.inner-content .inner-content-left .inner-content-left-row img{
	display:inline-block;
	float:none;
}

.pro-main{
	width:100%;
}

.inner-content .inner-content-left{
	width:auto;
	margin:30px 0 0 0;
	padding:5px 10px 5px 10px;
	border-right:none;
	border-bottom:1px solid #CACACA;
	float:right;
}


.inner-content .inner-content-left .inner-content-left-row{
	width:auto;
	margin-bottom:20px;
}

.inner-content .inner-content-right{
	float:left;
	display:block;
	width:auto;
}

.inner-content .inner-content-right ul li{
	float:left;
	margin:5px;
}
/* end inner content */

/* career */
.career .career-from{
width:auto;
font-size:12px;
}

.career .career-right{
	width:auto;
	margin-left:0;
}

.career .career-right ul li{
	float:left;
	margin:8px;
}

/* career end */

/* contact */
.contact .contact-from{
	width:100%;
}

.contact .contact-map{
	width:100%;
	margin:10px 0;;
}

.contact .contact-address{
	width:100%;
	margin:10px 0;
}
/* end contact */


	/* nav */
#nav ul li ul{
	width:100%;
	height:auto;
	position:relative;
	top:0px;
	z-index:999;
}

#nav ul li ul li{
	display:block;
	float:none;
	padding:0 5px;
	font-size:12px;

}

#nav ul li ul li a{
	width:auto;
	color:#fff;
	border:0 !important;
}

/* end nav */

.banner .banner-in .banner-content p{line-height:20px;}

table td{width:100%; display:block; line-height:20px;}

.careerImg{height:auto;}
.careerLeft{border-right:0px solid #ccc; padding:0px;}


}