@media only screen and (max-device-width : 500px)  
{
    @font-face {font-family:'NewFont'; font-family: 'Arimo', sans-serif;}
@font-face {font-family:'NewFont'; font-weight:bold; font-family: 'Arimo', sans-serif;}
@font-face {font-family:'NewFont'; font-weight:bold; font-style:italic; font-family: 'Arimo', sans-serif;}
@font-face {font-family:'NewFont'; font-style:italic; font-family: 'Arimo', sans-serif;} 
}

@media only screen and (min-width : 0px) and (min-device-width : 501px) 
{
@font-face {font-family:'NewFont'; src: url('/Common/Fonts/TREBUC.TTF');}
@font-face {font-family:'NewFont'; font-weight:bold; src: url('/Common/Fonts/TREBUCBD.TTF');}
@font-face {font-family:'NewFont'; font-weight:bold; font-style:italic; src: url('/Common/Fonts/TREBUCBI.TTF');}
@font-face {font-family:'NewFont'; font-style:italic; src: url('/Common/Fonts/TREBUCIT.TTF');} 

}