@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');

/*------------------------------------------Body Start----------------------------------------------------*/





article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {


    display: flow-root;


}


/*-------------------------------------------Body End-----------------------------------------------------*/





/*------------------------------------------Fonts Start----------------------------------------------------*/





/* @font-face {


  font-family: "Kestre";


  src: url('../fonts/fontsfree-net-kestrel-w00-script.ttf');


} */





/* @font-face {


  font-family: 'Rubik', sans-serif;


  src: url('../fonts/ARIALBOLDMT.woff');


} */





/* @font-face {


  font-family: 'Rubik', sans-serif;


  src: url('../fonts/ARIALROUNDEDMT.woff');


} */





/* @font-face {


    font-family: "argentumsans";


    src: url('../fonts/argentumsans-light.ttf');


} */


/*------------------------------------------Fonts End-------------------------------------------------------*/


/*------------------------------------------Margin Top Start------------------------------------------------*/





.mt_5{


  margin-top: 5px;


}


.mt_10{


  margin-top: 10px;


}


.mt_15{


  margin-top: 15px;


}


.mt_20{


  margin-top: 20px;


}


.mt_25{


  margin-top: 25px;


}


.mt_30{


  margin-top: 30px;


}


.mt_35{


  margin-top: 35px;


}


.mt_40{


  margin-top: 40px;


}


.mt_45{


  margin-top: 45px;


}


.mt_50{


  margin-top: 50px;


}


.mt_55{


  margin-top: 55px;


}


.mt_60{


  margin-top: 60px;


}


.mt_65{


  margin-top: 65px;


}


.mt_70{


  margin-top: 70px;


}


.mt_75{


  margin-top: 75px;


}


.mt_80{


  margin-top: 80px;


}


.mt_85{


  margin-top: 85px;


}


.mt_90{


  margin-top: 90px;


}


.mt_95{


  margin-top: 95px;


}


.mt_100{


  margin-top: 100px;


}


.mt_105{


  margin-top: 105px;


}


.mt_110{


  margin-top: 110px;


}


.mt_115{


  margin-top: 115px;


}


.mt_120{


  margin-top: 120px;


}


.mt_125{


  margin-top: 125px;


}


.mt_130{


  margin-top: 130px;


}


.mt_135{


  margin-top: 135px;


}


.mt_140{


  margin-top: 140px;


}


.mt_145{


  margin-top: 145px;


}


.mt_150{


  margin-top: 150px;


}


.mt_155{


  margin-top: 155px;


}


.mt_160{


  margin-top: 160px;


}


.mt_165{


  margin-top: 165px;


}


.mt_170{


  margin-top: 170px;


}


.mt_175{


  margin-top: 175px;


}


.mt_180{


  margin-top: 180px;


}


.mt_185{


  margin-top: 185px;


}


.mt_190{


  margin-top: 190px;


}


.mt_195{


  margin-top: 195px;


}


.mt_200{


  margin-top: 200px;


}


.mt_205{


  margin-top: 205px;


}


.mt_210{


  margin-top: 210px;


}


.mt_215{


  margin-top: 215px;


}


.mt_220{


  margin-top: 220px;


}


.mt_225{


  margin-top: 225px;


}


.mt_230{


  margin-top: 230px;


}


.mt_235{


  margin-top: 235px;


}


.mt_240{


  margin-top: 240px;


}


.mt_245{


  margin-top: 245px;


}


.mt_250{


  margin-top: 250px;


}


.mt_255{


  margin-top: 255px;


}


.mt_260{


  margin-top: 260px;


}


.mt_265{


  margin-top: 265px;


}


.mt_270{


  margin-top: 270px;


}


.mt_275{


  margin-top: 275px;


}


.mt_280{


  margin-top: 280px;


}


.mt_285{


  margin-top: 285px;


}


.mt_290{


  margin-top: 290px;


}


.mt_295{


  margin-top: 295px;


}


.mt_300{


  margin-top: 300px;


}


.mt_350{


  margin-top: 350px;


}


.mt_400{


  margin-top: 400px;


}





/*------------------------------------------Margin Top End--------------------------------------------------*/





/*------------------------------------------Margin Bottom Start------------------------------------------------*/


.mb_5{


  margin-bottom:5px;


}


.mb_10{


  margin-bottom:10px;


}


.mb_15{


  margin-bottom:15px;


}


.mb_20{


  margin-bottom:20px;


}


.mb_25{


  margin-bottom:25px;


}


.mb_30{


  margin-bottom:30px;


}


.mb_35{


  margin-bottom:35px;


}


.mb_40{


  margin-bottom:40px;


}


.mb_45{


  margin-bottom:45px;


}


.mb_50{


  margin-bottom:50px;


}


.mb_55{


  margin-bottom:55px;


}


.mb_60{


  margin-bottom:60px;


}


.mb_65{


  margin-bottom:65px;


}


.mb_70{


  margin-bottom:70px;


}


.mb_75{


  margin-bottom:75px;


}


.mb_80{


  margin-bottom:80px;


}


.mb_85{


  margin-bottom:85px;


}


.mb_90{


  margin-bottom:90px;


}


.mb_95{


  margin-bottom:95px;


}


.mb_100{


  margin-bottom:100px;


}





/*------------------------------------------Margin Bottom End--------------------------------------------------*/








/*----------------------------------------------Margin Left Start------------------------------------------------------*/


.ml_0{


  margin-left: 0px;


}


.ml_5{


  margin-left:5px;


}


.ml_10{


  margin-left:10px;


}


.ml_15{


  margin-left:15px;


}


.ml_20{


  margin-left:20px;


}


.ml_25{


  margin-left:25px;


}


.ml_30{


  margin-left:30px;


}


.ml_35{


  margin-left:35px;


}


.ml_40{


  margin-left:40px;


}


.ml_45{


  margin-left:45px;


}


.ml_50{


  margin-left:50px;


}


.ml_55{


  margin-left:55px;


}


.ml_60{


  margin-left:60px;


}


.ml_65{


  margin-left:65px;


}


.ml_70{


  margin-left:70px;


}


.ml_75{


  margin-left:75px;


}


.ml_80{


  margin-left:80px;


}


.ml_85{


  margin-left:85px;


}


