.page-banner.float_l {
    background-image: url('../images/page-banner.jpg');
    background-size: cover;
    margin: 0 0 50px 0;
}
.page-title.float_l {
    font-size: 84px;
    line-height: 114px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 260px 0 205px 0;
    text-align: center;
}
.menu-main.float_l {
    margin: 30px 0 60px 0;
}
.menu-box .heading {
    font-size: 28px;
    line-height: 40px;
    border-bottom: solid 1px #ddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.menu-box .menu-item {
    float: left;
    width: 48%;
    color: #666666;
    margin: 8px 0 18px 0;
    cursor: context-menu;
    padding-right:20px;
}
/*
.menu-box .menu-item:nth-child(2n+1) {
    float: right;
}*/
.menu-item .name, .tooltip .top .t-name {
    float: left;
}
.menu-item .name:hover {
    color: #b5b5b5;
}
.menu-item .price, .tooltip .top .t-price  {
    float: right;
    font-size: 16px;
}
.menu-box.float_l {
    margin: 0 0 5px 0;
}
.menu-item {
    position:relative;
}
.menu-item {
  position: relative;
  display: inline;
}
.menu-item .tooltip {
  position: absolute;
  width:400px;
  background: #fff;
  line-height: 30px;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 0 0 15px #000;
}
.menu-item:hover .tooltip {
    visibility: visible;
    opacity: 1;
    top: 30px;
    left: 50%;
    margin-left: -200px;
    z-index: 999;
}
.tooltip .top {
    padding: 15px;
    background-color: #dedede;
    border-radius: 6px 6px 0px 0px;
}
.tooltip .simple-text {
    padding: 20px;
}












@media screen and (max-width: 1200px) {
	.page-title.float_l {
	  font-size: 60px;
	  line-height: 80px;
	  padding: 200px 0 160px;
	}
	.page-banner.float_l {
	  margin: 0 0 30px;
	}
}
@media screen and (max-width: 990px) {
	.page-title.float_l {
	  font-size: 46px;
	  line-height: 64px;
	  padding: 100px 0 90px;
	}
	.menu-item .name {
	  width: 80%;
	}
	.menu-item .price {
	  text-align: right;
	  width: 20%;
	}
	.menu-main.float_l {
	  margin: 10px 0 35px;
	}
}
@media screen and (max-width: 768px) {
	.menu-box .menu-item {
	  width: 100%;
	}
	.menu-item:hover .tooltip {
	  opacity: 0;
	  visibility: hidden;
	}
	.menu-box .heading {
	  font-size: 24px;
	  line-height: 36px;
	}
}