.iner {
    margin: 0px 166px;
}




.button {
    background-color: #ff0000;
    color: #fff;
    text-decoration: none;
    padding: 14px 18px;
    font-weight: 700;

    transition: background-color 0.2s linear;
}

.button:hover {
    background-color: #891717;
}






 span {
    color: #d63535;
    margin-left: 2px;
}





.hop {
    margin-top: 166px;
    padding-bottom: 200px;
}

.tole {
    font-family: 'Tinos', serif;
    font-size: 54px;
    font-weight: 400;
    width: 444px;
    text-align: center;
    margin-top: 21px;
}

.tole span {
    color: #d63535;
}

.des {
    color: #656363;
    font-size: 16px;
    width: 444px;
    text-align: center;
}

.num {
    display: flex;
    width: 444px;
    justify-content: center;
    margin-top: 40px;
    margin-left: 30px;
}

.nu {
    margin-right: 60px;
    text-align: center;
    font-size: 40px;
    color: #bc6060;
}

.nu span {
    display: block;
    color: #000;
}

.ima {
    position: relative;
}

.holde {
    display: flex;
}

.imgages-1 {
    position: absolute;
    z-index: 0;
    top: 54px;
    left: 211px;
}

.imgages-2 {
    position: absolute;
    z-index: 999;
    top: -92px;
    left: 383px;
}

.imgages-3 {
    position: absolute;
    z-index: 999;
    top: 246px;
    left: 481px;
}




.foto {
    background-image: url(https://phonoteka.org/uploads/posts/2021-04/thumbs/1617820617_9-p-vse-foni-bravl-stars-9.png);
    padding: 80px 0;
}

.lefte {
    color: #d63434;
    font-family: 'Tinos', serif;
    font-size: 52px;
    font-weight: 400;

    margin-bottom: 20px;
}

.left-text {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
}

.right-btn {
    background-color: #ff0000;
    color: #fff;
    text-decoration: none;
    padding: 14px 18px;
    font-weight: 700;
}

.hoho {
    display: flex;
    justify-content: space-between;
    align-items: center;
}





 span {
    color: #d63434;
}



.menu-text {
    font-family: 'Tinos', serif;
    font-size: 26px;
    padding-top: 16px;
    padding-bottom: 17px;
}

.menu-subtext {
    font-size: 16px;
}


.menu {
    background-size: cover;
    padding-bottom: 100px;
    background-image: url(https://phonoteka.org/uploads/posts/2022-02/1645373652_1-phonoteka-org-p-fon-iz-bravl-stars-1.jpg);
    background-repeat: no-repeat;
  
}

.menu-title {
    padding-top: 98px;
    color: #fff;
    text-align: center;
    padding-bottom: 138px;
    font-family: 'Tinos', serif;
    font-size: 54px;
}

.menu-ggg {
    background-color: #fff;
    text-align: center;
    width: 33%;
    padding-top: 80px;
    padding-bottom: 30px;

    margin-right: 20px;
}



.menu-h {
    font-size: 16px;
    font-weight: 700;
    box-shadow: 5px 5px 10px 0px #00000040;
    background-color: #d63434;
    text-decoration: none;
    padding: 14px 67px;
    color: #fff;

}

.menu-button {
    margin-top: 20px;
}

.price-image {
    position: absolute;
    bottom: 0;
    right: 32px;
}

.menu-image {
    position: relative;
}

.price-420 {
    right: 56px;
    color: #fff;
    font-size: 30px;
    position: absolute;
    bottom: 32px;

}

.menu-gg {
    justify-content: center;
    display: flex;
}


.com-img {
    border-radius: 50px;
}

.com-image {
    text-align: center;
}

.com-type {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}

.com-name {
    font-weight: 400;
    text-align: center;
    padding-top: 9px;
    font-size: 20px;
}


.com {
    background-color: #E5E5E5;
    padding-top: 104px;
    padding-bottom: 139px;
}

.com-text {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-style: italic;
}








 span {
    color: #d63434;
}


.galery-down {
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
}



.cook-title span {
    color: #d63434;
}



@media (max-width: 1300px) {

    .menu-gg {
        display: block;
    }

    .menu-ggg {
        margin: 20px auto;
        width: 600px;
    }






    .cak-content {
        display: block;
    }

    .cak-content img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }


    .hoho {
        display: block;
    }

    .lefte,
    .left-text,
    .right-button {
        text-align: center;
    }

    .right-button {
        margin-top: 30px;
    }



    .ima {
        display: none;
    }

    .tole,
    .des,
    .num {
        width: auto;
    }
}



@media (max-width: 1185px) {

    .burger-menu {
        display: block;
    }


    .cart,
    .btn {
        display: none;
    }

    .header-line {
        justify-content: space-between;
    }





}



@media (max-width: 1000px) {

    .cards-holder {
        display: block;
    }

    .card {
        width: 100%;
        margin-top: 30px;
        padding-bottom: 20px;
    }

}




@media (max-width: 780px) {

    .holde {
        display: block;
    }

    .menu-ggg {
        width: auto;
    }

    .high {
        display: none;
    }

    .iner {
        margin: auto 40px;
    }

    .nu {
        font-size: 23px;
    }

}


.footer {
    background-color: #000;
    padding: 50px 0px;
    color: #fff;
    text-align: center;
}


.menu-img {
    width: 90%;
}

.burger-menu {
    display: none;
}

.block {
    display: block;
}

.burger-slide {
    position: absolute;
}

button {
    outline: none;
    background-color: transparent;
    border: none;
   
}





@media (max-width: 1500px) {

  

    .img-gal,
    .galery-down {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .img-gal {
        margin-bottom: 20px;
    }

  

}