
.img-responsive{max-width: 100%}

body {
    font-family: 'century';
    overflow-x: hidden;
}

.mt50{margin-top:80px;}
.mb50{margin-bottom:80px;}

.banner-k{background-size: cover;
    height: 100%;
}
.banner-k h1{font-weight: 700;
    font-size: 70px;
    color: rgb(255, 255, 255);
    font-family: 'century';
    position: relative;
    line-height: 75px;}
.title h3 {
    color: #ff3b46;
    font-size: 55px;
}
.bannertext p{    font-size: 21px;
    line-height: 2;
    margin-top: 31px;
}
.bannertext{background: radial-gradient(white 10%, transparent 20%, #e6e6e6 88%)}
.secpadding{padding:60px 0}
/* Tabs panel */
.tabbable-panel {
  border:0;
  padding: 0px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px auto;flex-wrap:nowrap;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a h3{
  border: 0;
  margin-right: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li > a.active >  h2{
    border: 0;
    color: #ff3b46;
}
.tabbable-line > .nav-tabs > li > a  > p > .btn{
        background: #b2b1af;
    color: white;
    font-size: 25px;
    border: 0 !important;
    padding: 8px 24px;
    border-radius: 8px;
}
.tabbable-line > .nav-tabs > li > a  >  img{
   margin: 30px 0;
}
.imgs{    background: #dcdcdc;
    border-radius: 44px;
    height: 302px;
    display: flex;
    justify-content: center;}
/*.imgs img{    border-radius: 33px;} */  
.box{margin-top:20px;}
.box h2{margin-top: 30px} 
.box p{      font-size: 22px;
    color: #1a1a1a;
    margin-top: 0;
    font-family: 'century1';
    padding: 13px 25px;}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.tabbable-line > .nav-tabs > li > a.active > p > .btn{
        background: #030303;
    color: white;
    font-size: 25px;
    border: 0 !important;
    padding: 8px 24px;
    border-radius: 8px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    color: #b2b1af;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li a:hover {
   text-decoration: none;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li a.active {
  
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
     margin-top: 50px;
    background-color: #fff;
    border: 0;
    border-top: 0;
    padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.redtext{color:#ff3b46;}
.head{    font-size: 3.5rem;}
.head1{font-size: 2.8rem;}
.redbg{background-color: #e80000}
.fontchange{font-family: 'century1'}
.headtex{    font-size: 21px;
    font-family: 'century';
    word-spacing: 8px;
    text-align: justify;
  }
 .pd-right{  padding-right: 63px;} 
 .pd-left{  padding-left: 63px;}
.headtext{font-size: 26px;}
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
 padding: 10px 20px;
}
.text1{font-size: 21px;
    font-family: 'century1';}
th{    font-size: 25px;}
tr td:first-child{font-family: 'century'} 
.food{color: white;text-align: center;padding:20px}
.pd5{padding: 5px}
.title1 h3 {
    font-size: 55px;
}
.tea p{    font-size: 27px;
    line-height: 1;
    margin-top: 8px;
    color: #282728;}
 .coffeebnr {background-image: url(https://in.sharp/b2c/wp-content/uploads/sites/3/2022/08/banner.png);
    padding: 210px;
    background-position: top center;}   
  .coffeebnr .head1{font-size: 70px;}  
    .coffeebnr h2{font-size: 50px;}  
  .benefit{font-size: 21px;
    line-height: 2;}  
 .benefit span{font-size: 25px} 
 .kettle{    background-image: url(https://in.sharp/b2c/wp-content/uploads/sites/3/2022/08/bannerimg.png);
    padding: 215px;
    background-position: top center;
    background-color: black;}
  .kettle .head1{font-size: 70px;}  
  .block{display: inline-block;}
/*-------------------------resposive----------------------------*/
@media (min-width: 200px) and (max-width: 768px){
.tabbable-line > .nav-tabs {
    flex-wrap: wrap;
}
.title h3 {
    font-size: 30px;
}
.tabbable-line > .nav-tabs > li > a.active > p > .btn {
    margin-bottom: 33px;
    }
.head {
    font-size: 30px;
}

.head1 {
    font-size: 26px;
}
.pd-right {
    padding-right: 15px;
}
.pd-left {
    padding-left: 15px;
}
.coffeebnr {
    padding: 84px;
    background-position: center;
    }
    .coffeebnr .head1 {
    font-size: 26px;
}
.coffeebnr h2 {
    font-size: 18px;
}
.kettle {
    padding: 84px;
    background-position:  center;
}
.kettle .head1 {
    font-size: 26px;
}
.title1 h3 {
    font-size: 26px;
}
th {
    font-size: 16px;
}
td, th {
    
    padding: 8px 8px;
}
} 
.entry-title{
	display:none;
}   
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{
	text-decoration:none!important;
}