/* If the viewport width > 1024 pixels ... */
 
@media screen and (max-width: 1024px) {
 
  /* Make the main content a bit wider */
 
  #content {
  /*   width: 75%; */
    width: 100%;
  }

  /* Place the sidebar below the main content */
 
  #sidebar .inner {
    float: right;
    clear: right;
    width: 84%;
    margin-right: 0;
    margin-top: 0px;
  }
 
}


                                                         /* If the viewport width <= 768 pixels ... */
 
@media screen and (max-width: 768px) {
 
  #header .inner {
    padding-top: 1px;
    padding-bottom: 1px;
  }
   
  #header .inner, #content, #nav, #navMobil, #sidebar {
    margin-bottom: 0px;
  }
  /* Make the main content fill the viewport width */
 
  #content {
    min-width: 360px;
    width: 100%;
  }

  #sidebar {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
  }
}