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

    width: 100%;
    margin-bottom: 0px;
  }
 
  /* Place the nav items side by side */
 
  #nav li {
    float: left;
    width: 24%;
    border-bottom: none;
    border-right: 1px solid rgba(255,255,255,.5);
  }
 
  /* Adjust the sidebar margins */
  
  #navMobil {
    float: none;

    width: 100%;
    margin-bottom: 0px;
  }
 
  /* Place the nav items side by side */
 
  #navMobil li {
    float: left;
    width: 24%;
    border-bottom: none;
    border-right: 1px solid rgba(255,255,255,.5);
  }
  /* Place the sidebar below the main content */
 
  #sidebar .inner {
    float: right;
    clear: right;
    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 {
   width: 65%;
  }
 
  /* Remove the main content right margin */
 
  #content .inner {
    margin-right: 0; 
  }
 
  #nav ul {
    padding: 3px 5px;
  }

  #navMobil {
    float: left;
    width: 100%;
    margin-bottom: 0px;
  }
 
  /* Place the nav items below one another */
 
  #navMobil li {
    float: right;
    clear: right;
    width: 100%;
    border-bottom: none;
    border-right: 1px solid rgba(255,255,255,.5);
  }

  #sidebar {

  }
}


                                                         /* If the viewport width <= 480 pixels ... */
 
@media screen and (max-width: 480px) {
 
  #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 {
    width: 100%;
  }
 
  /* Remove the main content right margin */
 
  #content .inner {
    margin-right: 0; 
  }
 
  #nav ul {
    padding: 3px 5px;
  }

  #navMobil {
    float: left;
    width: 100%;
    margin-bottom: 0px;
  }
 
  /* Place the nav items below one another */
 
  #navMobil li {
    float: right;
    clear: right;
    width: 100%;
    border-bottom: none;
    border-right: 1px solid rgba(255,255,255,.5);
  }

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