.el-box { margin: 0 auto; width: 100%; padding: 0 15px; -webkit-box-sizing:content-box; box-sizing:content-box; } @media (min-width: 1700px) { .el-box { max-width: 1370px; } } @media (max-width: 1700px) { .el-box { max-width: 1370px; } } @media (max-width: 1400px) { .el-box { max-width: 1138px; } } @media (max-width: 1200px) { .el-box { max-width: 961px; } } @media (max-width: 991px) { .el-box { max-width: 737px; } } @media (max-width: 767px) { .el-box { max-width: calc(100% - 30px); } } .el-box_small { margin: 0 auto; width: 100%; padding: 0 15px; } @media (min-width: 1700px) { .el-box_small { max-width: 1138px; } } @media (max-width: 1700px) { .el-box_small { max-width: 1138px; } } @media (max-width: 1200px) { .el-box_small { max-width: 961px; } } @media (max-width: 991px) { .el-box_small { max-width: 737px; } } @media (max-width: 767px) { .el-box_small { max-width: calc(100% - 30px); } }