.ml_90{


  margin-left:90px;


}


.ml_95{


  margin-left:95px;


}


.ml_100{


  margin-left:100px;


}





/*----------------------------------------------Margin Left end--------------------------------------------------------*/


/*----------------------------------------------Margin right Start------------------------------------------------------*/


.mr_5{


  margin-right:5px;


}


.mr_10{


  margin-right:10px;


}


.mr_15{


  margin-right:15px;


}


.mr_20{


  margin-right:20px;


}


.mr_25{


  margin-right:25px;


}


.mr_30{


  margin-right:30px;


}


.mr_35{


  margin-right:35px;


}


.mr_40{


  margin-right:40px;


}


.mr_45{


  margin-right:45px;


}


.mr_50{


  margin-right:50px;


}


.mr_55{


  margin-right:55px;


}


.mr_60{


  margin-right:60px;


}


.mr_65{


  margin-right:65px;


}


.mr_70{


  margin-right:70px;


}


.mr_75{


  margin-right:75px;


}


.mr_80{


  margin-right:80px;


}


.mr_85{


  margin-right:85px;


}


.mr_90{


  margin-right:90px;


}


.mr_95{


  margin-right:95px;


}


.mr_100{


  margin-right:100px;


}


/*----------------------------------------------Margin right end--------------------------------------------------------*/








/*------------------------------------------Padding Top Start------------------------------------------------*/


.pt_5{


  padding-top: 5px;


}


.pt_10{


  padding-top: 10px;


}


.pt_15{


  padding-top: 15px;


}


.pt_20{


  padding-top: 20px;


}


.pt_25{


  padding-top: 25px;


}


.pt_30{


  padding-top: 30px;


}


.pt_35{


  padding-top: 35px;


}


.pt_40{


  padding-top: 40px;


}


.pt_45{


  padding-top: 45px;


}


.pt_50{


  padding-top: 50px;


}


.pt_55{


  padding-top: 55px;


}


.pt_60{


  padding-top: 60px;


}


.pt_65{


  padding-top: 65px;


}


.pt_70{


  padding-top: 70px;


}


.pt_75{


  padding-top: 75px;


}


.pt_80{


  padding-top: 80px;


}


.pt_85{


  padding-top: 85px;


}


.pt_90{


  padding-top: 90px;


}


.pt_95{


  padding-top: 95px;


}


.pt_100{


  padding-top: 100px;


}


.pt_105{


  padding-top: 105px;


}


.pt_110{


  padding-top: 110px;


}


.pt_115{


  padding-top: 115px;


}


.pt_120{


  padding-top: 120px;


}


.pt_125{


  padding-top: 125px;


}


.pt_130{


  padding-top: 130px;


}


.pt_135{


  padding-top: 135px;


}


.pt_140{


  padding-top: 140px;


}


.pt_145{


  padding-top: 145px;


}


.pt_150{


  padding-top: 150px;


}


.pt_155{


  padding-top: 155px;


}


.pt_160{


  padding-top: 160px;


}


.pt_165{


  padding-top: 165px;


}


.pt_170{


  padding-top: 170px;


}


.pt_175{


  padding-top: 175px;


}


.pt_180{


  padding-top: 180px;


}


.pt_185{


  padding-top: 185px;


}


.pt_190{


  padding-top: 190px;


}


.pt_195{


  padding-top: 195px;


}


.pt_200{


  padding-top: 200px;


}


/*------------------------------------------padding Top End--------------------------------------------------*/


body{


  margin: 0;


  border-bottom:5px solid #FBC900; 


}





a {


  text-decoration: none;


}





.float_left{


  float: left;


}





/*------------------------------------------header--------------------------------------------------*/





.logo_img{
  height: 216px;
  
}





nav{


  margin-left: 20%;


}





a:hover{


  text-decoration: none!important;


}


.top_heading{


  border-top:5px solid #FBC900;


  border-bottom: 2px solid #FBC900;


}





.top_head_box{


  margin: 0% 8%;


}





.search_page_container{


  margin-top: 30px;


  margin-bottom: 200px;


}


.narayani_natural_text_heading{


  font-family: 'Rubik', sans-serif;


  font-size: 72px;


  font-weight: 800;


  margin: 0px 0px;


  padding: 42px 0px 0px 140px;


  color: #282828;


}


.narayani_natural_text_heading:hover{


  text-decoration: none;


}


.d-block:hover {


  text-decoration: none;


}


.d-flex{


  display: flex;


}


.jusify_cednter{


    justify-content: center;


}





header .header-logo {


  color: #001b4f;


    font-weight: 700;


    font-size: 23px;


    transition: .4s;


    -webkit-transition: .4s;


    -moz-transition: .4s;


    -ms-transition: .4s;


    -o-transition: .4s;


}





header {


  background: #fff;


  top: 0;


  z-index: 1000;


}





#header-nav{


  border-top: 2px solid #FBC900;


}





header .main-menu>li {


  position: relative;


}





header .main-menu>li>a {


  font-family: 'Rubik', sans-serif;


  color: #000;


  font-size: 18px;


  padding: 3px 7.0vw 3px 0vw;


  font-weight: 700;


  display: block;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





header .main-menu>li.active>a {


  text-decoration: none;


  color: black;


}





header .main-menu>li:hover>a {


  text-decoration: none;


  color: black;


}





header .main-menu>li>a>i {


  color: #03328E;


}





header .main-menu>li>a:hover>i {


  color: #fff;


}





header .main-menu>li:hover>a i {


  color: #fff;


}





.mr


{


  left: 48%;


}





.mr2{


  left: 50%;


}





header .main-menu .sub-menu {


  display: none;


  position: absolute;


  /*left: 50%;*/


  top: 100%;


  width: 180px;


  /*overflow: hidden;*/


  border-top: 2px solid #f49306;


  background: #fff;


  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);


  z-index: 5;


  transform: translateX(-50%);


  -webkit-transform: translateX(-50%);


  -moz-transform: translateX(-50%);


  -ms-transform: translateX(-50%);


  -o-transform: translateX(-50%);


}





