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


@media only screen 
and (max-width : 480px) 
{

  #ap_horizon { width:100%; max-width:auto; }

  .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 : 767px)
{
  .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 : 767px)
{
}

@media only screen 
and (min-width : 768px) 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; }

  */

     #stdToWebButton { display:none; }
  

}
