@media screen and (max-width: 1400px) {
    .wrap .slick-prev {
        left: -50px !important;
    }
    .wrap .slick-next {
        right: -50px !important;
    }
    /* .sucursal-item{
        height: 250px;
    } */
}
@media screen and (max-width: 992px) {
    .fondo-blanco{
        background: url("../imgs/fondo-blanco-mobile.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 70px;
    }
    .navbar{
        height: 70px;
    }
    .logo-kfc {
        height: 50px;
        padding-left: 30px;
    }
    header .navbar-collapse{
        background: #FFFF;
        z-index: 9999;
    }
    .herbs, .hombre, .banner-principal-promo{
        height: auto;
    }
    .navbar ul li a,
    .navbar ul li button{
        padding-left: 20px;
        padding-right: 0 !important;

    }
    .navbar-toggler{
        margin-right: 15px;
    }
    section{
        min-height: auto;
        background-size: cover;
    }
    .sucursal-item img.balde{
        margin: 0 auto;
    }
    .sucursal-item .nombre-sucursal{
        margin-top: -250px;
    }
    .sucursal-item{
        height: 450px;
        margin-top: 100px;
    }
    .wrap .slick-dots{
        position: relative;
    }
    .wrap .slick-dots li{
        margin: 0 auto;
    }
    .wrap .slick-dots li,
    .wrap .slick-dots li button,
    .wrap .slick-dots li button:before{
        width: 50px;
        height: 50px;
    }
    .wrap .slick-dots li button:before{
        font-size: 30px;
        line-height: 30px;
        position: relative;
        color: #FFFF;
    }
    .wrap .slick-dots li.slick-active button:before{
        color: #FFFF;
    }
}
@media screen and (max-width: 767px) {
    .fondo-blanco{
        height: 55px;
    }
    .navbar{
        height: 55px;
    }
    .logo-kfc {
        height: 40px;
    }
    .contenedor-banner-principal-promo a {
        position: absolute;
        right: 1%;
        width: 30%;
        font-size: 30px;
        height: 50px;
    }
}
@media screen and (max-width: 500px) {
    .fondo-blanco{
        height: 40px;
    }
    .navbar{
        height: 40px;
    }
    .navbar-brand{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .logo-kfc {
        padding-left: 15px;
        height: 30px;
    }
    .banner-principal-promo {
        border-radius: 11px;
    }
    .firma{
        height: 40px;
    }
    .navbar ul li a,
    .navbar ul li button{
        font-size: 15px;
        padding-left: 15px;
    }
    .btn-pedilo{
        font-size: 40px;
        height: 60px;
    }
    .item.slick-slide {
        border-radius: 11px;
    }
    .item.slick-slide.slick-center + .slick-slide {
        transform: scale(0.7) translate(0px);
    }
    .item.slick-slide.slick-active {
        transform: scale(0.7) translate(0px);
    } 
    .item.slick-slide.slick-center + .slick-slide + .item.slick-slide {
        transform: scale(0.6)  translate(0px);
    }
    .mapa-cobertura{
        height: 400px;
    }
    .navbar-toggler{
        font-size: 15px;
    }
    .formulario .btn-enviar-mobile{
       margin-bottom: 20px;
    }
    .btn-trabaja-con-nosotros-mobile {
        margin-top: 80px;
        position: relative;
    }
    .wrap .slick-dots{
        position: absolute;
        bottom: 0;
    }
    .wrap .slick-dots li, .wrap .slick-dots li button, .wrap .slick-dots li button:before{
        width: 30px;
        height: 30px;
    }
    /* .sucursal-item {
        height: 400px;
    } */
    .contenedor-banner-principal-promo a {
        width: 60%;
        font-size: 20px;
    }   
}
@media screen and (max-width: 390px) {
    .fondo-blanco{
        height: 36px;
    }
    .navbar{
        height: 36px;
    }
}