Why doesn't it calculate the block width correctly?

Question

JavaScript

It's just some kind of trouble, I can not understand what's wrong.
There is an owl carousel in one responsive slide.
For some reason, on screens ~ 1280, the next slide is visible on the right, and on large screens, the slide on the right is cut off.
Moreover, with some page updates, everything falls into place perfectly.

Here is the code

I can't figure out what the problem is.
Please help, what am I missing?

Answer 1

In general, the error turned out to be funny: the order of including CSS and JS was mixed up.

Answer 2

Take away:

.wrapper {
    max-width: 1820px;
    /* min-width: 1200px; */
    position: relative;
    height: 100%;
    margin: 0 auto;
    padding: 0 60px;
}