.slick-dotted.slick-slider {
    width: 98%;
    margin: auto;
}

.logo-marca img {
 width: 90%;
 height: auto;
 padding: 5px;
}

h2 {
 text-align: center;
 padding-bottom: 1em;
}

.slick-dots {
 text-align: center;
 margin: 0 0 10px 0;
 padding: 0;
}

.slick-slide
{
    display: none;
    float: left;

    height: 10%;
    min-height: 1px;
}

.slick-dots li button:before {
    font-size: 0px;
    color: #000;
}

.slick-dots li {
 display: inline-block;
 margin-left: 4px;
 margin-right: 4px;
}



.slick-dots li.slick-active button {
 background-color: black;
}

.slick-dots li button {
 font: 0/0 a;
 text-shadow: none;
 color: transparent;
 background-color: #999;
 border: none;
 width: 15px;
 height: 15px;
 border-radius: 50%;
}

.slick-dots li:hover button {
 background-color: black;
}

.prev {
 color: #999;
 position: absolute;
 top: 38%;
 left: -2em;
 font-size: 1.5em;
}

.prev:hover {
 cursor: pointer;
 color: black;
}

.next {
 color: #999;
 position: absolute;
 top: 38%;
 right: -2em;
 font-size: 1.5em;
}

.next:hover {
 cursor: pointer;
 color: black;
}

@media (max-width: 1800px){
 .slick-slide{
    display: none;
    float: left;

    height: 8%;
    min-height: 1px;}   
}

@media (max-width: 1250px){
 .slick-slide{
    display: none;
    float: left;

    height: 6%;
    min-height: 1px;}   
}

@media (max-width: 950px){
 .slick-slide{
    display: none;
    float: left;

    height: 5%;
    min-height: 1px;}   
}

@media screen and (max-width: 800px) {
 .next {
    display: none !important;
 }
}

@media (max-width: 600px){
    
.slick-dotted.slick-slider {
    width: 98%;
    margin: auto;
}

.logo-marca img {
 width: 98%;
 height: auto;
 padding: 5px;
}    
    
 .slick-slide{
    display: none;
    float: left;

    height: 6%;
    min-height: 1px;}   
}

@media (max-width: 480px){

.logo-marca img {
 width:96%;
 height: auto;
 padding: 5px;
}    
    
 .slick-slide{
    display: none;
    float: left;
    height: 8%;
    min-height: 1px;}   
}

@media (max-width: 430px){
    .slick-dots {
 text-align: center;
 margin: 0 0 -10px 0;
 padding: 0;
}
    
 .slick-slide{
    display: none;
    float: left;
    height: 7%;
    min-height: 1px;}   
}