*{
		margin: 0;
		padding: 0; 
		box-sizing: border-box;
	}
	
	html
	{
		scroll-behavior: smooth;
	}
	
	body
	{
		font-size: 14px; 
		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
		font-weight: 400;
		line-height: 1.5;
		color: var(--main_color);
		background-color: var(--color_shade2);
	/*	background-color: orange;*/
	}
	
	
	/* ============== Link |STyle ==============*/ 
	
	a 
	{
		color: var(--highlight_color);
		text-decoration: none; 
	}
	
	
		/* ============== Paragraph STyle ==============*/ 
		
	p
	{
		color: var(--color-shade10);
	}
	
		/* ============== Top bar STyle ==============*/ 
		
	.top_bar 
	{
		padding: 10px 50px;
		display: flex;
	}
	
	.logo_container 
	{
		width:40px;
		overflow: hidden 
	}
	
	.logo_container img
	{
		width: 100%; 
	}
	
	.search_container
	{
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
	.contact_container 
	{
		display: flex;
		align-items:center;
	}
	
	.contact_container a
	{
		color: var(--main_color) !important;
	}
	

	.nav_icons_container .search_icon
	{
		display: none;
	}
	
	.search_btn ion-icon 
	{
		font-size: 20px;
	}
	
	
	.search_container .search_btn
	{
		padding: 8px;
		display: flex;
		justify-content:center;
		align-items: center;
		z-index: 402;
	}
	
	
	/* ==============Search Dropdown STyle ==============*/ 
	
	#search_form
	{
		position: relative;
		z-index: 401
		
	}
	#search
	{
		z-index:402
	}
	
	.search_dropdown
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 40px 0 20px 0;
		border: 1px solid var(--color_shade4);
		background-color: var(--color_shade1);
		z-index: 200;
		display: none;
	}
	
	.search_dropdown_link
	{
		display: flex;
		padding: 7px 20px; 
		border-bottom: 1px solid var(--color_shade4);
		align-items: center;
	}
	
	.search_dropdown_img
	{
		flex-basis: 60px;
		flex-shrink: 0;
		height: 60px; 
		overflow: hidden;
	}
	
	.search_dropdown_img img
	{
		width: 100%;
		height: 100%; 
		object-fit: cover;
	}
	
	.dropdown_search_text
	{
		padding: 10px 15px 10px 10px;
		flex: 1;
	}
	
	.search_dropdown_inner
	{
		max-height: 500px;
		overflow: auto;
	}
	
	.dropdown_search_text p
	{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin: 0;
		padding: 0;
	}
	
	
		
	.dropdown_search_date
	{
		padding: 10px;
		
	}
	
	
	.dropdown_search_date span 
	{
		display: block;
		color: var(--color_shade8);
		font-size: 14px;
		white-space: nowrap;
	}
	
	.dropdown_search_date span:last-child 
	{
		color: var(--color_shade5);
	
	}
	
	/* ============== Nav bar STyle ==============*/ 
	
	.nav_bar 
	{
		padding: 0px 50px;
		background-color: var(--main_color);
		display: flex;
		position: sticky;
		top:0;
		z-index:300;
	}
	
	.phone_icon
	{
		color: var(--highlight_color);
	}
	
	.category_menu_container 
	{
		background-color: var(--highlight_color2);
		flex-basis: 300px;
		display: flex; 
		align-items: center;
		padding: 8px 20px;
		cursor: pointer;
		position: relative;
	}
	
	.category_content
	{
		flex:1;
		display: flex; 
		align-items: center;
	}
	
	.category_content span
	{
		margin-right: 5px;
	}
	
	
	.category_menu_container span
	{
		color: white;
	}
	
	.nav_icons_container
	{
		flex:1;
		display: flex; 
		justify-content: flex-end;
		align-items:center;
		padding: 8px 0px 8px 20px;
		
	}
	
	.nav_icons 
	{
		display: flex;
		align-items: center;
	}
	
	.nav_icons_container a
	{
		display: flex;
		position:relative;
	}

	
	.nav_icons_container a .close_btn
	{
		margin-left: 20px;
	}
	
	.nav_icons_container a:not(:last-child)
	{
		margin-right: 20px;
	}
	
	.reg_btn
	{
		margin-right: 10px !important;
	}

	.nav_icons_container span
	{
		color: var(--highlight_color2);
		color: var(--color_shade1);
	}
	
	
	.item_container 
	{
		/*border: 2px solid var(--highlight_color2);*/
		background-color:var(--highlight_color2);
		color: var(--color_shade1);
		width: 18px;
		height: 18px;
		border-radius: 50%;
		/*display: flex;*/
		display: none;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		/*margin-left: 5px;*/
		position: absolute;
		top: -10px;
		left: 18px;
	
	}
	
	
	.category_list_container
	{
		position: absolute;
		background-color: var(--color_shade1);
		left: 0; top: 40px; 
		width: 100%;
		display: none;
		z-index: 300;
	}
	
	.category_list
	{
		list-style-type: none;
		position: relative;
	}
	
	.category_list:not(:last-child)
	{
		border-bottom: 1px solid var(--color_shade4);
	}
	
	.category_list a
	{
		padding: 10px 20px;
		display: block;
		color: var(--color_shade7);
		
	}
	
	.category_list a:hover, .category_list a:focus
	{
		color: var(--color_shade8);
		font-weight: bold;
		color: var(--main_color);
		
	}
	.category_submenu
	{
		position: absolute;
		top: 0;
		left: 300px;
		width: 250px;
		background: var(--color_shade1);
		z-index: 201;
		display: none;
		
	}
	
	.category_submenu_list
	{
		list-style: none;
	}
	
	
	.category_submenu_list:hover, .category_submenu_list:focus
	{
		background-color: var(--color_shade3);
		color:var(--main_color);
	}
	
	
	/* ============== Other sections STyle ==============*/ 
	
	.main_desc, .service_desc, .categories_container, .product_container,
	.product_container
	{
		padding:  20px 50px;
	}
	/*
	.main_desc, .service_desc, .categories_container, .product_container,
	.adverts_container, .product_container, .footer_container
	{
		padding:  50px;
	}
	*/
	
	  
	
	/*
	.main_desc, .service_desc, .categories_container, .product_container,
	.advert_container, .product_container, .nav_bar, .top_bar
	{
		border: 1px solid var(--color_shade7);
	}
	*/
	
	
	
	
	/*============== Product Slider Section ==========*/

	.main_desc
	{
		display: flex;
	}
	
	
	.slider_container 
	{
		flex: 2;
		height:0;
		position: relative;
		padding-bottom: 33.3%;
		overflow: hidden; 
	}
	
	.slider_container img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.slider_inner_container
	{
		position: absolute;
		top:0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		overflow: hidden
	}
	
	.advert_container 
	{
		/*flex-basis: 400px;*/
		flex:1;
		margin-left: 20px;
		height: 0;
		position: relative; 
		padding-bottom: 33.3%;
	}
	
	.advert_inner_container
	{
		position: absolute; 
		top:0; left: 0; 
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.advert_content 
	{
		width:100%;
		overflow: hidden;
		height: 100%;
		position: relative;
	}
	
	.advert_content:not(:last-child)
	{
		margin-bottom: 20px;
	}
	.advert_content img 
	{
		width:100%;
		height: 100%;
		object-fit: cover;
	}
	
	.overlay_container
	{
		position: absolute; 
		top:0; left:0;
		width: 100%;
		height: 100%;
		background-color: var(--foreground_color1);
		opacity: 0.5;
	}
	
	.content_container
	{
		position: absolute; 
		top:0; left:0;
		width: 100%;
		height: 100%;
		z-index: 10px;
		display: flex; 
		justify-content: center; 
		align-items: center;
		flex-direction: column;
		padding: 20px;
	}
	
	.product_title 
	{
		color: var(--color_shade1);
		font-size: 30px; 
		margin-bottom: 20px;
		
	}
	
	.product_desc
	{
		color: var(--color_shade1);
		margin-bottom: 20px;
		text-align: center;
		max-width: 400px;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	.advert_content .product_title
	{
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.advert_content .close_btn
	{
		padding: 8px 16px;
		border: 1px solid var(--color_shade1);
		background: none;
	}
	
	.advert_content .close_btn:hover
	{
		background: var(--highlight_color2);
	}
	
	
	
	/* ============== Services Description STyle ==============*/ 
	
	.service_desc 
	{
		/*display:flex;*/
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fill, minmax(22em, 1fr));
		
	}
	
	.service_container
	{
		flex: 1;
		background-color: var(--color_shade1);
		border: 1px solid var(--color_shade4);
		padding: 20px;
		display: flex; 
		align-items: center;
	}
	
	/*
	.service_container:not(:last-child)
	{
		margin-right: 20px;
	}*/
	
	.service_icon span 
	{
		color: var(--highlight_color);
		font-size: 45px;
	}
	
	.service_text 
	{
		font-size:25px;
		font-weight: bold;
		padding-left: 20px;
		display:flex;
		align-items: center; 
		white-space: nowrap;
	}
	
	
	/* ============== Category Section STyle ==============*/ 
	
	.category_title_container
	{
		display: flex; 
		margin-bottom: 20px;
	}
	
	.line_container
	{
		display: flex; 
		align-items: center;
		flex:1;
		padding: 5px 0 0 10px;
	}
	
	.line_container .line
	{
		width: 100%;
		border: none; 
		border-bottom: 2px dashed var(--color_shade5);
		
	}
	
	.category_heading
	{
		text-transform: uppercase;
	}
	
	.category_content_container
	{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
	}
	
	
	.category_box 
	{
		display: flex; 
		background-color: var(--color_shade1);
		/*border: 1px solid var(--color_shade4); */
		box-shadow: 0 7px 10px var(--color_shade4);
	}
	
	.category_box :hover
	{
		background-color: var(--highlight_color);
	}
	
	.category_box :hover .category_desc_heading, .category_box :hover small
	{
		color: var(--color_shade1);
	}
	
	.category_img 
	{
		width: 118px; 
		height: 90px; 
		overflow: hidden;
	}
	
	.category_img img
	{
		width: 100%; 
		height: 100%; 
		object-fit:cover;
	}
	
	.category_desc
	{
		padding: 20px; 
		display: flex;
		justify-items: center;
		flex-direction: column;
	}
	
	.category_desc_heading
	{
		color: var(--color_shade8);
		user-select: none;
	}
	
	.category_desc small
	{
		color: var(--color_shade7);
		user-select: none;
	}
	
	
	/* ============== Featured Product STyle ==============*/ 
	
	.product_box 
	{
		background-color: var(--color_shade1);
		/*border: 1px solid var(--color_shade4);*/
		box-shadow: 0 7px 25px var(--color_shade4);
		border-radius: 5px;
	}
	
	.product_box:hover .product_img img 
	{
		transform: scale(1.2, 1.2);
	}
	
	.product_content
	{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
		
	}
	
	.product_img_container 
	{
		display: block;
		width: 100%; 
		height:0;
		padding-bottom: 100%;
		position: relative;
		overflow:hidden;	border-radius: 5px 5px 0 0;
	}
	
	.product_img
	{
		position: absolute;
		top:0; left:0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.product_img img
	{
		width: 100%;
		height: 100%; 
		object-fit:cover; 
		transition: .3s ease-in;
	}
	
	.product_details 
	{
		padding: 10px;
	}
	
	.product_name
	{
		text-align: center;
		font-weight: 600;
		overflow: hidden;
		text-overflow: ellipse;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.product_price
	{
		text-align: center;
	}
	
	.product_call_to_action
	{
		display: flex;
		padding: 5px;
	}
	
	.view_details_container
	{
		margin-left: 5px;
		
	}
	
	.view_details_container, .add_to_cart_container
	{
		flex: 1;
		
	}
	
	.add_to_cart_container
	{
		display: flex;
		justify-content:flex-end;
		margin-left: 10px;
	}
	
	.add_to_cart_btn
	{
		padding: 2px 8px;
		background: none;
		border: 1px solid var(--highlight_color);
		background-color: var(--highlight_color);
		color: var(--color_shade1);
		border-radius: 3px; 
		/*border: none;*/
		display: flex;
		align-items: center;
		cursor: pointer;
		white-space: nowrap;
	}
	
	.view_details_btn
	{
		padding: 2px 8px;
		background: none;
		border: 1px solid var(--highlight_color);
		border-radius: 3px; 
		/*border: none;*/
		display: flex;
		align-items: center;
		cursor: pointer;
		white-space: nowrap;
	}
	
	.add_to_cart_btn span
	{
		color: var(--color_shade1);
		margin-right: 5px;
	}
	
	 .view_details_btn span
	{
		color: var(--highlight_color);
		margin-right: 5px;
	}
	
	.add_to_cart_btn:hover
	{
		opacity: .8;
	}
	
	.view_details_btn:hover, .view_details_btn:hover span
	{
		background-color: var(--highlight_color);
		color: var(--color_shade1);
	}
	
	.view_details_btn:focus, .add_to_cart_btn:focus
	{
		border: 1px solid var(--main_color_shade3);
		border-radius: 3px;
	}
	
	/* ============== Advert STyle ==============*/ 
	
	
	.advert_section
	{
		display: flex;
		padding: 20px 50px;
	}
	
	.advert_box_container
	{
		flex: 1;
		height:0; 
		position: relative;
		padding-bottom: 25%;
		overflow: hidden;
	}
	
	.advert_box_container:not(:last-child)
	{
		margin-right: 20px;
	}
	
	.advert_img_box
	{
		width: 100%; 
		height:100%;
		position: absolute;
		top:0; left: 0;
		overflow: hidden
	}
	
	.advert_img_box img
	{
		width: 100%; 
		height:100%;
		object-fit: cover;
		transition:.5s ease-in;
	}
	
	
	.advert_overlay_container
	{
		position: absolute;
		top:0; left:0; 
		width: 100%; 
		height: 100%; 
		background-color: var(--foreground_color1);
		opacity: .5;
		z-index: 20;
	}
	
	.advert_box 
	{
		position: absolute;
		top:0; left:0; 
		width: 100%; 
		height: 100%; 
		z-index: 21;
		display: flex; 
		flex-direction:column;
		justify-content: center;
		align-items: center;
	}
	
	.advert_box h1
	{
		color: var(--color_shade1);
		font-size: 40px; 
		margin-bottom: 20px;
	}
	
	.advert_box h3
	{
		color: var(--color_shade1);
		
	}
	
	.advert_box_container:hover .advert_img_box img
	{
		transform: scale(1.2, 1.2);
		transition:.5s ease-in;
	}
	
	
	
	
	/* ============== Footer STyle ==============*/ 
	
	
	.footer_container 
	{
		padding: 50px;
		background-color: var(--main_color);
	}
	
	.footer1
	{
		display: grid;
		grid-gap: 1em;
		grid-template-columns: repeat(auto-fill, minmax(17em, 1fr));
		padding-bottom: 50px;
	}
	
	.footer_column h3 
	{
		color: var(--color_shade1);
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	
	.footer_column p
	{
		color: var(--color_shade1);
		
	}
	
	.footer_column .logo_container
	{
		margin-bottom: 20px;
	}
	
	.get_in_touch p 
	{
		display: flex; 
		align-items: center;
	}

	.get_in_touch a 
	{
		color: var(--color_shade3);
	}
	
	
	.get_in_touch p:not(:last-child) 
	{
		margin-bottom: 10px;
	}
	
	.get_in_touch p span:first-child
	{
		margin-right: 10px;
	}
	
	.quick_links a
	{
		display: flex;
		width: 100%;
		align-items: center;
		color: var(--color_shade3);
	}
	
	.quick_links a:hover span:last-child
	{
		opacity: .8;
		text-decoration: underline;
	}
	
	.quick_links a:not(:last-child)
	{
		margin-bottom: 10px;
	}
	
	#subscribe 
	{
		display: flex; 
		margin: 20px 0;
	}
	
	.social_links_container
	{
		display: flex;
	}
	
	.social_links_container a
	{
		width: 35px;
		height: 35px;
		background-color: var(--highlight_color2);
		border: 2px solid var(--highlight_color2);
		display: flex;
		justify-content:center;
		align-items: center;
		color: var(--color_shade1);
	}
	
	.social_links_container a:hover
	{
		background-color: var(--highlight_color);
		border: 2px solid var(--highlight_color);
	}
	
	.social_links_container a:focus
	{
		border: 2px solid var(--main_color_shade3);
	}
	
	
	.social_links_container a:not(:last-child)
	{
		margin-right: 8px;
	}
	
	.social_links_container i
	{
		color: var(--color_shade1);
		font-size: 18px;
	}
	
	.social_container h3
	{
		margin-bottom: 10px;
	}
	
	.footer2
	{
		display: flex; 
		border-top: 1px solid var(--color_shade6);
		padding-top: 20px;
	}
	
	.copyright_container
	{
		flex: 1;
	}
	
	.copyright_container span
	{
		color: var(--color_shade4);
	}
	
	.payment_method_container
	{
		display: flex;
	}
	
	.payment_img_container
	{
		width: 70px;
		height: 40px;
		overflow: hidden;
		background-color: var(--color_shade1);
	}
	
	.payment_img_container:not(:last-child)
	{
		margin-right: 10px;
	}
	
	.payment_img_container img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	

	/* ============== Product Details STyle ==============*/ 
	
	.product_details_container
	{
		min-height: 100px;
		padding: 20px 50px;
		
	}
	
	
	.details_inner_content
	{
		overflow: auto;
	}
	
	.product_details_content
	{
		display: flex;
	}
	
	.product_detail_img_container
	{
		flex: 2; 
		
	}
	
	.product_details_image_box
	{
		overflow: hidden;
		position: relative;
		height: 0;
		padding-bottom: 60%;
	}
	
	.product_details_inner_box
	{
		position: absolute;
		top:0; left: 0; 
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.product_details_image_box img
	{
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	
	.product_details_title_container
	{
		flex: 1;
		margin-left: 20px;
		/*display: flex;
		align-items: stretch;*/
		height: 0;
		padding-bottom: 52%;
		position: relative;
	}
	
	.product_img_list
	{
		
		overflow-x: auto;
		padding: 10px 0;
	}
	
	.image_list_scroll_container
	{
		display: flex;
		
	}
	
	.product_list_box
	{
		flex-basis: 150px; 
		flex-shrink: 0;
		height: 150px;
		overflow: hidden;
	}
	
	.product_list_box img
	{
		width: 100%; 
		height: 100%;
		object-fit: cover;
	}
	
	.product_list_box:not(:last-child)
	{
		margin-right: 10px;
	}
	
	.product_details_title_content
	{
		padding: 10px 20px; 
		background-color: var(--color_shade1);
		box-shadow: 0 0 5px 1px var(--color_shade4);
		/*overflow: auto;
		height: 645px;*/
		position: absolute;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
	}
	
	.price_qty_container
	{
		display: flex;
		border-top: 1px solid var(--color_shade4);
		border-bottom: 1px solid var(--color_shade4);
		padding: 10px 0;
	}
	
	.product_details_qty_box
	{
		display: flex;
		
	}
	
	.qty_box
	{
		background-color: var(--main_color);
		color: var(--color_shade1);
		width: 40px;
		height :40px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		border: none;
		cursor: pointer;
	}
	
	.column_item .qty_box
	{
		width: 30px;
		height :30px;
		font-weight: 400;
		
	}
	
	.column_item .qty_value
	{
		font-size: 16px;
	}
	
	.qty_box.btn
	{
		border: 1px solid var(--main_color);
	}
	
	.qty_box.btn:focus
	{
		border: 1px solid var(--highlight_color_color);
	}
	
	.qty_box.qty
	{
		background-color: var(--highlight_color);
		color: var(--color_shade1);
	}
	
	.product_details_price_box
	{
		flex: 1;
		margin-right:10px;
	}
	
	.product_details_price_box span
	{
		font-size: 20px;
	}
	
	.product_details_title
	{
		margin-bottom: 20px;
		font-size:30px;
	}
	
	.product_details_btn_container
	{
		display: grid;
		grid-gap: 10px; 
		grid-template-columns: 1fr 1fr;
		padding: 20px 0;
		border-bottom: 1px solid var(--color_shade4);
	}
	
	.product_details_btn_container button
	{
		width: 100%;
	}
	
	.footer_column .product_details_btn_container 
	{
		border-bottom: none;
	}
	
	.product_spec 
	{
		border-bottom: 1px solid var(--color_shade4);
		padding: 20px 0;
		max-height: 300px;
		
		overflow: auto;
		
	}
	
	
	.product_spec  h3, .product_details_text h2
	{
		padding-bottom: 10px;
	}
	
	.product_spec ul li 
	{
		margin-left: 18px;
		color: var(--color_shade9);
	}
	
	.product_details_text
	{
		padding: 20px 0;
		background-color: var(--color_shade1);
		margin: 20px 0 0 0;
		padding: 10px 20px 20px 20px;
		box-shadow: 0 0 5px 1px var(--color_shade4);
	}
	
	.social_container.details 
	{
		padding: 20px 0;
	}
	
	.product_details_text p:not(:last-child)
	{
		margin-bottom: 20px;
	}
	
	.social_container.details .social_links_container 
	{
		justify-content: center;
	}
	
	.social_container.details h3
	{
		text-align: center;
	}
	
	/*----- Product You may like style _------------*/
	
	
	.related_product_container h2
	{
		margin-left: 50px;
	}
	
	.product_scroll_container
	{
		width: 100%;
		overflow-x: auto;
		display: flex;
		
	}
	
	.product_scroll_content
	{
		display: flex;
		padding: 20px 50px;
		overflow: auto;

	}
	
	.product_scroll_content .product_box
	{
		flex-basis:200px;
		flex-shrink: 0;

	}
	
	
	.product_scroll_content .product_box:not(:last-child)
	{
		margin-right: 20px;
	}
	
	
	.product_box.more_product
	{
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	
	.product_box.more_product a
	{
		color: Var(--color_shade1);
		display: flex; 
		align-items: center;
		
	}
	
	.product_box.more_product a span:first-child
	{
		font-size: 16px;
		margin-right: 10px;
		
	}


	/*----- Product cart style _------------*/
	
	.columns_container
	{
		padding: 20px 50px; 
	}
	
	.column_heading
	{
		display: grid;
		column-gap: 10px;
		grid-template-columns: 3fr 1fr  2fr 1fr 1fr;
		background-color: var(--main_color);
		color: var(--color_shade1);
		padding: 10px;
		
	}
	
	.heading_item
	{
		min-width: 120px
	}
	
	.heading_item:first-child
	{
		min-width: 250px
	}
	
	.heading_item h3 
	{
		text-align: center;
		font-size: 18px;
	}
	
	.column_wrapper
	{
		display: grid; 
		column-gap: 20px;
		grid-template-columns: 2fr 1fr;
		
	}
	
	.column_wrap
	{
		min-width: 800px;
		
	}
	
	.column_inner_container:first-child
	{
		overflow: auto;
		min-width: 850px;
	}
	
	/*
	.column_inner_container
	{
		min-width: 900px;
		width: 100%;
	}*/
	
	.column_content
	{
		display: grid;
		column-gap: 10px;
		grid-template-columns: 3fr 1fr  2fr 1fr 1fr;
		background-color: var(--color_shade1);
		color: var(--color_shade8);
		padding: 10px;
		margin: 10px 0;
	}
	
	.column_item.img_desc
	{
		display: flex;
		justify-content: flex-start;
		min-width: 250px;
	}
	
	.column_desc 
	{
		padding-left: 10px;
		
	}
	
	.column_desc p
	{
		text-align: left !important;	
	}
	
	.column_img
	{
		flex-basis: 50px;
		flex-shrink: 0;
		height:50px;
		overflow: hidden;
	}
	
	.column_img img
	{
		width: 100%;
		height:100%;
		object-fit: contain;
	}
	
	.column_item  
	{
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 120px;
	}
	
	
	
	/*
	.column_item:nth-child(2), .column_item:nth-child(4), 
	.heading_item:nth-child(2), .heading_item:nth-child(4)
	{
		
		min-width: 120px;
	}*/
	
	.column_item:last-child, .heading_item:last-child
	{
		min-width: 150px;
	}
	
	.column_item p 
	{
		text-align: center;
	}
	
	.product_remove_btn
	{
		background-color: var(--highlight_color);
		color: var(--color_shade1);
		border: none;
		padding: 2px;
		cursor: pointer;
		width:25px;
		height: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.product_remove_btn span
	{
		font-size: 17px;
		font-weight: bold;
	}
	.product_remove_btn:focus
	{
		border: 2px solid var(--main_color_shade3);
	}
	
	
	.product_remove_btn:hover
	{
		background-color:  var(--main_color);
	}
	
	#coupon_form
	{
		display: flex;
	
	}
	
	#coupon_form input
	{
		flex: 1;
	}
	
	#coupon_form button
	{
		font-size: 16px;
	
	}
	
	.summary_container .category_title_container
	{
		padding: 20px 0 0 0;
	}
	
	.summary_container
	{
		min-width: 300px;
	}
	
	.summary_details_container
	{
		background-color: var(--color_shade1);
		padding: 10px;
		border: 1px solid var(--color_shade4);
	}
	
	.summary_list
	{
		display: flex;
		padding:10px 0;
	}
	
	
	.summary_list p:first-child
	{
		flex: 1;
		padding-right: 10px;
	}
	
	.summary_total
	{
		border-top: 1px solid var(--color_shade4);
		display: flex;
		padding: 15px 0;
	}
	
	.summary_total p
	{
		font-weight: bold;
	}
	
	.summary_total p:first-child
	{
		flex: 1;
		padding: 10px 0 15px 0;
	}
	
	.summary_details_container .close_btn
	{
		width: 100%;
		font-size: 16px;
	}
	
	
	/*----- Checkout style _------------*/
	
	.column_content.checkout
	{
		display: flex;
		align-items: center;
	}
	
	.checkout .column_desc 
	{
		flex: 1;
		padding: 0 10px;
	}
	
	.column_title.order_details
	{
		margin-top: 20px;
	}
	
	.order_details_wrapper
	{
		max-width: 700px;
		overflow: auto;
	}
	
	.order_details_wrapper .column_desc
	{
		min-width: 150px;
	}
	
	.order_details_inner
	{
		min-width: 450px;
	}
	
	.category_title_container.summary
	{
		padding: 0;
	}
	
	.payment_method
	{
		font-weight: bold;
	}
	
	.column_content.payment
	{
		padding: 20px;
	}
	.image_box
	{
		margin: auto;
		width: 80px; 
		height: 80px;
		border-radius: 50%;
		overflow: hidden;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.image_box img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.complete_order_btn
	{
		width: 100%;
	}
	/*------------------- Categories Styles --------------*/
	
	.categories_wrapper .product_columns_heading 
	{
		padding: 0 50px;
	}
	
	.categories_wrapper .category_title_container
	{
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
	.categories_heading
	{
		padding: 20px 50px 0 50px;
	}
	
	
	
	.checkout.payment 
	{
		background: var(--color_shade2);
		margin-top: 20px;
		margin-bottom: 10px;
		
	}
	
	.input_column input 
	{
		margin-right: 10px;
	}
	.input_column label 
	{
		cursor: pointer;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ============== Responsive Media  STyle ==============*/ 
	
	@media only screen and (max-width:1339px)
	{
		.service_desc
		{
			grid-template-columns: repeat(auto-fill, minmax(20em, 1fr))
		}
	}
	
	@media only screen and (max-width:1332px)
	{
		.product_details_title_container
		{
			
			padding-bottom: 55%;
			
		}
	}
	
	@media only screen and (max-width:1209px)
	{
		.column_wrapper
		{
			
			grid-template-columns: 1fr ;
			
		}
		
		.column_wrapper.checkout_wrap
		{
			grid-template-columns: 2fr 1fr ;
		}
		
		.column_inner_container:last-child
		{
			max-width: 350px;
		}
	}
	
	
	@media only screen and (max-width:1150px)
	{
		.product_details_title
		{
			font-size: 25px;
		}
	}
	
	@media only screen and (max-width:1108px)
	{
		.product_details_title_container
		{
			
			padding-bottom: 58%;
			
		}
	}
	
	@media only screen and (max-width:1121px)
	{
		.advert_box h1
		{
			font-size: 24px;
		}
		
		.advert_box h3
		{
			font-size: 16px;
		}
		
		.advert_box button
		{
			padding: 8px 12px;
		}
	}
	
	@media only screen and (max-width:1099px)
	{
		.service_desc
		{
			grid-template-columns: repeat(auto-fill, minmax(15em, 1fr))
		}
	}
	
	@media only screen and (max-width:953px)
	{
		.product_details_content
		{
			flex-direction: column;
			
		}
		
		.product_details_container
		{
			margin-left:0;
		}
		
		.product_details_title_container
		{
			height: 100%;
			position: static;
			padding-bottom:0 ;
		
		}
		
		.product_details_title_content
		{
			position: static;
			width: 100%;
			/*height: 100%;
			overflow: auto;*/
		}
		
		.detail_inner_content
		{
			overflow: visible;
		}
		
		.product_spec
		{
			max-height: initial;
			overflow: visible;
		}
	}
	
	
	@media only screen and (max-width:931px)
	{/*
		.service_desc
		{
			grid-template-columns: repeat(auto-fill, minmax(15em, 1fr))
		}*/
	}
	
	@media only screen and (max-width:900px)
	{
		.product_desc
		{
			width: 70%;
		}
	}
	
	@media only screen and (max-width:850px)
	{
		.main_desc
		{
			flex-direction: column;
		}
		
		.advert_inner_container
		{
			flex-direction: row;
			
			
		}
		
		.advert_container
		{
			margin-left: 0;
			padding-bottom:28%;
		}
		
		.slider_container
		{
			padding-bottom: 50%;
			margin-bottom: 20px;
		}
		
		.advert_content:not(:last-child)
		{
			margin-right:20px;
		}
	}
	
	@media only screen and (max-width:700px)
	{
		.categories_heading
		{
			padding: 20px 20px 0 20px;
		}
		
		.categories_wrapper .product_columns_heading 
		{
			padding: 0 20px;
		}
		
		.product_scroll_content
		{
			padding: 20px;
		}
		
		.related_product_container h2
		{
			margin-left: 20px;
		}
		.category_list_container
		{
			top: 40px;
		}
		
		.nav_bar 
		{
			padding: 0px 35px 0px 20px;
		}
		
		.main_desc, .service_desc, .categories_container, .product_container,
		.product_container, .advert_section, .product_details_container, .columns_container
		{
			padding:  20px;
		}
		.product_title
		{
			font-size: 22px;
			
		}
		
		.product_desc
		{
			font-size: 14px;
		}
		
		.slide .close_btn
		{
			padding: 10px 16px;
		}
		
		.top_bar
		{
			padding: 10px 20px;
		}
		
		.nav_icons_container .search_icon
		{
			display: block;
		}
		
		.search_container
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 20px 0;
			background: var(--color_shade2);
			display: none;
		}
		
		.contact_container
		{
			flex: 1;
			justify-content: flex-end;
		}
		
		.advert_section
		{
			flex-direction: column;
			
		}
		
		.advert_box_container
		{
			padding-bottom: 45%;
		}
		
		.advert_box_container:not(:last-child)
		{
			margin-right: 0;
		}
		
		.advert_box_container:last-child
		{
			margin-top: 20px;
		}
		
		.product_list_box
		{
			flex-basis: 100px;
			height: 100px;
		}
	}
	
	@media only screen and (max-width:659px)
	{
		.footer_column .logo_container 
		{
			display: flex;
			justify-content: center;
			width: 100%;
		}
		
		.footer_column .logo_container a
		{
			flex-basis: 80px;
		}
		
		.first_footer_p
		{
			text-align: center;
		}
		
		.column_wrapper.checkout_wrap
		{
			grid-template-columns: 1fr ;
		
		}
	}
	
	@media only screen and (max-width:650px)
	{
		.service_desc 
    	{
    		/*display:flex;*/
    		display: grid;
    		grid-gap: 20px;
    		grid-template-columns: repeat(auto-fill, minmax(22em, 2fr));
    		
    	}
    	
    	
    	
	}
	
	@media only screen and (max-width:600px)
	{
		.signup_wrapper
		{
			padding: 20px;
			
		}
		
		
		.coupon_container
		{
		    margin-top:15px;
		}
		
		#coupon_form button
    	{
    		font-size: 12px;
    	    padding: 10px;
    	}
	
		.nav_bar
		{
		    position: sticky;
		}
		
		.top_bar
		{
			padding: 8px 20px;
		}
		.signup_container.warm
		{
			display: none;
		}
		
		.column_wrapper.checkout_wrap
		{
			grid-template-columns: 1fr ;
			overflow: auto;
			
		}
		
		
		.column_title
    	{
    		font-size: 18px;
    		font-weight: bold;
    	}
		
		
		.item_container 
		{
		    font-size: 12px;
		}
		
		.footer2
		{
			flex-direction: column;
			align-items: center;
			
		}
		
		.copyright_container
		{
			margin-bottom: 20px;
		}
		
		.product_content
		{
			/*grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));*/
			grid-template-columns: repeat(2, 1fr);
		}
		
		.product_call_to_action
		{
			flex-direction: column;
			
		}
		
		.product_call_to_action button
		{
			width: 100%;
			justify-content: center;
		}
		.add_to_cart_container
		{
			margin-left: 0;
			margin-top: 10px;
		}
		.view_details_container
		{
			margin-left: 0px;
		}
		
		.category_heading
		{
		    font-size: 20px;
		    font-weight: bold;
		}
		/* ============== Services Description STyle ==============*/ 
	
        	.service_desc 
        	{
        		/*display:flex;*/
        		display: grid;
        		grid-gap: 10px;
        		grid-template-columns: repeat(auto-fill, minmax(22em, 2fr));
        		
        	}
        	
        	.service_container
        	{
        		flex: 1;
        		background-color: var(--color_shade1);
        		/*border: 1px solid var(--color_shade4);*/
        		box-shadow: 0 7px 15px var(--color_shade4);
        		padding: 20px;
        		display: flex; 
        		align-items: center;
        	}
        	
        	/*
        	.service_container:not(:last-child)
        	{
        		margin-right: 20px;
        	}*/
        	
        	.service_icon span 
        	{
        		color: var(--highlight_color);
        		font-size: 30px;
        	}
        	
        	.service_text 
        	{
        		font-size:15px;
        		font-weight: bold;
        		padding-left: 20px;
        		display:flex;
        		align-items: center; 
        		white-space: nowrap;
        	}
        	
        	.line_container .line
        	{
        		
        		border-bottom: 2px dashed var(--color_shade5);
        		
        	}
        	
        	/*.category_box
        	{
        	    margin: 10px;
        	    border-radius: 5px;
        	}
        	*/
        	.category_img 
        	{
        		width: 98px; 
        		height: 60px; 
        		overflow: hidden;
        	}
        	
        	.category_img img
        	{
        		width: 100%; 
        		height: 100%; 
        		object-fit:cover;
        	}
        	
        	.footer_container 
        	{
        		padding: 30px;
        		background-color: var(--main_color);
        	}
        	
        	.column_inner_container:first-child
    		{
    			min-width: 310px;
    			
    		}
    		
    		.column_heading
        	{
        		column-gap: 8px;
        		padding:8px;
        	}
        	
       
        	.heading_item h3 
        	{
        		text-align: center;
        		font-size: 14px;
        	}
        	
		    .category_menu_container 
        	{
        		background-color: var(--highlight_color2);
        		flex-basis: 300px;
        		display: flex; 
        		align-items: center;
        		padding: 6px 15px;
        		cursor: pointer;
        		position: relative;
        	}
        	
	        .category_list_container
    		{
    			top: 45px;
    			width: 220px;
    		}
    		
            .category_submenu
            {
                left: 200px;
                display: block;
                z-index:300;font-weight: bold;
            }
            
         .category_submenu
		{ 
			
			/*position: relative;
			top: 0;
			left: 0;
			width: 100%;
			background-color: var(--color_shade2);
			
			 */
		
		}
		
	
	}
	
	@media only screen and (max-width:540px)
	{
		
		.category_menu_container
		{
			background-color: var();
			flex-basis:   0;
		}
		
		.category_menu_container .category_dropdown,
		.category_content span:last-child
		{
			display: none;
		}
		
		.category_menu_container
		{
			flex-basis: 0px; 
			position: static;
		}
		
		.advert_inner_container 
		{
			flex-direction: column;
		}
		
		.advert_container
		{
			padding-bottom: 100%;
		}
		
		.product_name
		{
			font-size: 14px; 
		}
		
		.logo_container 
    	{
    		width:20px;
    		overflow: hidden 
    	}
	
		
	}
	
	@media only screen and (max-width:425px)
	{
		.product_list_box
		{
			flex-basis: 80px;
			height: 80px;
		}
		
		.summary_container
		{
			min-width:0;
		}
	
		
		.advert_box_container
		{
			padding-bottom: 55%;
		}
		
		.product_title
		{
			font-size: 20px;
			margin-bottom: 10px;
			
		}
		
		.product_desc
		{
			font-size: 13px;
		}
		
		.slide .close_btn
		{
			padding: 8px 12px;
		}
		
		.slider_container
		{
			padding-bottom: 60%;
			 
		}
		
		
	}