.img-responsive{max-width: 100%}

body {
    font-family: 'century';
    overflow-x: hidden;
}

.mt50{margin-top:80px;}
.mb50{margin-bottom:80px;}

.banner{background-size: cover;
    height: 100%;
}
.banner 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: 45px;
}
.bannertext p{    font-size: 16px;
    line-height: 1.5;
    margin-top: 31px;
}
/* .bannertext{background: radial-gradient(white 10%, transparent 20%, #e6e6e6 88%)} */
.secpadding{padding:60px 0 !important;}
/* Tabs panel */
.tabbable-panel {
  border:0;
  padding: 0px;
}
.sec3-heading, .sec5-heading, .sec6-heading, .sec6-col-text, .sec7-heading, .sec6-sub-heading{font-weight:bold;}
.sec8-col-heading, .sec9-heading,.sec10-heading{font-weight:bold;}
.banner1-content h1 {color:#fff; font-weight:bold;}
.banner1-content  p {color:#fff;}
.banner2-content .banner2-content1{font-weight:bold;}
.banner3-content .banner3-content1{font-weight:bold;}
/* 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  >  .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: 16px;
    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 >  .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(../images/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(../images/bannerimg.png);
    padding: 215px;
    background-position: top center;
    background-color: black;}
  .kettle .head1{font-size: 70px;}  
  .block{display: inline-block;}
    
.bannertext{background: #fff!important;}
/* by kms */
.box{text-align:center;}
.box1{text-align:center;}
/* .box img{width:150px; height:150px;} */
.box-text{ font-size:24px; font-weight:600; text-align:center;color:#fff!important;}
.box-text-black{ font-size:19px; font-weight:600; text-align:center;color:#000!important;}
/* .section-heading{ padding:10px;} */
.colorblack {color:#000!important;}
.title .white{color:#fff!important;}
.section-content p{color:#fff!important;font-size: 16px;line-height: 2;margin-top: 31px;font-family:century !important;padding:73px;}
.section-content-black p{color:#000!important;font-size: 16px;margin-top: 31px;font-family:century !important;}
.section-content img{height:400px; width:330px;}
.section-content {padding:10px;}
/*.section-content .box-img{padding:10px;}*/
.section-img-apt {background-color:#ccc;padding:10px;}
.section-img-apt .left-img{padding:87px;}
.bannertextgreywhite{background: radial-gradient(white 10%, transparent 20%, #e6e6e6 88%)}
.section-content-black{align-items: center;}
.cuf-content{ padding:53px;}
.section-content-black{margin-bottom:10px;}
.img-box-rda{padding:21px;}
.tbl-head-text{color:#fff!important;}
.entry-header{display:none!important;}
.carousel-inner .carousel-caption{
    position: absolute!important;
    left: 10%!important;
   right: 15%!important;
    top: 3%!important;
    color: #bb0000!important;
    text-align: left!important;
}
.banner2-content p{color:#000 !important; font-size:22px ;}
.banner3-content p{color:#000 !important; font-size:22px;}


/*-------------------------resposive----------------------------*/
@media (min-width: 200px) and (max-width: 768px){
.tabbable-line > .nav-tabs {
    flex-wrap: wrap;
}
.banner1-content h1 {
    font-size: 20px;
}
.banner1-content p{font-size:16px}
.title h3 {
    font-size: 25px;
}
.banner3-content1, .banner3-content2 {font-size:20px}
.banner2-content .banner2-content1 {
    font-weight: bold;
    font-size: 20px;
}
.secpadding {
    padding: 0 0 !important;
}
.section-content p{font-size:16px }
.banner2-content2 {font-size:20px}
.banner2-content p {
    font-size: 16px !important;
}
.tabbable-line > .nav-tabs > li > a.active > .btn {
    margin-bottom: 33px;
    }
.head {
    font-size: 30px;
}
.banner3-content p{font-size:16px}
.section-content-black h3 {
    font-size: 25px;
}
/*.box img {
    width: 93px;
    height: 93px;
} */
.box p{padding:0;    font-size: 16px;}
.section-content-black p{font-size:16px}
.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;
}
}