html,body{
    background-color: #890405;
	font-family: 'open_sansregular';
}
span.inr{
    font-family: 'ITF Rupee';
}
.max_wrapper{
	position: relative;
	width: 99%;
	max-width: 1300px;
	margin: auto
}

#header{
	width: 98%;
	margin: auto;
    padding: 20px 0 10px 0;
}
	#header .max_wrapper{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	#navigation{
		flex: 1;
		text-align: right;
	}
		#navigation button,
		#navmenu{
			display: none
		}
		#navigation a{
			display: inline-block;
			font-family: "open_sanssemibold";
			text-transform: uppercase;
			text-decoration: none;
			font-size: 13px;
			color: #fff;
			margin: 0 0 0 15px
		}
			#navigation a:hover{
				text-decoration: underline
			}
			#navigation a#order-online{
				background: #f0ddbb;
				color: #c93613;
				padding: 5px 5px;
				/* border-radius: 4px; */
				/* -moz-border-radius: 4px;
				-webkit-border-radius: 4px; */
			}
	#nav-right{
		position: relative;
		margin: 0 0 0 80px;
	}
		#nav-right button{
			margin: 0 0 0 15px;
			padding: 0;
			background: transparent;
			border: transparent
		}
#banner{
	position: relative;
	width: 100%;
	height: 500px;
}
	#banner .item,
	#banner .item img{
		width: inherit;
		height: inherit;
	}
	#banner .item img{
		object-fit: cover
	}
#banner2{
	position: relative;
	width: 100%;
	height: 350px;
	background: url(../images/banner2.jpg) center center no-repeat;
	background-size: cover;
	margin: 12px 0 0 0;
	display: flex;
	align-items: center
}
	/*#banner2 .item,
	#banner2 .item img{
		width: inherit;
		height: inherit;
	}
	#banner2 .item img{
		object-fit: cover
	}*/
	#banner2 h2{
		flex: 1;
		text-align: center;
		font-family: 'open_sansregular';
		font-size: 32px;
		color: #fff;
		text-transform: uppercase;
		line-height: 40px;
		text-shadow: 3px 3px #222;
	}
		#banner2 h2 span{
			font-family: 'open_sansbold';
		}
#banner2.subpage{
	margin: 0;
}
#popular-items h2{
	font-family: 'open_sanssemibold';
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 45px 0 38px 0;
}
	#popular-items .items{
		display: flex;
		flex-direction: row;
	}
		#popular-items .items .item{
			flex: 1;
			margin: 0 2px;
		}
		#popular-items .items .item .item-img{
			height: 265px;
		}
		#popular-items .items .item .item-img a{
			display: block;
			height: inherit;
		}
		#popular-items .items .item .item-img img{
			height: inherit;
			width: 100%;
			object-fit: cover;
			-webkit-object-fit: cover;
			-moz-object-fit: cover;
		}
		#popular-items .items .item h3{
			background: #fff;
			text-align: center;
			font-family: 'open_sanssemibold';
			font-size: 20px;
			color: #000;
			padding: 16px 0 0 0;
			text-transform: uppercase
		}
		#popular-items .items .item p{
			background: #fff;
			text-align: center;
			font-size: 13px;
			padding: 8px 0 16px 0;
			color: #000;
			text-transform: uppercase
		}
			#popular-items .items .item p a{
				color: #f04e23
			}
			
	#popular-items.gallery .items{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;		
	}
	#popular-items.gallery .items .item{
		margin: 0;
	}			
