What is the best max-width content container in a website?

Following Bootstrap 3/4 or other frameworks, we have notice discrepancies in terms of max-width for the main content, for instance:

• In bootstrap 3 the max width of the container is 1170px


• In bootstrap 4 the max width of the container is 1140px.


• In Microsoft website, currently the max width is 1600px

The data from google analytics indicates that most of the users have a screen resolution of 1366x768 about 12.76%.

What principle/rule can we use to determine what is the best max width following standards and screen resolutions?

Thanks