img.center_food_img {
    position: absolute;
    margin: auto;
    max-width: 120px;
    height: 120px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 25px;
    z-index: 99
}

.food_holder_pie:hover,
.food_holder_pie.active {
    opacity: 1;
    transform: scale(1.1);
    z-index: 99
}

.pie_menu_sb_food {
    position: relative;
    max-width: 520px
}

.food_pie_shape {
    clip-path: polygon(100% 21%, 100% 40%, 1% 100%, 0 100%, 0 47%, 0 31%, 0 0, 18% 0, 64% 9%, 87% 25%);
    -webkit-clip-path: polygon(100% 21%, 100% 40%, 1% 100%, 0 100%, 0 47%, 0 31%, 0 0, 18% 0, 64% 9%, 87% 25%);
    width: 100%;
    top: 10px;
    right: 83px;
    max-width: 182px
}

.food_pie_shape2 {
    -webkit-clip-path: polygon(100% 100%, 72% 100%, 50% 91%, 0 80%, 0 61%, 23% 43%, 70% 0, 86% 0, 96% 16%, 100% 25%);
    clip-path: polygon(100% 100%, 72% 100%, 50% 91%, 0 80%, 0 61%, 23% 43%, 70% 0, 86% 0, 96% 16%, 100% 25%);
    width: 100%;
    top: 114px;
    right: 19px;
    max-width: 235px
}

.food_pie_shape3 {
    -webkit-clip-path: polygon(100% 44%, 94% 56%, 57% 100%, 45% 100%, 18% 48%, 0 13%, 0 1%, 54% 13%, 82% 19%, 100% 23%);
    clip-path: polygon(100% 44%, 94% 56%, 57% 100%, 45% 100%, 18% 48%, 0 13%, 0 1%, 54% 13%, 82% 19%, 100% 23%);
    right: 39px;
    bottom: 22px;
    max-width: 219px;
    width: 100%
}

.food_pie_shape4 {
    -webkit-clip-path: polygon(55% 13%, 75% 47%, 99% 89%, 89% 98%, 0 100%, -5% 93%, 16% 57%, 23% 45%, 48% 1%, 0% 6%);
    clip-path: polygon(55% 13%, 75% 47%, 99% 89%, 89% 98%, 0 100%, -5% 93%, 16% 57%, 23% 45%, 48% 1%, 0% 6%);
    width: 100%;
    bottom: -3px;
    left: 153px;
    max-width: 190px
}

.food_pie_shape5 {
    -webkit-clip-path: polygon(100% 21%, 61% 100%, 43% 92%, 17% 70%, 0 43%, 0 22%, 7% 23%, 32% 17%, 62% 10%, 100% 2%);
    clip-path: polygon(100% 21%, 61% 100%, 43% 92%, 17% 70%, 0 43%, 0 22%, 7% 23%, 32% 17%, 62% 10%, 100% 2%);
    width: 100%;
    bottom: 27px;
    left: -5px;
    max-width: 229px
}

.food_pie_shape6 {
    -webkit-clip-pathclip-path: polygon(100% 59%, 100% 72%, 15% 95%, 0 98%, 0 43%, 0 31%, 0 0, 26% 0, 49% 23%, 79% 52%);
    clip-path: polygon(100% 59%, 100% 72%, 15% 95%, 0 98%, 0 43%, 0 31%, 0 0, 26% 0, 49% 23%, 79% 52%);
    width: 100%;
    top: 114px;
    left: -8px;
    max-width: 234px
}

.food_pie_shape7 {
    width: 100%;
    -webkit-clip-path: polygon(99% 0, 100% 8%, 96% 44%, 98% 80%, 89% 93%, 0 40%, 22% 25%, 50% 13%, 88% 6%, 88% 0);
    clip-path: polygon(100% 0, 100% 0%, 98% 44%, 98% 80%, 90% 93%, 0 41%, 22% 25%, 47% 13%, 89% 6%, 90% 0);
    top: -6px;
    left: 51px;
    max-width: 181px
}


/***new css **/



@media only screen and (max-width:1599px) {
    .pie_menu_sb_food {
        position: relative;
        max-width: 480px
    }

    .food_pie_shape {
        top: 11px;
        right: 61px;
        max-width: 175px
    }

    .food_pie_shape2 {
        top: 110px;
        right: 0;
        max-width: 223px
    }

    .food_pie_shape3 {
        right: 18px;
        bottom: 22px;
        max-width: 214px
    }

    .food_pie_shape4 {
        bottom: 4px;
        left: 148px;
        max-width: 181px
    }

    .food_pie_shape5 {
        bottom: 26px;
        left: -2px;
        max-width: 220px
    }

    .food_pie_shape6 {
        top: 114px;
        left: -2px;
        max-width: 219px
    }

    .food_pie_shape7 {
        top: -6px;
        left: 46px;
        max-width: 181px
    }
}

@media only screen and (max-width:1459px) {
    .pie_menu_sb_food {
        max-width: 440px
    }

    .food_pie_shape {
        top: 4px;
        right: 51px;
        max-width: 163px
    }

    .food_pie_shape2 {
        top: 96px;
        right: -4px;
        max-width: 213px
    }

    .food_pie_shape3 {
        right: 19px;
        bottom: 24px;
        max-width: 196px
    }

    .food_pie_shape4 {
        bottom: -3px;
        left: 135px;
        max-width: 168px
    }

    .food_pie_shape5 {
        bottom: 22px;
        left: -5px;
        max-width: 205px
    }

    .food_pie_shape6 {
        top: 101px;
        left: -7px;
        max-width: 205px
    }

    .food_pie_shape7 {
        top: -6px;
        left: 47px;
        max-width: 162px
    }
}

@media only screen and (max-width:1199px) {
    .pie_menu_sb_food {
        margin: 0 auto;
        max-width: 440px
    }
}

@media only screen and (max-width:480px) {
    .pie_menu_sb_food {
        max-width: 340px
    }

    img.center_food_img {
        right: 10px;
        max-width: 80px;
        height: 80px
    }

    .food_pie_shape {
        top: 10px;
        right: 45px;
        max-width: 122px
    }

    .food_pie_shape2 {
        top: 76px;
        right: -2px;
        max-width: 162px
    }

    .food_pie_shape3 {
        right: 12px;
        bottom: 14px;
        max-width: 150px
    }

    .food_pie_shape4 {
        bottom: 0;
        left: 105px;
        max-width: 128px
    }

    .food_pie_shape5 {
        bottom: 18px;
        left: -2px;
        max-width: 156px
    }

    .food_pie_shape6 {
        top: 80px;
        left: -1px;
        max-width: 155px
    }

    .food_pie_shape7 {
        top: -3px;
        left: 36px;
        max-width: 124px
    }
}

@media only screen and (max-width:360px) {
    .pie_menu_sb_food {
        max-width: 240px
    }

    .food_pie_shape {
        top: 5px;
        right: 31px;
        max-width: 86px
    }

    .food_pie_shape2 {
        top: 51px;
        right: -3px;
        max-width: 119px
    }

    .food_pie_shape3 {
        right: 6px;
        bottom: 9px;
        max-width: 109px
    }

    .food_pie_shape4 {
        bottom: 0;
        left: 75px;
        max-width: 89px
    }

    .food_pie_shape5 {
        bottom: 12px;
        left: -2px;
        max-width: 110px
    }

    .food_pie_shape6 {
        top: 55px;
        left: -3px;
        max-width: 113px
    }

    .food_pie_shape7 {
        top: -2px;
        left: 26px;
        max-width: 86px
    }
}