@media(max-width : 1000px), (max-width: 1000px) and (min-device-pixel-ratio: 1.5){
    html, body, #father, #body, #logo, #head, #foot{
        max-width:100%;
        width:100%;
        min-width:initial;
    }
    #logo img{
        max-width:100%; height:auto;
    }
    body{
        overflow-x:hidden;
    }
    #menu{
        font-size:10px;
    }
	.inventoryItem {
		padding-left: calc((33% - 257px) /2);
		padding-right: calc((33% - 257px) /2);
		max-width: 33%;
	}
}
@media(max-width : 600px), (max-width: 721px) and (min-device-pixel-ratio: 1.5){
    #menu{
      font-size:5px
    }
	h1{
		font-size:2.3em;
	}
	h2{
		font-size:1.8em;
	}
	.seventyFive{
        width:100% !important;
    }
    .twentyFive{
        width:50% !important;
    }
	#javascriptMenuContainer{
		display:none !important;
	}
	 .twentyFive, .fifty, .thirtyThree{
        width:100% !important;
    }
	#homeSlider .showcase-thumbnail-wrapper, .mainImage .showcase-thumbnail-wrapper{
	display:none;
	}
	.inventoryItem {
		padding-left: calc((50% - 257px) /2);
		padding-right: calc((50% - 257px) /2);
		max-width: 50%;
	}
}
@media(max-width : 400px), (max-width: 721px) and (min-device-pixel-ratio: 1.5){
	#menu a img{
		margin: auto;
		margin-right:auto !important;
		width: 18px;
		display: block;
		margin-bottom: -20px;
	}
	#menu li a{
		line-height:56px;
		vertical-align:bottom;
	}
	.inventoryItem {
		padding-left: calc((100% - 257px) /2);
		padding-right: calc((100% - 257px) /2);
		max-width: 100%;
	}
}

/*RESET some settings for <IE8*/
.menu{
*overflow:hidden !important;
}
.menu *{
*border: 0px !important;
*background: none !important;
*padding:0px !important;
*margin:0px !important;
*font-weight:bold;
}
.menu ul ul{
*text-indent:25px;
}
.menu ul{
*text-indent:10px;
*display:inline;
*font-style:italic;
*font-weight:normal;
}
.menu li{
*display:inline;
}
.inventoryItem img{
*height:125px;
}