.control-the-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 10px;
  -moz-transition: all 0.625s ease;
  -o-transition: all 0.625s ease;
  -webkit-transition: all 0.625s ease;
  transition: all 0.625s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (min-width: 768px) {
  .control-the-content {
    max-width: 877px;
    margin: 0 auto;
    padding: 0 20px; } }

@media only screen and (min-width: 992px) {
  .control-the-content {
    max-width: 940px;
    margin: 0 auto; } }

@media only screen and (min-width: 1200px) {
  .control-the-content {
    max-width: 1140px; } }