
/*-----------------------------------------------------------------------------*/
/* MEDIA QUERIES */


@media only screen 
and (max-width : 480px) 
{
  .space2, .space3, .space4, .space5, .space6   
  { display:none; }   

  .col100ns, .col75ns, .col50ns, .col66ns, .col33ns, .gold12ns, .gold21ns, .col25ns, .col20ns, .col16ns 
  { display:block; width:100%; margin:0; }

  .col100, .col75, .col50, .col66, .gold12, .gold21, .col33, .col25, .col20, .col16   
  { display:block; width:100%; margin:0; }
}


@media only screen 
and (min-width : 481px) and (max-width : 768px)
{
  .space2, .space3, .space4, .space5, .space6   
  { display:none; }   

  .col100ns, .col75ns, .col50ns, .col66ns, .col33ns, .gold12ns, .gold21ns, .col25ns, .col20ns, .col16ns 
  { display:block; width:100%; margin:0; }

  .col100, .col75, .col50, .col66, .gold12, .gold21, .col33, .col25, .col20, .col16   
  { display:block; width:100%; margin:0; }
}

@media only screen 
and (min-width : 600px) and (max-width : 768px)
{
}

@media only screen 
and (min-width : 769px) and (max-width : 1023px)
{
}

@media only screen 
and (min-width : 1024px) and (max-width : 1199px)
{
      
}

@media only screen 
and (min-width : 1200px)
{

  /* HIDE ELEMENTS 
    
     #mobilebox  { display:none; }
     #mobilemenu { display:none; position:absolute; left: -9999px; }

     #tabletbutton { display:none; }
     #tabletmenu   { display:none; position:absolute; left: -9999px; }
  */ 

}
