@media (min-width: 1476px) {
    #content {
      margin-left: 0;
      min-height: 728px;
    }
    #content.active {
      margin-left: 315px;
      margin-right: 275px
    }
}

@media (max-width: 1475px) {
    #content {
      margin-left: 325px;
    }
    #content.active {
      margin-left: 0;
      margin-right: 0;
    }
}

@media (max-width: 1475px) {
    #sidebar {
        margin-left: -75%;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

@media (min-width: 1476px) {
    .site-hidden {
      display: none!important;
    }
}
  
@media (max-width: 1475px) {
    .site-hidden {
    display: inline-block !important;
    }
}


@media (max-width: 1475px) {

    .sidebar {
      width: 100%;
      display: inline-block;
      padding: 10px;
      margin-bottom: 20px;
    }
  
     #right-sidebar {
         margin-right: -75%;
     }
  
     #right-sidebar.active {
         margin-right: 0;
     }
  
}