		*{
			font-family: sans-serif;
		}
		#tophead{
			width: 100%;
		}
		body{
			background-color: #F7F7F7;
			justify-content: center;
			padding: 8px;
		}
		
		.bar1,.bar2,.bar3{
			width: 30px;
			height: 4px;
			background-color: #333;
			margin: 6px 6px 6px 6px;
			transition: 0.4s;
		}
		.bar1{
			margin-top: 30px;
		}
		#searchbox{
			border:3px solid #6EB3F4;
			height:50px;
			background-color: white;
			border-radius: 50px;
			width: 40%;
			margin-top: 15px;
			padding-left: 8px

			
		}
		#index-search{
			width: 50%;
			height: 43px;
			border:none;
			outline: none;
			padding-left:5px;
			font-size: 15px;
			border-radius: 50px;


		}
		.lx{
			color: white;
		}
		.lx:hover{
			color: #FD8204;
		}
		li{
		  
		  color: white;
		  
		}
		
		#bars{
			padding-bottom: 50px
		}
		#searchbtn{
			border-radius: 50px;
			margin-bottom:3px;
			
		}
		.side_menu{
			text-align: center;
			padding-top: 25px;

		}
		.side_menu2{
			padding-left: 80px;
		}
		.img_font{
			font-size: 30px;
			padding-right: 8px;
		}
		.index_toolbar{
			font-weight:bolder;
		}
		a{
			text-decoration: none;
			color:black;
		}
	

		#menucont{
			background-color: white;
			justify-content: center;
			display: flex; 
			color:black
		}
		#searchcont{
			background-color: white;
			justify-content: center;
			display: fixed;
			padding-bottom: 10px;
		}
		.srch{
			float: left;
		}
		.srch2{
			padding-left: 30px;
		}
		a:hover{
			color: #FD8204
		}
		.tt{
			color: black;
		}
		.tt:hover{
			color: #FD8204
		}
		#index_container{
			
			width:100%;
			border-top:4px solid #FD8204;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			padding: 10px;
			background-color: #D1D4D8;
			margin-left: 6px;
			padding-left:20px;
		}
		.product_container{
			border:2px solid grey;
			height: 350px;
			border-radius:20px;
			box-shadow: 1px 1px 10px grey;
			text-align: center;
			padding: 18px;
			padding-top: 60px;
			background-color: #F4F6F8;
			width: 340px;
			margin:3px;
			margin-right: 0px;

		}

		


		.name_tag{
			font-size:30px;
			font-weight: bolder;
			float: left;
		}
		.price_tag{
			float: left;
			font-size: 20px;
			font-weight: bolder;
		}
		span{
			font-weight: bold;
		}
		.des_tag{
			float: left;
			padding-left: 10px;
			padding-top:5px;
		}
		.love{
			font-size: 20px;
			float: right;
			padding-top: 5px;

		}
		.mask:hover{
			width:250px;
		}
		.top_sales{
			text-align: center;
		}
		.description_box{
			height: 470px;
			width: 100%;
			text-align: center;
			background-color: #D1D4D8;
			border-radius: 10px;
			padding: 20px;
		}
		.love2{
			font-size: 40px;
			float: right;
			padding-top: 5px;
		}
		.size_container{
			display: flex;
			margin-top: 40px;
			height: 40px;
			margin-right: 20px
		}
		.size{
			width:40px;
			border-radius: 100px;
			margin-left: 30px;
			padding-top: 7px;
			font-weight: bolder;
			background-color: black;
			box-shadow: 4px 3px 5px black;
		}
		.hero_description{
			padding: 50px;
			height: 700px;
			font-size: 17px;
		}
		
		.cart_btn{
			border:1px solid;
			height:40px;
			margin-top: 30px;
			font-size: 15px;
			font-weight: bold;
			color: white;
			background-color: black;
			border-radius: 20px;
			padding-top: 7px;
		}
		.badge-notify{
    		background:red;
    		position:relative;
    		top: -20px;
    		right: 10px;
  		}
  		.my-cart-icon-affix {
    		position: fixed;
    		z-index: 999;
  		}
  		.des_box2{
  			height: 620px;
			width: 100%;
			text-align: center;
			background-color: #D1D4D8;
			border-radius: 10px;
  		}
  		.respro_size{
  			display: flex;
			height: 40px;
			margin-top: 50px;
			margin-right:30px;
  		}
  		.love1{
			font-size: 20px;
			float: right;
			padding-top: 5px;
		}
		.love3{
			font-size: 20px;
			float: right;
			padding-top: 5px;
		}
		.love4{
			font-size: 20px;
			float: right;
			padding-top: 5px;
		}
		#header2{
			height: 69px;
			background-color: #6EB3F4; 
			text-align: center; 
			border-radius: 0px 10px 10px 0px;
		}
		#top_image1{
			height: 50px; 
			width: 60%;
		}
		#top_image2{
			height: 64px; 
			width: 30%;
			border-radius: 50px;
			border:2px solid #FD8204;
		}

		
		
		