header .main-menu .sub-menu .sub-menu-inner {


  display: none;


  position: absolute;


  left: 152%;


  top: 80%;


  width: 186px;


  /* overflow: hidden; */


  border-top: 2px solid #f49306;


  background: #fff;


  box-shadow: 0 1px 5px 0 rgb(83 83 83 / 20%);


  z-index: 5;


  transform: translateX(-50%);


  -webkit-transform: translateX(-50%);


  -moz-transform: translateX(-50%);


  -ms-transform: translateX(-50%);


  -o-transform: translateX(-50%);


}





header .main-menu .sub-menu a {


  font-family: 'Rubik', sans-serif;


  padding: 11px 10px;


  display: block;


  color: #000;


  font-weight: 500;


  font-size: 14px;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





header .main-menu .sub-menu .sub-menu-inner a {


  font-family: 'Rubik', sans-serif;


  padding: 9px 10px;


  display: block;


  color: #000;


  font-weight: 500;


  font-size: 14px;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





header .main-menu .sub-menu a i {


  color: #03328E;


}





header .main-menu .sub-menu .sub-menu-inner a i {


  color: #03328E;


}





header .main-menu .sub-menu a:hover {


  background: gray;


  color: white;


  text-decoration: none;


}


header .main-menu .sub-menu .sub-menu-inner a:hover {


  background: gray;


  color: white;


  text-decoration: none;


}





header .main-menu>li:hover .sub-menu {


  display: block;


}





header .main-menu>li .sub-menu>li.submenu_li:hover  .sub-menu-inner {


  display: block;


}





header .header-logo figure img {


  max-width: 200px;


}





header .demo-link {


  margin-left: 1vw;


}





header .side-menu-close {


  background: transparent;


}





header .side-menu-close span {


  background: #21395F;


  width: 28px;


}





/* define a fixed width for the entire menu */


.navigation {


  width: 300px;


}





/* reset our lists to remove bullet points and padding */


.mainmenu, .submenu {


  list-style: none;


  padding: 0;


  margin: 0;


}


.mainmenu a {


  display: block;


  /*background-color: #CCC;*/


  text-decoration: none;


  padding: 10px;


  color: #000;


}





/* add hover behaviour */


.mainmenu a:hover {


    background-color: #C5C5C5;


}





.mainmenu li:hover .submenu {


  display: block;


  max-height: 200px;


}





.submenu a {


  background-color: #999;


}





/* hover behaviour for links inside .submenu */


.submenu a:hover {


  background-color: #666;


  color: black;


}





.submenu {


  overflow: hidden;


  max-height: 0;


  -webkit-transition: all 0.5s ease-out;


}





#call-action .call-action {


  color: #001b4f;


  font-weight: 700;


  font-size: 23px;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





#call-action .call-action:hover {


  color: #10bd3b;


}








#menu {


  width: 100px;


}





#menu ul {


  padding: 0;


  width: 180px;


  /*border: 1px solid;*/


  margin: 0px;


  background: white


}





/* Rajout d'une petite fleche pour les sous menu */


#menu li.sousmenu {


  background-image: url(http://www.nepcon.net/files/resource_1/design/menu_arrow.gif);


  background-repeat: no-repeat;


  background-position: 95% 50%;


}


#menu ul li {


  position: relative;


  list-style: none;


  /*border-bottom: 1px solid;*/


}


#menu ul ul {


  position: absolute;


  top: -1px;


  left: 180px;


  display: none;


}


#menu li a {


  text-decoration: none;


  padding: 4px 0 4px 8px;


  display: block;


  border:none;


  /*width: 84px*/


}


#menu ul.niveau1 li.sousmenu:hover ul.niveau2, #menu ul.niveau2 li.sousmenu:hover ul.niveau3 {


  display: block;


}


#menu li a:hover {


  border:none;


}


#menu ul ul li a:hover {


  border:none;


}


#menu ul ul ul li a:hover {


  border:none;


}





/* side menu */


.side-menu-wrap {


  width: 300px;


  position: fixed;


  left: -100%;


  top: 0;


  background: #fff;


  height: 100%;


  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);


  overflow-y: auto;


  z-index: 15000;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.side-menu-wrap.opened {


  left: 0;


  transition: .8s;


  -webkit-transition: .8s;


  -moz-transition: .8s;


  -ms-transition: .8s;


  -o-transition: .8s;


}





.side-menu-logo {


  border-bottom: 2px solid #FE8204;


  padding: 12px;


}





.side-menu-nav .main-menu>li {


  position: relative;


  border-bottom: 1px solid #ccc;


}





.side-menu-nav .main-menu>li#search_box {


  display: none;


}





.side-menu-nav .main-menu>li>a>i {


  color: #03328E;


}





.side-menu-nav .main-menu .sub-menu {


  border-top: 1px solid #FE8204;


  background: #fff;


  display: none;


}


.side-menu-nav .main-menu .sub-menu li .sub-menu-inner{


  border-top: 1px solid #FE8204;


  background: #fff;


  display: none;


}





.side-menu-nav .main-menu .sub-menu li {


  border-bottom: 1px solid #eee;


}





.side-menu-nav .main-menu .sub-menu li .sub-menu-inner li {


  border-bottom: 1px solid #eee;


}





