@media (min-width: 300px) {

    #busquedaRapida{

        width: 100% !important;
    border-radius: 10px !important;
    }

    #titulo_movil{
        display:none;
    }
    nav.main-header.navbar.navbar-expand.navbar-dark.navbar-dark {
        position: inherit;
        width: -webkit-fill-available;
    }
    #columnaSlogan {
        display: none;
    }
    .slc_desktop {
        display: none;
    }
    li.nav-item.pedido-mod {
        display: contents;
    }
    .thmobile {
        display: none;
    }
    .similares-tab {
        font-size: 10px !important;
    }
    li.nav-item.pedido-mod a {
        color: rgb(22, 22, 22);
        font-weight: 600;
        font-size: 10px !important;
    }
    .mobile-card {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .bootstrap-select .dropdown-menu {
        margin-right: 80px;
    }
    .button-action-category {
        /*display: none;*/
    }
    .categoria-movil{
        padding-right: 3px;
    }  



    .isioreRow {
        margin-top: -70px;
    }
    .circle-icon {
        background-color: #f0552a;
        color: white;
        position: absolute;
        right: -5px;
        border-radius: 50%;
        cursor: pointer;
    }
    .banner-img-content {
        height: 180px;
        background: #2db1fb;
    }
    .img-header-isiore {
        width: 100px;
        height: 100px;
        position: relative;
    }
    .card-body.card-isiore {
        padding: 0px 0px 0px 0px;
    }
    .product-body {
        font-size: 80%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .img-isiore {
        width: 130px !important;
    }
    .product-photo {
        width: 8%;
    }
    a.product-title {
        text-transform: uppercase;
        font-size: 100%;
        line-height: 1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .img-normal {
        display: none !important;
    }
    .img-movil {
        display: block !important;
    }
    img.img-fluid.img-movil {
        width: -webkit-fill-available;
    }

    .control-extra.open {
        width: auto;
    }

}

@media (min-width: 576px) {

    .control-extra.open {
        width: auto;
    }

    aside#topping {
        width: 560px !important;
    }

    #titulo_movil {
        display: block;
    }

    li.nav-item.pedido-mod {
        display: block;
    }
    .similares-tab {
        font-size: 15px !important;
    }
    li.nav-item.pedido-mod a {
        color: rgb(22, 22, 22);
        font-weight: 600;
        font-size: 15px !important;
    }
    .mobile-options-actions {
        display: none !important;
    }
    .banner-img-content {
        height: 180px;
        background: #2db1fb;
    }
    .img-header-isiore {
        width: 100px;
        height: 100px;
    }
    .position-relative {
        height: auto;
    }
    .product-body {
        font-size: 80%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .img-normal {
        display: block !important;
    }
    .img-movil {
        display: none !important;
    }
}

@media (min-width: 768px) {

    aside#topping {
        width: 560px !important;
    }
    nav.main-header.navbar.navbar-expand.navbar-dark.navbar-dark {
        position: fixed;
        width: -webkit-fill-available;
    }
    #columnaSlogan {
        display: block;
    }
    .slc_desktop {
        display: block;
    }
    .thmobile {
        display: table-cell;
    }
    .mobile-card {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .button-action-category {
        display: block;
    }
    .banner-img-content {
        height: auto;
        background: #2db1fb;
    }
    .isioreRow {
        /* margin-top: -48px; */
        margin-top: -115px;
    }
    .img-header-isiore {
        width: 160px;
        height: 160px;
    }
    .product-body {
        font-size: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .img-isiore {
        width: 130px !important;
    }
}

@media (min-width: 992px) {
    aside#topping {
        width: 560px !important;
    }
}

@media (min-width: 1200px) {
    aside#topping {
        width: 560px !important;
    }
}

@media (min-width: 1400px) {
    aside#topping {
        width: 560px !important;
    }
    .card-body.card-isiore {
        padding: 0px 70px 0px 70px;
    }
    .product-photo {
        width: 8%;
    }
}