.show-desktop-block {display: block}
.show-desktop-inline-block {display: inline-block}
.show-desktop-inline {display: inline}

.show-tablet-block {display: none}
.show-tablet-inline-block {display: none}
.show-tablet-inline {display: none}

.show-mobile-block {display: none}
.show-mobile-inline-block {display: none}
.show-mobile-inline {display: none}

aside.left .profile {display: none}
.mobile-top-bar {display: none}

aside .account,
aside .account-title {display: none}

@media(max-width: 1024px){
  .show-desktop-block {display: none}
  .show-desktop-inline-block {display: none}
  .show-desktop-inline {display: none}

  .show-tablet-block {display: block}
  .show-tablet-inline-block {display: inline-block;}
  .show-tablet-inline {display: inline;}
  
  main {width: calc(100% - 80px) !important; margin-left: 40px !important}
  
}



@media(max-width: 767px){
  .show-tablet-block {display: none}
  .show-tablet-inline-block {display: none}
  .show-tablet-inline {display: none}

  .show-mobile-block {display: block}
  .show-mobile-block {display: inline-block;}
  .show-mobile-inline {display: inline;}
  
  .border-left::before,
  .border-right::after {display: none}
  
  main {width: 100% !important; margin-left: 0 !important; padding: 10px !important}
  .grid > .grid-block {padding: 15px}
  
  .mobile-top-bar {display: block}
  header {display: none}
  aside .profile {display: block}
  
  aside .account,
  aside .account-title {display: block}
}