@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Reem+Kufi|Roboto:300,400');

/*
    font-family: 'Reem Kufi', sans-serif;

    font-family: 'Great Vibes', cursive;

    font-family: 'Roboto', sans-serif;
*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?5k4tad');
  src:  url('fonts/icomoon.eot?5k4tad#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5k4tad') format('truetype'),
    url('fonts/icomoon.woff?5k4tad') format('woff'),
    url('fonts/icomoon.svg?5k4tad#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter-logo-silhouette:before {
  content: "\e900";
}
.icon-linkedin-logo:before {
  content: "\e901";
}
.icon-facebook-logo:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e903";
}
.icon-phone-call:before {
  content: "\e904";
}
.icon-credit-cards-payment:before {
  content: "\e905";
}
.icon-like:before {
  content: "\e906";
}
.icon-delivery-truck:before {
  content: "\e907";
}
.icon-pistachio:before {
  content: "\e908";
}
.icon-chili-pepper:before {
  content: "\e909";
}
.icon-groceries:before {
  content: "\e90a";
}
.icon-buying-on-smartphone:before {
  content: "\e90b";
}
.icon-menu-button-of-three-horizontal-lines:before {
  content: "\e90c";
}


body {font-family: 'Roboto', sans-serif; color: #000; line-height:30px; font-size: 16px; overflow-x:hidden }
h1, h2, h3, h4, h5, h6 { font-family: 'Reem Kufi', sans-serif;}
a { text-decoration:none; outline:none; }
a:focus { text-decoration:none; outline:none; }
a:hover { text-decoration:none; outline:none;}
h4 { font-size:20px; color:#d00b11; margin:25px 0 20px; text-transform:uppercase; font-family: 'Roboto', sans-serif; border: none;}
#top-section { width:96%;}

.logo {
    position: absolute;
    /*margin-top:20px;*/
    z-index: 99;
	left:3%;
}

.carousel-inner h1 {
	font-size:40px;
	margin:0px;
	line-height:62px;
	color:#fff;
}

.carousel-inner h1 span {
	font-size:70px;
	display:block;
}

.carousel-inner .item img { width:100%;}
.css-typing p{
  font-size: 70px;
  width: 13em;
  white-space: nowrap;
 overflow: hidden;
  -webkit-animation: type 10s steps(40, end);
  animation: type 10s steps(40, end);

}

.css-typing p:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  -webkit-animation: type 5s steps(40, end);
  animation: type2 5s steps(40, end);
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}


@keyframes type {
  from {
    width: 0;
  }
}

@-webkit-keyframes type {
  from {
    width: 0;
  }
}

span {
  animation: blink 1s infinite;
}