.side-menu-nav .main-menu .sub-menu a {


  padding: 10px 22px;


  display: block;


  color: #212529;


  font-weight: 600;


  font-size: 14px;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.side-menu-nav .main-menu .sub-menu li .sub-menu-inner a {


  padding: 10px 40px;


  display: block;


  color: #212529;


  font-weight: 600;


  font-size: 14px;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.side-menu-nav .main-menu .sub-menu a i {


  color: #03328E;


}





.side-menu-nav .main-menu .sub-menu li .sub-menu-inner a i {


  color: #03328E;


}





.side-menu-nav .main-menu .sub-menu~i {


  font-size: .8em;


  position: absolute;


  padding: 22px 11px;


  right: 0;


  top: 0;


  border-left: 1px solid #ccc;


}





.side-menu-nav .main-menu .sub-menu li .sub-menu-inner~i {


  font-size: .8em;


  position: absolute;


  padding: 17px 11px;


  right: 0;


  top: 220px;


  border-left: 1px solid #ccc;


}





.side-menu-nav .main-menu .sub-menu a:hover {


  background: #F5F5F5;


}





.side-menu-nav .main-menu .sub-menu li .sub-menu-inner a:hover {


  background: #F5F5F5;


}





.side-menu-nav .main-menu>li>a {


  font-family: 'Rubik', sans-serif;


  color: #212529;


  padding: 15px 30px 15px 10px;


  font-size: 14px;


  font-weight: 600;


  display: block;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.side-menu-wrap .side-menu-close {


  position: absolute;


  right: 0;


  top: 0;


  height: 36px;


  width: 36px;


  border-radius: 0;


  -webkit-border-radius: 0;


  -moz-border-radius: 0;


  -ms-border-radius: 0;


  -o-border-radius: 0;


}





.side-menu-close {


 /* margin-top: -90px;*/


  height: 20px;


  width: 40px;


  background: #21395F;


  border-radius: 50%;


  -webkit-border-radius: 50%;


  -moz-border-radius: 50%;


  -ms-border-radius: 50%;


  -o-border-radius: 50%;


}





.side-menu-close span {


  height: 2px;


  width: 20px;


  background: #fff;


  position: relative;


  opacity: 1;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.side-menu-close span:nth-child(1) {


  top: -5px;


}





.side-menu-close span:nth-child(3) {


  bottom: -5px;


}





.side-menu-close.closed span:nth-child(1) {


  transform: translateY(7px) rotate(45deg);


  -webkit-transform: translateY(7px) rotate(45deg);


  -moz-transform: translateY(7px) rotate(45deg);


  -ms-transform: translateY(7px) rotate(45deg);


  -o-transform: translateY(7px) rotate(45deg);


}





.side-menu-close.closed span:nth-child(2) {


  opacity: 0;


}





.side-menu-close.closed span:nth-child(3) {


  transform: translateY(-7px) rotate(-45deg);


  -webkit-transform: translateY(-7px) rotate(-45deg);


  -moz-transform: translateY(-7px) rotate(-45deg);


  -ms-transform: translateY(-7px) rotate(-45deg);


  -o-transform: translateY(-7px) rotate(-45deg);


}





/*  custom overlay */


.custom-overlay {


  position: fixed;


  left: 0;


  top: 0;


  background: rgba(0, 0, 0, .4);


  z-index: 12500;


  visibility: hidden;


  opacity: 1;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}





.custom-overlay.show {


  visibility: visible;


  opacity: 1;


  transition: .4s;


  -webkit-transition: .4s;


  -moz-transition: .4s;


  -ms-transition: .4s;


  -o-transition: .4s;


}








  .fixed-top {


    position: fixed;


    top: 0;


    right: 0;


    left: 0;


  }





  .home_img{


    height: inherit;


    width: 100%;


  }





  .hebrs_for_health_text{


    font-family: 'Rubik', sans-serif;


    font-weight: bold;


    font-size: 40px;


    margin-bottom: 0px;


    color: #282828;


    text-align: center;


  }





  .quality_products_text{


    font-family: 'Rubik', sans-serif;


    font-weight: 500;


    font-size: 22px;


    color: #705E5A;


    text-align: center;


  }





  .box{


    height: 100px;


    width: 130px;


    background-color: #C4C4C4;


    float: left;


    margin-left: 20px;


  }





  .logo{


    margin:0px 45px;


  }





  .logo_img_1{


    height: 100px;


    width: 130px;


  }





  .home_footer_img{


    height:inherit;


    width: 100%;


    margin: 0% 0%;


  }





  .info_sales_text{


    font-family: 'Rubik', sans-serif;


    font-size: 14px;


    font-weight: bold;


    text-align: center;


  }





.developed_by_text{


    font-family: 'Rubik', sans-serif;


    font-weight: bold;


    font-size: 12px;


    text-align: right;


   /* margin-right: 90px;*/


    color: #705E5A;


}





.developed_by_text_2{


    font-family: 'Rubik', sans-serif;


    font-weight: bold;


    font-size: 12px;


    text-align: right;


    /*margin-right: 90px;*/


    color: #705E5A;


}





.all_right_reserved{


    font-family: 'Rubik', sans-serif;


    font-weight: bold;


    font-size: 12px;


    text-align: left;


   /* margin-right: 50px;*/


    color: #705E5A;


}





.btn {


  display: inline-block;


  padding: 5px 10px;


  font-size: 14px;


  color: #fff;


  border: 2px solid #4d92d9;


  background-color: #4d92d9;


  text-decoration: none;


  transition: 0.4s;


}


.btn:hover {


  background-color: transparent;


  color: #4d92d9;


  transition: 0.4s;


}





/*.search-box{


  background: #E8E8E4;


  position: absolute;


  top: 26px;


  right: -196.7%;


  width: 280px;


  height: 40px;


  line-height: 15px;


  box-shadow: 0 0 10px rgba(0,0,0,0.5);


  display: none;


  z-index: 30;


}





.search-box input[type="text"]{


  height: 40px;


  width: 200px;


  padding: 5px 10px;


  margin-left: 23px;


  border: 1px solid #FBC900;


  outline: none;


  font-size: 16px;


}


.search-box input[type="submit"]{


  width: 80px;


  font-size: 17px;


  padding: 9px 0;


  background: #FBC900;


  color: #fff;


  margin-left: 0px;


  border: 3px solid #FBC900;


  outline: none;


  cursor: pointer;


  margin-top: 0px;


  position: absolute;


}





.search-box input[type="button"]{


  width: 80px;


  font-size: 17px;


  padding: 9px 0;


  background: #FBC900;


  color: #fff;


  margin-left: 0px;


  border: 3px solid #FBC900;


  outline: none;


  cursor: pointer;


  margin-top: 0px;


  position: absolute;


}





.nav-bar{


  margin-left: 65px;


}








i.fa-search{


  font-size:15px;


}*/








.search-box{


  height: 0px;


  border:none;


  position: absolute;


  left: -190px;


  visibility: hidden;


  opacity: 0;


  top: 30px;


  font-size: 18px;


  outline: none;


  width: 220px;


  transition: 80ms all ease-in;


  border-bottom-left-radius: 5px;


  border-bottom-right-radius: 5px;


  box-shadow: none;


}





.search-box input[type="text"]{


  height: 40px;


  width: 200px;


  padding: 5px 10px;


  /*margin-left: 23px;*/


  border: 1px solid #FBC900;


  outline: none;


  font-size: 16px;


  float: left;


}


.search-box input[type="submit"]{


  width: 80px;


  font-size: 17px;


  padding: 4.5px 0;


  background: #FBC900;


  color: #fff;


  margin-left: 0px;


  border: 3px solid #FBC900;


  outline: none;


  cursor: pointer;


  margin-top: 0px;


  position: absolute;


}





.search-box input[type="button"]{


  width: 80px;


  font-size: 17px;


  padding: 9px 0;


  background: #FBC900;


  color: #fff;


  margin-left: 0px;


  border: 3px solid #FBC900;


  outline: none;


  cursor: pointer;


  margin-top: 0px;


  position: absolute;


}





.nav-bar{


  margin-left: 65px;


}





i.fa-search{


  font-size:15px;


}





.search-button {


  background:transparent;


  /*color: white;*/


  border: none;


  cursor: pointer;


  font-size: 14px;


  padding-top: 4px;


}





.search-button:hover + .search-box, .search-box:hover, .search:hover .search-box {


  visibility: visible !important;


  opacity: 1 !important;


  z-index: 9 !important;


  box-shadow: 1px 3px 4px #E6E6E6;


  height: 25px !important;


}





/* Media Queries */


@media screen and (max-width: 700px) {


  .fa-search:before {


    margin-left: 10px;


    padding: 10px;


   }


}





.navbar-toggle {


  margin-right: 35px;


  border: none;


  background: transparent !important;


}


.navbar-toggle:hover {


  background: transparent !important;


}


.navbar-toggle .icon-bar {


  width: 22px;


  transition: all 0.2s;


}


.navbar-toggle .top-bar {


  transform: rotate(45deg);


  transform-origin: 10% 10%;


}


.navbar-toggle .middle-bar {


  opacity: 0;


}


.navbar-toggle .bottom-bar {


  transform: rotate(-45deg);


  transform-origin: 10% 90%;


}


.navbar-toggle.collapsed .top-bar {


  transform: rotate(0);


}


.navbar-toggle.collapsed .middle-bar {


  opacity: 1;


}


.navbar-toggle.collapsed .bottom-bar {


  transform: rotate(0);


}





/* Demo 2 */


#demo-2 input[type=search] {


  width: 15px;


  padding-left: 10px;


  color: transparent;


  cursor: pointer;


}


#demo-2 input[type=search]:hover {


  background-color: #fff;


}


#demo-2 input[type=search]:focus {


  width: 130px;


  padding-left: 32px;


  color: #000;


  background-color: #fff;


  cursor: auto;


}


#demo-2 input:-moz-placeholder {


  color: transparent;


}


