.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left; }

.vertical .main-header-left {
  display: block !important; }
.vertical .page-body {
  margin-left: 0 !important; }
.vertical .page-main-header {
  margin-left: 0 !important;
  width: 100% !important; }
  .vertical .page-main-header .main-header-right .nav-right > ul > li:first-child {
    width: 100%; }

.sm {
  box-sizing: border-box;
  position: relative;
  z-index: 8; }
  .sm ul {
    display: none; }
  .sm li {
    position: relative; }
  .sm > li > h1 {
    margin: 0;
    padding: 0; }
  .sm > li > h2 {
    margin: 0;
    padding: 0; }
  .sm > li > h3 {
    margin: 0;
    padding: 0; }
  .sm > li > h4 {
    margin: 0;
    padding: 0; }
  .sm > li > h5 {
    margin: 0;
    padding: 0; }
  .sm > li > h6 {
    margin: 0;
    padding: 0; }
  .sm a {
    position: relative;
    display: block; }
    .sm a.disabled {
      cursor: default; }
  .sm * {
    box-sizing: inherit; }
  .sm *::before {
    box-sizing: inherit; }
  .sm *::after {
    box-sizing: inherit; }

.sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  overflow: hidden; }

.vertical-mobile-sidebar {
  font-size: 18px;
  position: absolute;
  right: 480px;
  top: 40px; }

@media (min-width: 1200px) {

  /* Switch to desktop layout  */
   .vertical-mobile-sidebar {
    display: none; }

  /* ...end */ }
@media (max-width: 1199px) {
  .page-main-header .main-header-right .nav-right > ul > li:first-child {
    width: 40% !important; } }
