.navbar-inner {
	background: transparent;
}

.navbar-nav li:hover .dropdown-menu {
	display: block;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.custom-container {
	position: relative;
	text-align: center;
}

.zoom {
	display: inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content: "";
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(icon.png);
}
.zoom img {
	display: block;
}
.zoom img::selection {
	background-color: transparent;
}

#header li {
	width: 105px;
}

#modalCharge .modal-dialog {
    -webkit-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    margin: 0 auto;
}

@media screen and (max-width: 575px) {
	#home-bg-top {
		width: 100%;
		height: 600px;
		background: url("../images/bg-home.png");
		background-size: cover;
		background-position: center;
		max-width: 1200px;
		margin-top: -100px;
	}

	#modalCart .modal-dialog {
		width: 100%;
		max-width: 95%;
	}

	.glyphicon {
		font-size: 1.2em;
	}

	.custom-h2 {
		font-size: 1.2em;
		font-weight: bold;
	}

	.custom-h5 {
		font-size: 0.9em;
		font-weight: bold;
	}

	.custom-h6 {
		font-size: 0.8em;
		font-weight: bold;
	}

	.custom-p {
		font-size: 0.8em;
	}

	.custom-fa {
		font-size: 1.2rem;
	}

	#home-slogan {
		margin-top: 100px;
	}


	.custom-card-text {
		font-size: 6px;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	#home-bg-top {
		width: 100%;
		height: 600px;
		background: url("../images/bg-home.png");
		background-size: cover;
		background-position: center;
		max-width: 1200px;
		margin-top: -150px;
		z-index: 0;
	}
	
	#modalCart .modal-dialog {
		width: 90%;
		max-width: 100%;
	}

	.glyphicon {
		font-size: 2em;
	}

	.custom-h2 {
		font-size: 2em;
		font-weight: bold;
	}

	.custom-h5 {
		font-size: 1.1em;
		font-weight: bold;
	}

	.custom-h6 {
		font-size: 1em;
		font-weight: bold;
	}

	.custom-p {
		font-size: 1em;
	}

	.custom-fa {
		font-size: 2rem;
	}

	#home-slogan {
		margin-top: 150px;
	}

	.custom-card-text {
		font-size: 8px;
	}
}

@media screen and (min-width: 768px) {
	#modalCart .modal-dialog {
		width: 90%;
		max-width: 100%;
	}	

	.glyphicon {
		font-size: 4em;
	}

	.custom-h2 {
		font-size: 2.5em;
		font-weight: bold;
	}

	.custom-h5 {
		font-size: 1.3em;
		font-weight: bold;
	}

	.custom-h6 {
		font-size: 1.2em;
		font-weight: bold;
	}

	.custom-p {
		font-size: 1.2em;
	}

	.custom-fa {
		font-size: 2rem;
	}

	#home-slogan {
		margin-top: 150px;
	}

	.custom-card-text {
		font-size: 12px;
	}
}