@media (min-width: 1200px) {
  body {
    padding-top: 0;
    padding-left: 280px; }
  header {
    height: 140px;
    width: 280px;
    border-bottom: none;
    border-right: solid 1px #c0ccd6; }
    header .site-menu {
      top: auto;
      background: #fff;
      transition: none; }
      header .site-menu.collapsed {
        right: 0; }
    header .nav-toggle,
    header .search {
      display: none; }
  nav {
    top: 140px;
    left: 0;
    border-right: solid 1px #c0ccd6; }
    nav .menu {
      padding: 20px 0; }
  main .cover {
    height: 30vh; }
  .container {
    width: calc(1170px - 280px); }
  .sidebar .responsive-banner span.image {
    min-height: 110px; }
  footer .footer-content {
    margin-top: 40px;
    padding: 60px 0; }

@media (min-width: 1470px) {
  /* = 1170 + $menu-width + 20 scrollbar */}
  .container {
    width: 1470px; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-11 {
    width: 91.66666667%; }
  .col-xl-10 {
    width: 83.33333333%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-8 {
    width: 66.66666667%; }
  .col-xl-7 {
    width: 58.33333333%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-5 {
    width: 41.66666667%; }
  .col-xl-4 {
    width: 33.33333333%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-2 {
    width: 16.66666667%; }
  .col-xl-1 {
    width: 8.33333333%; }
  .visible-xl-block {
    display: block; }