#locations{
	position: relative;
	/* background: url(../images/location_bg.jpg) center center no-repeat; */
	background: #fff;
	background-size: cover;
	margin: 20px 0 0 0;
	padding: 0 0 45px 0
}
#home-locations{
	position: relative;
	background: url(../images/location_bg.jpg) center center no-repeat;
	/* background: #fff; */
	background-size: cover;
	margin: 20px 0 0 0;
	padding: 0 0 45px 0
}
#home-locations h2{
	font-family: 'open_sanssemibold';
		font-size: 25px;
		color: #fff; 
		text-transform: uppercase;
		padding: 45px 0 20px 0;
		align-items: center;
    display: flex;
}
	#locations h2{
		font-family: 'open_sanssemibold';
		font-size: 25px;
		/* color: #fff; */
		color: #890405;
		text-transform: uppercase;
		padding: 45px 0 20px 0;
		align-items: center;
    display: flex;
	}
	#locations .items,#home-locations .items{
		/* display: flex;
		flex-direction: row; */
		grid-template-columns: repeat(3,1fr);
    	display: grid;
    	grid-column-gap: 30px;
		   grid-row-gap: 15px;
		   margin-top: 15px;

	}

		#locations .items .item{
			flex: 1;
			/* margin: 0 35px 0 0; */
			padding: 20px;
			border: 1px solid #890405;
			box-shadow: 0 4px 8px 0 #ccc;
		}
		#home-locations .items .item{
			flex: 1;
			margin: 0 35px 0 0;
			/* padding: 20px; */
		}
		#locations #all-outlets{
			float: right;
	padding: 20px;
	margin: 0 35px 0 0;
    color: #890405;
	font-size: 15px;
	cursor: pointer;
		}
		#home-locations #all-outlets{
			float: right;
	padding: 20px;
	margin: 0 35px 0 0;
    color: #fff;
	font-size: 15px;
	cursor: pointer;
		}
		#locations .items .item .item-img,#home-locations .items .item .item-img{
			height: 175px;
		}
		
		#locations .items .item .item-img img,#home-locations .items .item .item-img img{
			height: inherit;
			width: 100%;
			object-fit: cover;
			-webkit-object-fit: cover;
			-moz-object-fit: cover;
		}
		#locations .items .item h3{
			font-family: 'open_sansregular';
			font-size: 17px;
			/* color: #fff; */
			color: #890405;
			text-transform: uppercase;
			margin: 0 0 12px 0
		}
		#home-locations .items .item h3{
			font-family: 'open_sansregular';
			font-size: 17px;
			/* color: #fff; */
			color: #fff;
			text-transform: uppercase;
			margin: 0 0 12px 0
		}
			#locations .items .item h3 span,#home-locations .items .item h3 span{
				font-family: 'open_sansbold'
			}
		#locations .items .item p{
			font-size: 14px;
			/* color: #fff; */
			color: #000000;
			font-family: 'open_sansregular';
			margin: 12px 0 0 0;
			line-height: 20px
		}
		#home-locations .items .item p{
			font-size: 14px;
			/* color: #fff; */
			color: #fff;
			font-family: 'open_sansregular';
			margin: 12px 0 0 0;
			line-height: 20px
		}
		#locations .items .item p.info{
			color: #890405;
			margin: 3px 0 0 0;
			font-size: 11px;
		}
		#home-locations .items .item p.info{
			color: rgb(240, 221, 187);;
			margin: 3px 0 0 0;
			font-size: 11px;
		}
		#locations .items .item p a{
			/* color: #fff; */
			/* color: #f04e23; */
			font-size: 13px
		}
		#home-locations .items .item p a{
			color: #fff;
			/* color: #f04e23; */
			font-size: 13px
		}
#footer-bg{
	height: 62px;
	background: url(../images/btm_bg.jpg) left center repeat-x;
	margin: 20px 0;
}
#our-story.subpage{
	margin: 20px 0 0 0
}
#our-story .max_wrapper{
	background: #f0ddbb;
	height: 365px;
	display: flex;
	flex-direction: row;
	align-items: center
}
	#our-story #story_img{
		height: inherit
	}
		#our-story #story_img img{
			width: 100%;
			height: inherit;
			object-fit: cover;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
		}
	#our-story #story_text{
		flex: 1;
		padding: 0 50px;
	}
		#our-story #story_text p strong{
			font-family: 'open_sansbold'
		}
		#our-story #story_text h2{
			font-size: 30px;
			text-transform: uppercase;
			color: #890405;
			border-bottom: 1px solid #890405;
			padding: 0 0 10px 0
		}
		#our-story #story_text p{
			font-size: 15px;
			color: #000;
			line-height: 24px;
			margin: 20px 0 0 0
		}
#footer{
	position: relative;
	margin: 25px 0;
}
	#footer .items{
		display: flex;
		flex-direction: row
	}
	#footer .items .item{
		flex: 1;
		padding: 0 0 0 30px;
	}
	#footer .items .item .item-img{
		display: flex;
		height: 110px;
		align-items: center
	}
	#footer .items .item p{
		font-size: 13px;
		color: #fff;
		line-height: 22px;
		margin: 5px 0 0 0		
	}
	#footer .items .item.info p{
		margin-top: 18px
	}
	#social{
		margin: 25px 0 0 0;
	}
		#social a{
			display: inline-block;
			margin: 0 4px 0 0
		}
#footer-info{
	position: relative;
	background: #547f37;
	padding: 20px 0;
}
#footer-links{
	display: flex;
	flex-direction: row
}
	#footer-links{
		font-size: 11px;
		color: #fff;
	}
		#footer-links a{
			text-decoration: none;
			color: inherit
		}
			#footer-links a span{
				font-family: 'open_sansbold'
			}
		#footer-links a:hover{
			text-decoration: underline
		}
	#footer-links p#copyright{
		flex: 1
	}

	.services-top-wrapper{
		position: relative;
		width: 99%;
		max-width: 1300px;
		margin: auto
	}

	#our-story .services-top-wrapper{
		background: #f0ddbb;
		padding-bottom: 30px;
	
	}
	#our-story .services-top-wrapper h2{
		font-size: 40px;
		color: #890405;
		font-weight: 100;
		font-family: "open_sansregular";
		padding:30px;
		}
		
		#our-story .column-box-wrapper{
			
			background-color: #890405;
			text-align: center;
			align-items: center;
			padding-bottom: 30px;
			margin-bottom: 2px;
			}

			#our-story .column-box-wrapper img{
				height:160px;
				margin-top: 50px;
				margin-bottom: 50px;
			}
			#our-story .column-box-wrapper  h3{
				color: #fff;
				font-family: 'open_sanssemibold';
				font-size: 25px;
			}
	.service-categories{
				position: relative;
				width: 99%;
				max-width: 1300px;
				margin: auto
			}
			.hygiene-box{
				position: relative;
				width: 99%;
				max-width: 1300px;
				margin: auto
			}
			.difference-from-others{
				position: relative;
				width: 99%;
				max-width: 1300px;
				margin: auto
			}
