@media (min-width: 1200px) and (max-width: 1399px){

    .header1 .inner,
    .container .inner,
    .footer1 .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner .logo{
        height: 64px;
    }

    .mainpage1 .content .info{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: calc(100vh - 0px - 100px - 64px - 60px - 20px);
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments{
        width: calc(100% - 100px);
    }

    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 100px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 50%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 50%;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .footer1 .inner .col{
        width: calc((100% - 200px - 50px - 50px - 120px) / 3);
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 120px;
    }
    
    @media (min-width: 1200px) and (max-width: 1299px){

        .footer1 .inner .box{
            width: 180px;
        }

        .footer1 .inner .col{
            width: calc((100% - 180px - 50px - 50px - 100px) / 3);
        }

        .footer1 .inner .col:nth-child(2){
            margin-left: 100px;
        }

    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 36px;
        height: 36px;
        padding: 24px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 8px;
        padding-left: calc(10px + 39px);
        padding-right: 20px;
    }

    @media (min-width: 1300px) and (max-width: 1399px){

        .mainpage1{
            padding-top: calc((100% / 16) * 7.5);
        }

        .mainpage1 .content .info .badge{
            margin-bottom: 30px;
        }

    }

    @media (min-width: 1200px) and (max-width: 1299px){

        .mainpage1{
            padding-top: calc((100% / 16) * 8);
        }

        .mainpage1 .content .info .badge{
            margin-bottom: 30px;
        }
        
    }

}



@media (min-width: 1000px) and (max-width: 1199px){

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner .logo{
        height: 64px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 8);
    }

    .mainpage1 .content .info{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 50px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 45%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 55%;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: calc(100% - 400px);
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: calc(100% - 50px);
    }

    .container .inner .onlineorder .delivery .info{
        width: calc(100% - 50px - 30px - 2px);
    }
    
    .container .inner .onlineorder .rightpanel{
        width: 400px;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: calc(100vh - 0px - 100px - 64px - 60px - 20px);
    }

    .container .inner .onlineorder .delivery .box{
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: 100%;
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel:first-child{
        margin-top: 0px;
    }

    .footer1 .inner{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 50px - 50px) / 3);
        margin-top: 50px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 36px;
        height: 36px;
        padding: 24px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 8px;
        padding-left: calc(10px + 39px);
        padding-right: 20px;
    }

    @media (min-width: 1100px) and (max-width: 1199px){

        .mainpage1{
            padding-top: calc((100% / 16) * 8.5);
        }

        .mainpage1 .content .info .badge{
            margin-bottom: 30px;
        }
        
    }

    @media (min-width: 1000px) and (max-width: 1099px){

        .mainpage1{
            padding-top: calc((100% / 16) * 9.5);
        }

        .mainpage1 .content .info .badge{
            margin-bottom: 30px;
        }
        
    }

}



@media (min-width: 900px) and (max-width: 999px){

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner .logo{
        height: 64px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 10);
    }

    .mainpage1 .content .info{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.05);
    }

    .mainpage1 .content .info .text{
        width: 65%;
        font-size: calc(28px / 1.1);
    }

    .container .inner .onlineorder .food .category .link:nth-child(1){
        margin-top: 0;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 50px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 45%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 55%;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: calc(100% - 350px);
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: calc(100% - 50px);
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 125px;
        height: 125px;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        width: calc(100% - 50px - 30px - 2px);
    }

    .container .inner .onlineorder .rightpanel{
        width: 350px;
    }

    .container .inner .onlineorder .delivery .box{
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: 100%;
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel:first-child{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel.note{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 50px - 50px) / 3);
        margin-top: 50px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 36px;
        height: 36px;
        padding: 24px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 8px;
        padding-left: calc(10px + 39px);
        padding-right: 20px;
    }

    .container .inner .terms{
        width: calc(100% - 200px);
        margin-left: 100px;
        margin-right: 100px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.1);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.1);
    }
        

}



