@charset "utf-8";
/* CSS Document */
.coverimg_div{
	width: 100%;
	height: 500px;
	border: thick;
}
.coverimg_div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: thick;
}
.profileimg_div{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	position: absolute;
	top: 350px;
	left:5%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
.profileimg_div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: thick;
	border-radius: 50%;
}
.store_name{
	position: absolute;
	top: 660px;
	left:5%;
	height: 150px;
}
.store_name p{
	color: #363434;
}
.category_nav_div{
	position: absolute;
	top: 800px;
	width: 100%;
}
.nav-menue-option{
	cursor: pointer;
	width: 14%!important;
	height: 30px;
	float:left;
	text-align: center;
	border-bottom: thick;
	
}
#navigation-menue a{
	color: purple;
}
#product-view-section{
	position: absolute;
	top: 400px !important;
}

.search_div{
	position: absolute;
	margin-top: 350px;
		left: 50%;
		transform: translate(-50%);
}
/* Responsive section */
@media only screen and (max-width: 700px){
	
	.coverimg_div{
	width: 100%;
	height: 200px;
	border: thick;
}
	.profileimg_div{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	position: absolute;
	top: 125px;
	left:5%;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
	
	.profileimg_div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: thick;
	border-radius: 50%;
}
.store_name{
	position: absolute;
	top: 300px;
	left:5%;
	height: 150px;
}	
	.category_nav_div{
	position: absolute;
	top: 450px;
}
	.search_div{
		position: absolute;
	margin-top: 280px;
		left: 50%;
		transform: translate(-50%);
}
		#navigation-menue{
		width: 100%;
		height: 100px;
		overflow-x: scroll;
		display: inline-flex;
		scrollbar-width:none;
		
	}
	#navigation-menue::-webkit-scrollbar {
		display: none;
	}
		.nav-menue-option{
		width: 100%;
		margin:15px ;
		display: block;
		font-size: 12px;
		text-align: center;
	}
	#product-view-section{
	position: absolute;
	top: 300px !important;
}
	#no-available{
		top:610px!important;
	}
}