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

	footer .container { display: block; }
	footer .footer-menu,
	.highest,

	#evreka-collapse .card-header a:after { display: none; }
	#filterMenu.collapse { display: block; }

}

@media screen and (max-width: 991px) and (min-width: 767px) {

	/* Header
	############################################################################### */
	header ul {
		display: block;
		margin: 30px 0 0 0;
		text-align: center;
	}
	header ul li { display: inline-block; }
	header ul li a { padding: 0 22px; }

}

@media screen and (max-width: 767px) {

	body {
		font-size: 16px;
		padding-bottom: 120px;
	}

	/* Header
	############################################################################### */
	header { padding: 20px 0 }
	header .logo {
		display: block;
		white-space: nowrap;
	}
	header .logo img { width: 90px; }
	header .logo span {
		font-size: 13px;
		margin-left: 5px;
		padding-left: 5px;
	}
	header ul { display: none; }

	/* Footer
	############################################################################### */
	footer {
		position: fixed;
		z-index: 90;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 13px 0;
		background-color: #FFF;
	}
	footer .container { display: none; }
	footer .footer-menu {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	footer .item {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-size: 11px;
		color: #7f7f7f;
		letter-spacing: 0.01em;
	}
	footer .item:hover,
	footer .item:active,
	footer .item:focus,
	footer .item.active { color: #ed5050; }
	footer .item i {
		position: relative;
		display: block;
		height: 21px;
		margin-bottom: 3px;
		background-repeat: no-repeat;
		background-position: center;
	}
	footer .item i.icon-home { background-image: url('../images/icon-menu-home.png') }
	footer .item.active i.icon-home,
	footer .item:hover i.icon-home,
	footer .item:active i.icon-home,
	footer .item:focus i.icon-home { background-image: url('../images/icon-menu-home-active.png') }
	footer .item i.icon-gifts { background-image: url('../images/icon-menu-gifts.png') }
	footer .item.active i.icon-gifts,
	footer .item:hover i.icon-gifts,
	footer .item:active i.icon-gifts,
	footer .item:focus i.icon-gifts { background-image: url('../images/icon-menu-gifts-active.png') }
	footer .item i.icon-profile { background-image: url('../images/icon-menu-profile.png') }
	footer .item.active i.icon-profile,
	footer .item:hover i.icon-profile,
	footer .item:active i.icon-profile,
	footer .item:focus i.icon-profile { background-image: url('../images/icon-menu-profile-active.png') }
	footer .item i.icon-activity { background-image: url('../images/icon-menu-activity.png') }
	footer .item.active i.icon-activity,
	footer .item:hover i.icon-activity,
	footer .item:active i.icon-activity,
	footer .item:focus i.icon-activity { background-image: url('../images/icon-menu-activity-active.png') }
	footer .item i.icon-box { background-image: url('../images/icon-menu-box.png') }
	footer .item.active i.icon-box,
	footer .item:hover i.icon-box,
	footer .item:active i.icon-box,
	footer .item:focus i.icon-box { background-image: url('../images/icon-menu-box-active.png') }

	footer .item i small {
		position: absolute;
		content: '';
		left: 16px;
		top: 0;
		width: 17px;
		height: 17px;
		color: #FFF;
		text-align: center;
		line-height: 18px;
		font-style: normal;
		background-color: #ec3d3d;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	/* Home Slider
	####################################################################################*/
	#homeSlider .owl-item a img { display: none; }
	#homeSlider .owl-item a img.mobile { display: block; }

	/* User Profile
	####################################################################################*/
	.user-score [class*='score-'] {
		position: relative;
		display: block;
		border-radius: 5px 0 0 5px;
	}
	.user-score [class*='score-'] span {
		position: absolute;
		width: 55%;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		text-align: right;
		padding-right: 0;
	}
	.user-score [class*='score-'] strong {
		width: 50%;
		margin-left: auto;
		font-family: 'Gotham Narrow Bold';
		font-size: 26px;
		line-height: 41px;
		text-align: left;
		padding-left: 18px;
	}
	.user-score .score-active {
		background-color: #31c122;
		color: #FFF;
	}
	.user-score .score-total {
		background-color: #e6393a;
		color: #FFF;
	}

	/* Scrore Slider & Notification
	####################################################################################*/
	#scoreSlide {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 55px);
	}
	.notification {
		float: right;
		display: block;
		vertical-align: middle;
		line-height: 0;
		background-color: #186092;
		padding-left: 3px;
		margin-left: -3px;
		border-radius: 0 5px 5px 0;
	}
	.notification > a {
		position: relative;
		display: block;
		width: 55px;
		height: 57px;
	}
	.notification > a.dropdown-toggle::after { display: none; }
	.notification > a img {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 26px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.notification > a small {
		display: block;
		position: absolute;
		z-index: 10;
		left: 9px;
		top: 13px;
		width: 14px;
		height: 14px;
		font-size: 11px;
		color: #FFF;
		text-align: center;
		line-height: 14px;
		letter-spacing: -0.03em;
		background-color: #e0475f;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.notification .dropdown-menu {
		width: calc(100vw - 30px);
		transform: none !important;
		right: 0 !important;
		left: auto !important;
		top: 100% !important;
		margin: -3px 0 0 0;
		border: none;
		background-color: #186092;
		border-radius: 0;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.notification .dropdown-menu > a {
		position: relative;
		display: block;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -0.01em;
		color: #FFF;
		width: auto;
		height: auto;
		padding: 17px 14px;
	}
	.notification .dropdown-menu > * + * { border-top: 1px solid #1a5279; }
	.notification .dropdown-menu .title {
		display: flex;
		justify-content: space-between;
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		color: #FFF;
		letter-spacing: -0.01em;
		padding: 14px;
	}
	.notification .dropdown-menu .title a {
		display: inline-block;
		width: 17px;
		height: 17px;
	}
	.notification .dropdown-menu .title a img { width: 17px; }

	/* User Profile
	####################################################################################*/
	.user-info {
		text-align: center;
		margin-top: 20px;
	}
	.user-info img { float: none; }

	/* Border Content
	####################################################################################*/
	.border-content {
		border: none;
		padding: 0;
	}

	/* Title Icon
	####################################################################################*/
	.title-icon {
		font-family: 'Gotham Narrow Book';
		font-size: 16px;
		color: #FFF;
		margin: 0;
		color: #FFF;
		padding: 7px 10px 6px 10px;
		background-color: #e6393a;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.title-icon i { display: none; }

	/* Avatar
	####################################################################################*/
	.avatar .items {
		position: relative;
		width: auto;
	}

	.product-boxed .remove {
		position: relative;
		margin: -2px 0 10px 0;
		display: block;
		right: 0;
		top: 0;
		text-align: right;
	}

}