.categories-container > div > .card {
	margin-top: 0;
}
.nav.sub {
	margin-left: 12px;
	display: none;
}
nav ul li.show-arrow{
	border-color: #fff;
}
nav ul li.show-arrow > a{
	width: 87%;
	display: inline-block;
}
nav ul li.show-arrow > span{
	width: 13%;
	display: inline-block;
	text-align: center;
}
nav ul.nav.sub{
	background-color: #f1f1f1;
	margin-left: 0;
}
.slideout-menu ul ul a{
	padding-left: 25px!important;
}

nav ul.nav-pills.with-arrows>li.show-arrow>a:before{
	content: '';
}
nav ul.nav-pills li.active{
	background-color: #03a9f4;
	color: rgba(255,255,255,.84);
}
nav ul.nav-pills>li.active span{
	color: rgba(255,255,255,.84);
}

.responsive-design-container .browser .browser-content .phone-view {
	max-height: 400px;
}

/* Only for desktop and tablets */
@media (min-width:641px) {
	.responsive-design-container .browser-content:before{
		background-color: rgba(255,255,255,.95);
	}
	.responsive-design-container .browser:hover .browser-bar{
		background-color: #fff;
	}
	.responsive-design-container .browser:hover .browser-bar div{
		opacity: 0;
	}
	.responsive-design-container .design-options{
		width: 35%;
		left: 5%;
	}
	.responsive-design-container .browser .browser-content .phone-view{
		position: absolute;
		top: 0;
		right: 5%;
		width: 202px;
		height: 100%;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 850ms cubic-bezier(.23,1,.32,1) 100ms;
		-webkit-transition: visibility 0s, opacity 850ms cubic-bezier(.23,1,.32,1) 100ms;
	}
	.responsive-design-container .browser:hover .browser-content .phone-view{
		visibility: visible;
		opacity: 1;
	}
	.responsive-design-container .browser .browser-content .phone-view .svg-phone{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: url(/library/images/svg-iphoneX-mockup/iphone-x-minimal-buttons.svg) no-repeat top center;
		background-size: 130%;
		background-position-y: -27px;
	}
	.responsive-design-container .browser .browser-content .phone-view .phone-vp {
		position: absolute;
		top: 0;
		left: 5px;
		right: 5px;
		bottom: 0;
		z-index: 1;
		background-color: #fff;
		border-radius: 40px;
	}
	.responsive-design-container .browser .browser-content .phone-view .phone-vp .address-bar {
		position: absolute;
		top: 31px;
		left: 18px;
		right: 18px;
		height: 15px;
		border-radius: 10px;
		background-color: rgb(224,226,228);
		color: #777;
		text-align:center;
		-webkit-font-smoothing: antialiased;
	}
	/* .responsive-design-container .browser .browser-content .phone-view .phone-vp .address-bar i{
		margin-right: 5px;
		position: relative;
		top: -4px;
		font-size: 9px;
		opacity: 0;
	}
	.responsive-design-container .browser .browser-content .phone-view .phone-vp .address-bar span{
		font-size: 10px;
		line-height: 1;
		position: relative;
		top: -4px;
		opacity: 0;
	} */
	.responsive-design-container .browser .browser-content .phone-view .phone-vp .phone-thumb{
		position: absolute;
		top: 45px;
		left: 12px;
		right: 9px;
		bottom: 10px;
		background-repeat: no-repeat;
		background-position: top center;
	}
}
@media (max-width: 991px) { /* col-md break point */
	.card.inflate-on-xs {
		margin: 0 0 20px 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		display: block;
		color: initial;
		width: auto;
		position: static;
	}
	
	.card.inflate-on-xs .card-content {
		padding: 0;
	}
}