Hi. You can not put in a box more than it can fit. If you want to use only the template settings, you need to revise the amount of content and redistribute it differently.
If you want the quantity and location of the content to be the same as you have now, in this case, you need css coding for each breakpoint where the content breaks.
Example. Start to reduce the screen. When the content is broken, write a new code for each object at the breakpoint.
The first break-up of content occurs at 1665px.
Identify with a code inspector, which objects can be configured. Сreate a breakpoint 1px larger than the point of breaking up and write code.
@media (max-width: 1666px) { /*Create a breakpoint*/
.sp-megamenu-parent > li:not(:last-child) { /*Reduce the distance between menu items*/
margin-right: 30px;
}
#sp-header .logo { /* Fixing logo*/
background-color: #2f4984;
margin-right: 20px;
}
img.logo-image {
height: auto;
width: 100%;
}
}
... and so on, for each breakpoint.