

/* footer */

footer-widget {
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer--logo {
    margin-bottom: 22px;
}

.footer-widget .footer--widget-content p {
    margin-bottom: 29 px;
}

.footer--widget-newsletter form {
    width: 270px;
    display: inline-block;
    margin-bottom: 30px;
}

.footer-social-icon {
    overflow: hidden;
    display: inline-block;
}

.contact-row-img {
    margin-top: -425px;
}


.menu-2 .dish-panel .half-col {
    width: 50%;
    float: left;
}

.menu-2 .dish-panel.style1 .dish--img.half-col {
    float: right;
}

.menu-2 .dish-panel.style1 .dish--content.half-col {
    float: left;
}

.menu-2 .dish-panel.style2 .dish--img.half-col {
    float: left;
}

.menu-2 .dish-panel.style2 .dish--content.half-col {
    float: right;
}

.menu-2 .dish-panel .dish--img img{
    max-width: 100%;
}
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .specials .dish-panel {
        padding: 0;
    }
    .dish-panel .dish--price {
        position: static
    }
    .banner-2 .banner--img {
        max-width: 270px;
        margin: 0 auto 20px;
    }

    .dish-banner {
        max-width: 370px;
        margin: 0 auto 30px;
    }
    .menu-2 .dishes-wrapper {
        padding-top: 30px;
    }

    .menu-2 .dish-panel .dish--img img {
        width: 100%;
    }

}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .menu-2 .dish-panel .dish--content {
        padding: 0 15px 30px;
        min-height: 0;
    }
    .menu-2 .dish-panel .dish--img {
        margin-bottom: 30px;
    }

    .menu-2 .dish-panel .dish--img img {
        width: 100%;
    }
    .half-col,
    .menu-2 .dish-panel.style2 .dish--img.half-col,
    .menu-2 .dish-panel.style2 .dish--content.half-col {
        float: none !important;
        width: 100% !important;
    }
}

/* small Devices , tablets*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .banner-2 .banner--img {
        margin: 0 auto 30px;
    }
    .banner-2 .banner--img img {
        width: 100%;
    }
    .menu-2 .dish-panel .dish--img img {
        width: 100%;
    }
}

/* Medium Screens */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .menu-2 .dish-panel {
        min-height: 0;
    }
    .menu-2 .dish-panel .dish--content {
        padding: 10px 5px 0;
    }
    
}
