/***********  XL  ***********/
@media only screen and (min-width: 1050px) {
  
  body {
    font-size:16px;
  }
  
  #all {
    width:1000px;
  }
  
  div.mylink {
    width:207px; 
  }
  
  .left {
    width:650px;
  }
  
  .right {
    width:340px;
  }

  
  .XL {
    display:inline-block;
  }

  .L {
    display:none;
  }

  .M {
    display:none;
  }

  .S {
    display:none;
  }

  .XS {
    display:none;
  }

  .notXL {
    display:none;
  }

  .notL {
    display:inline-block;
  }

  .notM {
    display:inline-block;
  }

  .notS {
    display:inline-block;
  }

  .notXS {
    display:inline-block;
  }
}

/************  M  ************/
@media only screen and (max-width: 812px) {

  body {
    font-size:14px;
  }
  
  #all {
    width:600px;
  }
  
  
  .left {
    width:380px;
  }
  
  .right {
    width:214px;
  }
  .column {
    width:188px;
  }
  
  #col1 {
   float:left;
  }
  
  
    
  .XL {
    display:none;
  }

  .L {
    display:none;
  }

  .M {
    display:inline-block;
  }

  .S {
    display:none;
  }

  .XS {
    display:none;
  }

  .notXL {
    display:inline-block;
  }

  .notL {
    display:inline-block;
  }

  .notM {
    display:none;
  }

  .notS {
    display:inline-block;
  }

  .notXS {
    display:inline-block;
  }
  
}


/*********  S  ********/
@media only screen and (max-width: 610px) {
  body {
    font-size:13.5px;
  }
  
  #all {
    width:520px;
  }
  
  #toolbar ul li{
    display:block;
    line-height:3em;
  }
  #toolbar li:after { content: none; }
  #toolbar li:last-child:after { content: none; }
  
  div.mylink {
    width:150px;
  }
  
  .left {
    width:310px;
  }
  
  .right {
    width:208px;
  }
  
  .column {
    width:151px;
  } 
  
  .hideFromMobile {
    display:none;
  }
  .hideFromDesktop {
    display:block;
  }
  
  
    
  .XL {
    display:none;
  }

  .L {
    display:none;
  }

  .M {
    display:none;
  }

  .S {
    display:inline-block;
  }

  .XS {
    display:none;
  }

  .notXL {
    display:inline-block;
  }

  .notL {
    display:inline-block;
  }

  .notM {
    display:inline-block;
  }

  .notS {
    display:none;
  }

  .notXS {
    display:inline-block;
  }
  
}


/*  XS */
@media only screen and (max-width: 519px) {
  body {
    font-size:14px;
  }
  
  #all {
    width:480px;
  }
  
  div.mylink {
    width:183px;
  }
  
  .left {
    width:200px;
  }
  
  .right {
    width:276px;
  }
  
  .column {
    width:190px;
  }
  
    
  .XL {
    display:none;
  }

  .L {
    display:none;
  }

  .M {
    display:none;
  }

  .S {
    display:none;
  }

  .XS {
    display:inline-block;
  }

  .notXL {
    display:inline-block;
  }

  .notL {
    display:inline-block;
  }

  .notM {
    display:inline-block;
  }

  .notS {
    display:inline-block;
  }

  .notXS {
    display:none;
  }
}