/* CSS Document */
@media only screen and (max-width: 960px) {
#container{
	width:100%;
	}
.wrapper{
	width:100%;
	}
.topl{
	width:35%;
	}
.headerri{
	width:60%;
	}
} 
@media only screen and (max-width: 768px) {
.pshadow{
	display:none;
	}
.bshadow{
	display:none;
	}
.top{
	width:100%;
	height:auto;
	}
.topl{
	width:100%;
	height:auto;
	}
.headerri{
	width:80%;
	}
.menutop{
	width:50%;
	padding:0;
	margin:0 auto;
	}
	
}
@media only screen and (max-width: 640px) {
.top{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	}

.topl{
	width:99%;
	}
.headerri{
	width:99%;
	}
.product ul li{
	width:100%;
	height:auto;
	padding:0 0 15px 0;
	margin:0 auto;
	}
.bshadow{
	display:none;
	}
.headerl{
	width:99%;
	}
.people{
	width:99%;
	text-align:center;
	padding:0;
	margin:0 auto;
	}
.people ul {
    list-style-type: none;
    margin: 0 0 0 33%;
    text-decoration: none;
}
.logo {
    height: auto;
    margin: 0 auto;
    padding: 0 0 0 18%;
    width: 69%;
	}
.pshadow{
	display:none;
	}
.text1{
	padding:10px;
	}
.display ul li{
	margin:15px;
	float:left;
	width:145px;
	}
.content{
	width:90%;
	height:auto;
	clear:both;
	}
.leftCont{
	width:90%;
	padding:0;
	margin:0 auto;
	}
.rightCont{
	width:90%;
	padding:0;
	margin:0 auto;
	}
}
@media only screen and (max-width: 480px) {
.topl{
	width:99%;
	}
.headerri{
	width:99%;
	}
.menutop ul li{
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#c5f3ff;
	float:left;
	margin-top:5px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
	border-right:solid 1px #c5f3ff;
	}
.headerri .tag{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	padding-right:5px;
	padding-top:5px;
	}
.headerri ul li{
	border:none;
	}
.headerri .call{
	padding:0px 10px 0 5px;
	float:left;
	}
.logo{
	width:100%;
	height:auto;
	margin-top:20px;
	padding:0;
	text-align:center;
	}
.left{
	text-align:center;
	}
.logotext{
	width:95%;
	margin-top:10px;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	color:#000000;
	}
.logoimg{
	width:100%;
	height:90px;
	padding:0;
	margin:0 auto;
	}
.people{
	width:99%;
	height:auto;
	padding:0;
	margin:0 auto;
	}
.people ul{
	width:264px;
	padding:0;
	margin:0 auto;
	}

.bshadow{
	display:none;
	}
.headerl{
	width:100%;
	}
.pshadow{
	display:none;
	}
.rslides .sl{
  width:99%;
  float:left;
  text-align:center;
  }
.rslides .sr{
  width:99%;
  float:left;
  text-align:center;
  }
 .heading{
 text-align:center;
 }
.map{
	width:100%;
	height:auto;
	}
}
@media only screen and (max-width: 360px) {
.topl{
	width:99%;
	}
.logo {
    height: auto;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 99%;
	}
.headerri{
	width:99%;
	}
.menutop ul li{
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#c5f3ff;
	float:left;
	margin-top:5px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
	border-right:solid 1px #c5f3ff;
	}
.headerri .tag{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	}
.headerri ul li{
	border:none;
	}
.headerri .call{
	padding:0px 10px 0 5px;
	float:left;
	}
.display ul li{
	margin:5px;
	float:left;
	width:145px;
	}
.logotext{
	width:94%;
	margin-top:10px;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	color:#000000;
	}
}