/*logoside*/
.tabs li.def {                   
    width:100%;
}
.photo{
    width: 31.25%;
    min-width:280px;
    height: 140px;
    position:relative;
}
.logocenter img {
    max-height: 140px;
    display: block;
    margin: auto;                                       
}               
.logocenter
    {    
    width:100%;                      
    }

/* Name side*/
.attributes {
    width: 68.75%;
    max-height: 140px;
}

.position {
    display: none;
}

.name {
    width: 100%;
    max-height: 140px;
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 970px) {
    .photo
    {
    width: 100%;
    position:relative;
    }
        .logocenter img {
        display: block;
        margin: auto;                                       
    }               
    .logocenter
        {    
        width:100%;                      
        }

    /* Name side*/
    .attributes {
        width: 100%;
        max-height: 140px;
    }

    .position {
        display: none;
    }

    .name {
        width: 100%;
        max-height: 140px;
    }
    

}
@media only screen and (max-width: 479px)
{
    .photo
    {
    width: 100%;
    height: 128px;
    position:relative;
    }
    /* Name side*/
    .attributes {
        width: 100%;
    }
    .logocenter img {
        max-width:none;                        
        height: 128px;
    }
}