body{
	margin:0;
}
.left{
	float:left;
}
.right{
	float:right;
}
nav{
	width:100%;
	height:140px;
	background-color:white;
	position:fixed;
	top:0;
	z-index:2;
}
.nav, .nav2, .hover2{
	padding:1.5% 0.9% 1% 0.9%;
	font-size:20px;
	position:relative;
	color:grey;
}
.categories{
	width:1210px;
	height:330px;
	margin:2% auto;
	padding:2% 2% 0% 8%;
	display:none;
	background-color:white;
	position:absolute;
	top:100%;
	right:0%;
	left:-120px;
	z-index:2;
}
.pro{
	width:32%;
	margin:-8% 0 0 -23%;
	padding-right:2%;
}
.hover{
	width:19.8%;
	margin:0.5% 0%;
}
.hover:hover{
	opacity:60%;
}
.li{
	padding:2% 0%;
}
.li:hover{
	color:grey;
}
.dropdown{
	display:none;
	width:230px;
	height:210px;
	font-size:18px;
	border:1px solid black;
	background-color:white;
	position:absolute;
	top:105%;
	left:0%;
}
.nav2:hover,
.hover2:hover,
.nav:hover{
	color:black;
	border-bottom:2px solid maroon;
}
.nav2:hover .dropdown,
.hover2:hover .categories{
	display:inline-block;
}
input[type="search"],
input[type="search"]:hover{
	width:100%;
	padding:2% 10%;
	margin:-1% 2% 1% 30%;
	font-size:18px;
	background-color:whitesmoke;
	border-radius:30px;
}
.i2{
	margin-left:5%;
}
.i, .i2{
	font-size:24px;
	color:black;
}
.sec{
	margin:1% 2.5%;
}
.code{
	background-color:aliceblue;
	text-align:center;
	padding:1%;
	font-size:13px;
}
.logo{
	width:100px;
	height:50px;
	margin-right:14%;
}
.ad{
	width:100%;
	margin:10% 0 0 0;
}
.belt{
	width:100%;
	margin:-1% 0 0 0;
}
.about{
	width:90%;
	height:80px;
	padding:0 5%;
	background-color:whitesmoke;
	margin:-0.5% 0 0 0;
}
.feature{
	width:20.6%;
	height:100px;
	margin:0 4.2% 0 0;
}
h2{
	margin:2% 75% 1% 2%;
	font-weight:normal;
	font-size:28px;
}
.more{
	color:blue;
	margin:3% 2% 1% 2%;
}
.product{
	width:14.8%;
	height:380px;
	padding:0.6%;
	background-color:whitesmoke;
	border-radius:15px;
	margin:0.3%;
}
.yellow{
	width:100%;
	height:35px;
	border-radius:0 0 15px 15px;
	margin:-11% 0 2% 0;
	font-size:15px;
	font-weight:bold;
	background-color:gold;
}
.star{
	color:gold;
}
.rating{
	padding:1%;
	border-radius:0;
	border:1px solid lightgrey;
	background-color:white;
	color:grey;
	margin-right:3%;
}
.heading5{
	margin:1% 70% 1% 2%;
}
.item{
	width:180%;
	border-radius:15px 15px 0 0;
	margin:-15px 0 0 -40px;
}
.item2{
	width:170%;
	border-radius:15px 15px 0 0;
	margin:-15px 0 0 -40px;
}
.price{
	font-size:20px;
	font-weight:bold;
}
.off{
	color:green;
	font-weight:bold;
	margin:0;
}
.colors{
	margin:0% 1% 0 10%;
	width:15px;
	height:15px;
	border:0.5px solid grey;
	border-radius:50%;
}
.heading{
	margin:5% 70% 1% 2%;
}
.heading2{
	margin:2% 80% 1% 2%;
}
.nirvana{
	width:94%;
	margin:0% 3% 2% 3%;
	border-radius:15px;
}
.deals{
	color:grey;
	font-size:20px;
	margin:1% 1%;
}
.deals2{
	color:black;
	font-size:18px;
	background-color:lightgrey;
	margin:0% 1% 1% 1%;
	border-radius:35px;
	padding:0.5% 2%;
	float:left;
}
.deals{
	color:grey;
	font-size:20px;
	margin:0% 1%;
	float:left;
}
.Deals{
	display:block;
	height:130px;
}
.shopping{
	width:10%;
	margin:0% 1% 1% 0%;
	float:right;
}
.shopping2{
	width:10%;
	margin:0% 1% 1% 0%;
}
.section{
	height:70px;
	margin:32% 0 0 0;
}
.heading4{
	margin:2% 68% 1% 2%;
}
.category{
	margin:1% 1% 1% -40%;
}
.center{
	text-align:center;
}
.explore_bestsellers{
	width:90%;
	height:430px;
	display:block;
	padding:0 4%;
	margin:33% 0 1% 0;
}
.explore{
	width:23.5%;
	height:80%;
	border-radius:20px;
	margin:0.7%
}
.bestsellers{
	width:138%;
	margin:-7% 0 1% -20%;
	border-radius:20px;
}
.heading3{
	margin:2% 75% 1% 2%;
}
.Deals2{
	display:block;
	height:50px;
	margin:35% 0 0% 0;
}
.lifestyle{
	padding:0 3%;
}
.style{
	width:23%;
	margin:0 0.7% 3% 0.7%;
}
.ls{
	width:135.5%;
	margin:1% 0 0% -17%;
}
.for{
	font-size:30px;
	font-weight:bold;
	background-color:whitesmoke;
	padding:5%;
	margin:-7% 0 0 0;
}
.Deals3{
	display:block;
	height:130px;
	margin:45% 0 0 0;
}
.title{
	display:block;
	width:100%;
	height:50px;
	margin:38% 0 0 0;
}
.tribe{
	width:23%;
	height:620px;
	border:1px solid lightgrey;
	margin:1% 0.5% 1% 0.5%;
	border-radius:20px;
}
.pic{
	width:100%;
	height:80%;
	border-radius:20px;
}
.icon{
	width:30%;
	margin:-45% 0 2% 35%;
	position:relative;
	background-color:white;
	top:30%;
	z-index:1;
}
.padding{
	padding:0 5%;
}
.headingB{
	margin:2% 82% 1% 2%;
}
.Dealsn{
	display:block;
	height:130px;
	margin:700px 0 0% 0;
	padding:1% 1.5%;
}
.blogs{
	width:20.9%;
	border:1px solid lightgrey;
	padding:0.8%;
	border-radius:15px;
	margin:7% 0.2% 1% -23%;
}
.blog{
	width:20.9%;
	border:1px solid lightgrey;
	padding:0.8%;
	border-radius:15px;
	margin:7% 0.3% 1% 0.5%;
}
.picture{
	width:100%;
	border-radius:15px 15px 0 0;
}
.font{
	font-size:24px;
	font-weight:bold;
	color:black;
}
button{
	margin:5%;
	padding:5% 20%;
	background-color:whitesmoke;
	border-radius:30px;
	font-size:12px;
	font-weight:bold;
}
.Deals4{
	display:block;
	height:130px;
	margin:28% 0 0 0;
}
.press{
	width:90%;
	height:350px;
	margin:1% auto 5% auto;
	background-color:whitesmoke;
}
.news{
	background-color:lightgrey;
	padding:11.8%;
}
.article{
	width:50%;
	height:100%;
	margin:0 auto;
	text-align:center;
	color:grey;
	font-size:30px;
}
footer{
	width:850px;
	margin-top:30%;
}
.footer1{
	background-color:aliceblue;
	width:145%;
	height:350px;
	margin:37% 1.5% 0 1.5%;
}
.subscribe{
	width:25%;
	margin:5%;
}
.boat{
	width:50%;
	margin:0;
}
.email{
	font-size:30px;
	margin:-12% 0 1% 0;
}
input[type="email"]{
	width:90%;
	padding:5% 3%;
	border-radius:30px;
}
.shop{
	width:27%;
	margin:5% 1% 5% 0%;
}
.foot{
	font-size:17px;
	font-weight:bold;
}
.list1{
	width:40%;
}
.list2{
	width:32%;
	margin:9% 0 0 0%;
}
.list{
	font-size:15px;
	padding:10% 0%;
}
.list3{
	font-size:15px;
	padding:5% 0%;
}
.Help{
	width:15%;
	margin:5% 0% 5% 0%;
}
.footer2{
	background-color:azure;
	width:141%;
	height:1100px;
	padding:2%;
	margin:-5% 1.5% 0% 1.5%;
	column-count:3;
	column-width:35%;
}
.foot2{
	font-size:17px;
	padding:2% 0;
}
.p{
	font-weight:bold;
	font-size:18px;
	margin:0 0 0 0%;
}
.list4{
	font-size:15px;
	padding:1% 0%;
	color:dimgrey;
}
.footer3{
	background-color:aliceblue;
	width:145%;
	text-align:center;
	height:350px;
	margin:-9% 1.5% 0 1.5%;
}
.i3{
	font-size:34px;
	color:black;
}
.size{
	font-size:25px;
	width:100%;
	margin:0% 0 1% 0;
}
.middle{
	width:92%;
	height:20px;
	padding:10% 3% 0% 3%;
	margin:6% 0 2% 0;
}
.grey{
	color:grey;
	margin-top:2%;
}