/* mobile login and others pages */
.container-fluid {
    max-width: 1600px;
}

/* Display grid start*/
.d-grid {
    display: grid;
}

.d-grid-2 {
    grid-template-columns: auto auto;
}

/* Display grid end*/

.item {
    object-fit: cover;
}

.box-shadow-mobile {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 15px;
}

.m-slides {
    margin: 30px 0px !important;
}

/* Imágenes login  start*/
.imagen-login {
    display: block !important;
    max-width: 100% !important;
    height: 100% !important;
    width: 100% !important;
}

.imagen-login-mobile {
    width: 100%;
    height: 150px;
}

/* Imágenes login end*/

#footer-mobile {
    background-color: black;
    width: 100%;
    left: 0px;
    bottom: -250px;
    position: absolute;
}

/*Breakpoint generados para box dashboard start*/

@media (min-width: 0px) and (max-width: 768px) {
    .col-box-sm {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
    .col-box-md {
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    .col-box-lg {
        width: 25% !important;
    }
}

/*Breakpoint generados para box dashboard end*/

/* Visibilidad de componentes según tamaños start */

@media (min-width: 1376px) {
    .col-lg-6 {
        width: 42.5% !important;
    }

    .mobile {
        display: none !important;
    }
}

@media (max-width: 1376px) and (min-width:1260px) {
    .mobile {
        display: none !important;
    }
}

@media (max-width: 1260px) {
    .portatile {
        width: 100%;
        display: none !important;
    }

    .d-grid-2 {
        grid-template-columns: auto;
        width: 100%
    }

    .d-2 {
        width: 100%;
        border-radius: 15px !important;
    }

    .carousel-inner {
        border-radius: 15px !important;
    }

    .mobile {
        margin: 0px;
    }
}

/* Visibilidad de componentes según tamaños end */

@media(max-width: 992px) {
    .main-sidebar {
        padding-top: 50px;
    }

    .content-wrapper {
        margin-top: 50px;
    }
}

@media(max-width: 767px) {
    .skin-blue-light .main-header .navbar {
        background-color: transparent;
        top: 0;
        position: absolute;
    }

}