@keyframes type2 {
  0% {
    width: 0;
  }
  from {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes type2 {
  0% {
    width: 0;
  }
  from {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}




#welcome-bg .css-typing .title{ font-family: 'Great Vibes', cursive;font-size: 70px;color: #000;}
#welcome-bg .css-typing  .title_name{text-transform: uppercase;font-family: 'Reem Kufi', sans-serif;color: #d00b11;font-size: 24px;}
#welcome-bg { background:url(../images/welcome-bg.jpg) no-repeat 100% 100%; border-top:10px solid #32a700; padding:98px 0; margin-top:2px; background-size:cover; }

#welcome-bg h1 { font-family: 'Great Vibes', cursive; font-size:70px; color:#000; margin-top:0px; }

#welcome-bg h4 { text-transform:uppercase; font-family: 'Reem Kufi', sans-serif; color:#d00b11; font-size: 32px;
margin-left: 106px;
}

#welcome-bg p { margin:15px 0 0; color:#000; font-size:15px;}
.wlcm{margin: 30px 0 0;}


.border { background:url(../images/line-border.png) repeat-x; height:7px; margin:44px 0 ;} 

.read-btn {  padding:12px 20px; color:#fff; font-size:20px;  font-family: 'Reem Kufi', sans-serif; }
.read-btn:hover { color:#fff;} 
.modal-title {font-size: 19px;}

.hvr-shutter-in-horizontal {
  background: #ce1000 none repeat scroll 0 0;
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  transform: perspective(1px) translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
  margin-top: 43px;
}

.hvr-shutter-in-horizontal::before {
  background:#a4590e;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(1);
  transform-origin: 50% 50% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}

.hvr-shutter-in-horizontal:hover::before, .hvr-shutter-in-horizontal:focus::before, .hvr-shutter-in-horizontal:active::before {
  transform: scaleX(0);
}

.multi-shop .col-md-2 { width:20%;}

.year { font-size: 16px;
color: #363636;
text-align: center;
margin-top: 10px;
}
.text-right{}

.ayurveda-block { background:#efece6;}

.ayurveda-name { padding:20px 30px; font-size:22px; line-height:24px; color:#000; font-family: 'Reem Kufi', sans-serif;}

.ayurveda-name span { color:#9d9c9c; font-size:15px; display:block;}

#ayurveda { background-image:url(../images/atyureda.jpg);
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
			text-align:center;
}

.ayurveda-blk {
	background-image:url(../images/new-img-top.png), url(../images/img-bottom.png);
    background-position: left top, left bottom;
    background-repeat:repeat-x, repeat-x;
    padding:200px 0;
}

.img-center { display:inline-block; text-align:center;}

.ayurveda-product { padding:80px 0;}
#about .ayurveda-product {
  padding: 20px 0 40px !important; 
}


#ayurveda h3 { color:#fff; font-size:55px;  font-family: 'Reem Kufi', sans-serif;}
#ayurveda p { color:#fff; font-size:19px; line-height:30px; padding:0 15%;}

.product-btn { text-align:center; position:relative; margin-bottom:70px;}
.all-product { display:inline-block; background:url(../images/product-btn.png) no-repeat; padding:20px 60px;  }

.all-product a {  display:block; color:#fff; font-size:30px; font-family: 'Reem Kufi', sans-serif;}

.right-border {
  border-top: 1px solid #b8680e;
  position: absolute;
  right: 0;
  top: 36px;
  width: 38%;
} 

.left-border {
  border-top: 1px solid #b8680e;
  position: absolute;
  left: 0;
  top: 36px;
  width: 38%;
} 

#grocery {
	 		background-image:url(../images/grocery.jpg);
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
			text-align:right;
}

.grocery-blk {
	background-image:url(../images/img-top.png), url(../images/grocery-img-bottom.png);
    background-position: left top, left bottom;
    background-repeat:repeat-x, repeat-x;
    padding:200px 0;
}

#grocery h3 { color:#fff; font-size:55px;  font-family: 'Reem Kufi', sans-serif;}
#grocery p { color:#fff; font-size:19px; line-height:30px; padding:0;}
#grocery span { font-size:76px; color:#fff;} 

.grocery-right { width:55%; float:right; text-align:center;}

.grocery-product {
	/* background:url(../images/left-con.png), url(../images/right-veg.png);*/
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
	background-color:#fefaf6;
	 padding: 40px 0 0;
	
}
#inner-service .app img {
	 float: none; 
	margin: 0px 0 -50px 142px;
}

.modal-footer {padding: 6px;}

.new {cursor: pointer;}
.big-btn-view-all { background:#49961c; padding:7px 0; margin:80px 0;}

.square-border { color:#fff; padding:40px 0; border:1px solid #a4cb8e;}

.big-btn-view-all a { color:#fff; font-size:36px; font-family: 'Reem Kufi', sans-serif; }

#spice { background-image:url(../images/spice.jpg);
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
			text-align:center;
}

.spice-blk {
	background-image:url(../images/img-top.png), url(../images/img-bottom.png);
    background-position: left top, left bottom;
    background-repeat:repeat-x, repeat-x;
    padding:200px 0;
}


#spice h3 { color:#fff; font-size:55px;  font-family: 'Reem Kufi', sans-serif;}
#spice p { color:#fff; font-size:19px; line-height:30px; padding:0 15%;}

#spice span { font-size:76px; color:#fff;} 



#dry-fruits { background-image:url(../images/dry-fruits.jpg);
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
			text-align:center;
}

.fruits-blk {
	background-image:url(../images/img-top.png), url(../images/img-bottom.png);
    background-position: left top, left bottom;
    background-repeat:repeat-x, repeat-x;
    padding:200px 0;
}


#dry-fruits h3 { color:#fff; font-size:55px;  font-family: 'Reem Kufi', sans-serif;}
#dry-fruits p { color:#fff; font-size:19px; line-height:30px; padding:0 15%;}

#dry-fruits span { font-size:76px; color:#fff;}


#pooja { background-image:url(../images/pooja.jpg);
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
			text-align:center;
}

.pooja-blk {
	background-image:url(../images/img-top.png), url(../images/img-bottom.png);
    background-position: left top, left bottom;
    background-repeat:repeat-x, repeat-x;
    padding:200px 0;
}


#pooja h3 { color:#fff; font-size:55px; }
#pooja p { color:#fff; font-size:19px; line-height:30px; padding:0 15%;} 

#service { text-align:center;}

#service h3 { font-size:55px;}
#service h5 { font-size:35px; color:#d00b11; font-family: 'Roboto', sans-serif; font-weight:300; text-transform:uppercase;}
.text { padding:0 15%; font-family: 'Reem Kufi', sans-serif; font-size:19px; margin:20px 0;}

.services { padding:50px 0;}
.services-blk p { font-size:16px; color:#000; line-height:28px; font-family: 'Reem Kufi', sans-serif;}


.services-blk  span { background:#b00000; font-size:52px; color:#fff; padding:30px; border-radius:100%; width:116px; height:116px;}

.services-blk img{
    background: #b00000;
    font-size: 52px;
    color: #fff;
    padding: 30px;
    border-radius: 100%;
    width: 116px;
    height: 116px;
}


.services-blk h4 { font-size:20px; color:#d00b11; margin:45px 0 20px; text-transform:uppercase; font-family: 'Roboto', sans-serif; }
.Flexible-container { position: relative; padding-bottom:42%; height: 0; overflow: hidden; }
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0}

#map { position:relative}

#map .iframe { width:100%;}

.nsk-img { position:relative;}
.nsk-img img {
  bottom: 0;
  left:5%;
  position: absolute;
  top: 0;
  z-index: 9;
  border-bottom:10px solid rgba( 255,255,255,0.5);
  border-right:10px solid rgba( 255,255,255,0.5);
  border-left:10px solid rgba( 255,255,255,0.5);
  border-radius:10px;
}

.top-wrpper { background:#fff; position:relative; z-index:1}
footer {
    position:fixed;
	 width:100%; 
	 bottom:0;
	background:url(../images/fot-bg.jpg) no-repeat #000;
	background-size:cover;
	padding:140px 0 0;
}

footer .container { width:96%;}

.address h3 { 
	font-family: 'Great Vibes', cursive;
	font-size:36px;
	color:#fff;
	margin-top:0px;
}

.address p { 
	font-family: 'Reem Kufi', sans-serif;
	font-size:18px;
	color:#fff;
}

.contact-details { background:rgba(89,88,87,0.3); border-top:2px solid #535251; margin-top:50px; padding:42px;}

.call { color:#fff; font-size:22px; line-height:28px; font-family: 'Reem Kufi', sans-serif;}
.call span { display:block; font-size:15px; text-transform:uppercase}
.call a { color:#fff;}
.call a:hover {color:#e7a665;}

.contact-details .icon-phone-call {
  color: #fff;
  float: left;
  font-size: 38px;
  margin-right: 16px;
  overflow: hidden;
  padding: 10px 0;
}

.contact-details .icon-mail {
  color: #fff;
  float: left;
  font-size: 38px;
  margin-right: 16px;
  overflow: hidden;
  padding: 10px 0;
}


.social-icon { text-align:right;}

.social-icon ul { margin:0px; padding:0px;}

.social-icon li { display:inline-block; list-style-type:none; padding:0 1px;}

.social-icon a { background:rgba(255,255,255,0.5); padding:10px 15px; color:#030102; font-size:18px;} 



.fot-menu { padding:50px 0 0;}

.fot-menu ul { margin:0px; padding:0px;}

.fot-menu li { display:inline-block; color:#fff; list-style-type:none; padding:0 1px;}
 
.fot-menu a {padding:10px 5px; color:#fff; font-size:16px; font-family: 'Reem Kufi', sans-serif;}

.fot-menu a:hover {color:#e7a665;}

.fot-menu a:first-child { padding-left:0px;}

.fot-menu p { color:#fff; font-family: 'Reem Kufi', sans-serif; font-size:16px;} 

.design-by { color:#fff; text-align:right; padding:50px 0; font-family: 'Reem Kufi', sans-serif; font-size:16px;}
.design-by a { color:#e7a665} 

.hvr-sweep-to-left {
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  transform: perspective(1px) translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
}

.hvr-sweep-to-left::before {
  background: #bd6813 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 100% 50% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}

.hvr-sweep-to-left:hover::before, .hvr-sweep-to-left:focus::before, .hvr-sweep-to-left:active::before {
  transform: scaleX(1);
}

.hvr-sweep-to-top {
  box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  transform: perspective(1px) translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
}

.hvr-sweep-to-top::before {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: 50% 100% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}

.hvr-sweep-to-top:hover::before, .hvr-sweep-to-top:focus::before, .hvr-sweep-to-top:active::before {
  transform: scaleY(1);
}


.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding:0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	overflow: hidden;
	
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
	background: #3498db;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


#about { padding:50px 0;}
#about ul {margin: 0; padding: 0;}
#about li {margin: 0 0 0 25px; padding: 0 0 0 10px;}


#about .title-about-us {
    background: url(../images/bg-title-about.png) repeat-x left center;
    margin-bottom: 17px;
}

#about .title-about-us h2 {
    background: #fff;
    display: inline-block;
    font-size:24px;
    color: #444;
    padding: 0 10px 6px 0px;
    font-family: inherit;
}

.shop-img img { border:5px solid #fff; box-shadow:1px 1px 5px #ccc; width:100%;}

.shop-address { margin:20px 0 0;}

.shop-address ul { margin:0px; padding:0px;}

.shop-address li { display:block; border-bottom:1px dashed #eee;}

.shop-address li:last-child { border-bottom:none;}
.shop-address h3 {
  color: #000;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-top: 0;
}

.shop-address p {
  color: #8c8c8c;
  font-family: "Reem Kufi",sans-serif;
  font-size:15px;
}

.shop-address h5 { margin:10px 0 0; color:#000; font-size:15px; }
.branch { color:#52a621 !important; margin:10px 0 0; font-size:18px !important;}
.shop-address a { color: #8c8c8c;}

.top-space { margin:30px 0 0; display:block;}

.conten { font-size:14px;} 

.why-choose ul { margin:0px; padding:0px;}
.why-choose li { display:block; padding:10px 0; font-size:15px; font-family: "Reem Kufi",sans-serif; border-bottom:1px dashed #eee;}
.why-choose li:last-child { border-bottom:none;}
.why-choose span { color:#d00b11; font-size:20px; }
hr { border-top:1px dashed #d5d5d5}


#contact { padding:50px 0;}

#contact .Flexible-container {
  height: 0;
  overflow: hidden;
  padding-bottom:82%;
  position: relative;
}

.tWidth{width:100%; float:left; font-family: "Reem Kufi",sans-serif; font-size:14px; }
  

.enquiryBtn {margin: 10px 0 0 0 !important;}
.textBox{width:100% !important; height:35px !important; background:#fff; border:solid 1px #d5d5d5;  color:#535353; font-size:15px; padding:5px; margin-bottom:10px}
.textBoxMulti {width: 100% !important; height: 80px !important; background: #fff; border: solid 1px #d5d5d5; color:#535353; font-size:15px; padding:5px}
.tred{color:#C00;}
.subbtn {background:#b8680e !important; border:0; display:inline-block; padding: 5px 15px !important; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:0px !important; transition: all 1s; margin:15px -12px 0 15px}
.subbtn:hover {background:#e22a20 !important; color:#fff; }
.address {color: #c45a47;}


/*.logo img {
  width: 60%;
}
*/

/*menu*/

/* styles for all menus */
.panel { margin-bottom:0px;}
.panel-collapse { display:none}
.cbp-spmenu .panel { background:none; border:0}
.cbp-spmenu {
	background: #d70f12;
	position:absolute;
	width: 280px;
	height: 100%;
	top: 0;
	z-index: 10;
}
#cbp-spmenu-s2 > ul {
  background: #d70f12 none repeat scroll 0 0;
}

.cbp-spmenu h3 {
	color: #fff;
	font-size: 18px;
	padding: 14px 20px;
	font-family: 'Reem Kufi', sans-serif;
	margin: 0;
	text-transform:uppercase;
	font-weight: 300;
	background: rgba(0,0,0,0.8);
}
.cbp-spmenu ul { padding:0}
.cbp-spmenu li { list-style:none;position:relative;}
.cbp-spmenu a {
	display: block;
	color: #fff;
	padding:12px 20px;
	border-bottom:dotted 1px rgba(255,255,255,0.3);
	position:relative;
	z-index:1;
	font-family: 'Reem Kufi', sans-serif;
}
.cbp-spmenu ul li.panel:after, .cbp-spmenu ul li.panel:after, .cbp-spmenu ul li.panel:after {content: "\e250"; font-family: 'Glyphicons Halflings'; position:absolute; right:18px; top:12px; font-size:8px; color:rgba(255,255,255,0.8); transition:all 1s;z-index:1}
.cbp-spmenu ul li.panel:hover:after, .cbp-spmenu ul li.panel:focus:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.cbp-spmenu ul li ul {background: rgba(0,0,0,0.1);}
.cbp-spmenu ul li ul a {padding:12px 35px; position:relative}
.cbp-spmenu ul li ul a:after {content: "\e258"; font-family: 'Glyphicons Halflings'; position:absolute; left:18px; top:11px; font-size:8px}
.cbp-spmenu a:hover, .cbp-spmenu a:active, .cbp-spmenu a:focus { text-decoration:none;}
.cbp-spmenu a:before {background: rgba(0,0,0,0.1); content:''; display:block; width:0%; position:absolute; left:0; top:0; height:100%; transition:width 500ms;z-index:-1}
.cbp-spmenu a:focus:before,.cbp-spmenu a:hover:before, .cbp-spmenu a.active:before { width:100%; }
.cbp-spmenu-right {	right: -240px;}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}
/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toleft {
	left: -240px;
}
/* Transitions */

.cbp-spmenu, .cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav-top-blk { position:absolute; width:100%; z-index:11;}
#showRightPush { position:absolute; right:45px; padding:0 10px; top:40px; cursor:pointer}
.fixed-menu { left:-100px}

.change .bar1 {
  transform: rotate(-45deg) translate(-9px, 7px);
}
.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  transform: rotate(45deg) translate(-8px, -8px);
}
.bar1, .bar2, .bar3 {
  background-color: #fff;
  border-radius: 5px;
  height: 5px;
  margin: 6px 0;
  transition: all 0.4s ease 0s;
  width: 35px;
}
/*menu*/

.mobile-app {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index:9;
}

#inner-service { padding: 50px 0; text-align:left; }
#inner-service img {float: right; margin: 0 0 0 40px;}
.pull-right {float: right; margin: 0 0 0 40px;}
.pull-left {float: left; margin: 0 40px 20px 0 !important;}
.productInfo {width: 100%; float: left;margin-bottom: 20px;}
.productInfo ul {padding: 0; margin: 20px 0 0 0;}
.productInfo li {float: left; list-style: none;  width: 31.33333333333333%; margin: 0; padding: 10px 20px; margin: 3px 10px; border: 1px solid #dedede; border-left: 1px solid #d32929; font-size: 15px; }

.services-blk {
  margin-bottom: 45px;
}
.modal-dialog{ z-index:999999999;}


.product_data {display:none;}
#page404{ text-align:center;}
.btn11{ padding:20px 40px; background:#c00; text-align:center; color:#fff;} 
.productInfo .epty{ border:none;}
#service h3{ color:#b00000;}
.more {color: #fff;font-size: 16px;text-align: center;margin: 0 auto;background: #c00;
padding: 10px; clear:both;font-family: Courgette;}
.product_data { text-align:center !important;}
.modal-content { background:url(../images/bg_popup.jpg) no-repeat left top; background-size:100% 100%;}
.modal-footer .btn{background-color: #6a6a6a;
color: #fff;
}
.modal-body {color: #000;}
#exampleModalData img {margin: 0 auto;}
 
@media (min-width:1280px) {
.mobile-app { position: absolute;right: 0;bottom: 0;z-index: 9;width:20%;}
footer {position: relative;	}
.top-wrpper{ margin-bottom:0px !important;}
.address p {font-size: 17px;}
}

@media (max-width:1199px) {
	#welcome-bg h4 { font-size:20px;}
	.mobile-app { width:15%;}
	.ayurveda-name {font-size: 19px;}
	.address p {font-size: 16px;}
	.productInfo li {padding: 10px 14px;}
	#inner-service p{line-height: 24px;}
	.shop-address p {font-size: 16px;}
	.cbp-spmenu-right {right: -245px;}
	#inner-service .container{width: 96%;}
}



@media (max-width:1040px) {
.carousel-inner h1 { font-size:30px; line-height:48px;}
.carousel-inner h1 span { font-size:40px;}
.carousel-caption {left: 0;padding-bottom: 30px;right: 0;width: 100% !important;}
.logo {left:3%; margin-top: 30px;}
.logo img { width:75%;}	
.services-blk h4 { font-size:16px;} 
#ayurveda h3 {font-size: 51px;}
#ayurveda p {font-size: 17px;}
.cbp-spmenu-right {right: -250px;}	
}

@media (max-width:992px) {
.container {
  width:96%;
}
.year { font-size:18px;}
.grocery-right {
  float: none;
  text-align: center;
  width: 100%;
  padding: 0 15%;
}
#service h3 {
  font-size: 42px;
}
#pooja .product-btn { margin-bottom:40px;}
.text { font-size:17px;}
#service h5 { font-size:28px;}
.services-blk p { font-size:14px;}
.ayurveda-name { padding: 20px 13px;}
.ayurveda-name { font-size:16px;}
.grocery-product { background-image:none;}
.year {font-size: 15px;}
#ayurveda h3 {font-size: 45px;}
#ayurveda p {font-size: 16px;}
#inner-service p {line-height: 22px;}
.fot-menu a {font-size: 15px;}
.productInfo li {width: 30.333%;}
}

@media (max-width:940px) {
	#welcome-bg h1 { font-size:48px;}
	#welcome-bg h4 {
  font-size: 16px;
}
#welcome-bg p { font-size:14px; line-height:24px;}
.text { padding:0px;}
.services-blk h4 {
  font-size: 14px;
}
.call span { font-size:14px;}
.call { font-size:18px; line-height:24px;}
.contact-details .icon-phone-call { font-size:30px;}
.contact-details .icon-mail { font-size:30px;}
.social-icon a {
  font-size: 15px;
  padding: 6px 13px;
}
.nsk-img img { width:35%;}
#grocery h3 {font-size: 45px;}
#spice h3 {font-size: 45px;}
#dry-fruits h3 {font-size: 55px;}
#pooja h3 {font-size: 45px;}
.year {font-size: 14px;}
#inner-service h4 {font-size: 18px;}
.productInfo li {font-size: 14px;}
.more {font-size: 14px;}
.fot-menu a {font-size: 13px;}
.fot-menu p {font-size: 15px;}
.design-by {font-size: 15px;}
.cbp-spmenu-right {right: -252px;}
footer {position: relative;}
.top-wrpper{ margin-bottom:0px !important;}
footer .col-sm-6 {margin-bottom: 37px;}
}

@media (max-width:860px) {
.left-border { width:32%;}
.right-border { width:32%;}
.multi-shop .col-md-2 {
  width:33%;
  float:left;
}
.year {
  font-size: 18px;
  margin-bottom:20px;
}
.multi-shop .col-sm-2{ width:50%;} 
.multi-shop .new img {margin: 0 auto;}
#ayurveda h3 {font-size: 31px;}
#ayurveda p {font-size: 14px;}
#inner-service h4 {font-size: 15px;} 
#inner-service pbody {font-size: 14px;}
.productInfo li {font-size: 12px;}
.call span {font-size: 13px;}
.fot-menu a {padding: 10px 2px;}
#inner-service img {width: 35%;}
#grocery h3 {font-size: 31px;}
#spice h3 {font-size: 31px;}
#dry-fruits h3 {font-size: 31px;}
#pooja h3 {font-size: 31px;}
#inner-service h3{font-size: 20px;}
#inner-service p{font-size: 15px;}
.address h3 {font-size: 35px;}
#about h4{font-size: 18px;}
.services-blk span {font-size: 45px;padding: 19px;}
footer {padding: 101px 0 0;}
.shop-address p {font-size: 15px;}
footer .col-sm-6 {clear: both;}
.address h3 {font-size: 26px;}
}

@media (max-width:800px) {
.ayurveda-name { font-size:16px;}
.call {
  font-size: 16px;
  line-height: 24px;
}
.fot-menu a { font-size:14px;}
.fot-menu p { font-size:14px;}
.ayurveda-name { padding: 20px 13px;}
.fot-menu a {font-size: 12px;}
.design-by {font-size: 12px;}
.address p {font-size: 14px;}
.fot-menu a {font-size: 11px;}
.design-by {text-align: left; padding: 0px 0;}
#ayurveda h3 {font-size: 26px;}
#ayurveda p {font-size: 12px;}
#grocery h3 {font-size: 26px;}
#grocery p {font-size: 12px;}
#spice h3 {font-size: 26px;}
#spice p {font-size: 12px;}
#dry-fruits h3 {font-size: 26px;}
#dry-fruits p {font-size: 12px;}
#pooja h3 {font-size: 26px;}
#pooja p {font-size: 19px;}
#service h3 {font-size: 26px;}
.text {font-size: 19px;}
.cbp-spmenu-right {right: -257px;}
#about h4 {font-size: 16px;}
.shop-address p {font-size: 14px;}
#contact h2 {font-size: 24px;}
.productInfo li {font-size: 11px;}
}

@media (max-width:767px) {
	#welcome-bg { padding:40px 0;}
	#welcome-bg img { text-align:center; display:inline-block;}
	#ayurveda p { padding:0;}
	.ayurveda-name { padding:20px;}
	#welcome-bg h1 { font-size:48px; margin-top:20px;} 
	#ayurveda h3 { font-size:40px;}
	#ayurveda p { font-size:17px;} 
	.year { font-size:16px;}
	.multi-shop .col-md-2 {   width:33%; float:left; }
	.grocery-right { padding:0px;}
	#grocery h3 { font-size:40px;}
	#grocery p { font-size:17px; padding:0} 
	#spice h3 {  font-size:40px;}
	#spice p { font-size:17px; padding:0;}
	#dry-fruits h3 { font-size:40px;}
	#dry-fruits p { font-size:17px; padding:0} 
	#pooja h3 { font-size:40px;}
	#pooja p { font-size:17px; padding:0;}
	.services-blk {
  margin-bottom: 50px;
}
.services-blk p {
  font-size: 16px;
}
.services-blk h4 {
  font-size: 18px;
}
.fot-menu { text-align:center;}
.design-by { text-align:center; padding:0px;}

.conten { margin:25px 0 }
#abt-fot footer { padding: 80px 0 0; }
.cbp-spmenu { width: 251px;}
.ayurveda-block { margin-bottom:30px;}
figure.effect-apollo img { width:100%;}
#contact .Flexible-container { padding-bottom:25%;}
.logo { margin-top:0px;}
.logo img { width: 45%; }
#showRightPush { top:20px;}
form { padding: 40px 0; }
.shop-address li:last-child { border-bottom:1px dashed #eee; }
#contact { padding: 20px 0; }
.bar1, .bar2, .bar3 {
  background-color: #fff;
  border-radius: 5px;
  height: 3px;
  margin: 6px 0;
  transition: all 0.4s ease 0s;
  width: 35px;
}
.change .bar3 {
  transform: rotate(45deg) translate(-5px, -5px);
}
.carousel-inner h1 {font-size: 25px;}
.carousel-inner h1 span {font-size: 28px;}
.multi-shop .col-md-2 {width: 50%;float: left;text-align: center;}
.ayurveda-blk {padding: 88px 0;}
.ayurveda-product {padding: 18px 0;}
#ayurveda h3 {font-size: 23px;}
#ayurveda p {font-size: 13px;}
#welcome-bg {padding: 14px 0;}
.grocery-blk {padding: 88px 0;}
.grocery-product {padding: 18px 0 0;}
#grocery h3 {font-size: 23px;}
#grocery p {font-size: 14px;}
.spice-blk {padding:88px 0;}
#spice h3 {font-size: 23px;}
#spice p {font-size: 14px;}
.fruits-blk {padding: 88px 0;}
#dry-fruits h3 {font-size: 23px;}
#dry-fruits p {font-size: 14px;}
.pooja-blk {padding: 88px 0;}
#pooja h3 {font-size: 23px;}
#pooja p {font-size: 17px;}
.fot-menu a {font-size: 14px;}
.fot-menu p {font-size: 15px;}
.design-by {font-size: 15px;}
.more {font-size: 12px;}
#inner-service p {font-size: 14px;}
#about h4 {font-size: 14px;}
#about li{font-size: 14px;}
.address h3 {font-size: 23px;}
.about-title {font-size: 21px;}
#about p{font-size: 15px;}
#welcome-bg {text-align: center;}
.wlcm {margin: 0px;}
#welcome-bg h1 {margin-top:0px;}
.hvr-shutter-in-horizontal {margin-top: 3px; }
}

@media (max-width:680px) {
	.logo img { width:50%;}	
	.c-button { margin-top:30px;}
	.carousel-inner h1 { font-size:28px; line-height:36px;}
	.carousel-inner h1 span { font-size:36px;}
	.all-product a { font-size:28px;}
	.left-border { display:none;}
.right-border { display:none;}
.contact-details .col-xs-4 { width:50%;}
.col-md-4.col-sm-4.col-xs-4.last { width:100%;}
.social-icon {
  text-align: center;
  padding:15px 0;
}
#showRightPush { top:20px;}
.fixed-menu { left: -70px; }
.cbp-spmenu-right {right: -249px;}
#inner-service p {font-size: 11px;}
#inner-service h4 {font-size: 13px;}
.productInfo li {font-size: 11px;}
.more {font-size: 10px;}
.cbp-spmenu-right.cbp-spmenu-open {right: -5px;}
#about h4 {font-size: 10px;}
#about li {font-size: 12px;}
.about-title {font-size: 19px;}
.productInfo li {width: 29.333%;}
.productInfo li {font-size: 9px;}
}

@media (max-width:560px) {
	.carousel-inner h1  { display:none;}
	.owl-nav { display: none;}
	#service h3 {
  font-size:36px;
}
#service h5 {
  font-size: 20px;
}
#pooja .product-btn { margin-bottom:40px;}
.ayurveda-product {
  padding: 80px 0 40px;
}
.product-btn { margin-bottom:40px;}
.address p {font-size: 13px;}
.address h3 {font-size: 19px;}
.call span {font-size: 11px;}
.call {font-size: 13px;}
.contact-details .icon-phone-call {font-size: 23px;}
.contact-details .icon-mail {font-size: 23px;}
.social-icon a {font-size: 12px;}
}

@media (max-width:520px) {
.contact-details { padding:25px;}
.contact-details .col-xs-4 { text-align:center;}
.contact-details .icon-phone-call { float:none;}
.contact-details .icon-mail { float:none;}
}

@media (max-width:480px) {
	.logo img { width:30%;}	
	.c-button { margin-top: 0; }
	/*.logo { margin-top:10px;}*/
	.c-button span { font-size: 26px;}
	#welcome-bg h1 { font-size:36px;}
	#welcome-bg h4 {
  font-size: 13px;
}
.read-btn {
  color: #fff;
  font-family: "Reem Kufi",sans-serif;
  font-size:16px;
  padding:10px 20px;
}
#ayurveda h3 {
  font-size: 30px;
} 
.multi-shop .col-md-2 {
  width:50%;
  float:left;
}
.fot-menu {
  padding: 15px 0 0;
}

#service h3 {
  font-size: 30px;
}
#about .col-xs-6 {
  width: 100%;
}
form {
  padding: 20px 0;
}
.mobile-app {
  width: 25%;
}
}
@media (max-width:400px) {
.cbp-spmenu-right.cbp-spmenu-open {right: -13px;}
.multi-shop .col-md-2 {width: 100%;}
.services-blk span {font-size: 39px;}
.services-blk h4 {font-size: 15px;}
.services-blk p {font-size: 15px;}
.text {font-size: 15px;}
.all-product a {font-size: 19px;}
#inner-service img {width: 100%;}
.fot-menu a {font-size: 11px;}
.fot-menu p {font-size: 13px;}
.design-by {font-size: 14px;}
footer .col-sm-6 {margin-bottom:20px;}
#abt-fot footer {padding: 32px 0 0;}
.pull-right {margin: 0 0 18px 40px;}
#inner-service {text-align: left;}
.productInfo li {width: 100%;font-size: 12px;}
#inner-service p {font-size: 12px;}
}
@media (max-width:380px) {
.ayurveda-product {
  padding: 80px 0 35px;
}
.all-product a { font-size:24px;}
.all-product { background-image:none; background:#b8680e; padding:10px 30px}
.contact-details .col-xs-4 {
  width:100%;
  margin:15px 0 0;
} 
.contact-details {
  padding: 10px;
}
.fot-menu a {
  font-size: 13px;
}
.fot-menu p {
  font-size: 13px;
  margin-bottom:0px;
}
.design-by { font-size:14px;}
footer .col-xs-4 {
  width: 100%;
} 
footer .col-xs-8 {
  width: 100%;
}
.address {
  margin-top: 40px;
}
footer { padding:90px 0 0;} 
.Flexible-container { padding-bottom:60%;}
.nsk-img img {
  width: 60%;
}
#about {
  padding: 0px;
}
#contact h2 { font-size:20px; }
#contact .Flexible-container { padding-bottom: 45%; }
}

@media (max-width:360px) {
	#welcome-bg h4 {
  font-size: 13px;
  line-height:20px;
}
.multi-shop .col-md-2 {
  width:100%;
}
#welcome-bg img { width:100%;}
.year { font-size:20px; margin-bottom:20px;}

.all-product a { font-size:20px;}
}
@media (max-width:320px) {
.year {font-size: 17px;}
.modal-body{font-size: 13px;}
.more {font-size: 8px;}
.productInfo li {font-size: 11px;}
#inner-service {padding: 12px 0;}
.services-blk span {font-size: 31px;}
.services-blk {margin-bottom: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: -17px;}
.address p {font-size: 15px;}
.address h3 {font-size: 20px;}
.wlcm{ text-align:center;}
}