.bell-box * {
		-ms-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
	}
	
	.bell-box-mob {
		padding: 10px 14px;
		position: absolute;
		right: 50px; top: -4px
	}
	
	.bell-box-mob .bell-btn {
		opacity: 1 !important;
	}
	
	.bell-box-mob .bell-btn .icon {
		fill: #343434;
		width: 24px; height: 24px;
	}
	
	.bell-box-mob .bell-btn.received .icon {
		fill: #c82626;
	}

	.bell-box {
		position: relative;
		display: inline-block;
		margin-top: -2px;
		margin-right: 15px;
	}

	.bell-btn {
		cursor: pointer;
	}

	.bell-btn.received {
		color: #c82626;
	}

	.bell-btn:hover {
		opacity: 0.6;
	}
	
	.bell-btn:hover font {
		color: #c82626;
	}

	.bell-menu {
		display: none;
		z-index: 999;
		background: #fff;
		box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
		min-width: 200px; max-width: 320px;
		position: absolute;
		top: 102%; top: calc(100% + 1px);
		margin-right: calc(100% - 200px);
	}

	.bell-menu__inner {
		padding: 2px 4px;
		text-align: left;
	}

	.bell-menu__item {
		display: flex;
		align-items: center;
		width: 50%;
		cursor: pointer;
		padding: 6px 10px;
		text-align: center;
		font-size: 16px;
		color: #4d5969;
	}

	.bell-menu__item:hover {
		background: #f5f5f5;
		color: #010305;
	}

	.bell-menu__icon {
		margin-right: 8px;
	}

	.bell-menu__icon,
	.bell-menu__count {
		font-size: 24px;
	}

	.bell-menu_btn {
		display: block;
		width: 100%;
		font-size: 16px;
		color: #c82626;
		border-top: 1px solid #f5f5f5;
	}

	div#nav {
		overflow: visible;
	}
	
	@media screen and (min-width: 768px) {
		.bell-box-mob .bell-btn,
		.bell-box-mob #bell-menu {
			display: none;
			opacity: 0;
			visibility: hidden;
		}
	}