@media (min-width: 321px) and (max-width: 480px) 
/*@media (min-width: 321px) and (max-width: 520px) */
{	
    .responsiv-info-480
    {
        display:block;
    }
    
      .responsiv-info-768
    {
        display:none !important;
    }
    
          .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-phone-portrait {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  
  .visible-phone-portrait {
    display: inherit !important;    
  }

body
  {
      border:0px solid green;
  }
         
}