Solved DU on Ipad pro

I want to make DU menu hamburger mobile menu on Ipad 1024 break point too.

I added CSS

}
@media screen and (max-width: 1024px) and (min-width: 981px) {
nav#top-menu-nav {
display: none!important;
}
#et_mobile_nav_menu {
display: block;
}
form.et-search-form {
width: 50%!important;
max-width: 50%!important;
}
#et_top_search {
float: left;
margin: 8px 32px;
}
}


But still its not working, anyone know a fix for this?

 

Same for 1024 Ipad pro

 

Thank you that did the trick