body{
  font-size: 12px;
  font-family: 'Gotham';
  font-weight: 300;
}
h1,h2,h3{
  font-family: "Gotham";
  font-weight: 500;
}
a img{width: 100%;height: auto;}

 .header{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  background: rgb(255,222,153);
background: linear-gradient(0deg, rgba(255,222,153,1) 0%, rgba(254,209,109,1) 100%);
  z-index: 999;
  height: 120px;
  box-shadow: 0 0 5px #b1b1b1;
 }
 .main{
   margin-top: 120px;
 }
 .parry-logo a{
   display: block;
   max-width: 160px;
   height: auto;
 }
.side-logo a{
   display: block;
   max-width: 120px;
   height: auto;
 }
.header-row{
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 120px;
}
.nav-link{
  font-weight: 500;
  font-size: 24px;
  padding: 0!important;
  margin: 0 1em;
  border-radius: 0;
  color: #863a35!important;
  border-bottom: 2px solid #b4bd00;
}
.nav-link.active{
  color: #b4bd00 !important;
}
.sc-intro{padding: 0;}
.intro-just{
  padding: 60px 0;
  justify-content: center;
}
.mnr-desc{
  padding: 60px 0;
}
.jp_fflx{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;flex-direction: column}
.jp_fflx img{width: 140px;height: 140px;margin-bottom: 20px;}
.jp_fflx p{font-family: 'DIN-Bold';max-width: 240px;display: block;margin: 0 auto;
color: #959637;
font-size: 36px;
line-height: 1.15;
font-weight: 500;
text-align: center;}
.jp_desc_fflx{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;flex-direction: column}
.jp_desc_fflx img{width: 90px;height: 90px;margin-bottom: 20px;}
.jp_desc_fflx h2{text-align: left;font-size: 40px;}.jp_desc_fflx p{text-align: left;font-size: 24px;color: #863a20;font-weight: bold;max-width: 80%;}
.pdesc{align-items: center;}.bdg-txt{font-size: 35px;line-height: 1.3;font-weight: 300;}
.bdg-txt b{color: #863a20;font-weight: bold;}
.btn-primary{
  font-family: "Roboto";
  color: #fff;
  background-color: #490E67;
  border-color: #A374C2;
  text-transform: uppercase;

}
.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active{
  background-color: #A374C2;
  border-color: #490E67;
}
.jp-prdesc{
  background: rgb(255,243,219);
  background: linear-gradient(0deg, rgba(255,243,219,1) 0%, rgba(254,209,109,1) 100%);
  padding: 120px 0;
}
.jp-prdesc h1{
  text-align: center;
}

.sc-recp{
  padding: 60px 0;
  background: rgb(254,234,214);
  background: linear-gradient(0deg, rgba(254,234,214,1) 0%, rgba(253,201,154,1) 100%);
}
.sc-recp h1{font-family: "Gotham";color: #863a35;text-transform: uppercase;}
.whttxt{color: #fff}
#recpcrsl .carousel-inner{width: 80%; margin: 0 auto;}
.recp-card{
  background: #c56f4e;

}
.recp-flex{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.recp-flx-img{overflow: hidden;width: 100%;/*display: flex;align-items: center;justify-content: center;*/}
.recp-ladd{background: url('img/jp-rec-ladoo.jpg') center center no-repeat;background-size: cover;}
.recp-gajk{background: url('img/jp-rec-gajaks.jpg') center center no-repeat;background-size: cover;}
.carousel-control-prev-icon { background-image: url('img/jp-prev.png');}
.carousel-control-next-icon { background-image: url('img/jp-next.png');}
.recp-flx-img img{object-fit: cover;}
.recp-flx-txt{
  width: 100%;
  padding:40px 5%;
  font-size: 16px;
  font-weight: 500;
}

.recp-flx-txt h2{font-family: "Gotham";color: #863a35;font-size: 36px;}
.recp-flx-txt h4{font-family: 'DIN-Bold';font-size: 24px;text-transform: uppercase;text-decoration: underline;border-bottom: 2px solid #7f4720;}
.recp-flx-txt h4 span{display: inline-block;background: #7f4720;color: #fff;padding: 10px;border-top-right-radius: 10px;}
.recp-flx-txt ul{list-style: disc;margin: 0;margin-bottom: 10px;padding: 0;padding-left: 20px;display: flex;flex-wrap: wrap;}.recp-flx-txt ul.rec-ing li{width: 50%;}
.sc-tips{padding: 60px 0}

.blog-carousel .item{
  max-width: 640px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #A374C2;
  margin: 0 auto;
}
.blog-carousel .item .blog-img{width: 40%}
.blog-carousel .item .blog-cont{width: 60%;text-align: left;color: #fff;padding:20px}
.blog-cont h4{font-size: 1.33em}
  .blog-cont p{
    font-size: 1em;
    height: 3em;
    line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;}
.sc-social{
  padding: 0;
}
.sc-intro h1,.sc-social h1{
  display: inline-block;
  margin: 0 auto;
  background: #b4bd00;
  color: #fff;
  font-size: 32px;
  padding: 30px;text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.socmed{
display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;padding: 100px 0;
}
.soclnk{
  font-family: "Gotham";
  font-size: 36px;
  color: #231f20;
  width: 30%;
  max-width: 480px;
  height: 85px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,230,229,1) 100%);
  position: relative;
  transition: all ease 0.3s;
  border-radius: 50px;
  display: flex;
  align-items: center;
  padding: 20px;
  justify-content: flex-start;
}.soclnk:hover{
  color: #ac441e;text-decoration: none;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(254,234,214,1) 100%);
}
.soclnk img {
    width: 64px; height: 64px;margin-right: 36px;
}
.navbar-nav{justify-content: center;
    width: 100%;}
    .carousel-control-next-icon, .carousel-control-prev-icon{    width: 18px;height: 32px;}

@media only screen and (max-width: 640px){
      .blog-carousel .item{flex-direction: column;}
      .blog-carousel .item .blog-img, .blog-carousel .item .blog-cont{width: 100%;}
    }
    @media only screen and (min-width: 576px){
      .khub .card{height: 100%}
    }
@media only screen and (max-width: 991px){
  .header{
    height: 90px;
  }
  .main{
    margin-top: 90px;
  }
  .header-row .col-2{padding: 0;}
  .navbar{
    float: right;
    position: relative;
  }
  .navbar-collapse{
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 999;
    width: 260px;
    background: rgb(238, 238, 238);
    text-align: right;
  }
  .navbar-light .navbar-nav .nav-link{
    padding: 1em;
    margin: 0;
    border-radius: 0;
  }
  #recpcrsl .carousel-inner{width: 100%}
  .recp-flx-img {
    overflow: hidden;
    height: 400px;
}
.soclnk{width: 90%;margin-bottom: 20px;font-size: 32px;}
.soclnk img {width: 48px; height: 48px;margin-right: 24px;}
}
@media only screen and (min-width: 991px){
  .soclnk{font-size: 24px;}.soclnk img {width: 48px; height: 48px;margin-right: 24px;}
}
@media only screen and (min-width: 1280px){
  body{
    font-size: 14px;
  }
  .recp-flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
  .recp-flx-img{width: 40%;}
.soclnk{font-size: 28px;}
  .recp-flx-txt{width: 60%;}
  .sc-tips .introp{width: 80%;margin: 0 auto;}
}
@media only screen and (min-width: 1600px){
  body{
    font-size: 16px;
  }
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
}
.soclnk{font-size: 36px;}
.container-fluid{max-width: 1920px;}
}