@media(max-width: 1200px){
	body{
		padding-top: 140px;
	}

	.container{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 25px;
	}




	.topbar{
		padding: 5px 0;
	}
	.be-marquee-inner .marquee-item{
		font-size:13px;
	}



	header{
		float: none;
		position: fixed;
		padding: 0 0;
		left: 0; top: 0;
		background: #e5efff;
		border-bottom: 1px solid #738bb1;
		box-shadow:0 0 11px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 11px rgba(0,0,0,0.3);
	}
	header a.logo img{
		float: left;
		width: 80px;
		height: auto;
	}
	header.fixed a.logo img{
		width: 80px;
	}


	.header-inner{
		float:left;
		width:100%;
		padding: 10px 0;
	}
	header.fixed .header-inner{
		padding: 10px 0;
	}


	header .header-right{
		padding: 0 0 0 0;
	}
	header .header-right .phone{
		padding: 5px 10px;
		border: 3px solid #bb761a;
		background: #d68c29;
		font-size:14px;
		margin:0 0 10px 0;
	}
	a.showmenu{
		display: block;
		float: right;
		width: 48px; height: 48px; line-height: 48px;
		text-align:left;
		color:#22488d;
		font-size:30px;
		margin:0 0 0 0;
		right: 0; top: 0;
	}
	a.hidemenu{
		display: none;
		position: absolute;
		width: 42px; height: 42px; line-height: 42px;
		background: #fff;
		text-align:center;
		color:#000;
		font-size:24px;
		margin:0 0 0 0;
		right: 10px; top: 10px;
		border-radius:50%; -webkit-border-radius:50%;
		z-index: 22;
	}
	.menu nav{
		display: none;
		position: fixed;
		left: 0; top: 0;
		margin: 0 0 0 0;
		content: '';
		width: 100%; height: 100%;
		overflow-y: auto;
		z-index: 21;
		background: rgba(0,0,0,0.9);
		padding: 120px 80px;
	}
	.menu nav ul{
		float: none;
		display: table;
		width: 220px;
		margin: 0 auto 0 auto;
	}
	.menu nav ul li{
		float: left;
		width: 100%;
		color: #fff;
		margin: 0 0 20px 0;
	}
	.menu nav ul li a{
		width: 100%;
		float: left;
		color: #fff;
		padding: 10px 20px;
		text-align: center;
	}





	.arrowleft, .arrowright{
		width: 36px; height: 36px;
		line-height: 36px;
		font-size:18px;
	}
	.arrowleft{
		left: 10px; top: -15px; bottom: 0; margin: auto;
		border-radius:50%; 
	}
	.arrowright{
		right: 10px; top: -15px; bottom: 0; margin: auto;
		border-radius:50%; 
	}




	.smallbannersarea{
		padding: 30px 0;
	}
	.smallbannersarea img{
		width:48%;
	}
	.smallbannersarea img.rightside{
		width:48%;
	}




	.ourproducts{
		padding: 30px 0;
	}
	.ourproducts h2{
		font-size:24px;
		margin:0 0 30px 0;
	}
	.productitems .item{
		width: 47%;
		margin-bottom: 30px;
	}
	.productitems .item img{
		margin-bottom: 20px;
	}
	.productitems .item h3{
		font-size:16px;
	}




	.aboutus{
		padding: 20px 0 40px 0;
	}
	.aboutus .textside{
		float: left;
		width: 100%;
		margin: 0 0 0 0;
	}
	.aboutus .textside h2{
		font-size:24px;
	}
	.aboutus .textside h3{
		font-size:16px;
		margin:0 0 30px 0;
	}
	.aboutus .textside p{
		margin:0 0 20px 0;
	}
	.aboutus .imagearea{
		float: left;
		width: 100%;
		margin: 20px 0 0 0;
	}




	.whychooseus{
		padding: 50px 0;
	}
	.whychooseus h2{
		font-size:24px;
	}
	.whychooseus h3{
		font-size:18px;
		margin:0 0 30px 0;
	}
	.whychooseus .iconitems{
		gap: 6%;
	}
	.whychooseus .iconitems .item{
		float:left;
		width:47%;
		margin-bottom: 30px;
	}
	.whychooseus .iconitems .item img{
		width:120px;
		margin-bottom: 20px;
	}




	.reviews{
		padding: 40px 0;
	}
	.reviews h2{
		font-size:24px;
	}
	.reviews h3{
		font-size:18px;
		margin:0 0 30px 0;
	}
	.rslidecontent{
		padding: 0 60px;
	}
	.rslidecontent p{
		font-size:15px; 
	}
	.rslidecontent h5{
		font-size:16px;
	}
	/* BREAK */



	.contactbox{
		float:left;
		width:100%;
		display: block;
	}
	.formarea{
		width: 100%;
		padding: 30px;
	}
	.formarea h2{
		font-size:24px;
	}
	.formarea h3{
		font-size:16px;
		margin:0 0 30px 0;
	}
	.formarea form input{
		height: 32px;
	}
	.formarea form textarea{
		height: 100px;
	}


	.infoarea{
		width: 100%;
		padding: 60px 30px;
	}
	.infoarea a{
		max-width: 400px;
		padding-left: 60px;
	}
	.infoarea a span.email{
		float: left;
		margin-top: 15px;
		font-size: 13px;
	}




	footer{
		margin: 50px 0 0 0;
		padding: 30px 0;
	}
	footer .copyright{
		float:left;
		width: 100%;
		margin:0 0 10px 0;
	}
	footer .social{
		float: left;
		font-size:13px;
	}
}	




@media(max-width: 400px){
	.infoarea a{
		font-size: 13px;
	}
	.infoarea a span.email{
		font-size: 10px;
	}
}