*{margin:0;
padding:0;}

#wrapper{
	margin:0 auto;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	}
/*header*/	
header{
	background-color:#ffd510;
	color:#333;
	width:100%;
	height:auto;}
	
#logo{
	display:inline-block;
	width:50%;
	margin-left:10%;
	margin-top:7%;
	margin-bottom:3%;
	}
		
nav{
	display:inline-block;
	width:50%
	margin-left:10%;
	margin-top:10%;
	}			
	
	/*Strip the ul of padding and list styling*/
nav ul {
	list-style-type:none;
	padding:0;
	position: absolute;
	}

/*Create a horizontal list with spacing*/
nav ul li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	font-size:22px;
}

/*Style for menu links*/
nav ul li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	text-decoration: none;
}

/*Hover state for top level links*/
nav ul li:hover a {
	color:#666;
	font-weight:bold;
}

.anav{
	color:#666;
	font-weight:bold;
	text-decoration:underline;}

/*Style for dropdown links*/
nav ul li:hover ul a {
	background: #f3f3f3;
	color: #333;
	font-weight:bold;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #666;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*End of header*/

/*About Content part*/
#story{
	width:100%;
	background:#e6e6e6;
	padding-bottom:4%;
	padding-top:3%}
	
#cont{
	margin-left:10%;
	margin-right:10%;}

.heading{
	margin-left:15px;
	line-height:-2px;}

h2{
	
	color:#333;
	font-family: 'Montserrat', sans-serif;
	}
	
#contant{width:80%;
	margin:0px auto;
	text-align:center;
	font-size:18px;
	}	
#wu,#rd,#qc,#ci{
	margin-top:7%;
	margin-bottom:5%;}
	
	
.us{
	text-align:left;
	line-height:30px;}
	
.imgbd{
	border-bottom:solid;
	border-bottom-color:#666;
	padding-bottom:10%;}
	
.mrchinta{
	margin-right:12%;
	text-align:center;
}	
	
.line{
	line-height:220%;}
	
.line2{
	line-height:130%;}
/*End of about*/

/*Product content part*/
#products{
	width:100%;
	margin:0px auto;
	background:#e6e6e6;}
	
#pdalign{
	width:75%;
	padding-top:1%;
	margin-left:auto;
	margin-right:auto;}
		
#p1,#p2,#p3{
	width:20%;
	}
	
#p1 img{transition:1s ease;
}

#p1 img:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 2s ease;
	}		

#p2 img{transition:1s ease;
}

#p2 img:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 2s ease;
	}		

#p3 img{transition:1s ease;
}

#p3 img:hover{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 2s ease;
	}		



/*product part*/

.brdcrm{
	color:#999;
	margin-left:10%;
	margin-top:1%;
	font-size:14px;
	font-weight:bold;}
	
span{
	color:#333;}

h1{
	color:#333;
	padding-left:3%;}		

.if1{
	width:90%;
	height:405px;
	margin-left:7%;
	margin-top:2%;
	border:none;
	}

.if2{
	width:90%;
	height:300px;
	margin-left:7%;
	margin-top:2%;
	border:none;
	}	

.if3{
	width:90%;
	height:320px;
	margin-left:7%;
	margin-top:2%;
	border:none;
	}	

#button{
	display:block;
	margin-left:8%;}
	
.bt{
	text-align:center;
	text-transform:uppercase;
	background:#ffd510;
	border-radius:10px;
	margin-left:10%;
	margin-top:3%;
	padding-top:10px;
	padding-bottom:10px;
	box-shadow:#f0c80c 0px 7px 0px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;}
	
.bt:hover{
	box-shadow:#f0c80c 0px 4px 0px;}
	
.bt2{
	text-align:center;
	text-transform:uppercase;
	background:#ffd510;
	width:110%;
	border-radius:10px;
	margin-left:1%;
	margin-top:3%;
	padding-top:10px;
	padding-bottom:10px;
	box-shadow:#f0c80c 0px 7px 0px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	}
	
.bt2:hover{
	box-shadow:#f0c80c 0px 4px 0px;}
			
#button a{
	color:#666;
	text-decoration:none;}			

#button a:hover{
	text-decoration:none;
	font-weight:bold;}
	
#pdes{
	width:90%;
	margin-left:5%;
	}
	
#pdes ul{
	list-style-image:url(../images/list-style.png);
	margin-left:4%;}
	
#pdes ul li{
	font-size:14px;}
	
#printer{
	margin-left:10%;}	
	
#feature{
	width:93%;
	margin-top:3%;
	margin-right:auto;
	margin-left:auto;}
	
.fe2{
	margin-top:7%;}
	
#gpsimg{
	text-align:center;
	margin-bottom:-7%;}	
	
/*end of product part*/

/*Accessories part*/
.accer{
	background:#CCC;
	color:#333;
	width:75%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	margin-bottom:4%;
	box-shadow:0 8px 6px -6px #666;
	border:solid;
	border-size:2px;
	border-color:#CCC;}

.accss{
	padding:25px 20px;
	font-weight:bold;
	font-size:22px;}	

.accss2{
	padding:10px 20px;
	font-weight:bold;
	font-size:22px;}	

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 45%;
	max-height: 60%;
	margin-top: 12%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

/*End of accessories part*/	

/*Conatct page part*/
#address,#form{
	display:inline-block;
	margin:20px 20px;
	}	

#address{
	width:80%;
	margin-left:40px;
	}
#form{
	width:90%;
	}		

#ad,#cnt,#mail{
	width:80%;
	display:block;
	margin-bottom:40px;
	}
	
.bspc{
	margin-bottom:10px;
	}
	
textarea{
	margin-top:20px;
	color:#999;
	}
	
.btn{
	background-color:#fbdd51;
	padding:10px 25px;
	margin-top:2%;
	border:none;
	border-radius:3px;
	color:#666;
	margin-left:6%;
	}
.btn:hover{
	background-color:#ffd510;
	}
	
.tb{
	padding:10px 0px;
	margin-right:7px;
	margin-bottom:3%;
	margin-top:2%;
	color:#999;
	}
	
.btnspc{
	margin-left:120px;}
/*End of contact page*/		
	
/*Footer part*/	
footer{
	width:100%;
	background:#818181;
	color:#FFF;}
p a{
	color:#fff;}

.ft{
	padding-top:18%;
	margin-left:2%;}

.ft2{
	padding-top:5%;
	text-align:center;}
	
.ft3{
	padding-top:18%;
	text-align:right;
	margin-right:2%;}		
/*End of footer*/	
	
							

/*Responsive Styles*/
@media screen and (max-width : 1280px){
	.if1{
		height:276px;}
	.if2{
		height:200px;}
	.if3{
		height:220px;}		
	}

@media screen and (max-width : 800px){
	/*Make dropdown links appear inline*/
nav	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

.bt{
	margin-left:-3%;
	margin-right:4%}
	
.bt2{
	width:140%;
	margin-left:1px;
	}	
	
#button{
	margin-top:-20%;}	
}

@media screen and (max-width : 360px){
.bt2{
	width:93%;}	
	}