.table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}

@media screen and (max-width: 600px) {
	table#cart tbody td .form-control {
		width: 20%;
		display: inline !important;
	}

	.actions .btn {
		width: 36%;
		margin: 1.5em 0;
	}

	.actions .btn-info {
		float: left;
	}

	.actions .btn-danger {
		float: right;
	}

	table#cart thead {
		display: none;
	}

	table#cart tbody td {
		display: block;
		padding: .6rem;
		min-width: 320px;
	}

	table#cart tbody tr td:first-child {
		background: #333;
		color: #fff;
	}

	table#cart tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: inline-block;
		width: 8rem;
	}



	table#cart tfoot td {
		display: block;
	}

		table#cart tfoot td .btn {
			display: block;
		}
}




body {
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
}

a {
	transition: all 0.5s;
	color: #00325A;
	outline: none !important;
}

button:focus {
	outline: none !important;
}

a:hover, a:focus {
	opacity: 1;
	transition: all 0.5s;
	text-decoration: none;
	color: #00321A;
}
.mobile-bar {
	display: none;
}
/* ----------------------------------------------------------------- */
@media (max-width: 768px) {
	.navbar-brand {
		margin-right: 0px;
	}

	h2 {
		font-size: 36px;
	}

	.animated p {
		font-size: 24px;
	}

	.animated .thumbborder {
		width: 40px;
		display: inline;
	}

	.product_info p {
		margin-top: 15px;
		font-size: 24px;
	}

	.ads h3, .free {
		margin-top: 15px;
	}

	.owl-nav {
		top: 35%;
	}

	.owl1 .owl-nav {
		top: 32%;
	}

	.delivery-box .fa-truck {
		font-size: 12px;
	}

	.mobile-bar a {
		color: white;
		font-size: 10px;
		padding-top: 12px !important;
	}

	.mobile-bar {
		display: block;
		background-color: #003259;
		color: white;
		height: 30px;
	}
}