#our-story .service-categories{

	border: 1px solid #f0ddbb;
	padding: 20px 20px 50px 20px;
	background: #fff;
}
#our-story .difference-from-others{

	background-color: #f0ddbb;
	padding: 20px 25px 20px 20px;
}
#our-story .difference-from-others h2{
	text-align: center;
	color: #890405;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	font-size: 30px;
	font-family: "open_sansregular";
}
hr {
	border:none;
	border-top:1px dotted #fff;
	height:1px;
	width:100%;
  }
#our-story .difference-from-others li{
	padding: 10px 10px 0px 10px;
	text-align: center;
	line-height: 28px;
}
#our-story .difference-from-others p{
	text-align: center;
	color: #000;
	line-height: 24px;
	text-align: center;
	font-family: "open_sansregular";
}
#our-story .service-lists{
		padding: 20px 25px 20px 20px;
	}
#our-story .service-lists h2{
	font-size: 21px;
	color: #fff;
	font-weight: 100;
	text-align: center;
	padding-bottom: 20px;
	line-height: 28px;
	font-family: "open_sanssemibold";
}
#our-story .hygiene-box{
	padding: 20px 25px 50px 20px;
	background-color: #547f37;
}
#our-story .hygiene-content{
	color: rgb(211, 207, 207);
	font-size: 18px;
	font-family: 'open_sansregular';
	margin-left: 20px;
    line-height: 28px;
}
#our-story .hygiene-box h2{
	font-size: 24px;
	color: #fff;
	font-weight: 100;
	padding-bottom: 20px;
	font-family: "open_sanssemibold";
}
#our-story .service-lists .service-lists-box{
	border: 1px solid #f0ddbb;
	align-items: center;
	text-align: center;
	padding: 60px 20px 40px 12px;
	margin-bottom: 20px;
	height: 200px;
	width: 100%;
}
#our-story .service-lists .service-lists-box img{
	height: 75px;	

}

#our-story .service-categories h2{
	font-size: 30px;
	/* color: #f0ddbb; */
	color: #890405;
	font-weight: 100;
	padding-bottom: 30px;
	padding-top: 10px;
	text-transform: uppercase;
	font-family: "open_sanssemibold";

	}
	#our-story .service-categories .img-service-cat{
		width: 100%;
		margin: auto;
		background-color: #f0ddbb;
		align-items: center;
		text-align: center;
		margin-bottom: 25px;
	}
	#our-story .service-categories .img-service-cat img{
		align-items: center;
		text-align: center;
		width: 100%;
		padding: 5px;

		margin: auto;
		justify-content: center;
	}
	#our-story .service-categories ul{
		/* padding-left: 40px; */
		/* list-style-image: url(../images/liststyle.png); */
	}
	#our-story .service-categories li{

		font-size: 17px;
		font-weight: 300;
		color: #000000;
		line-height: 28px;
		/* font-family: 'robotoslab_regular'; */
		/* font-family: 'roboto_regular'; */
		font-family: 'zillaslab_regular';
	}
	.carousel-inner img {
		width: 100%; /* Set width to 100% */
		margin: auto;
		height: 100%;
	}

	#locations #location-dropdown{
		font-size: 14px;
		padding: 0px 15px;
	margin: 0px 30px;
	border: 1px solid #ccc;
	}
	.mobile-locations{
		display: none;
	}
	#franchise {
		width: 40%;
		max-width: 450px;
		margin: auto;
		padding: 10px;
		border: 1px solid #b2b2b2;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
		background: #fff;
	}
	#franchise_head {
		background: #fff;
		font-size: 22px;
    text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
	color: #890405;
	}
	#franchise #head-line{
		background-color: #890405;
	}
	#franchise_head h2{
		color: #890405;
	}
	#franchise label{
		font-size: 14px;
	font-family: 'open_sanssemibold';
	padding-bottom: 6px;
	}

	#franchise_data {
		padding: 25px;
		padding-top: 4px;
	}
	#franchise_data  button {
		font-family: 'open_sanssemibold';
		font-size: 15px;
		color: #ffffff;
		width: 100%;
		height: 50px;
		background: #890405;
		border: transparent;
		text-transform: uppercase;
	}
	#mobile-order-online{
		display: none;
	}

	#popular-items h4 {
		font-family: 'open_sanssemibold';
		font-size: 25px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		margin: 45px 0 38px 0;
	}

	#ahlan-logo{
		width: 100px;
	}