.listNavShow {display: block;}
.listNavHide {display: none;}
.listNav {
    text-align: center;
    font-size: 1.5em;
    padding: 0px 280px;
    margin: 26px 0 10px 0px;
}
/*
Resposive
 */

@media (min-width: 320px) and (max-width: 359.98px){
    .image-mb {width: 100% !important; margin-top: 14px;}
    .listNav {
        text-align: center;
        font-size: .8em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }
}

@media screen and (min-width: 360px) and (max-width: 374.98px){
    .image-mb {width: 100% !important; margin-top: 14px;}
    .listNav {
        text-align: center;
        font-size: 1.1em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }
}

@media screen and (min-width: 375px) and (max-width: 413.98px){
    .image-mb {width: 100% !important; margin-top: 14px;}
    .listNav {
        text-align: center;
        font-size: 1.2em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

}

@media screen and (min-width: 414px) and (max-width: 567.98px){
    .image-mb {width: 100% !important; margin-top: 14px;}
    .listNav {
        text-align: center;
        font-size: 1.5em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }
}

@media screen and (min-width: 568px) and (max-width: 639.98px){

    .image-mb {width: 100% !important;}
    .listNav {
        text-align: center;
        font-size: .7em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }
    .ct-mb {padding-left: 2px; padding-right: 2px;}
}

@media screen and (min-width: 640px) and (max-width: 666.98px){
    .image-mb {width: 100% !important;}
    .listNav {
        text-align: center;
        font-size: 1em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

    .ct-mb {padding-left: 2px; padding-right: 2px;}
}

@media screen and (min-width: 667px) and (max-width: 735.98px){
    .image-mb {width: 100% !important;}
    .listNav {
        text-align: center;
        font-size: 1em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

    .ct-mb {padding-left: 2px; padding-right: 2px;}
}

@media screen and (min-width: 736px) and (max-width: 767.98px){
    .image-mb {width: 100% !important; }
    .listNav {
        text-align: center;
        font-size: 1em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

    .ct-mb {padding-left: 2px; padding-right: 2px;}
}

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

    .listNav {
        text-align: center;
        font-size: 1.4em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

}

@media (min-width: 800px) and (max-width: 959.98px){

    .listNav {
        text-align: center;
        font-size: 1.5em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }

}

@media (min-width: 960px) and (max-width: 1023.98px){

}

@media (min-width: 1024px) and (max-width: 1279.98px){
    .listNav {
        text-align: center;
        font-size: 2.4em;
        padding: 0;
        margin: 26px 0 10px 0px;
    }
}