@media (max-width: 767px) {
	.container-fluid {
		padding: 0 1.6875rem;
	}

	.owl-nav {
		top: 32%;
	}

	.navbar-nav {
		margin: 7.5px 2px;
		width: 100%;
	}

		.navbar-nav > li {
			float: left;
			width: 100%;
		}

	footer ul {
		font-size: 18px;
		float: none;
		margin-left: 0;
	}

	.social {
		display: block;
	}

	footer .bd {
		border: none;
	}

	.animated img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.navbar-collapse {
		width: 100%;
	}

	.navbar-toggle .fa-bars {
		font-size: 24px;
		margin: 10px 0 0 0;
	}
}
.delivery-box .fa-truck {
	/* height: 102px; */
	/* color: red; */
	font-size: 16px;
	/* width: 212px; */
}
.form-control-custom {
	display: block;
	width: 100%;
	height: 48px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.delivery-box {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	color: #003259;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1 {
	color: #00325A;
	padding-bottom: 10px;
	font-size: 36px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 40px;
}

h2 {
	color: #00325A;
	font-size: 56px;
	font-weight: bold;
}

.primary-button {
	background: #00325A;
	border: 1px #00325A solid;
	font-weight: 300;
	font-size: 16px;
	display: block;
	padding: 10px 15px;
	color: #fff;
	float: right;
	margin-top: 15px;
}

	.primary-button:hover {
		background: #fff;
		border: 1px #00325A solid;
		color: #00325A;
	}

h3 {
	font-size: 24px;
	font-weight: normal;
}

p {
	font-size: 20px;
}

.container-fluid {
	padding: 0 4.6875rem
}

.btn-default {
	color: #fff;
	background-color: #003259;
	border-radius: 0;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 15px;
}

	.btn-default:hover, .btn-default:focus {
		color: #fff;
		border-top: 3px solid #040933;
		background-color: #040933;
		opacity: 1;
	}

.top-bg {
	background: url(../images/top_bar.png);
	height: 10px;
	width: 100%;
}

.navbar-brand {
	height: auto;
	margin-right: 50px;
}

.navbar-nav {
	float: left;
	font-weight: 300;
	margin-top: 7px;
}

	.navbar-nav > li {
		float: left;
	}

		.navbar-nav > li.active a {
			border-bottom: 3px #003259 solid;
			background: none;
		}

	.navbar-nav.secondary {
		float: right;
		margin-top: 7px;
	}

	.navbar-nav li a {
		text-align: center;
	}

		.navbar-nav li a .fa {
			font-size: 20px;
			margin-bottom: 5px;
		}

			.navbar-nav li a .fa.fa-angle-down {
				margin-left: 5px;
				top: 50%;
				position: absolute;
			}

			.navbar-nav li a .fa.fa-korneez {
				height: 15px;
				text-align: center;
				width: 100%;
			}

				.navbar-nav li a .fa.fa-korneez:before {
					content: "";
					background: url(../images/about_icon.png) center center;
					height: 24px;
					width: 24px;
					position: absolute;
					left: 50%;
					margin-left: -12px;
				}

	.navbar-nav > li > a {
		border-bottom: 3px #fff solid;
	}

.nav > li > a:hover, .nav > li > a:focus {
	border-bottom: 3px #003259 solid;
	background: none;
	color: #003259;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: transparent;
}

.dropdown-menu > li > a {
	text-align: left;
}

.navbar-nav > li.active .dropdown-menu > li > a {
	border-bottom: 1px;
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu .fa {
		font-size: 12px !important;
		float: right;
		margin-top: 3px;
	}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		border-radius: 0;
	}

.carousel-fade .carousel-control .fa {
	position: relative;
	top: 45%;
}

.owl-carousel {
}

	.owl-carousel .item {
	}

.owl-nav {
	position: absolute;
	top: 30%;
	width: 100%;
}

	.owl-nav .fa {
		color: #000;
		font-size: 40px;
		text-shadow: 1px 1px 1px #000;
	}


.owl-carousel .owl-nav button.owl-next {
	float: right;
	margin-right: 30px;
}

.owl-carousel .owl-nav button.owl-prev {
	float: left;
	margin-left: 30px;
}

.owl-dots {
	display: none;
}

.products {
	text-align: center;
	padding: 4.6875rem 0;
}

	.products h2 {
		color: #00325A;
		padding-bottom: 0;
		font-size: 36px;
		font-weight: 300;
		margin-top: 20;
		margin-bottom: 20px;
	}

.contact {
	text-align: left;
}

.products .product-image {
	overflow: hidden;
	display: block;
	position: relative;
	text-align: center;
	width: 255px;
	height: 225px;
	margin-left:15%;
}
	.products .product-image img{
		height:100%;
		width:100%;
		object-fit:cover;
	}

	.products span {
		text-align: center;
		display: block;
		font-size: 24px;
		color: #003259;
		padding: 20px 0;
	}

.products .product-image.butter {
	background: #FF9742;
}

.products .product-image.caramel {
	background: #95CFE5;
}

.products .product-image.toffee {
	background: #F0A430;
}

.products .product-image.plain {
	background: #FFCB43;
}

.products .product-image.champ {
	background: #C2B528;
}

.products .product-image.salsa {
	background: #eabebf;
}
.products .product-image.hot-n-spicy {
	background: #fdcfad;
}
.products .product-image.cheese {
	background: #fade7b;
}
.products .product-image.bbq {
	background: #bab9b7;
}

/*.products .product-image img {
}
*/
	.products .product-image img:hover {
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	}

.products .shop-box {
	background: #fff;
	font-weight: 300;
	font-size: 16px;
	display: block;
	padding: 5px;
	border: 1px #00325A solid;
}

	.products .shop-box:hover {
		color: #003259
	}

.ads {
	padding: 4.6875rem 0;
	border-top: 1px #00325A solid;
}

	.ads h2 {
		color: #003259;
		font-size: 33px;
		font-weight: 300;
	}

	.ads h3 {
		color: #fff;
		background: #00325A;
		padding: 20px;
		margin: 0;
	}

.animated {
	padding: 4.6875rem 0;
}

	.animated .thumbborder {
		border: 1px #000 solid;
		position: relative;
		margin-top: -8px;
		width: 60px;
	}

	.animated p {
		color: #00325A;
		font-size: 36px;
	}

footer {
	background: #003259;
	color: #fff;
	padding: 4.6875rem 0;
}

	footer h3 {
		color: #fff;
		font-weight: 300;
		font-size: 32px;
	}

	footer .owl-carousel .item {
		font-size: 16px;
	}

.social {
	display: inline;
}

	.social a {
		color: #fff;
	}

	.social .fab {
		margin-left: 20px;
		font-size: 24px;
	}

footer ul {
	font-size: 18px;
	float: left;
}

footer .footer-links {
	border-top: 1px #fff solid;
	padding: 20px;
}

footer .bd {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}

footer a {
	color: #fff;
}

.footer-bottom {
	font-size: 12px;
	color: #fff;
	padding: 25px 0;
	background: #333333;
}

	.footer-bottom a {
		color: #fff;
	}

.video_container {
	width: 100%;
}

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.product_info {
	text-align: left;
}

	.product_info h1 {
		margin: 20px 0 10px 0;
	}

	.product_info ul {
		font-size: 20px;
	}

table {
	border-left: 1px #e1e1e1 solid;
	border-top: 1px #e1e1e1 solid;
	font-size: 16px;
}

	table td, table th {
		border-right: 1px #e1e1e1 solid;
		border-bottom: 1px #e1e1e1 solid;
		padding: 5px;
	}

.font20 {
	font-size: 20px;
	font-weight: 300;
	background: #eee;
}

.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

	.map-responsive iframe {
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		position: absolute;
	}

.modal-dialog {
	margin: 70px auto;
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	position: relative;
	padding: 5px;
}

.modal .fa {
	font-size: 24px;
	color: #fff;
	position: absolute;
	right: 0;
	top: -30px;
	cursor: pointer;
}

.free {
	margin-top: 31px;
}

@media (max-width: 768px) {
	.navbar-brand {
		margin-right: 0px;
	}

	h2 {
		font-size: 36px;
	}

	.animated p {
		font-size: 24px;
	}

	.animated .thumbborder {
		width: 40px;
		display: inline;
	}

	.product_info p {
		margin-top: 15px;
		font-size: 24px;
	}

	.ads h3, .free {
		margin-top: 15px;
	}

	.owl-nav {
		top: 35%;
	}

	.owl1 .owl-nav {
		top: 32%;
	}
}

@media (max-width: 767px) {
	.container-fluid {
		padding: 0 1.6875rem;
	}

	.owl-nav {
		top: 32%;
	}

	.navbar-nav {
		margin: 7.5px 2px;
		width: 100%;
	}

		.navbar-nav > li {
			float: left;
			width: 100%;
		}

	footer ul {
		font-size: 18px;
		float: none;
		margin-left: 0;
	}

	.social {
		display: block;
	}

	footer .bd {
		border: none;
	}

	.animated img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	.navbar-collapse {
		width: 100%;
	}

	.navbar-toggle .fa-bars {
		font-size: 24px;
		margin: 10px 0 0 0;
	}

	.products .product-image {
		width: 100%;
		height: 100%;
	}
}

/*CSS Updates*/
.product_info h2 {
	font-weight: bold;
	font-size: 28px;
	margin: 0;
}

	.product_info h2 span {
		display: inline-block;
		font-size: 18px;
		padding: 0;
	}

input,
textarea {
	border: 1px solid #eeeeee;
	box-sizing: border-box;
	margin: 0;
	outline: none;
	padding: 10px;
}

	input[type="button"] {
		-webkit-appearance: button;
		cursor: pointer;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}




.input-group {
	clear: both;
	position: relative;
	margin: 10px 0;
}

	.input-group input[type='button'] {
		background: #00325A;
		border: 1px #00325A solid;
		color: #fff;
		min-width: 24px;
		width: auto;
		transition: all 300ms ease;
		float: left;
	}

	.input-group .button-minus,
	.input-group .button-plus {
		font-weight: bold;
		height: 24px;
		padding: 0;
		width: 24px;
		position: relative;
	}

	.input-group .quantity-field {
		height: 25px;
		text-align: center;
		float: left;
		border: 0;
		max-width: 60px;
	}


input[type="number"] {
	-moz-appearance: textfield;
}

.card-body {
	background: #eee;
	padding: 10px;
}

	.card-body h4 {
		margin: 0 0 10px 0;
	}

#cartpopup .primary-button {
	margin: 10px 0;
	float: left;
	border-radius: 0;
}

