body{
	background-image:url(../images/bg.jpg);
	background-size: 100% 768px;
	background-attachment: fixed;
}
/*start nav*/
#id_btn{
	width:100%;height:191px;
	background-color:rgba(0,0,0,0.8);
	float:left;box-sizing:border-box;padding:9px;
}
nav{
	width:100%;height:191px;
	background-color:rgba(0,0,0,0.8);
	float:left;box-sizing:border-box;padding:15px;
}

#wel_btn{
	font-size:36px;
	color:white;
	text-align: center;
	text-decoration: underline;
}
#menu{
	width:585px;height:45px;
	box-sizing: border-box;
}
#t_btn{box-sizing: border-box;
width:20% height:70px;border-width:2px;
border-style: solid;border-color: white;text-align: center;}

a{color:white;text-decoration: none;font-family:sans-serif;font-size:20px;
}
/*end nav*/

/*start section*/
#home_btn{
	width:700px;
	height:410px;
	float:right;
	background-image: url(../images/s_bg.png);
	box-sizing: border-box;

}
#logo{
	width:150px;
	height:150px;
	box-sizing: border-box;
	border-width:5px;
	border-style: solid;
	margin-top:110px;
	margin-left:150px;
	border-color:white;
}
#logo-text{
	margin:0;
	padding:0;
	font-family: cursive;
	color: white;
	font-size:135px;
	margin-top: -25px;

}
#domain{
	color: white;
	font-family: verdana;
	font-size:32px;
	text-align: center;
	margin-left:-85px;
	margin-top: -8px;

}

/*fieldset Page*/
#log_btn{
	margin: 0;
	padding: 20px;
	color: white;
	text-align: center;
	font-size: 35px;
	font-family: sans-serif;
}

#fr_btn{
	width: 350px;
	height: 220px;
	border-width: 3px;
	border-style: solid;
	border-color: red;
	margin-top: -145px;
	margin-left: 40px;
}
#sec_btn{
	width:700px;
	height:407px;
	float:right;
	background-image: url(../images/s_bg.png);
	box-sizing: border-box;padding: 200px;
	color: white;font-style: bold;
}
	
#login-form{
	font-family: sans-serif;
	font-size: 20px;
	padding: 10px;
}

#user-name{
	width: 70%;height:18px;
	background-color: inherit;
	border:none;
	border-width: 1px;
	border-style: groove;
	border-color: white;
	margin-top: 10px;
	color: white;
	font-size: 15px;
	margin-bottom: -1px;
}
#pass-name{width: 40%;height:16px;
	background-color: inherit;
	border:none;
	border-width: 1px;
	border-style: groove;
	border-color: white;
	margin-top: 10px;
}

	#bt-lo{width:100px;
		height:30px;float:right;
		margin-top:10px;background-color: inherit;
		color: white;font-family:century gothic;
	}

		/*address coding*/
		#ad-name{font-size:25px;
			font-style:normal;
			color:white;font-family: century gothic;
			line-height: :45px;
			margin-top: 15px;
		}

/*product section coding*/

#pd-sec{
		width:100%;
height:2180px;
float:left;
box-sizing:border-box;
}

#brand-name{width:100%;
height:300px;
background-color:rgba(255,255,255,0.4);
float:left;box-sizing:border-box;
}

#brand-heading{text-align: center;
font-family:century gothic; font-size: 35px;
}

#brand-pic{width:150px;height:65px;
float:left;box-sizing: border-box;
border-width: 3px;
border-style: solid;
border-color:black;
margin:30px;
margin-left:40px;
}

#search{width:35%;
height:35px;
box-sizing: border-box;
float:left;margin-left: 350px;
margin-right:220px;
border:none;
border-width: 1px;
border-color: #ccc;
border-style: solid;
background-image: url(../images/s.png);
background-size:30px 30px;background-repeat: no-repeat;
background-position: right;
}

#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#nestle{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
}

#nestle-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-top: 10px;
}

#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#Dabur{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
margin-top: -150px;
}

#Dabur-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-bottom:-5px;
}
#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#britania{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
margin-top: -340px;
}

#britania-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-top: 10px;
}
#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#Amul{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
margin-top: -535px;
}

#Amul-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-top: 10px;
}
#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#Parle{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
margin-top: -730px;
}

#Parle-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-top: 10px;
}
#product-name{width:100%;height: 500px;
float:left;box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.7);
}

#Everest{text-align: center;
color: white;
font-family: century gothic;
text-decoration: underline;
margin-top: -910px;
}

#Everest-img{width: 205px;height: 210px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	margin-top: 5px;
}
footer{width: 100%;
height:60px;
box-sizing: border-box;
border-style: solid;
border-color: red;
border-width: 1px;
font-family: sans-serif;
text-decoration: underline;
color: white;
text-align: center;
background-color: rgba(255, 255, 255, 0.7);
}

#p-name{color:white;text-align:center;
	font-family: sans-serif;
	padding: :0;
	margin:0;
}

#p-price{color:white;text-align:center;
	font-family: sans-serif;
	padding:0;
	margin:1;
   float: left;
}

#buy-btn{color:white;text-align:center;
	font-family: sans-serif;
	padding:0;
	margin:1;
	margin-left:-5;
float: right;
}

#cart{width:40px;
height: 40px;
box-sizing: border-box;
float:center;}

#at-btn{color:Black;
text-align: center;
font-size: 15px;
margin-left: 55px;
font-family: century gothic;
font-style:oblique;
}

@media only screen and(min-width:350px) and (max-width:768px)
{
	#t_btn{
		width:50%;
	}
	#pd-sec{width:20px;
	}
}