/* tabs section code start here */

.content_1270{
  max-width:1330px;
  width:100%;
  margin:0 auto;
  /* padding:0 30px; */
}

.TopBottomSpace{
  padding-top:80px;
  padding-bottom:80px;
}

.locationBlock{
  background-color:#FFF1E4;
}

.locationBlock::before{
  content:'';
  width: 100%;
  height: 1px;
  background-color:#000;
  position: absolute;
  bottom:40px;
  left:0;
  display: none;
}

.tabsControll{
  border-top:#000 solid 1px;
  padding-bottom:38px;
}
.tabsControll ul{
  margin:0; 
  padding:0;
  list-style-type:none;
  display:flex;
  flex-wrap:wrap;
}
.tabsControll ul li{
  margin:0;
  padding:0;
  margin-top:-1px;
  margin-left:-1px;
}
.tabsControll ul li span{
  border:#000 solid 1px;
  font-size:14px;
  line-height:22px;
  letter-spacing: 0.7px;
  text-transform:uppercase;
  font-weight:400;
  padding:14px 20px;
  display:inline-block;
  background-color:rgba(255,255,255,0.4);
  cursor:pointer;
  color: rgba(000,000,000,0.5);
}
.tabsControll ul li span.current{
  background-color:rgba(255,255,255,1);
  color: rgba(000,000,000,1);
}

.tabsData .tab-content{display:none;}
.tab-content.current{display:inherit;}

.tabDataBox{    
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
}

.tabsData .tabInfo{width:38%;}
.tabsData .tabInfo .contentHolder{
  padding-right:90px;
}

.tabsData .tabInfo .contentHolder .keyPoints{
  position:relative;
  padding:2px 0 10px 24px;
  text-transform:uppercase;
  font-size:18px;
  line-height:22px;
  letter-spacing:4px;
  border-bottom:#000 solid 1px;
  margin-bottom:10px;
}
.tabsData .tabInfo .contentHolder .keyPoints::before{
  content:'';
  width:16px;
  height:16px;
  position:absolute;
  left:0;
  top:5px;
  background-color:#000;
  border-radius:100%;
}
.tabsData .tabInfo .contentHolder .keyPoints.yellowKey::before{ background-color:#FFAA00;}
.tabsData .tabInfo .contentHolder .keyPoints.greenKey::before{ background-color:#7BD043;}

.tabsData .tabInfo .contentHolder ul{
  margin:0;
  padding:0;
  list-style-type:none;
}
.tabsData .tabInfo .contentHolder ol{
  margin: 0;
  padding: 0;
  list-style:decimal!important;
  list-style-position:inside!important;
}
.tabsData .tabInfo .contentHolder .foodPoint ul, .tabsData .tabInfo .contentHolder .foodPoint ol{
  column-count:2;
  column-gap:0;
}

.foodPoint, .lifestylePoint{
  padding:10px 0;
  font-size: 13px;
  line-height: 16px;
}

.tabsData .tabInfo .contentHolder ul li, .tabsData .tabInfo .contentHolder ol li{
  border-bottom:#CEC7C0 solid 1px;
  padding:5px 10px 5px 0;
}

.tabsData .tabInfo .contentHolder p{
  margin:0;
  padding-bottom:30px;
  font-size:16px;
  line-height:24px;
}
.tabsData .tabInfo .contentHolder p:last-of-type{
  padding-bottom: 0;
}

.tabsData .tabImage{width:62%;}
.tabsData .tabImage .imageBox{
  width:100%;
  max-width:100%;
}

.tabsData .tabImage .imageBox img{
  width: 100%!important;
  height: auto!important;
}

.sectionTitle{
    font-size:16px;
    line-height:26px;
    letter-spacing:4.10px;
    text-transform:uppercase;
    padding-bottom:20px;
}

@media only screen and (min-width:0px) and (max-width:1380px){
.locationBlock .content_1270{
  padding-left:0;
  padding-right:0;
}
}

@media only screen and (min-width:0px) and (max-width:1220px){
    .tabsData .tabInfo{width:40%;}
    .tabsData .tabImage{width:60%;}
}

@media only screen and (min-width:0px) and (max-width:1000px){
    .tabsData .tabInfo{width:46%;}
    .tabsData .tabImage{width:54%;}
    .tabsData .tabInfo .contentHolder{padding-right:40px;}
}

@media only screen and (min-width:0px) and (max-width:767px){
    .tabsData .tabInfo{width:100%; padding-right: 0; order: 2;}
    .tabsData .tabInfo .contentHolder{padding-right:0px;}
    .tabsData .tabImage{width:100%; padding-top:20px; padding-bottom:20px; order:1;}

    .tabsControll{
        padding-bottom: 24px;
    }
    .tabsControll ul li span{
        font-size: 14px;
        line-height: 22px;
        padding: 8px 14px;
    }

    .TopBottomSpace{
      padding-top: 60px;
  padding-bottom: 60px;
    }
        .locationBlock::before{
      bottom: 30px;
    }
}

@media only screen and (min-width:0px) and (max-width:550px){
    .tabsControll{
        padding-bottom: 14px;
    }
    .tabsData .tabInfo .contentHolder .keyPoints{
        font-size:16px;
        line-height:20px;
        padding:8px 0 8px 26px;
    }
    .tabsData .tabInfo .contentHolder .keyPoints::before{
        width:16px;
        height:16px;
        top:9px;
    }
    .tabsData .tabInfo .contentHolder .foodPoint ul,
    .tabsData .tabInfo .contentHolder .foodPoint ol{
        column-count:1;
    }
    .tabsData .tabInfo .contentHolder ul li, .tabsData .tabInfo .contentHolder ol li{
        font-size:14px;
        line-height:24px;
        padding:4px 6px 4px 0;
    }

        .TopBottomSpace{
      padding-top:40px;
  padding-bottom:40px;
    }
    .locationBlock::before{
      bottom: 20px;
    }
}

@media only screen and (min-width:0px) and (max-width:480px){
.tabsControll ul li span{
  font-size: 12px;
  line-height: 20px;
  padding: 8px 9px;
  letter-spacing: 0.4px;
}
}

/* tabs section code end here */