#cartpopup img {
	min-height: 200px;
}

.cart-indicator {
	position: absolute;
	background: red;
	color: #fff;
	border-radius: 100%;
	top: 5px;
	right: 22px;
	width: 20px;
	height: 20px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
}

#cart p {
	font-size: 14px;
}

.table-responsive {
	margin-bottom: 15px;
	overflow-x: visible;
}

.floating-cart {
	position: fixed;
	background: #00325A;
	border: 1px #fff solid;
	padding: 10px;
	right: 0;
	top: 50%;
	border-radius: 10px 0 0 10px;
	z-index: 1;
}

	.floating-cart a {
		color: #fff;
	}

		.floating-cart a .cart-indicator {
			top: 5px;
			right: 12px;
			text-align: center;
			padding: 0 0 0 0;
			width: 15px;
			height: 15px;
		}

.order {
	text-align: left;
}

@media (min-width: 768px) {
	#cartpopup .modal-dialog {
		width: 775px;
	}
}

@media (max-width: 767px) {
	.cart-indicator {
		right: initial;
	}

	.table-responsive {
		overflow-x: auto;
	}


}
@media (max-width: 479px) {

	/*// for owl carousal stop iamges */

	.products .owl1.owl-carousel .owl-stage {
		display: flex;
		flex-direction: column;
	}

	.products .owl1.owl-carousel .owl-nav {
		display: none;
	}
}
/*Checkout Page CSS*/






input[type=text], textarea {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 3px;
}


label {
	margin-bottom: 10px;
	display: block;
}

.icon-container {
	margin-bottom: 20px;
	padding: 7px 0;
	font-size: 24px;
}

.btn {
	background-color: #4CAF50;
	margin: 10px 0;
	border: none;
	width: 100%;
	border-radius: 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 10px 15px;
	color: #fff;
}

.btn1 {
	background-color: gray;
	color: white;
	font-weight: 300;
	font-size: 16px;
	padding: 10px 15px;
	border: none;
	width: 100%;
	border-radius: 3px;
	cursor: pointer;
}




hr {
	border: 1px solid lightgrey;
}

span.price {
	float: right;
	color: grey;
}


td#ilyas_142 {
	display: none;
}

#cartProducts .input-group {
	margin: 0 auto;
}
.centered-image {
	text-align: center; /* Center the image horizontally */
}

	.centered-image img {
		display: block; /* Set the image to block-level to center it */
		margin: 0 auto; /* Center the image horizontally using margins */
	}