body {background:#FFf;}

.msl-imagenav ul {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: hidden;

}

.msl-imagenav li {

    padding: 0 15px;

    background: transparent;

    width: 100%;

    margin: 0 0 30px;

    text-align: center;

}

@media (min-width: 475px) {

.msl-imagenav li {

    width: 50%;

    float: left;

}

.msl-imagenav li:nth-child(2n+1){

    clear:both

}

}

@media (min-width: 992px) {

.msl-imagenav li {

    width: 33.33%;

}

.msl-imagenav li:nth-child(2n+1){

    clear:none

}

.msl-imagenav li:nth-child(3n+1){

    clear:both

}

}

@media (min-width: 1200px) {

.msl-imagenav li {

    width: 25%;

}

.msl-imagenav li:nth-child(3n+1){

    clear:none

}

}

.msl-imagenav li a {

    position: relative;

    text-decoration: none;

    background: none;

    min-height: 230px;

    background-size: contain;

}

.msl-imagenav li .msl-imagenav-title {

    margin: 0;

    display: block;

    font-size: 22px;

    position: relative;

    color: #fbba33;

    padding: 6px 10px;

    background: #fbba33;

    color:#fff;

    right:0;

    max-width: 100%;

    text-align: center;

    line-height: 1.3;

}

.msl-imagenav li .msl-imagenav-image {

    max-width: 100%;

    height: auto !important;

}

.msl-imagenav li .msl-imagenav-description {

    padding: 6px 10px;

    background: #fbba33;

    color:#fff;

    display: block;

}