@media screen and (max-width: 767px) {
	/*==========CUSTOMIIZE==========*/

	#customize-main {
		flex-direction: column;
		max-width: 100vw;
		overflow-x: hidden;
	}

	#left-sidebar,
	#right-sidebar,
	#content,
	#sidebar-header,
	#sidebar-footer {
		width: 100%;
		max-width: 100vw;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	#left-sidebar {
		max-height: none;
		height: auto;
	}

	#content {
		order: 1;
		padding: 10px 10px 0 10px;
		margin-bottom: 0;
		overflow: auto;
	}

	#right-sidebar {
		order: 2;
		margin-top: 0;
		padding: 0 0 5px 0;
		background-color: var(--darker-gray);
		border-top: 1px solid #2a2a2a;
                max-height: 25dvh;
	}

	#right-sidebar h2 {
		margin: 0;
		padding: 5px;
		font-size: 16px;
		text-align: center;
	}

	#user_images {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 6px;
		padding: 5px 10px;
		margin: 0;
		align-items: center;
		box-sizing: border-box;
	}

	#user_images img {
		width: 65px;
		height: 65px;
		object-fit: cover;
		border-radius: 8px;
		flex-shrink: 0;
	}

	#sidebar-header,
	#sidebar-footer {
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}

       #sidebar-content {
               padding: 10px;
               margin-bottom: 10px;
               box-sizing: border-box;
       }

       /* Adjust generate grid spacing */
       .image-container {
               height: auto;
       }

       .centered-image {
               height: auto;
               width: 100%;
       }
}