@media (width: 1024px) {
.box-1,
.box-2 {
width: 50%;
}
.box-3 {
width: 100%;
}
.box-4,
.box-5 {
width: 50%;
}
}
@media (width: 768px) {
.box-1 {
width: 100%;
}
.box-2, .box-3, .box-4 {
width: 33%;
}
.box-5 {
width: 100%;
}
}
$(document).ready(function() {
$('#menu-food-menu .menu-item').on('click', f_acc);
});
function f_acc(){
if($(this).find('.sub-menu')) {
//$('#menu-food-menu > li >.submenu').not($(this).children()).slideUp(1000);
$(this).children('.sub-menu').slideToggle(2000);
}
}
// в них добавляешь что то типо того
appendDots: $(this).closest('.slider').find('.SlickNavBlock'),
appendArrows: $(this).closest('.slider').find('.SlickNavBlock'),
prevArrow: '<span class="slick-arrow_custom-left"></span>',
nextArrow: '<span class="slick-arrow_custom-rigth"></span>',
dotsClass: 'slick-custom-dots',