.header-3 .logotipo {
    width: 250px;
    height: auto;
    display: none;
}
.header-3 .logotipo-white {
    width: 250px;
    height: auto;
    display: block;
}
.header-3.sticky.open .logotipo {
    display: block;
}
.header-3.sticky.open .logotipo-white {
    display: none;
}
.header-section-3 .main-header-wrapper .logo-image {
    padding: 0;
}
.sticky .logo-image img {
    width: 100%;
}
.header-main .main-menu ul li a {
    font-size: 20px;
}
.banner-style3 .title {
    text-align: left;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 0;
}
.offer-content {
    padding: 55px 0;
    min-width: 265px;
}
.offer-card.style1 {
    padding: 0px 0px 0 30px;
}
.popular-dishes-wrapper.style2 {
    padding-top: 100px;
}
.footer-content .theme-btn {
    font-size: 18px;
}
.bg-img {
    background-position: left;
}
.banner-wrapper.style3 .shape3 {
    bottom: -150px;
    top: unset;
    left: unset;
    right: -50px;
}
.title-area .title {
    font-size:32px;
}
.theme-btn.style2 {    
    padding: 20px 100px;
}
.whats {
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:10000;
    animation: bounce 2s infinite;
}
.whats a {
    background-color:#00bf49;
    color:#fff;
    padding:10px 15px;
    border-radius: 40px;
    display: block;
}
.whats a:hover {
    background-color:#13d45d;
}
.offer-card.style1 .offer-thumb .thumbImg {
    width: 100%;
}
@media (min-width: 992px) {
    .banner-style3 .title {
        text-align: left;
        font-size: 60px;
        line-height: 80px;
        margin-bottom: 0;
    }
    .banner-style3 {
        padding: 300px 0 235px;
    }
    .banner-wrapper.style3 .shape3 {
        bottom: -30px;
        left: unset;
        right: 10%;
    }
    .dishes-card-wrap.style1 {
        grid-template-columns: repeat(4, 1fr);
    }
    .dishes-card-wrap.style2 {
        grid-template-columns: repeat(4, 1fr);
        place-items: center;
    }
}