#demo-2 input::-webkit-input-placeholder {


  color: transparent;


}





.button {


  display: inline-block;


  margin: 4px 2px;


  background-color: #444;


  font-size: 14px;


  padding-left: 32px;


  padding-right: 32px;


  height: 50px;


  line-height: 50px;


  text-align: center;


  color: white;


  text-decoration: none;


  cursor: pointer;


  -moz-user-select: none;


  -khtml-user-select: none;


  -webkit-user-select: none;


  -ms-user-select: none;


  user-select: none;


}





.button:hover {


  transition-duration: 0.4s;


  -moz-transition-duration: 0.4s;


  -webkit-transition-duration: 0.4s;


  -o-transition-duration: 0.4s;


  background-color: white;


  color: black;


}





.search-container {


  position: relative;


  display: inline-block;


  margin: 4px 2px;


  height: 50px;


  width: 50px;


  vertical-align: bottom;


}





.mglass {


  display: inline-block;


  pointer-events: none;


  -webkit-transform: rotate(-45deg);


  -moz-transform: rotate(-45deg);


  -o-transform: rotate(-45deg);


  -ms-transform: rotate(-45deg);


}





.searchbutton {


  position: absolute;


  font-size: 22px;


  width: 100%;


  margin: 0;


  padding: 0;


}





.search:focus + .searchbutton {


  transition-duration: 0.4s;


  -moz-transition-duration: 0.4s;


  -webkit-transition-duration: 0.4s;


  -o-transition-duration: 0.4s;


  background-color: white;


  color: black;


}





.search {


  position: absolute;


  left: 49px;


  background-color: white;


  outline: none;


  border: none;


  padding: 0;


  width: 0;


  height: 100%;


  z-index: 10;


  transition-duration: 0.4s;


  -moz-transition-duration: 0.4s;


  -webkit-transition-duration: 0.4s;


  -o-transition-duration: 0.4s;


}





.search:focus {


  width: 363px; 


  padding: 0 16px 0 0;


}





.expandright {


  left: auto;


  right: 49px;


}





.expandright:focus {


  padding: 0 0 0 16px;


}








.item{


  width: 400px;


  height: 400px;


  background-color: white;


  position: relative;


  display: inline-block;


  margin: 1% 2% 1% 0%;


  overflow: hidden;


  box-shadow: 2px 3px 10px #444444;


}





.item .overlay{


  color: #000;


  width: 100%;


  height: 100%;


  background-color: #fff;


  opacity: 0;


  transition: all 0.5s ease;


  position: absolute;


  top: 0;


  bottom: 0;


}





/*START Grid Layout*/


.gridcontainer {


  width: 720px;


  margin: 30px auto;


}





.grid_3 {


  display: inline;


  float: left;


  margin-left: 10px;


  margin-right: 10px;


  width: 220px;


}





.grid_9 {


  display: inline;


  float: left;


  margin-left: 10px;


  margin-right: 10px;


  width: 700px;


}


/*END Grid Layout*/





/* custom style */





.photos-list {


  list-style: none;


  grid-column-gap: 15px;


}


.photos-list li{


  display:inline-block;


  position:relative;


}


.photos-list li span{


  display:none;


  bottom:0px;


  left:0px;


  width:100%;


  position:absolute;


  /*background-color:#838383;*/


  padding:0px;


  box-sizing:border-box;


}





#photos-list{


  height: 98px;


  width:inherit;


  margin-left: 0px;


}





#hover_img{


  height: 100px;


  width: 130px;


  margin-left: 10px;


}





.photos_list_2{


  margin:0;


  padding:0;


  list-style:none;


}





