.bottom-sheet {
	@media (max-width: @screen-sm-max) {
		.dropdown-menu {
			display: block;
			visibility: hidden;
			position: fixed;
			left: 0 !important;
			right: 0 !important;
			bottom: 0;
			margin: 0;
			padding: 0 5px;
			max-height: 60%;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			.transform(translate3d(0, 350px, 0));
			.transition(~"transform .3s, visibility 0s .3s");
			z-index: 995;
			padding: 5px 0 10px;

			li {
				a {
					padding: 10px 20px;
				}

				&.divider {
					padding: 0;
				}

				&.active {
					background-color: @btn-primary-bg;
					color: @btn-primary-color;
				}
			}
		}

		&.open {
			.dropdown-menu {
				transform: none;
				visibility: visible;
				transition-delay: 0s;
				top: auto;
			}
		}

		.dropdown-backdrop {
			background-color: rgba(0, 0, 0, 0.3);
		}
	}
}