.m-margintop{
	margin-top: var(--grid-gutter)!important;
}
.image-slider.home-slider .slick-track
{
    display: flex !important;
}

.image-slider.home-slider .slick-slide
{
    height: inherit !important;
}
.image-slider.home-slider .slick-slide img{
	height: 100%!important;
}

@media(min-width: 320px and max-width: 1023px){
	
	
	.promo-banner.m-margintop{
			min-height: 171px;
	}
	.m-margintop{
		margin-top: 0!important;
	}
	
}

@media(min-width: 320px and max-width: 374px){
	.image-slider.home-slider{
		min-height: 158px;	
		max-height: 158px;	
		overflow: hidden;
	}

	.c-popular.m-margintop._extcat{
		min-height: 810px;	
		overflow: hidden;
	}
}
@media(min-width: 375px and max-width: 424px){
	.image-slider.home-slider{
		min-height: 186px;	
		max-height: 186px;	
		overflow: hidden;
	}
	.c-popular.m-margintop._extcat{
		min-height: 720px;	
		overflow: hidden;
	}
}
@media(min-width: 425px and max-width: 500px){
	.image-slider.home-slider{
		min-height: 212px;	
		max-height: 212px;	
		overflow: hidden;

	}
	.c-popular.m-margintop._extcat{
		min-height: 720px;	
		overflow: hidden;
	}
}
@media(min-width: 501px and max-width: 760px){
	
	.c-popular.m-margintop._extcat{
		min-height: 680px;	
		overflow: hidden;
	}
}


@media(min-width: 767px and max-width: 768px){
	.image-slider.home-slider{
		min-height: 389px;	
		max-height: 389px;	
		overflow: hidden;

	}
	.c-popular.m-margintop._extcat{
		min-height: 470px;	
		overflow: hidden;
	}
}




@media(min-width: 1023px and max-width: 1439px){
	.image-slider.home-slider{
		min-height: 512px;	
		max-height: 512px;	
		overflow: hidden;
	}
	
	.promo-banner.m-margintop{
			min-height: 200px;
	}
	
}



@media(min-width: 1440px){
	.image-slider.home-slider{
		min-height: 620px;	
		max-height: 620px;
		overflow: hidden;

	}

	.promo-banner.m-margintop{
			min-height: 242px;
	}
	
}