.photos-list_2 span{


  display:none;


  bottom:0;


  left:0;


  width:100%;


  position:absolute;


  /*background-color:#838383;*/


  padding:10px;


  box-sizing:border-box;


}





/*------------------------------------------who_are_we_page start--------------------------------------------------*/


.container_box{


  /*margin: 0% 8%;*/


}





.who_are_we_img{


  height: 600px;


  width: 100%;


}





.who_are_we_text{


   font-family: 'Rubik', sans-serif;


    font-weight: 500;


    font-size: 30px;


    margin-bottom: 0px;


    color: #FBC900;


    text-align: center;


}





.attend_to_para{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-style: italic;


  font-size: 16px;


  color:#BAB86C;


  text-align: justify;


  line-height: 22px;


}





.leaf_img{


  height: 90px;


}





.menu .active{


  font-weight: bold;


  color: black;


}





#photos-list{


 opacity: 0.5;


}





#photos-list:hover{


  opacity: 1;


}





.who_are_we{


  font-family: 'Rubik', sans-serif;


  font-size: 30px;


}





.narayani_naturals_paragraph{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 16px;


  color: #000;


  text-align: justify;


  line-height: 20px;


}





.float_right{


  float: right;


}





.max-width{


 /* width: 100%;*/


 margin: 0% 15%;


}





.we_supply_heading{


   font-family: 'Rubik', sans-serif;


   font-weight: 600;


   font-size: 22px;


   text-align: center;


   padding: 40px 0px 20px 0px;


}


.section_2_box{


  padding: 50px 0 50px 0;


}


.section_2_3{


  /*margin: 0% 10%;*/


}





.herbal_tea_industry_text{


  font-family: 'Rubik', sans-serif;


  font-weight: 800;


  font-size: 16px;


  text-align: center;


  margin-bottom: 0;


  padding: 20px 0px;


}





.Ingredients_img{


  height: 230px;


  width: 100%;


  border-radius: 50%;


}





.all_right_reserved_text_2{


    font-family: 'Rubik', sans-serif;


    font-weight: bold;


    font-size: 12px;


    text-align: left;


   /* margin-left: 80px;*/


   /* margin-right: 50px;*/


    color: #705E5A;


}





/*------------------------------------------who_are_we_page end--------------------------------------------------*/


/*------------------------------------------certified_farms_page start--------------------------------------------------*/





.ceritigfied_farm_img {


    height: 400px;


    width: 100%;


    margin-top: 20px;


}


.ceritigfied_farm_img_2 {


    height: 350px;


    width: 100%;


    margin-top: 20px;


}


.ceritigfied_farm_img_3 {


    height: 350px;


    width: 100%;


    margin-top: 20px;


}





.certified_farm_text{


   font-family: 'Rubik', sans-serif;


   font-weight: 500;


   color: #FBC900;


   /*text-align: center;*/


   font-size: 30px;


   line-height: 30px;


}





.certified_farm_para{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 16px;


  color: #000;


  text-align: justify;


  line-height: 20px;


}





/*------------------------------------------certified_farms_page end--------------------------------------------------*/


/*------------------------------------------certified_orchard_page start--------------------------------------------------*/


.ceritified_orchard_img{


  height: 700px;


  width: 100%


}





.ceritified_orchard_img_2{


  /*margin-top: 28%;*/


  height: 350px;


  width: 100%;


}





/*------------------------------------------certified_orchard_page start--------------------------------------------------*/


/*------------------------------------------certified_farmer-group_page start--------------------------------------------------*/


.ceritified_farmer_group_img{


  height: 700px;


  width: 100%;


}





.ceritified_farmer_group_img_2{


/*  margin-top: 29%;*/


  height: 370px;


  width: 100%;


}


/*------------------------------------------certified_farmer-group_page end--------------------------------------------------*/





/*------------------------------------------manufacturing abilities page start--------------------------------------------------*/





.manufacturing_img{


  height: 550px;


  width: 100%;


}





.manufacturing_img_1{


  height: 350px;


  width: 100%;


  /*margin-bottom: 10px;*/


}





.manufacturing_img_2{


  height: 700px;


  width: 100%;


}





.manufacturing_img_3{


  height: 350px;


  width: 100%;


  margin-top: 20px;


}





.manufacturing_img_4{


  height: 500px;


  width: 50%;


}





.manufacturing_img_5{


  height: 350px;


  width: 100%;


}





.manufacturing_img_6{


  height: 380px;


  width: 100%;


  /*margin-top: 80px;*/


}





.manufacturing_img_7{


  height: 350px;


  width: 100%;


  margin-top: 20px;


}





.customization_img_2{


  height: 340px;


  width: 100%;


  margin-top:20px;


}





.sifting_and_granding_img_1{


  width: 100%;


}





.sifting_and_granding_img_2{


  height: 290px;


}





.handling_and_cleaing_of_herbs_text{


   font-family: 'Rubik', sans-serif;


   font-size: 18px;


   color: #000;


}





.narayani_naturals_paragraph_2{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 12px;


  color: #000;


  text-align: justify;


  line-height: 16px;


}





.cutting_slicing_heading{


  font-family: 'Rubik', sans-serif;


  font-weight: 600;


  font-size: 20px;


  color: #000;


  text-align: left;


  line-height: 18px;


  margin: 20px 0px;


}





.cryogenic_grinding_work{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 18px;


  color: #000;


  text-align: justify;


  line-height: 20px;


  margin-top: 50px;


}





.benefits_head_text{


  font-family: 'Rubik', sans-serif;


  font-size: 18px;


  color: #000;


  margin-top: 20px;


}





.customization_head_text{


  font-family: 'Rubik', sans-serif;


  font-weight: 600;


  font-size: 24px;


  color: #000;


  text-align: justify;


  line-height: 24px;


  /*margin-top: 20px;*/


  color: #FBC900;


}





.once_these_products_para_text{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 16px;


  color: #000;


  text-align: justify;


  line-height: 20px;


  margin-top: 10px;


}





.once_the_plant_para_text{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 16px;


  color: #000;


  text-align: justify;


  line-height: 20px;


  margin-top: 10px;


}


.dashed_hr{


  border: 1px dashed #FBC900;


}


