.jarvis-sidebar {
	display: block !important;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	width: 100%
}

	.jarvis-sidebar > *:nth-child(1), .jarvis-sidebar > *:nth-child(2), .jarvis-sidebar > *:nth-child(3) {
		border-bottom: 2px solid var(--primary-color)
	}

	.jarvis-sidebar .bottom-menu {
		display: none
	}

	.jarvis-sidebar .snap-shot {
		color: var(--primary-color);
		padding: 50px 10px 26px;
	}

		.jarvis-sidebar .snap-shot .title {
			font-size: 18px;
			text-align: center;
			position: absolute;
			width: 100%;
			background: var(--primary-color);
			color: white;
			padding: 8px;
			top: 0;
			left: 0;
		}

		.jarvis-sidebar .snap-shot .items {
			display: block;
			clear: both;
			text-align: center;
		}

			.jarvis-sidebar .snap-shot .items .item {
				display: inline-block;
			}

				.jarvis-sidebar .snap-shot .items .item .circle {
					background: var(--third-color);
					display: inline-block;
					height: 36px;
					line-height: 30px;
					margin: 6.5px;
					text-align: center;
					width: 90%;
					color: var(--primary-color);
					box-shadow: 0 0 0 2px var(--primary-color);
				}

					.jarvis-sidebar .snap-shot .items .item .circle .price .value {
						font-size: 14px;
						font-weight: 700
					}

					.jarvis-sidebar .snap-shot .items .item .circle .price .currency {
						font-size: 8px;
						font-weight: 700;
						vertical-align: super
					}

			.jarvis-sidebar .snap-shot .items .item-title {
				font-size: 12px;
				white-space: nowrap
			}



	.jarvis-sidebar .brand {
		padding: 26px 52px;
		text-align: center
	}

		.jarvis-sidebar .brand img {
			display: inline-block;
			height: auto;
			max-width: 300px;
			width: 100%
		}

	.jarvis-sidebar .main-menu {
		color: var(--primary-color)
	}

		.jarvis-sidebar .main-menu ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			list-style: none;
			margin: 0;
			padding: 0
		}

			.jarvis-sidebar .main-menu ul li {
				width: 33.33333%
			}

				.jarvis-sidebar .main-menu ul li a {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					height: 100%;
					padding: 13px 10px 0;
					text-align: center
				}

					.jarvis-sidebar .main-menu ul li a:hover {
						background: #eee;
						text-decoration: none
					}

				.jarvis-sidebar .main-menu ul li.active a {
					background: var(--third-color) !important
				}

					.jarvis-sidebar .main-menu ul li.active a .text {
						color: var(--primary-color);
					}

				.jarvis-sidebar .main-menu ul li a .text {
					display: block;
					font-size: 12px;
					line-height: 16px;
					text-align: center
				}

				.jarvis-sidebar .main-menu ul li a .icon img {
					display: inline-block;
					height: auto;
					width: 90%
				}

	.jarvis-sidebar .bottom-menu ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0
	}

		.jarvis-sidebar .bottom-menu ul li {
			width: 50%
		}

			.jarvis-sidebar .bottom-menu ul li:nth-child(2) {
				border-left: 1px solid #fff
			}

			.jarvis-sidebar .bottom-menu ul li a {
				background: var(--primary-color);
				color: #fff;
				display: block;
				height: 39px;
				line-height: 39px;
				text-align: center;
				text-decoration: none
			}

				.jarvis-sidebar .bottom-menu ul li a .icon {
					margin-right: 5px
				}

					.jarvis-sidebar .bottom-menu ul li a .icon img {
						height: auto;
						position: relative;
						top: -2px;
						width: 16px
					}

				.jarvis-sidebar .bottom-menu ul li a:hover {
					background: #08205d
				}


@media(min-width:640px) {
	.jarvis-sidebar .snap-shot .items {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

		.jarvis-sidebar .snap-shot .items .item .circle {
			border-radius: 50%;
			height: 110px;
			line-height: 106px;
			width: 110px
		}

			.jarvis-sidebar .snap-shot .items .item .circle .price .value {
				font-size: 20px
			}

			.jarvis-sidebar .snap-shot .items .item .circle .price .currency {
				font-size: 12px
			}

	.jarvis-sidebar .main-menu ul li {
		border-right: 1px solid var(--primary-color);
		border-bottom: 1px solid var(--primary-color);
		width: 16.6%;
	}

		.jarvis-sidebar .main-menu ul li a .text {
			font-size: 10px
		}
}

@media(max-width:639px) {
	.jarvis-sidebar .main-menu ul li {
		border-bottom: 1px solid var(--primary-color);
		border-right: 1px solid var(--primary-color);
	}
}

@media(min-width:1024px) {

	.jarvis-sidebar {
		border-right: 3px solid var(--primary-color)
	}

		.jarvis-sidebar .main-menu {
			-webkit-box-flex: 3;
			-ms-flex-positive: 3;
			flex-grow: 3
		}

		.jarvis-sidebar .bottom-menu {
			display: block
		}

		.jarvis-sidebar .main-menu ul li {
			width: 50%
		}

			.jarvis-sidebar .main-menu ul li:nth-child(even) {
				border-left: 1px solid var(--primary-color)
			}

			.jarvis-sidebar .main-menu ul li:nth-child(1), .jarvis-sidebar .main-menu ul li:nth-child(2), .jarvis-sidebar .main-menu ul li:nth-child(3), .jarvis-sidebar .main-menu ul li:nth-child(4) {
				border-bottom: 1px solid var(--primary-color)
			}
}