/********************** DEFAULT STYLES **********************/


/************************************************************/

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

	#hhofshop {
        /*background-image: url('../resources/images/HHOF_legendsline_ad_mobile_600x500_V01.gif');*/
        background-image: url('/STCPhotoRetrieval/javax.faces.resource/images/HHOF_legendsline_ad_mobile_600x500_V01.gif.xhtml');
        background-size: 100% auto;
        background-position: 0% 50%;
    }

}

/************************************************************/

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


}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {



}

/************************************************************/

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

	

}

/************************************************************/

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

	

}

/************************************************************/

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


}

/************************************************************/

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

	

}

/************************************************************/

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

}

/************************************************************/

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

    #hhofshop {
    /*    background-image: url('../resources/images/HHOF_legendsline_ad_desktop_1940x500_V01.jpg');	*/
        background-image: url('/STCPhotoRetrieval/javax.faces.resource/images/HHOF_legendsline_ad_desktop_1940x500_V01.jpg.xhtml');
        background-size: 100% auto;
        background-position: 0% 50%;
    }

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {


    	
}

/************************************************************/

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


}

/************************************************************/

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


}

/************************************************************/

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

}

/************************************************************/

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

	
}

/************************************************************/

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



}

/************************************************************/

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

}

/************************************************************/


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

}

/************************************************************/

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

}

/************************************************************/