/*------------------------------------------manufacturing abilities page end--------------------------------------------------*/


/*------------------------------------------indian traditional legacy page start--------------------------------------------------*/





.Indian_Traditional_Legacy{


 /* margin: 0px 10%;*/


}





.indian_traditional_img{


  height: 400px;


  width: 100%;


}


.indian_traditional_img_2{


  height: 600px;


  width: 100%;


}





.medicinal_plant_para{


    font-family: 'Rubik', sans-serif;


    font-weight: 500;


    font-size: 16px;


    color: #000;


    text-align: justify;


    line-height: 20px;


}





.i_want_picture{


  height: 300px;


  width: 300px;


}





/*------------------------------------------indian traditional legacy pag end--------------------------------------------------*/


/*------------------------------------------herbs page start--------------------------------------------------*/





.herbs_text{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  font-size: 30px;


  margin-bottom: 0px;


  color: #FBC900;


  text-align: center;


}





.herbs_box{


    height: 60px;


    border-bottom: 2px solid #FBC900;


    width: 40%;


    /* left: 85px; */


    margin-left: 30%;


    margin-bottom: 4%;


}





.border{


  border: 1px solid;


  margin: 5px;


  background: pink;


}





.content_img {


  height: 250px;


  margin: 1em 0;


}





.content_img_2 {


  height: 160px;


  margin: 1em 0;


}





.content_img .img-text {


  font-family: 'Rubik', sans-serif;


  position: absolute;


  font-size: 14px;


  background: #74c73c;


  color: white;


  /*opacity: 0.5;*/


  visibility: hidden;


  -webkit-transition: visibility 0s, opacity 0.5s linear;


  transition: visibility 0s, opacity 0.5s linear;


  z-index: 1;


  text-align: center;


  margin-left: 13px;


  margin-top: -20px;


}





.content_img:hover img{


  /*opacity: 0.6;*/


}





.content_img:hover .img-text {


  font-family: 'Rubik', sans-serif;


  padding: 8px 15px;


  visibility: visible;


  opacity: 1;


  max-width: 90%;


  z-index: 1;


}





.content_img .img-text:before{


    content: " ";


    position: absolute;


    right: 20px;


    top: -40px;


    border-top: none;


    border-right: 22px solid transparent;


    border-left: 10px solid transparent;


    border-bottom: 50px solid #74c73c;


    transform: rotate(-30deg);


}





.content_img_2 .img-text {


  font-family: 'Rubik', sans-serif;


  position: absolute;


  font-size: 12px;


  background: #74c73c;


  color: white;


  /*opacity: 0.5;*/


  visibility: hidden;


  -webkit-transition: visibility 0s, opacity 0.5s linear;


  transition: visibility 0s, opacity 0.5s linear;


  z-index: 1;


  text-align: center;


  margin-left: 5px;


  margin-top: -540px;


}





.content_img_2:hover img{


  /*opacity: 0.6;*/


}





.content_img_2:hover .img-text {


  font-family: 'Rubik', sans-serif;


  padding: 8px 15px;


  visibility: visible;


  opacity: 1;


  max-width: 80%;


  z-index: 1;


}





.content_img_2 .img-text:before{


    content: " ";


    position: absolute;


    /* right: 50px;*/


    left: 10px;


    top: 380px;


    border-top: none;


    border-right: 22px solid transparent;


    border-left: 10px solid transparent;


    border-bottom: 50px solid #74c73c;


    transform: rotate(-200deg);


}





.wrapper {


  width: 33.3%;


  height: 100%;


  padding: 10px;


}





.box {


  position: relative;


  max-height: 300px;


  border-radius: 4px;


  overflow: hidden;


  box-shadow: 0 1.4px 1.7px rgba(0, 0, 0, 0.017), 0 3.3px 4px rgba(0, 0, 0, 0.024), 0 6.3px 7.5px rgba(0, 0, 0, 0.03), 0 11.2px 13.4px rgba(0, 0, 0, 0.036), 0 20.9px 25.1px rgba(0, 0, 0, 0.043), 0 50px 60px rgba(0, 0, 0, 0.06);


}


.box .hide {


  opacity: 0;


}


.box .frame {


  position: absolute;


  border: 1px solid #fff;


  z-index: 2;


  top: 50%;


  left: 50%;


  transform: translate(-50%, -50%);


}


.box h2, .box p {


  font-family: 'Rubik', sans-serif;


  position: absolute;


  color: #fff;


  z-index: 2;


  width: 100%;


  transition: opacity 0.2s, transform 0.3s;


}


.box h2 {


  font-weight: 500;


  font-size: 22px;


  margin-bottom: 0;


  letter-spacing: 1px;


}


.box p {


  bottom: 0;


  font-size: 14px;


  letter-spacing: 1px;


}


.box:hover {


  transition: all 0.3s ease-in-out;


}


.box:hover:before {


  transition: all 0.3s ease-in-out;


}


.box img {


  position: relative;


  width: 100%;


  height: 100%;


  z-index: 1;


  transition: all 0.3s ease-in-out;


}


.box img:hover {


  transition: all 0.3s ease-in-out;


}


.box img:after {


  content: "";


  position: absolute;


  background-color: rgba(0, 0, 0, 0.6);


  width: 100%;


  height: 100%;


  top: 0;


  left: 0;


  opacity: 0;


}


.box img:hover {


  transition: all 0.3s ease-in-out;


}





.zoom-out .frame {


  width: calc(100% - 100px);


  height: calc(100% - 100px);


  top: 50%;


  left: 50%;


  transform: translate(-50%, -50%);


  width: calc(100% - 40px);


  height: calc(100% - 40px);


}


.zoom-out h2 {


  font-size: 20px;


  font-weight: 300;


  margin-left: 10px;


  letter-spacing: 1px;


}


.zoom-out span {


  font-size: 24px;


  font-weight: 500;


}


.zoom-out p {


  max-width: 120px;


  text-align: right;


  margin: 10px;


  right: 0;


}


.zoom-out img {


  transform: scale(1.1);


}


.zoom-out:hover img {


  transform: scale(1);


  filter: contrast(70%);


}





