/* ONLY DEKSTOP VIEW */
@media only screen and (min-width: 1023px){
}

/*   TABLET VIEW   */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

/*   MOBILE VIEW   */
@media screen and (max-width: 768px) {

    .menu.header .item{
        display: none !important;
    }

    .menu.header .item.mobile-only,
    .menu.header .item.mobile{
        display: block !important;
    }

    .product-details .gallery,
    .product-details .product-description,
    .order-wrapper .filter-wrapper,
    .order-wrapper .items,
    .summary-wrapper .summary-details,
    .summary-wrapper .summary-cart
    {
        width: 100%;
        padding: 0;
    }

    .food-items .item{
        width:50%;
    }

    .order-wrapper .filter-wrapper{
        margin-bottom: 35px;
    }

    .product-details .gallery{
        margin-bottom: 25px;
    }

    .product-details .product-description{
        padding: 0 15px;
    }

    footer .item{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 25px;
    }

    footer .container,
    .order-wrapper{
        flex-wrap: wrap;
    }

    .ui.form .fields {
        margin-bottom: 1em;
    }

    .date-selection-wrapper{
        margin-left: 25px;
        margin-right: 25px;
    }

    .date-selection-wrapper form .ui.selection,
    .date-selection-wrapper form .ui.button{
        width: 100%;
        margin-bottom: 15px;
    }

    .summary-button .ui.button,
    .ionefood-list .state .image,
    .ionefood-list .state .description,
    .featured-items .text,
    .featured-items .image{
        width: 100%;
    }

    .state.coming-soon .locations img{
        width: 50%;
    }

    .account-sidebar{
        display: none !important;
    }

    .homepage-banner .container{
        flex-wrap: wrap;
    }

    .homepage-banner .container .hero-banner, .homepage-banner .container .hero-text {
        width: 100%;
        padding: 0 ;
    }

    .homepage-banner .container .hero-banner{
        margin-bottom: 50px;
    }

    .featured-items .image{
        order: -1;
    }


    .destination-form .date {
        margin:15px  0;
    }

    .destination-form{
        display: block;
        justify-content: center;
        align-items: flex-end;
    }

    .steps li{
        width: auto;
    }

    .ionefood-list .state > .image{
        padding: 0;
    }

    .location-items .item{
        width: 25%;
    }

    #notice-modal {
        width: 90%;
    }
    #notice-modal .description {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #notice-modal .ui.warning.message {
        font-size: 90%;
    }

}

/* MOBILE VIEW IPHONE 5/SE */
@media screen and (max-width:320px){
}