/* Regular smart phones, including iPhone 6 + with 414px viewport! */
@media only screen and (min-width : 320px) and (max-width : 480px) {
/* Styles */

/* @media only screen and (max-width : 375px) { */
/* Styles */
	.right {
		display: none !important;
	}
	.container { 
		min-width: 100%;
		height: 100%;
		padding-top: 20px;
		margin: 0px;
	}
	.main { 
		min-width: 100%;
		height: 100%;
		padding-top: 0px;
		margin: 0px;
	}
	.loggeditem {
		float: left;
		margin: 5px;
		padding: 15px;
		min-width: 90%;
		height: 115px;
	}
	.loggeditem:hover {
		float: left;
		margin: 5px;
		padding: 15px;
		min-width: 90%;
		height: 110px;
	}
	.yearFilter {
		text-align: center;
		min-width: 90%;
		height: 20px;
		padding: 5px;
	}		
	.thumbImage {
		float: right;
		height: 90px;
		width: 90px;
		margin: auto;
		z-index: 1;
		border: 0px solid black;
	}
	.image {
		float: right;
		height: 300px;
		width: 300px;
		margin: auto;
		z-index: 1;
		border: 0px solid black;
	}	
	.left {
		padding-right: 5px;
		padding-left: 2px;
	}
	/* Start of header definitions */
	.navbarHeader{
		display: none !important;
	}
	.catHeader{
		display: none !important;
	}
	.mobileHeader {
		display:inherit!important;
		position: fixed;
		z-index:3;	
		background-color: #D5F5E3;
		height: 40px;
		width: 100%;
	}
	.navbarlogo {
		float: left;		
	}	
	.mobile-nav {
		float: right;
		font-size: 14pt;
		margin-right: 5%;
		margin-top: 2%;
	}	
	.menu-btn div {
		position: absolute;
		left: 100%;
		top: 64%;
		padding-right: 8px;
		margin-top: -0.50em;
		line-height: 1.2;
		font-size: 18px;
		font-weight: 200;
		vertical-align: middle;
		z-index: 99;		
	}

	.menu-btn span {
		display: block;
		width: 19px;
		height: 3px;
		margin: 4px 0;
		background: rgb(0,0,0);
		z-index: 99;
	}

	.responsive-menu {
		display: none;
		background-color: #D5F5E3;
		margin-top: 40px;
		width: 100%;		
	}
	
	.mobileMenuList {
		border: 1px solid black;
		text-align: center;
		height: 40px;
		padding-top: 5%;
	}
	/* End Header */

	/* hotbin product image Mobile Changes */
	.prodimages {
		display: none !important; 
	}	
	.prodbox {
		display: none !important; 
	}
	.prodboxMobile {
		display: block !important; 
		width: 100%;
	}			
	.expand {
		display: block !important; 
	}
	/* Add new item style Mobile Changes*/
	.additemsect {
		margin: 5%;
		text-align: left;
	}
}