.wrapper{
	max-width: 1100px;
}

.options_container_2{
	padding-bottom: 10px !important; 
}
.options_container_2 .buttons_container{
	display: block;
	position: relative;
	bottom: 0;
	text-align: right;
}
.preview_container_2 .grid{
	display: grid;
	grid-template-columns: 180px 1fr;
	padding-top:20px;
}
.options_container_2 .grid .thumbnails_container{
	display: none;
} 
.preview_container_2 .grid{
	grid-gap: 20px;
}
.preview_container_2 .grid .side_thumbnails{
	height: 500px;
	width: 100%;
	overflow: scroll;
	background-color: white;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.preview_container_2 .grid .side_thumbnails::-webkit-scrollbar { width: 0 !important; }
.preview_container_2 .grid .side_thumbnails div{
	position: relative;
	width: 140px;
	margin:10px auto 10px;
	cursor: pointer;
	transition: 0.3s all;
}
.preview_container_2 .grid .side_thumbnails div:hover{
	background-color: #f1f1f1;
}
.preview_container_2 .grid .side_thumbnails div img{
	max-width: 100%;
}
.preview_container_2 .grid .side_thumbnails div h1{
	position: absolute;
	width: 30px;
	right: 0px;
	top:0px;
	background-color: rgba(255,255,255,0.8);
	color:black;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

@media screen and (max-width: 1000px){
	.options_container_2{
		padding-bottom: 20px !important;
	}
	.preview_container_2 .grid{
		display: block;
		padding-top:0;
	}
	.preview_container_2 .grid .side_thumbnails{
		display: none;
	}
	.options_container_2 .grid .thumbnails_container{
		display: block;
	}

	.options_container_2 .buttons_container{
		position: fixed;
		width: 100%;
		bottom:0;
		left:0;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		padding:0px;
		z-index: 300;
		background-color: white;
	}
}
@media screen and (max-width: 820px){
	.options_container_2 .buttons_container{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
}