@media (min-width:568px) {
    
    .logo, .logoresp{
        width: 58%;
        float: left;
        padding-bottom: 0px;
    }
    .menu{
        padding-top: 15px;
        float: right;
        padding-right: 10px;
    }
    .pedidos {
        padding-top: 19px;
        padding-right: 0px;
    }
    .pedidos a{
        width: 149px;
    }
    .grupoinicio {
        float: left;
        width: 50%;
    }
/*
    .grupolargo{
        width: 80%;
        margin: 0 auto;
        text-align: left;
    }
    .imgentrega{
        text-align: center
    }
    .imgentrega img{
        width: 285px;
        height: auto;
    }
*/
    .contenido{
        padding-top: 95px;
    }
    .fondoderecha{
        width: 90%;
    }
    .derecha{
        float: left;
        width: 50%;
/*        min-height: 185px;*/
    }
    .derechatitulo{
        width: 70%;
    }
    .separadorderecha{
        display: none;
    }
    .separadorvertical{
        margin-top: 15px;
    margin-bottom: 15px;
    /* border-bottom: 2px solid #326da0; */
    background-color: #326da0;
    height: 2px;
    float: left;
    width: 100%;
}
/*
    .derechatitulo.largo{
    line-height: 34px;
}
*/
    .pie ul li.liizq.cont{
        width: 14%;
    }
   .pie ul li.lider.what{
        width: 25%;
    }
    .pie ul li.liizq, .pie ul li.lider{
        width: 27%;
/*        width: 19%;*/
    padding: 0px;
    border: 0px;
    text-align: center;
    }
    .pie ul li.lider{
        float: left;
    }
    .pie ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        font-size: 9pt;
        width: 98%;
        margin: 0 auto;
        /* border: 1px solid black; */
    }
    .opciones ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size: 10pt;
        text-transform: uppercase;
    }
    .botonesotros{
        width: 68%;
    margin: 0 auto;
    }
    .botonesotrosmedio{
        width: 50%;
        float: left;
    }
    
}