/* ============
    WIDE
   ============ */

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

	#item-selections-container {
		display: none;
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: auto;
		height: 100%;
		padding: 25px;
		width: 0%;
		background-color: #FFFFFF;
	}
	#item-selections-container.visible {
		display: block;
		width: 28%;
		min-width: 300px;
		height: 100%;
	}
	
	#item-selections-container.collapsed {
		width: 20px;
		min-width: 20px;
	}
	
	#item-selections-container.collapsed *:not(.collapse) {
		display: none;
	}
	
	#item-images {
		float: left;
		margin-right: 5%;
		width: 35%;
        position: relative;
	}
	#item-container {
		float: left;
		width: 60%;
	}
	
	div.collapse {
		transform: rotate(0deg);
	}
	
	#item-selections-container.collapsed div.collapse {
		transform: rotate(-180deg);
	}
    
    .sticky {
        position: fixed;
        z-index: 15;
    }
    .sticky-stop {
        position: absolute !important;
        bottom: 0;
        top: auto !important;
    }
	
	@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
		
	
		
	}
}