/* ----------------------------- Responsive tabs smae styles use for project page (edit carefully) --------------------- */
ul.tabs-list{margin:0;padding:0; background-color:#2a2727; }
.tabs-list li{display:inline-block;padding:13px 15px;margin:0;list-style:none;cursor:pointer;float:left;color:#fff;width:33.33%;text-align:center}
.tabs-container{padding:0;clear:left; border: 1px solid #e6e6e6; }
h2.accordion{cursor:pointer;padding:5px;display:none}
.tab-content{display:none}
.tab-active{ background-color:#e54c2a; }
.content-active,.accordion-active{display:block}
.tab-content{position:relative}
h2.accordion{ font-family: 'Poppins', sans-serif; font-size:12px;border-bottom:1px solid #fff;margin:0;padding:10px 15px;text-transform:uppercase}
h2.tab-active{border-bottom:0 solid #fff!important;margin-bottom:0!important;padding:10px 15px!important}
h2.tab-title:last-child{border-bottom:12px solid #fff!important;background:blue}
.vtabs ul.tabs-list{float:left;width:30%}
h2[role=tab]{color:#fff!important}
.vtabs .tabs-list li{display:block;padding:15px!important;margin:0;cursor:pointer;float:none}
.vtabs .tabs-container{padding:0;background-color:#fff;border:1px solid #fff;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}
.vtabs .tab-content{border:none}
.vtabs li.tab-active{border:1px solid #fff;border-right:none;background-color:#fff;position:relative;z-index:1;margin-right:-1px!important;padding:14px 15px 15px 14px!important}
.arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff}
h2.tab-active span.arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #fff; }
h2.tab-active{background:#e54c2a!important}
.easy-accordion h2.accordion{display:block}
.easy-accordion .tab-content{border:1px solid #fff}
.easy-accordion .tab-content:last-child{border-bottom:1px solid #fff!important}
.jfit{width:100%;margin:0}
.tab-content-active{display:block}
h2.accordion:first-child{border-top:1px solid #fff!important}
/* -----------------------------------------------------------------------         Custom CHanges smae styles use for project page (edit carefully) ------------------------ */
.gallery-tabs .tabs-list li{font-size:10pt;font-weight:normal;width:24.9%;border:none;margin:0;padding-left:0;padding-right:0;border-right:1px solid #FFF}
.tab-menu{padding-top:10px; }
.ph-gall { text-align:center; padding: 25px 10px; }
.proj-type { text-align:center; padding: 25px 10px; }
.ph-gall li { display:block; float:left; width:calc(25% - 5px); margin:2px; }
.proj-type li { display:inline-block; width:32%; }
.ph-gall li .align { padding:7px 5px; }
.proj-type li .align { padding:7px 5px; }
.resp-tabs-list li,.gallery-tabs .resp-tab-active{padding:13px 25px!important}
.gallery-tabs .tab-content{background:rgba(255,255,255,0.5);padding:20px;min-height:150px;border:1px solid #dadada}
.gallery-tabs .tab-active{background-color:#734C17;padding:13px 0;color:#FFF}
.tabs-subPage .tab-content{background-color:#f9f9f9;border:1px solid #dadada;min-height:150px;padding:20px}
.down-eb-cn { width:300px; margin:40px auto; text-align:center; padding:30px; border:1px solid #e6e6e6; border-radius:15px; }
.down-eb-cn table { width:100%; margin-top:15px; }
.down-eb-cn table img { width:30px; }
.down-eb-cn-img img { width:100px; }


/*----------------------------------- start services tab styles ------------------------------------
--------------------------------------------------------------------------------------------------*/
 
.menu-price-tab li { display:inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left;
color: #fff; width:20%; text-align: center; }
.menu-priceTwo { background-color:#fff; padding:30px 15px; border:1px solid #e6e6e6 }
.menu-price { /*display:block; float:left;*/ width:calc(100% - 40px); margin:0 auto; padding:20px; background-color:#fff; margin-bottom:10px; }
.menu-price .align  { padding-bottom:35px} 
.menu-price span { display:block }
.food-Price { float:right }
.food-Name { float:left; text-transform:uppercase; background-color:#fff; padding-right:40px; }
.snks-item { padding-bottom:40px; }

.menu-price li { display:block; padding:10px 0; background-image:url(../images/fodMspe.jpg); background-position:right 21px; background-repeat:no-repeat }
.menu-price ul, .snacks-list ul { float:left; width:50%; padding:10px; }
.fimg-menu {  float:left; width:50%; padding:10px;  }
.snacks-list ul { float:none; clear:both; margin:0 auto; }



/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 768px) {
.menu-price { padding:0; }

}


@media only screen and (max-width: 719px) {
.product-tabs { margin-top: 0 !important; }
ul.tabs-list { display: none; }
.tabs-container h2.accordion { background-color: #2a2727; }
h2.accordion { display: block; }
.vtabs .tab-content { border: 1px solid #dadada; }
.vtabs .tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } 
.accordion-closed { display:none !important; }
.vtabs .tab-content:last-child { border-bottom: 1px solid #fff !important; }
.down-eb-cn-img figure img { width:90px; } 
.chbk { font-size:14pt; }
.tabs-container h2.accordion br { display:none; }
.menu-item-wrap h2.accordion { font-weight:600; }
.menu-price { width:calc(100% - 10px); }
.menu-item-wrap { padding-bottom:0; }
.menu-price ul { width:100%; padding-top:0; padding-bottom:0; font-size:9.5pt; }
.ph-gall { padding:15px 10px; }

}

@media all and (max-width: 620px)  {
.proj-type li { width:49%; }
.pro-item-hov h3 { font-size:11pt; }
.chbk { font-size:12pt; }
}

@media all and (max-width: 540px)  {

}

@media all and (max-width: 420px)  {
.ph-gall li { width:calc(50% - 5px); }
.down-eb-cn { width:75%; }
.down-eb-cn { width:90%; }
}
/*--------------------------- Custom styles smae styles use for project page (edit carefully) ---------------------------*/