@media only screen and (max-width: 992px) {
	.mySwiper2 .swiper-button-next,.mySwiper2 .swiper-button-prev,.mySwiper3 .swiper-button-next,.mySwiper3 .swiper-button-prev
	{
		display: none !important;
	}
		
		.listofproduct
		{
			left: -100px;
		}


}

/*desktop version.............................................*/
.menu
{	
	display: none;
}
.mobile_menu
{
	display: none;
}
/*.................................................*/

/*mobile version 768*/
@media only screen and (max-width: 768px) {
	.packing
	{
		padding: none;
	}
	.menu
	{
		display: block;
		font-size: 30px;
		position: relative;
		right: 20px;
	}
	 .mySwiper .swiper-slide,.mySwiper .swiper-slide img
	{
		border-radius: 0px !important;
		
	}
	.nav_main .left_part ul, .nav_main .right_part ul
	{
		display: none;
	}
	
	nav
	{
	  	position: fixed;
	  	z-index: 999;
	    height: 62px;
	 
	}


/*mobile menue design		*/
	.mobile_menu
	{	
		display: block;
		width: 40%;
		height: 100vh;
		position: fixed;
		top: 62px;
		z-index: 2;
		left: -300px;
		transition:all 1s;
		background-color: #fff;
		border-top-right-radius: 8px;
	}
	.toggle
	{
		left: 0px !important;
		
	}
	/*.active
	{
	
		background-color: #000;
	}
	.active i 
	{
		color: #fff !important;
	}*/
	.mobile_menu ul
	{
		margin-top: 50px;
		margin-left: -20px;
	}
	.mobile_tab a
	{
		display: flex;
		gap: 50px;
		align-items: center;
	}
	.mobile_tab a span 
	{
		width: 40px;
		height: 40px;
		border: 1px solid rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;

	}
	.mobile_tab
	{
/*		border: 1px solid red;*/
		display: flex;
		align-items: center;
		padding-bottom: 5px;
		margin-top: 30px;
		margin-right: 5px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	}
	.mobile_tab a span i 
	{
		color: #000;
		font-size: 13px;
		margin-top: -5px;
	}
	.mobile_tab a p 
	{
		position: relative;
		top: 7px;
		color: #000;
	}


}
@media only screen and (max-width: 480px) {
	.mobile_menu
	{
		width: 60%;
	}
}
@media only screen and (max-width: 380px) {
	.mobile_menu
	{
		width: 100%;
		z-index: 10;
		left: -380px;
	}
	.viewAll
	{
		z-index: 9;
	}
}

@media only screen and (max-width: 768px) {
	.world_bnanner {
		height: 20vh;
		background-size: contain;
		background-repeat: no-repeat;
	}
  }

  @media only screen and (min-width: 768px) and (max-width: 1023px) {
	.world_bnanner {
		height: 20vh;
		background-size: contain;
		background-repeat: no-repeat;
	}
	}