@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah&display=swap');
body{
	font-family: 'Primary-Regular';
	background-color: #f6f6f6;
	overflow-x: hidden;
}
img{
	width: 100%;
}
p{
	font-family: 'Primary-Regular';
	font-size: 16px;
	line-height: 24px;
}
.no-padding{
	padding: 0px;
}
.mrg-top-50{
  margin-top: 50px;
}

#wrapper {
	padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
	position: relative;
    margin-left: 280px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper {
    z-index: 1000;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-image: url('../img/slider-nav-bg_01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 295px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#page-content-wrapper {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -500px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: relative;
    top: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 57%;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
.sidebar-nav li a{
    display: block;
    color: #ddd;
    text-decoration: none;
    padding-left: 25%;  
    text-transform: uppercase;
    line-height: 20px;
    font-size: 16px;
    color: #ee5034;
}
.sidebar-nav li a:hover{
	background-color: transparent;
	background-image: url('../img/active-menu-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;

}
.sidebar-nav li a.active{
	background-image: url('../img/active-menu-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
	background-color: transparent;
}
.sidebar-brand {
	display: block;
	width: 100%;
    height: 200px;
    font-size: 20px;
    line-height: 44px;
    color: #fff;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 65px;
  background: transparent;
  border: none;
}
.hamburger:after{
    content: '';
    display:block;
    position: absolute;
    width: 100%;
    height: 100%;
     border: 5px solid #48b4fd;
       padding: 23px;
    border-top: 5px;
    border-bottom: 5px;
    border-radius: 25%;
    top: -5px;
    left: -12px;
    animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */ 
   /* transform: rotate(.03turn);  */
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#button {
  display: inline-block;
  background-color: #fe492d;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.is-open {
	margin-left:7%;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.copy{
	position: relative;
	bottom: 0px;
	background-color: #ee5034;
	padding: 10px;
	width: 100%;
}
.copy .fa{
	color: #fff;
	cursor: pointer;
}
.copy a{
	text-transform:uppercase;
	color: #fff;
	font-size: 12px;
	font-family: 'Secondary-Regular';
	text-decoration: none;
	    letter-spacing: .9px;
}
.logo{
	width: 80%;
    margin-top: 10%;
}
.carousel-inner{
	height: 100%;
}
.circle-1{
  position: absolute;
  right: -275px;
  top: -287px;
  -webkit-animation: rotation 25s infinite linear;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.circle-2{
  position: absolute;
  left: -317px;
  bottom: -260px;
  -webkit-animation: rotation 25s infinite linear;
}
.slider-quote{
  background-color: #ee5034;
  padding:2%;
  padding-right: 20%;
  text-align: right;
  color: #fff;
}
.slider-quote p:nth-child(1){
  font-family: 'Secondary-Italic';
}
.slider-quote p:nth-child(2){
  font-family: 'Secondary-Bold';
}
.contact-topbar{
  position: absolute;
  color: #fff;
  right: 25px;
  z-index: 999999;
}
.contact-topbar h4{
  border-top: 3px solid #cfeb17;
  border-left: 3px solid #cfeb17;
  padding: 5px;
}
.contact-topbar h4:before {
      content : "";
      position: absolute;
      left    : 0;
      top  : 20px;
      height  : 1px;
      width   : 50%;  /* percentage of the element width*/
      border-bottom:4px solid  #cfeb17;
      margin-top:1.2em; /*move the border below the text*/
}
.taste{
  background-color: #f6f6f6;
  min-height: 455px;
  background-image: url('../img/abt_bg.jpg');
  background-size: 52%;
      background-repeat: no-repeat;
}
.main-color{
  color: #ef6249 !important;
}
.taste-firsthalf{
  /*background-image: url('../img/taste-one-bg.png');*/
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 120px 10px 50px 150px;
}
.taste-firsthalf h2{
  margin-top: 80px;
  margin-bottom: 50px;
  color: #000;
  line-height: 38px;
  font-family: 'Gloria Hallelujah', cursive;
}
.taste-firsthalf h4{
  font-family: 'Secondary-Bold';
  color: #ef6249;
  font-style: italic;
}
.frst-dis p{
  font-family: 'Secondary-Bold';
  color: #474646;
  font-style: italic;
  font-size: 12px;
  line-height: 10px;
}
.second-firsthalf{
     margin-top: 45px;
    background-image: url(../img/plate_03.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    height: 400px;
}
.row{
  margin:0;
}
.about-knb{
  background-image: url('../img/aboutknb.jpg');
   /*background-repeat: no-repeat;
    background-size: cover;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 500px;*/ 

  /* Create the parallax scrolling effect */
   min-height: 600px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.since h4{
  position: absolute;
      left: 30px;
    top: 15px;
    color: #fff;
}
/*.story{
  border: 5px solid #fff;
  padding: 20px;
  margin-top: 5%;
}
.story:after{
  content: '';
  width:100%;
  border: 5px solid #fff;
  padding: 20px;
}*/
.story{
  position:relative; 
  z-index:10;
  border:5px solid #fff; 
  text-align: center;
  color: #fff;
  margin-top: 5%;
}
.story h2{
  background-image: url('../img/head-bg.png');
  background-repeat: no-repeat;
  background-size: 65%;
  background-position: center;
  padding: 10px 0px;
  font-size: 18px;
  position: relative;
  top: -40px;
}
.story:before{
  content:""; 
  display:block; 
  position:absolute; 
  z-index:-1; 
  top: 2px;
  left: 2px;
  right: -13px;
  bottom: -13px;
  border:5px solid #fff;
}
.story p{
  padding: 0px 30px ;
}
.sign{
  float: right;
}
.sign p{
  color: #000;  
  line-height: 20px;
}
.number-one h1{
  color: #fff;
  font-family: 'brush';
}
.knb-audi{
  background-image: url('../img/aboutaudiknb_02.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 50px;
}
.knb-audi h4, .knb-audi h3{
  margin:0;
}
.big-k{
  font-size: 50px;
  font-weight: bold;
}
.quality{
  background-repeat: no-repeat;
  background-size: 60%;
  margin-top: -100px;
}
.quality p{
    position: relative;
    text-align: center;
    top: 5px;
    line-height: 14px;
    padding: 20px;
    left: -25px;
    font-size: 11px;
}
.greenp{
  padding-right: 15px;
    background-color: #96d455;
        padding-left: 23px;
    margin-left: -10px;
    border-radius: 4px;
    color: #fff;
}
.audi-circle{
  
 background-size: contain;
  display: block;
  background-repeat: no-repeat;
      margin-top: 125px;
      padding: 5%;
}
.audi-circle:after{
    content: url('../img/lines-circle-pinkaudi.png');
      -webkit-animation: rotation 10s infinite linear;
    display: block;
    position: absolute;
    top: -12px;
    left: -9px;
}
h2{
  text-align:center;
  padding: 20px;
}
/* Slider */

.slick-slide {
    margin-right: 20px;
}

.slick-slide img {
    width: 60%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
#dish.container-fluid{
  background-image: url('../img/dish-bg.jpg');
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#dish.container-fluid h1{
  font-family: 'Secondary-Bold';
  color: #fff;
}
.dish-img{
  border: 4px solid #e7a72b;
  border-radius: 50%;
}
.slide-text{
  position: relative;
}
.slide-text h4{
    border-top: 3px solid #e7a72b;
    border-left: 3px solid #e7a72b;
    padding: 10px;
    color: #fff;
    text-align: center;
}
.slide-text h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    height: 1px;
    width: 50%;
    border-bottom: 4px solid #e7a72b;
    margin-top: 1.2em;
}
.font-20{
  font-size: 20px !important;
}
#enquiry.container-fluid{
  background-color: #00b4ba;
}
#enquiry.container-fluid h1{
  font-family: 'Secondary-Bold';
  color: #fff;
}
#enquiry .fa-envelope-o{
  color: #fff;
  margin-left: 15%;
}
.form-control{
  border-radius: 0;
  border: none;
  background-color: #d7e6e7;
}
.frm-sub-btn{
  position: relative;
  width:100%;
  border: none;
    border-top: 3px solid #e7a72b;
    border-left: 3px solid #e7a72b;
    padding: 7px;
    color: #fff;
    text-align: center;
    background-color: transparent;

}
.frm-sub-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    height: 1px;
    width: 50%;
    border-bottom: 4px solid #e7a72b;
    margin-top: 1.2em;
}
iframe{
  border: 5px solid #e7a72b;
}
footer{
  background-image: url('../img/footer-bg_02.jpg');
  color: #fff;
}
footer ul{
  list-style: none;
  margin:0;
  padding: 0;
}
.footer-content{
  padding-top: 50px;  
  padding-bottom: 10px;
}
footer a{
  color: #fff;
  font-size: 12px;
}
footer a:hover{
  color: #fff;
  text-decoration: none;
}
.ft-logo{
  width: 30%;
}
.icons{
  float: left;
  width: 10%;
}
#ft-ul-2 ul li{
  display:inline-block;
}
.sm{
  margin-left:25%;
}
.con-2{
  text-align: left !important;
}
.cpy{
  background-color: #fe3d29;
  min-height: 50px;
  width: 100%;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}
#mobile-nav{
  display: none;
}
#sidebar-wrapper{
  display: block;
}
.menu-btn{
    position: absolute;
    z-index: 9999;
    top: 470px;
    left: 0%;
}
.menu-btn h5{
  color: #000;
    position: relative;
    top: -140px;
    left: 5px;
    text-align: center;
}
.more-btn-dwn{
  position: absolute;
  z-index: 9999;
  top: 85%;
  right: 5%;
}
.more-btn-dwn p{
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    color: #fff;
    margin-top: -11px;
    margin-left: -26px;
}
@media only screen and (max-width: 769px) {
  .circle-2, .circle-1{
    display: none;
  }
  .taste-firsthalf{
    padding: 0;
  }
  .taste-firsthalf h2{
    margin-bottom: 0;
  }
  .frst-dis{
    text-align: center !important;
  }
  .taste-firsthalf{
    background-image: url('../img/curry-leaves.png');
    background-size: contain;
    background-position: left;
  }
  .secnd-dis{
    display: none;
  }
  .story h2{
    background: none;
    top: 0;
  }
  .since img{
    width:10%;
    margin-bottom: 20px;
  }
  .story{
    margin-top: 12%;
  }
  .sign{
    float: none;
  }
  .sign img{
    width: 25%;
  }
  #dish.container-fluid{
    background-size: cover;
    min-height: 400px;
  }
  .slide-text h4:before{
    top: 36px;
  }
  footer ul{
    text-align: center;
  }
  .ft-logo {
    width: 20%;
    margin-top: 25px;
  }
  .gps{
    display: none;
  }
  .sm {
    margin-left: 35%;
  }
  .con-2 {
    margin-left: 18%;
  }
  #enquiry .fa-envelope-o{
    margin-left: 0;
  }
  .quality{
    display: none;
  }
  .menu-btn{
    top: 240px;
  }
}
.slider-text{
  position: absolute;
   top: 15%;
    left: 30%;
    color: #fff;
    padding: 125px;
}
.slider-text span{
    position: relative;
    z-index: 99999;
}
.menu{
  background-color: #ee5034;
  background-image: url(../img/menu_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
      padding-top: 70px;
    padding-bottom: 50px;
}
.menu a{
   float: right;
    color: #f5f5f5;
    background-color: #ee5034;
    text-align: center;
    padding: 13px;
    margin-right: 40px;
    font-size: 16px;
    text-decoration: none;
}

.sadhya h3{
  color: #fff;
  background-color: #ffffff87;
  font-family: 'Mallu-Bold';
  text-align: center;
  font-size: 90px;
}
.sadhya h4{
  color: #000;
  background-color: #ffffff87;
  font-family: 'Mallu-Bold';
  text-align: center;
  font-size: 22px;
}
.sadhya p{
  color: #fff;
  font-family: 'Mallu';
  font-size: 20px;
}
.other-menu h3{
  color: #fff;
  background-color: #ffffff87;
  text-align: center;
  font-size: 90px;
}
.other-menu h4{
  color: #000;
  background-color: #ffffff87;
  text-align: center;
  padding: 5px;
  font-weight: bold;
}
.other-menu p{
  color: #fff;
}
a:hover{
  text-decoration: none;
}
.asian{
  font-size: 12px; 
}
@media only screen and (max-width: 767px){
  .slider-text{
        left: 25%!important;
    padding: 23px!important;
    top: 18%!important;
  }
  .span-slim {
    font-size: 12px!important;
	}
	.span-medium {
    font-size: 16px!important;
}
.span-black {
    font-family: 'black';
    font-size: 28px!important;
    line-height: 20px!important;
}
  .taste-firsthalf{
    background-image:none;
  }
  .cook-phone, .spoon-phone{
    display: none;
  }
  .con-2{
    text-align: center!important;
    margin-left: 0;
  }
  .sm {
    margin-left: 8%;
  }
  .audi-circle{
    display: none;
  }
  .slide-text h4{
    font-size: 14px;
  }
  .since{
    display: none;
  }
  #mobile-nav{    
    display: block;
    position: fixed;
    top: 0;
    z-index: 99999999999999;
    width:100%;
  }
  #sidebar-wrapper{
    display: none;
  }
  .hamburger{
    display: none;
  }
  .logo {
    width: 20%;
    margin-top: -4%;
    float: left;
  }
   #mobile-nav ul li a{
    text-transform: uppercase;
   }
   #page-content-wrapper{
    margin-top: 50px;
   }
   .menu-btn h5{
    top: -85px;
   }
   .menu-btn {
    top: 170px;
    width: 30%;
  }
}
.logo-inner-main{
    width: 65%;
    margin-top: -20px;
    margin-left: 41%;
}
#inner ul li a{
    display: block;
    color: #ddd;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 14px;
    color: #ee5034;
}
#inner ul li a:hover{
  background-color: #ee5034 !important;
  color: #fff;

}
#inner ul li a.active{
  color: #fff;
  background-color:  #ee5034;
}
#inner.navbar-fixed-top{
  top: 10px !important;
}
#inner.navbar-style{
  position: sticky;
  top: 0px;
  z-index: 9999999999;
}
.navbar-style{
  background-color: #24282b;
  border-radius: 0;
  margin-bottom: 0;
}
.top-bar{
  background-image: url('../img/footer-bg_02.jpg');
  color: #fff;
  padding: 5px;
  text-align: right;
      height: 25px;
}
.navbar-style .icon-bar{
  background-color: #fff;
}
#abt-page{
  background-image: url('../img/sec-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
.nav-tabs{
  display: grid;
  background-image: url('../img/sec-bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.nav-tabs>li>a{
  padding: 40px;
  background-color: transparent;
  font-family: 'Secondary-Bold';
  color: #ee5034;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
   border: none;
   background-color: #ee5034;
  color: #fff;
}
.con-mrg{
  margin-top: 57px;
}
@media only screen and (max-width: 768px) {
    #logo-right{
        display: none;
    }
    .contact-topbar h4{
        font-size: 10px;
    }
    .about-knb{
        min-height: 875px;
    }
  .nav-tabs{
    display: inline-block;
  }
  .con-mrg{
      margin-top: 10px;
  }
  .more-btn-dwn{
    top: 40%;
  }
  .logo-inner-main {
    width: 48%;
    margin-top: -73px;
    margin-left: 0;
  }
  .ui-widget-content{
    width: 35% !important;
  }
}
.nav-tab-con{
  background-image: url('../img/aboutknb.jpg');
  min-height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px;
  color: #fff;
}
.btn-book{
  background-color: #ef654c;
  border: none;
  outline: none;
  padding: 10px 20px;
  float: right;
  color: #fff;
  border-radius: 5px;
}
.gal-img{
  margin-bottom: 25px;
}
.form-control {
    background-color: transparent;
    border: 1px solid #d4d2d2;
    border-radius: 2px;
    }

.span-black{
  font-family: 'black';
  font-size: 72px;
  line-height: 55px;
}
.span-slim{
  font-size: 30px;
}
.span-medium{
  font-size: 42px;
}
#services-page{
  background-image:  url('../img/aboutknb.jpg');
  background-size: cover;
  background-repeat: none;
  color: #fff;
  padding-bottom: 50px;
  padding-top: 50px;
}
.jelly-container{
  position: relative;
}
.jelly-text{
  position: absolute;
}
.ui-widget-content{
  position: fixed;
  width: 10%;
  z-index: 100;    
  background: transparent; 
  border:none;
  bottom: 60px;
  right: 0;
}
.modal{
  z-index: 99999999999;
}
@media only screen and (width: 320px) {
	.navbar-brand{
		padding: 15px 10px;
	}
}
@media only screen and (max-width: 767px) {
  #inner.navbar-style{
        padding-top: 15px;
  }
  .logo-inner-main{
    width: 39%;
    margin-top: -33px;
  }
  #mobile-nav{
        padding-top: 15px;
  }
  #page-content-wrapper {
    margin-top: 65px!important;
  }
}
.circle-4{
    position: absolute;
    right: -244px;
    top: 50px;
    -webkit-animation: rotation 10s infinite linear;
    width: 60%;
}