@media (min-width: 800px) and (max-width: 899px){

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner .logo{
        height: 60px;
    }

    .header1 .inner .menu .orderonline{
        font-size: calc(22px / 1.05);
        margin-right: 15px;
    }

    .header1 .inner .menu .contact{
        margin-left: 15px;
    }

    .header1 .inner .menu .contact .line .stroke{
        width: 35px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 10);
    }

    .mainpage1 .content .info{
        width: calc(100% - 120px);
        padding-left: 60px;
        padding-right: 60px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.1);
    }

    .mainpage1 .content .info .text{
        width: 75%;
        font-size: calc(28px / 1.15);
        margin-top: 25px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder .food .category .link{
        margin-right: 30px;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder .food .category .link:nth-child(1){
        margin-top: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 100px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 40%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 45%;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0px;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 125px;
        height: 125px;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 30px - 2px);
        display: flex;
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: calc(100% / 3);
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel.note{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 30px - 30px) / 3);
        margin-top: 50px;
        margin-left: 30px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .mainpage1 .content .info .box{
        margin-top: 50px;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 50px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 32px;
        height: 32px;
        padding: 20px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 8px;
        padding-left: calc(10px + 39px);
        padding-right: 20px;
        font-size: calc(26px / 1.1);
    }

    .container .inner .terms{
        width: calc(100% - 200px);
        margin-left: 100px;
        margin-right: 100px;
    }

    .footer2 .inner .online_pay .icon{
        height: 38px;
        margin-right: 15px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

}




@media (min-width: 700px) and (max-width: 799px){

    .header1{
        overflow: hidden;
    }

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner{
        position: relative
    }

    .header1 .inner .logo{
        height: 60px;
    }

    .header1 .inner .menu .orderonline{
        font-size: calc(22px / 1.05);
        margin-right: calc(30px + 35px);
    }

    .header1 .inner .menu .link{
        display: none;
    }

    .header1 .inner .menu .contact{
        display: none;
    }

    .header1 .inner .mobile_menu_icon{
        width: 35px;
        height: auto;
        position: absolute;
        right: 30px;
        top: 50%;
        z-index: 1000;
        transform: translateY(-50%);
        display: block;
    }

    .header1 .inner .mobile_menu_icon .item{
        width: 100%;
        height: 2px;
        float: left;
        background: #ffffff;
        margin-bottom: 9px;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
    }

    .header1 .inner .mobile_menu_icon .item:nth-child(2){
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon .item:last-child{
        margin-bottom: 0;
    }

    .header1 .inner .mobile_menu_icon.open .item:first-child,
    .header1 .inner .mobile_menu_icon.open .item:last-child{
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon.open .item:nth-child(2){
        width: 100%;
        margin-left: 0;
    }

    .header1 .inner .mobile_menu{
        width: auto;
        height: auto;
        float: left;
        background: rgba(33, 33, 33, 0.95);
        position: absolute;
        right: 0;
        top: 110px;
        z-index: 2000;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
        display: block;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header1 .inner .mobile_menu .contact{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        flex-direction: column;
    }

    .header1 .inner .mobile_menu .contact .line{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .contact .line:first-child{
        margin-top: 0;
    }

    .header1 .inner .mobile_menu .contact .line .icon{
        width: 22px;
        height: 22px;
        float: left;
    }

    .header1 .inner .mobile_menu .contact .line .icon svg{
        width: 100%;
        height: 100%;
        float: left;
        stroke: #707070;
        stroke-width: 2px;
    }

    .header1 .inner .mobile_menu .contact .line .text{
        width: auto;
        height: auto;
        float: left;
        font-family: configmedium;
        font-size: 19px;
        color: #ffffff;
        margin-left: 10px;
        text-decoration: none;
    }

    .header1 .inner .mobile_menu .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    .header1 .inner .mobile_menu .technical .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .technical .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: unset;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical .link.cookies{
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 12.75);
    }

    .mainpage1 .content .info{
        width: calc(100% - 100px);
        padding-left: 50px;
        padding-right: 50px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.15);
    }

    .mainpage1 .content .info .text{
        width: 85%;
        font-size: calc(28px / 1.2);
        margin-top: 20px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder .food .category .link{
        margin-right: 30px;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder .food .category .link:nth-child(1){
        margin-top: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 100px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 40%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 45%;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 125px;
        height: 125px;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 30px - 2px);
        display: flex;
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: calc(100% / 2);
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel:nth-child(3){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel.note{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 30px) / 2);
        margin-top: 50px;
        margin-left: 30px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(4){
        display: none;
    }

    .mainpage1 .content .info .box{
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 0px;
        margin-top: 30px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 32px;
        height: 32px;
        padding: 20px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 8px;
        padding-left: calc(10px + 39px);
        padding-right: 20px;
        font-size: calc(26px / 1.1);
    }

    .container .inner .terms{
        width: calc(100% - 100px);
        margin-left: 50px;
        margin-right: 50px;
    }

    .footer2 .inner{
        flex-direction: column-reverse;
    }

    .footer2 .inner .content{
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer2 .inner .online_pay{
        margin-left: 0;
        margin-right: auto;
    }

    .footer2 .inner .online_pay .icon{
        height: 38px;
        margin-right: 15px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

}



@media (min-width: 600px) and (max-width: 699px){

    .header1{
        overflow: hidden;
    }

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner{
        position: relative
    }

    .header1 .inner .logo{
        height: 60px;
    }

    .header1 .inner .menu .orderonline{
        font-size: calc(22px / 1.05);
        margin-right: calc(30px + 35px);
    }

    .header1 .inner .menu .link{
        display: none;
    }

    .header1 .inner .menu .contact{
        display: none;
    }

    .header1 .inner .mobile_menu_icon{
        width: 35px;
        height: auto;
        position: absolute;
        right: 30px;
        top: 50%;
        z-index: 1000;
        transform: translateY(-50%);
        display: block;
    }

    .header1 .inner .mobile_menu_icon .item{
        width: 100%;
        height: 2px;
        float: left;
        background: #ffffff;
        margin-bottom: 9px;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
    }

    .header1 .inner .mobile_menu_icon .item:nth-child(2){
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon .item:last-child{
        margin-bottom: 0;
    }

    .header1 .inner .mobile_menu_icon.open .item:first-child,
    .header1 .inner .mobile_menu_icon.open .item:last-child{
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon.open .item:nth-child(2){
        width: 100%;
        margin-left: 0;
    }

    .header1 .inner .mobile_menu{
        width: auto;
        height: auto;
        float: left;
        background: rgba(33, 33, 33, 0.95);
        position: absolute;
        right: 0;
        top: 110px;
        z-index: 2000;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
        display: block;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header1 .inner .mobile_menu .contact{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        flex-direction: column;
    }

    .header1 .inner .mobile_menu .contact .line{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .contact .line:first-child{
        margin-top: 0;
    }

    .header1 .inner .mobile_menu .contact .line .icon{
        width: 22px;
        height: 22px;
        float: left;
    }

    .header1 .inner .mobile_menu .contact .line .icon svg{
        width: 100%;
        height: 100%;
        float: left;
        stroke: #707070;
        stroke-width: 2px;
    }

    .header1 .inner .mobile_menu .contact .line .text{
        width: auto;
        height: auto;
        float: left;
        font-family: configmedium;
        font-size: 19px;
        color: #ffffff;
        margin-left: 10px;
        text-decoration: none;
    }

    .header1 .inner .mobile_menu .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    .header1 .inner .mobile_menu .technical .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .technical .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: unset;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical .link.cookies{
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 14.5);
    }

    .mainpage1 .content .info{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.2);
    }

    .mainpage1 .content .info .text{
        width: 90%;
        font-size: calc(28px / 1.25);
        margin-top: 20px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder .food .category .link{
        margin-right: 30px;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder .food .category .link:nth-child(1){
        margin-top: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 50px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 45%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 55%;
    }

    .container .inner .gallery{
        width: calc(100% - 60px);
        padding: 30px;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .gallery .head .main{
        font-size: calc(30px / 1.2);
    }

    .container .inner .gallery .head .description{
        font-size: calc(20px / 1.1);
    }

    .container .inner .gallery .items{
        margin-top: 20px;
    }

    .container .inner .gallery .items .item{
        width: calc(100% / 4);
        padding-top: calc(100% / 4);
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 125px;
        height: 125px;
    }

    .container .inner .onlineorder .food .products .product .content{
        flex-basis: calc(100% - 150px - 100px - 30px);
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.05);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 30px - 2px);
        display: flex;
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: calc(100% / 2);
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel:nth-child(3){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel.note,
    .container .inner .onlineorder .delivery .box .panel.rating{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 30px) / 2);
        margin-top: 50px;
        margin-left: 30px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(4){
        display: none;
    }

    .mainpage1 .content .info .box{
        margin-top: 30px;
        display: flex;
        flex-direction: column;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 0px;
        margin-top: 30px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 30px;
        height: 30px;
        padding: 18px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 6px;
        padding-left: calc(10px + 39px);
        padding-right: 18px;
        font-size: calc(26px / 1.2);
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .footer2 .inner{
        flex-direction: column-reverse;
    }

    .footer2 .inner .content{
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer2 .inner .online_pay{
        margin-left: 0;
        margin-right: auto;
    }

    .footer2 .inner .online_pay .icon{
        height: 38px;
        margin-right: 15px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

}





@media (min-width: 500px) and (max-width: 599px){

    .header1{
        overflow: hidden;
    }

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .header1 .inner{
        position: relative
    }

    .header1 .inner .logo{
        height: 60px;
    }

    @media (min-width: 500px) and (max-width: 550px){

        .header1 .inner .menu .orderonline{
            display: none;
        }

        .header1 .inner .mobile_menu .link.orderonline{
            width: auto;
            height: auto;
            background: #BC1818;
            padding: 10px;
            padding-top: 6px;
            padding-bottom: 6px;
            border-radius: 3px;
            margin-left: 15px;
            margin-right: 15px;
        }
        
    }

    .header1 .inner .menu .orderonline{
        font-size: calc(22px / 1.05);
        margin-right: calc(30px + 35px);
    }

    .header1 .inner .menu .link{
        display: none;
    }

    .header1 .inner .menu .contact{
        display: none;
    }

    .header1 .inner .mobile_menu_icon{
        width: 35px;
        height: auto;
        position: absolute;
        right: 30px;
        top: 50%;
        z-index: 1000;
        transform: translateY(-50%);
        display: block;
    }

    .header1 .inner .mobile_menu_icon .item{
        width: 100%;
        height: 2px;
        float: left;
        background: #ffffff;
        margin-bottom: 9px;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
    }

    .header1 .inner .mobile_menu_icon .item:nth-child(2){
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon .item:last-child{
        margin-bottom: 0;
    }

    .header1 .inner .mobile_menu_icon.open .item:first-child,
    .header1 .inner .mobile_menu_icon.open .item:last-child{
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon.open .item:nth-child(2){
        width: 100%;
        margin-left: 0;
    }

    .header1 .inner .mobile_menu{
        width: auto;
        height: auto;
        float: left;
        background: rgba(33, 33, 33, 0.95);
        position: absolute;
        right: 0;
        top: 110px;
        z-index: 2000;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
        display: block;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header1 .inner .mobile_menu .contact{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        flex-direction: column;
    }

    .header1 .inner .mobile_menu .contact .line{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .contact .line:first-child{
        margin-top: 0;
    }

    .header1 .inner .mobile_menu .contact .line .icon{
        width: 22px;
        height: 22px;
        float: left;
    }

    .header1 .inner .mobile_menu .contact .line .icon svg{
        width: 100%;
        height: 100%;
        float: left;
        stroke: #707070;
        stroke-width: 2px;
    }

    .header1 .inner .mobile_menu .contact .line .text{
        width: auto;
        height: auto;
        float: left;
        font-family: configmedium;
        font-size: 19px;
        color: #ffffff;
        margin-left: 10px;
        text-decoration: none;
    }

    .header1 .inner .mobile_menu .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    .header1 .inner .mobile_menu .technical .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .technical .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: unset;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical .link.cookies{
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 14);
    }

    .mainpage1 .content .info{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.3);
    }

    .mainpage1 .content .info .text{
        width: 100%;
        font-size: calc(28px / 1.35);
        margin-top: 15px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder .food .category .link{
        margin-right: 30px;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder .food .category .link:nth-child(1){
        margin-top: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 20px);
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        flex-basis: 45%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        flex-basis: 55%;
    }

    .container .inner .gallery{
        width: calc(100% - 60px);
        padding: 30px;
        margin-top: 30px;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .gallery .head .main{
        font-size: calc(30px / 1.2);
    }

    .container .inner .gallery .head .description{
        font-size: calc(20px / 1.1);
    }

    .container .inner .gallery .items{
        margin-top: 20px;
    }

    .container .inner .gallery .items .item{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .food .products .product{
        margin-bottom: 30px;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 100px;
        height: 100px;
    }

    .container .inner .onlineorder .food .products .product .content{
        flex-basis: calc(100% - 150px - 100px - 0px);
        margin-left: 20px;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 30px - 2px);
        display: flex;
        margin-bottom: 30px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: 100%;
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel:first-child{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel.note,
    .container .inner .onlineorder .delivery .box .panel.rating{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 30px) / 2);
        margin-top: 50px;
        margin-left: 30px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(4){
        display: none;
    }

    .mainpage1 .content .info .box{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 28px;
        height: 28px;
        padding: 16px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 6px;
        padding-left: calc(10px + 39px);
        padding-right: 18px;
        font-size: calc(26px / 1.3);
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .footer2 .inner{
        flex-direction: column-reverse;
    }

    .footer2 .inner .content{
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer2 .inner .online_pay{
        margin-left: 0;
        margin-right: auto;
    }

    .footer2 .inner .online_pay .icon{
        height: 38px;
        margin-right: 15px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

    @media (min-width: 500px) and (max-width: 530px){

        .mainpage1{
            padding-top: calc((100% / 16) * 17.5);
        }
        
    }

    @media (min-width: 531px) and (max-width: 550px){

        .mainpage1{
            padding-top: calc((100% / 16) * 15);
        }
        
    }

}




@media (min-width: 400px) and (max-width: 499px){

    .header1{
        overflow: hidden;
        height: 100px;
    }

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .header1 .inner{
        position: relative
    }

    .header1 .inner .logo{
        height: 60px;
    }

    .header1 .inner .menu .orderonline{
        display: none;
    }

    .header1 .inner .mobile_menu .link.orderonline{
        width: auto;
        height: auto;
        background: #BC1818;
        padding: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 3px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .header1 .inner .menu .link{
        display: none;
    }

    .header1 .inner .menu .contact{
        display: none;
    }

    .header1 .inner .mobile_menu_icon{
        width: 35px;
        height: auto;
        position: absolute;
        right: 20px;
        top: 50%;
        z-index: 1000;
        transform: translateY(-50%);
        display: block;
    }

    .header1 .inner .mobile_menu_icon .item{
        width: 100%;
        height: 2px;
        float: left;
        background: #ffffff;
        margin-bottom: 9px;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
    }

    .header1 .inner .mobile_menu_icon .item:nth-child(2){
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon .item:last-child{
        margin-bottom: 0;
    }

    .header1 .inner .mobile_menu_icon.open .item:first-child,
    .header1 .inner .mobile_menu_icon.open .item:last-child{
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon.open .item:nth-child(2){
        width: 100%;
        margin-left: 0;
    }

    .header1 .inner .mobile_menu{
        width: auto;
        height: auto;
        float: left;
        background: rgba(33, 33, 33, 0.95);
        position: absolute;
        right: 0;
        top: 100px;
        z-index: 2000;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
        display: block;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header1 .inner .mobile_menu .contact{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        flex-direction: column;
    }

    .header1 .inner .mobile_menu .contact .line{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .contact .line:first-child{
        margin-top: 0;
    }

    .header1 .inner .mobile_menu .contact .line .icon{
        width: 22px;
        height: 22px;
        float: left;
    }

    .header1 .inner .mobile_menu .contact .line .icon svg{
        width: 100%;
        height: 100%;
        float: left;
        stroke: #707070;
        stroke-width: 2px;
    }

    .header1 .inner .mobile_menu .contact .line .text{
        width: auto;
        height: auto;
        float: left;
        font-family: configmedium;
        font-size: 19px;
        color: #ffffff;
        margin-left: 10px;
        text-decoration: none;
    }

    .header1 .inner .mobile_menu .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    .header1 .inner .mobile_menu .technical .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .technical .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: unset;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical .link.cookies{
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 18);
    }

    .mainpage1 .content .info{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.4);
    }

    .mainpage1 .content .info .text{
        width: 100%;
        font-size: calc(28px / 1.45);
        margin-top: 15px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms{
        width: calc(100% - 20px - 1px - 16px - 4px);
        margin-left: calc(20px + 1px + 16px + 4px);
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: 100%;
        flex-direction: column;
    }

    .container .inner .onlineorder .delivery .part .forms .line{
        width: calc(100% - 50px);
        display: block;
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        width: 100%;
        margin-top: 5px;
    }

    .container .inner .gallery{
        width: calc(100% - 40px);
        padding: 20px;
        margin-top: 20px;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .gallery .head{
        padding-left: 0;
        padding-right: 0;
    }

    .container .inner .gallery .head .main{
        font-size: calc(30px / 1.2);
    }

    .container .inner .gallery .head .description{
        font-size: calc(20px / 1.1);
    }

    .container .inner .gallery .items{
        margin-top: 20px;
    }

    .container .inner .gallery .items .item{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .rating form{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating .textarea{
        width: 100%;
        max-width: 350px;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .food .products .product{
        margin-bottom: 30px;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 100px;
        height: 100px;
    }

    .container .inner .onlineorder .food .products .product .content{
        flex-basis: calc(100% - 150px - 100px - 0px);
        margin-left: 20px;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 30px - 2px);
        display: flex;
        margin-bottom: 30px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }
    
    .container .inner .onlineorder .delivery .info .text,
    .container .inner .onlineorder .rightpanel .info .text{
        font-size: calc(20px / 1.1);
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: 100%;
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel:first-child{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel.note,
    .container .inner .onlineorder .delivery .box .panel.rating{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    .footer1 .inner .box{
        flex-basis: 100%;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: calc((100% - 30px) / 2);
        margin-top: 50px;
        margin-left: 30px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(4){
        display: none;
    }

    .mainpage1 .content .info .box{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 28px;
        height: 28px;
        padding: 16px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 6px;
        padding-left: calc(10px + 39px);
        padding-right: 18px;
        font-size: calc(26px / 1.3);
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .footer2 .inner{
        flex-direction: column-reverse;
    }

    .footer2 .inner .content{
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer2 .inner .online_pay{
        margin-left: 0;
        margin-right: auto;
    }

    .footer2 .inner .online_pay .icon{
        height: 36px;
        margin-right: 15px;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

    @media (min-width: 451px) and (max-width: 475px){

        .mainpage1{
            padding-top: calc((100% / 16) * 20);
        }
        
    }
    
    @media (min-width: 400px) and (max-width: 450px){

        .mainpage1{
            padding-top: calc((100% / 16) * 22);
        }
        
    }

}




@media (min-width: 320px) and (max-width: 399px){

    .header1{
        overflow: hidden;
        height: 100px;
    }

    .header1 .inner,
    .container .inner,
    .footer2 .inner{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .header1 .inner{
        position: relative
    }

    .header1 .inner .logo{
        height: 60px;
    }

    .header1 .inner .menu .orderonline{
        display: none;
    }

    .header1 .inner .mobile_menu .link.orderonline{
        width: auto;
        height: auto;
        background: #BC1818;
        padding: 10px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 3px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .header1 .inner .menu .link{
        display: none;
    }

    .header1 .inner .menu .contact{
        display: none;
    }

    .header1 .inner .mobile_menu_icon{
        width: 35px;
        height: auto;
        position: absolute;
        right: 30px;
        top: 50%;
        z-index: 1000;
        transform: translateY(-50%);
        display: block;
    }

    .header1 .inner .mobile_menu_icon .item{
        width: 100%;
        height: 2px;
        float: left;
        background: #ffffff;
        margin-bottom: 9px;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
    }

    .header1 .inner .mobile_menu_icon .item:nth-child(2){
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon .item:last-child{
        margin-bottom: 0;
    }

    .header1 .inner .mobile_menu_icon.open .item:first-child,
    .header1 .inner .mobile_menu_icon.open .item:last-child{
        width: calc(100% - 14px);
        margin-left: 7px;
    }

    .header1 .inner .mobile_menu_icon.open .item:nth-child(2){
        width: 100%;
        margin-left: 0;
    }

    .header1 .inner .mobile_menu{
        width: auto;
        height: auto;
        float: left;
        background: rgba(33, 33, 33, 0.95);
        position: absolute;
        right: 0;
        top: 100px;
        z-index: 2000;
        transition:ease-out 150ms;
        -webkit-transition:ease-out 150ms;
        -moz-transition:ease-out 150ms;
        display: block;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .header1 .inner .mobile_menu .contact{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        flex-direction: column;
    }

    .header1 .inner .mobile_menu .contact .line{
        width: auto;
        height: auto;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .contact .line:first-child{
        margin-top: 0;
    }

    .header1 .inner .mobile_menu .contact .line .icon{
        width: 22px;
        height: 22px;
        float: left;
    }

    .header1 .inner .mobile_menu .contact .line .icon svg{
        width: 100%;
        height: 100%;
        float: left;
        stroke: #707070;
        stroke-width: 2px;
    }

    .header1 .inner .mobile_menu .contact .line .text{
        width: auto;
        height: auto;
        float: left;
        font-family: configmedium;
        font-size: 19px;
        color: #ffffff;
        margin-left: 10px;
        text-decoration: none;
    }

    .header1 .inner .mobile_menu .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        margin-top: 30px;
    }

    .header1 .inner .mobile_menu .technical .divider{
        width: 100%;
        height: auto;
        float: left;
        border-top:1px dashed #707070;
        margin-top: 10px;
    }

    .header1 .inner .mobile_menu .technical .link{
        width: auto;
        height: auto;
        float: left;
        clear: both;
        font-family: configsemibold;
        font-size: 19px;
        color: #ffffff;
        text-transform: unset;
        text-decoration: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 0.5px;
    }

    .header1 .inner .mobile_menu .technical .link.cookies{
        border: none;
        outline: none;
        background: transparent;
        padding: 0;
        margin: 0;
        cursor: pointer;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .mainpage1{
        padding-top: calc((100% / 16) * 22);
    }

    .mainpage1 .content .info{
        width: calc(100% - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }

    .mainpage1 .content .info .header{
        font-size: calc(70px / 1.5);
    }

    .mainpage1 .content .info .text{
        width: 100%;
        font-size: calc(28px / 1.5);
        margin-top: 15px;
    }

    .container .inner .onlineorder{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .rightpanel .price .items{
        max-height: unset;
    }

    .container .inner .onlineorder.p1,
    .container .inner .onlineorder.p2,
    .container .inner .onlineorder.p4{
        flex-direction: column;
    }

    .container .inner .onlineorder.top{
        flex-direction: column-reverse;
    }

    .container .inner .onlineorder .food .category .link:last-child{
        margin-right: 0;
    }

    .container .inner .onlineorder.p2 .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .part .forms{
        width: calc(100% - 20px - 1px - 16px - 4px);
        margin-left: calc(20px + 1px + 16px + 4px);
    }

    .container .inner .onlineorder .delivery .part .forms .zones,
    .container .inner .onlineorder .delivery .part .forms .payments,
    .container .inner .onlineorder .delivery .part .forms .line{
        width: 100%;
        flex-direction: column;
    }

    .container .inner .onlineorder .delivery .part .forms .line{
        width: 100%;
        display: block;
    }

    .container .inner .onlineorder .delivery .part .forms .line .label{
        width: 100%;
        display: block;
    }

    .container .inner .onlineorder .delivery .part .forms .line .input,
    .container .inner .onlineorder .delivery .part .forms .line .textarea{
        width: 100%;
        margin-top: 5px;
    }

    .container .inner .gallery{
        width: calc(100% - 40px);
        padding: 20px;
        margin-top: 20px;
    }

    .container .inner .gallery:first-child{
        margin-top: 50px;
    }

    .container .inner .gallery:last-child{
        margin-bottom: 50px;
    }

    .container .inner .gallery .head{
        padding-left: 0;
        padding-right: 0;
    }

    .container .inner .gallery .head .main{
        font-size: calc(30px / 1.2);
    }

    .container .inner .gallery .head .description{
        font-size: calc(20px / 1.1);
    }

    .container .inner .gallery .items{
        margin-top: 20px;
    }

    .container .inner .gallery .items .item{
        width: calc(100% / 3);
        padding-top: calc(100% / 3);
    }

    .container .inner .onlineorder .food,
    .container .inner .onlineorder .delivery{
        width: 100%;
    }

    .container .inner .onlineorder .delivery{
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p3 .delivery{
        margin-bottom: 50px;
        margin-top: 0;
    }

    .container .inner .onlineorder .food .products,
    .container .inner .onlineorder .food .category,
    .container .inner .onlineorder .delivery .part{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating{
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .container .inner .onlineorder .delivery .rating form{
        width: 100%;
    }

    .container .inner .onlineorder .delivery .rating .textarea{
        width: 100%;
        max-width: 350px;
    }

    .container .inner .onlineorder .delivery .part{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .part.second{
        margin-top: 50px;
    }

    .container .inner .onlineorder .delivery .part .header .text{
        white-space: unset;
    }

    .container .inner .onlineorder .food .products .product{
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .container .inner .onlineorder .food .products .product .image{
        width: 100px;
        height: 100px;
        order: 1;
    }

    .container .inner .onlineorder .food .products .product .content{
        flex-basis: calc(100% - 40px);
        margin-left: 20px;
        order: 3;
    }

    .container .inner .onlineorder .food .products .product .content .name{
        font-size: calc(22px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .description{
        font-size: calc(18px / 1.1);
    }

    .container .inner .onlineorder .food .products .product .content .extra{
        margin-bottom: 15px;
    }

    .container .inner .onlineorder .food .products .product .pricebox{
        order: 2;
    }

    .container .inner .onlineorder .food .products .product .ingredients{
        order: 4;
    }

    .container .inner .onlineorder .delivery .info{
        display: none;
    }

    .container .inner .onlineorder .rightpanel .info{
        width: calc(100% - 20px - 2px);
        display: flex;
        margin-bottom: 30px;
    }

    .container .inner .onlineorder .delivery .info,
    .container .inner .onlineorder .rightpanel .info{
        padding: 10px;
    }

    .container .inner .onlineorder .rightpanel .info:nth-child(2){
        margin-top: 0px;
    }
    
    .container .inner .onlineorder .delivery .info .text,
    .container .inner .onlineorder .rightpanel .info .text{
        font-size: calc(20px / 1.1);
    }

    .container .inner .onlineorder .rightpanel{
        width: 100%;
        margin-bottom: 0;
    }

    .container .inner .onlineorder.p4 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p1 .rightpanel,
    .container .inner .onlineorder.p2 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder.p3 .rightpanel{
        margin-bottom: 50px;
    }

    .container .inner .onlineorder .delivery .box{
        width: calc(100% - 40px - 1px - 16px);
        display: block;
    }

    .container .inner .onlineorder .delivery .box:nth-child(4){
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel{
        width: 100%;
        margin-top: 20px;
    }

    .container .inner .onlineorder .delivery .box .panel:first-child{
        margin-top: 0px;
    }

    .container .inner .onlineorder .delivery .box .panel.note,
    .container .inner .onlineorder .delivery .box .panel.rating{
        width: 100%;
    }

    .footer1 .inner{
        width: calc(100% - 60px);
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .footer1 .inner .box{
        width: unset;
        align-items: center;
        display: flex;
    }

    .footer1 .inner .box .follow{
        margin-top: 35px;
    }

    .footer1 .inner .box .logo{
        width: 180px;
    }

    .footer1 .inner .col{
        width: 100%;
        margin-top: 50px;
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(2){
        margin-left: 0px;
    }

    .footer1 .inner .col:nth-child(4){
        display: none;
    }

    .mainpage1 .content .info .box{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .mainpage1 .content .info .box .button:nth-child(2){
        margin-left: 0px;
        margin-top: 20px;
    }

    .mainpage1 .content .info .box .button .icon svg{
        width: 28px;
        height: 28px;
        padding: 16px;
    }

    .mainpage1 .content .info .box .button .text{
        padding: 6px;
        padding-left: calc(10px + 39px);
        padding-right: 18px;
        font-size: calc(26px / 1.4);
    }

    .container .inner .terms{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .footer2 .inner{
        flex-direction: column-reverse;
    }

    .footer2 .inner .content{
        margin-left: 0;
        margin-right: auto;
        margin-top: 10px;
    }

    .footer2 .inner .online_pay{
        margin-left: 0;
        margin-right: auto;
    }

    .footer2 .inner .online_pay .icon{
        height: 30px;
        margin-right: 10px;
    }

    .container .inner .onlineorder .rightpanel .price .head{
        flex-direction: row;
    }

    .container .inner .onlineorder .rightpanel .price .head .box{
        margin-left: 0;
        margin-right: auto;
        padding-right: 15px;
    }

    .container .inner .onlineorder .rightpanel .price .head .box:nth-child(2){
        padding-bottom: 15px;
        flex-basis: 35%;
        align-items: end;
    }

    .mainpage1 .content .info .badge{
        margin-bottom: 30px;
        padding: 8px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .mainpage1 .content .info .badge .line{
        font-size: calc(22px / 1.15);
    }

    .mainpage1 .content .info .badge .line:nth-child(2){
        font-size: calc(26px / 1.15);
    }

    @media (min-width: 371px) and (max-width: 399px){

        .mainpage1{
            padding-top: calc((100% / 16) * 23);
        }
        
    }

    @media (min-width: 360px) and (max-width: 370px){

        .mainpage1{
            padding-top: calc((100% / 16) * 25);
        }
        
    }

    @media (min-width: 340px) and (max-width: 359px){

        .mainpage1{
            padding-top: calc((100% / 16) * 27);
        }
        
    }

    @media (min-width: 320px) and (max-width: 339px){

        .mainpage1{
            padding-top: calc((100% / 16) * 28);
        }
        
    }

}