.content_img::before{


            content: "";


            position: absolute;


            width:85%;


            height:100%;


            left:15px;


            top:0;


            opacity:1;


           /* border:2px solid #a3d45e;*/


            transform: scale(0.9,0.9);


            transition: all 0.50s ease 0s;


        }


.content_img_2::before{


            content: "";


            position: absolute;


            width:85%;


            height:100%;


            left:15px;


            top:0;


            opacity:1;


            border:2px solid #a3d45e;


            transform: scale(0.9,0.9);


            transition: all 0.50s ease 0s;


        }





.content_img:hover img{


  background: green;


  z-index: 30;


  /*opacity: 0.3;*/


}





.overlay{


  font-family: 'Rubik', sans-serif;


  font-weight: 500;


  transition: transform 180ms;


  transform: translateY(-50px);


  text-align: center;


  color: white;


}





.content_img:hover .text{


  transition: transform 180ms;


  transform: translateY(-50px);


  text-align: center;


  color: white;


  /*background-color: green;*/


}





.content_img:hover p{


  background: #5C97FF;


  opacity: 0.3;


}





.content_img.img{


   /* background: #5C97FF;*/


    opacity: 0.3;


}





.content_img_2:hover .overlay{


  transition: transform 180ms;


  transform: translateY(-120px);


  text-align: center;


  color: white;


}





.container .title{


  color: #1a1a1a;


  text-align: center;


  margin-bottom: 10px;


}





.content_img {


  position: relative;


  width: 100%;


  max-width: 400px;


  margin: auto;


  margin-top: 10px;


  /*margin-bottom: 10px;*/


  /*overflow: hidden;*/


}





.content_img .content-overlay {


  background:rgb(66 162 88 / 61%);


  position: absolute;


  height: 100%;


  width: 100%;


  left: 0px;


  top: 0;


  bottom: 0;


  right: 0;


  opacity: 0;


  -webkit-transition: all 0.4s ease-in-out 0s;


  -moz-transition: all 0.4s ease-in-out 0s;


  transition: all 0.4s ease-in-out 0s;


}





.content_img_2 .content-overlay {


  background:rgb(66 162 88 / 61%);


  position: absolute;


  height: 100%;


  width: 85%;


  left: 15px;


  top: 0;


  bottom: 0;


  right: 0;


  opacity: 0;


  -webkit-transition: all 0.4s ease-in-out 0s;


  -moz-transition: all 0.4s ease-in-out 0s;


  transition: all 0.4s ease-in-out 0s;


}





.content_img:hover .content-overlay{


  opacity: 1;


}





.content_img_2:hover .content-overlay{


  opacity: 1;


}





.content-image{


  width: 100%;


}





.content-details {


  position: absolute;


  text-align: center;


  padding-left: 2em;


  padding-right: 2em;


  width: 100%;


  top: 50%;


  left: 50%;


  opacity: 1;


  -webkit-transform: translate(-50%, -50%);


  -moz-transform: translate(-50%, -50%);


  transform: translate(-50%, -50%);


  -webkit-transition: all 0.3s ease-in-out 0s;


  -moz-transition: all 0.3s ease-in-out 0s;


  transition: all 0.3s ease-in-out 0s;


  display: none;


}





.content_img:hover .content-details{


  top: 70%;


  left: 50%;


  opacity: 1;


  display: block;


}





.content_img_2:hover .content-details{


  top: 50%;


  left: 50%;


  opacity: 1;


}





.content-details h3{


  font-family: 'Rubik', sans-serif;


  color: #fff;


  font-size: 15px;


  font-weight: 500;


  /*letter-spacing: 0.15em;*/


  margin-bottom: 0.6em;


  /* text-transform: uppercase;*/


}





.content-details p{


  color: #fff;


  font-size: 0.8em;


}





.fadeIn-bottom{


  top: 80%;


}





.herb_product{


  /*border: 1px solid gray;*/


}


.acacia_arabica_text{


    font-family: 'Rubik', sans-serif;


    font-size: 18px;


    margin: 0;


    padding: 5px;


    text-align: center;


    color: #c19b0a;


}





/*------------------------------------------herbs page end--------------------------------------------------*/





/*------------------------------------------spices page start--------------------------------------------------*/


.spices_product{


  height: 800px;


}





.footer{


  margin: 0px 86px;


}


.footer_box{


  bottom: 0;


  padding: 20px 0 0px 0;


  /*border-bottom:5px solid #FBC900;*/


}


/*------------------------------------------herbs page end--------------------------------------------------*/


/*------------------------------------------spices page start--------------------------------------------------*/


.spices_main_img{


  height: inherit;


  width: 100%;


}


.oil_img_1{


  height: 340px;


  width: 70%;


}


.oil_img_2{


  height: 320px;


  width: 95%;


  margin-top: 20px;


}


.oil_img_3{


  height: 300px;


}


.oil_img_4{


  height: 320px;


}


.oil_img_5{


  height: 320px;


  width: 100%;


  margin-top: 20px;


}


.amla_oil_text{


    font-family: 'Rubik', sans-serif;


    font-weight: 500;


    font-size: 30px;


    line-height: 24px;


    margin: 20px 0px; 


    color: #FBC900;


}


/*------------------------------------------spices page End----------------------------------------------------*/



/* for 600 */
@media (max-width:767px) { 
	.home_footer_img{
		height:inherit;
		width: 760px;
	}

	.home_img{
		height: inherit;
		width: 760px;
    }

    .logo_img{
      height: 100px;
      width: 100px;
    }
	
}


/* for 480 */
@media (max-width: 599px) {
	.home_footer_img{
		height:inherit;
		width: 599px;
	}

	.home_img{
		height: inherit;
		width: 599px;
    }

    .logo_img{
      height: 100px;
      width: 100px;
    }
		
}


/* for 360 */
@media screen and (max-width: 479px) {
	.home_footer_img{
		height:inherit;
		width: 479px;
	}

	.home_img{
		height: inherit;
		width: 479px;
    }

    .logo_img{
      height: 80px;
      width: 80px;
    }
	
	
}


/* for 320 */
@media screen and (max-width: 359px) {
	.home_footer_img{
		height:inherit;
		width: 359px;
	}

	.home_img{
		height: inherit;
		width: 359px;
    }

    .logo_img{
      height: 70px;
      width: 70px;
    }
	
}