.carousel_height
{
	height: 78vh;
}
@media only screen and (min-width: 992px) {
.fixed
	{ 
	    position: sticky;
	    top: 100px;
	}
	.mobile_toggle_side
	{
		display: none;
	}
	 .margin_20vh
  {
  	margin-top: 15vh;
  }
  .margin_top_all_page
  {
  	margin-top: 13vh;
  }
}

@media only screen and (max-width: 992px) {
  .search_bar
  {
/*  	border:1px solid red;*/
  	max-width: 300px !important;
  	& input
  	{
  		width: 85%;
  	}
  }
 
  .mobile_nav
  {
  	position: absolute;
  	z-index: 999;
  	top:14vh;
  	background-color: #fff;
  	left: -100%;
  	height: 100vh;
  	width: 40%;
  	padding: 5px;
  	transition: 0.5s;
/*  	border: 1px solid red;*/

  	.navbar-nav
  	{
  		padding-left: 8px;
  	}
  	.search_box_desktop
  	{
  		display: none;
  	}
  	.search_box_mobile
  	{
  		display: flex !important;
  	}
  	.mobile_border_bottom
  	{
  		& a 
  		{
  			border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  		}
  	}
  	
  }
  .mobile_toggle_side
  	{
  		display: flex;	
  		gap: 20px;
  	}
  .toggle_nav
  {
  	left: 0 !important;
  }
  .margin_20vh
  {
  	margin-top: 20vh;
  }
  .margin_top_all_page
  {
  	margin-top: 15vh;
  }

}


.mobile_filter
{
	display: none;
}

@media only screen and (max-width: 768px) {

	.mobile_filter
	{
		display: block;
	}
	.desktop_filter
	{
		display: none;
	}
	.filter_section
	{
		display: none;
	}
	.toggle_filter 
	{
		display: none;
	}
	.carousel_height
	{
		height: 60vh !important;
	}
	.carousel-caption {
    top: 30px;

	}
}




.show_filter
{
	display: block;
}



@media only screen and (max-width: 576px) {
	 .product-item .product-img
	 {
	 	height: 35vh !important;

	 	& img 
	 	{

				height: auto;

	 	}
	 	 
	 }
	 .full_img
	{   
	    .close_image
	    {
	        top: -10px;
	        right: 0px;    

	    }

	}
	 .mobile_nav
		  { 
		  	
		  	width: 60% !important;
		  	top:11vh;

		  }
		.mobile_logo
  	{
  		width: 200px;
  	}
  	.margin_top_all_page
  	{
  		margin-top: 15vh;
  	}
  	.carousel_height
		{
			height: 50vh !important;
		}
			.carousel-caption {
    top: 0px;
	}

}
@media only screen and (max-width: 480px)
{
		 .mobile_nav
		  { 
		  	width: 100% !important;
		  	
            top:10vh;

		  }
}
@media only screen and (max-width: 400px)
{
		 .mobile_nav
		  { 
		  width: 100% !important;
           top:11vh;

		  }
	.margin_20vh,.margin_top_all_page
  {
  	margin-top: 13vh;
  }
}