input[name=css-tabs] {display: none;}
#tabs {padding: 0;height: 100px;}
#tabs::after {content: "";display: block;position: absolute;z-index: 0;height: 100px;width: 102px;background: #fff;transition: transform 400ms;}
#tabs label { position: relative;z-index: 100;display: block;float: left;font-size: 16px;text-transform: uppercase;width: 20%;height: 100%;color: #333333;cursor: pointer; font-family: 'montserratmedium'; font-weight: normal; padding-left: 75px;}
#tabs label:last-child span:after {display: none;}
#tabs label span:after{content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto 0; height: 50px; width: 1px; background-color: #dddddd;}
#tabs label::before {content: "";display: block;height: 42px;width: 50px;background-repeat: no-repeat;position: absolute;left: 15px;top: 0;bottom: 0;margin: auto 0;}
#tabs label span{display: block; margin-top: 41px;}
#tab1::before {background-image: url(../images/all-img.png); background-position: -178px -6px;}
#tab2::before {background-image: url(../images/all-img.png); background-position: -232px -6px;}
#tab3::before {background-image: url(../images/all-img.png); background-position: -282px -7px;}
#tab4::before {background-image: url(../images/all-img.png); background-position: -331px -8px;}
#tab5::before {background-image: url(../images/all-img.png); background-position: -392px -7px;}
#radio1:checked ~ .main-container #tabs #tab1::before{background-position: -178px -67px; }
#radio2:checked ~ .main-container #tabs #tab2::before{background-position: -232px -67px; }
#radio3:checked ~ .main-container #tabs #tab3::before{background-position: -282px -68px; }
#radio4:checked ~ .main-container #tabs #tab4::before{background-position: -331px -69px; }
#radio5:checked ~ .main-container #tabs #tab5::before{background-position: -392px -68px; }
#radio1:checked ~ .main-container #tabs label#tab1 span {color: #f78d67;}
#radio2:checked ~ .main-container #tabs label#tab2 span {color: #f78d67;}
#radio3:checked ~ .main-container #tabs label#tab3 span {color: #f78d67;}
#radio4:checked ~ .main-container #tabs label#tab4 span {color: #f78d67;}
#radio5:checked ~ .main-container #tabs label#tab5 span {color: #f78d67;}
.main-container{box-shadow: 0 3px 5px rgba(0,0,0,0.2); background-color: #fff;}
#radio1:checked ~ .main-container #tabs label#tab1:after, #radio2:checked ~ .main-container #tabs label#tab2:after, #radio3:checked ~ .main-container #tabs label#tab3:after, #radio4:checked ~ .main-container #tabs label#tab4:after, #radio5:checked ~ .main-container #tabs label#tab5:after{content: ''; display: block; width: 51px; height: 26px; background-image: url(../images/all-img.png); background-repeat: no-repeat; background-position: -3px -83px; position: absolute; bottom: -24px; left: 0px; right: 0px; margin: 0 auto;}
#content {position: relative;}
#content::before {position: absolute;}
#content section {position: relative;transform: translateY(50px);display: none;transition: transform 500ms, opacity 500ms; left: 0; right: 0;}
#radio1:checked ~ #content #content1, #radio2:checked ~ #content #content2, #radio3:checked ~ #content #content3, #radio4:checked ~ #content #content4, #radio5:checked ~ #content #content5 {transform: translateY(0);display: block;}



@media all and (max-width:991px){
#tabs label span{display: none;}
#tabs label::before{ left: 0px; right: 0px; table-layout: 0px; bottom: 0px; margin: auto;}
#tabs label{padding-left: 0; text-align: center;}
#content section{position: relative;}   
.nearby-lunch-main{background-size: cover; min-height: auto;}

}