.price-content {
    display: block;
}

.price-transf {
    display: flex;
    align-items: center;
}

    .price-transf p {
        font-size: 14px !important;
        line-height: 2 !important;
        margin: 0;
        font-weight: 900;
        color: #ff6978 !important;
    }

    .price-transf img {
        width: 35px;
        margin-left: 10px;
    }

.price-yape {
    display: flex;
    align-items: center;
}

    .price-yape p {
        font-size: 14px !important;
        line-height: 2 !important;
        margin: 0;
        font-weight: 900;
        color: #ff6978 !important;
    }

    .price-yape img {
        width: 20px;
        margin-left: 10px;
    }


.spinner {
    width: 100px;
    margin-bottom: 13px;
}

    .spinner input {
        text-align: right;
    }

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}

    .input-group-btn-vertical > .btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 8px;
        margin-left: -1px;
        position: relative;
        border-radius: 0;
    }

        .input-group-btn-vertical > .btn:first-child {
            border-top-right-radius: 4px;
        }

        .input-group-btn-vertical > .btn:last-child {
            margin-top: -2px;
            border-bottom-right-radius: 4px;
        }

    .input-group-btn-vertical i {
        position: absolute;
        top: 0;
        left: 4px;
    }

.fa-plus {
    margin-top: 3px;
    font-size: 10px !important;
}

.fa-minus {
    margin-top: 4px;
    font-size: 10px !important;
}





.display-web {
}

.display-movil {
    display: none;
}

#tbl-carrito .media .thumbnail {
    margin-bottom: 0px;
}

@media (max-width: 475px) {
    .main.main-raised {
        margin-top: 0px;
        margin: 0px;
    }
    #tbl-carrito .area-boton {
        display: table-cell;
        vertical-align: middle;
    }
        #tbl-carrito .area-boton .eliminar-movil {
            font-size: 25px;
            color: red;
        }
    #tbl-carrito .media-body {
        text-align: left;
    }
        #tbl-carrito .media-body h4 {
            font-size: 14px;
        }
/*    #tbl-carrito .media {
        margin-top: -10px;
    }*/
    /*#tbl-carrito .media .thumbnail {
        margin-top: 5%;
        margin-bottom: 5%;
    }*/
    #tbl-carrito .media-body .text-pro {
        margin-bottom: 10px;
    }
    #h-sub {
        font-size: 18px;
    }
    /*#tbl-carrito td, #tbl-carrito th {
        border-top: 0px solid #ddd;
    }*/
    #tbl-carrito .stock-movil-p {
        position: relative;
        bottom: -20px;
    }
    #tbl-carrito .area-boton button{
        padding: 0;
        border: 0;
    }
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .spinner {
        width: 100px;
        margin-bottom: 13px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .table th, .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid rgba(0, 0, 0, 0.06);
        display: -webkit-grid;
        display: -moz-grid;
        display: -o-grid;
        display: -ms-grid;
        display: grid;
        width: 100%;
        text-align: center;
    }

    .table-accines {
        display: block !important;
        /*background-color: #fd9700;*/
    }

        .table-accines a i {
            color: #FF9800;
            font-size: 20px;
        }

    table.dataTable tbody tr {
        background-color: #f5f5f5;
        margin: 10px;
        display: grid;
    }
    .separate {
    }
    .content-questions .switch {
        margin-top: 10px;
        margin-right: 0px;
    }

    .table th, .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 0px solid #ffffff00;
    }

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (max-width: 768px) {
    .display-web {
        display: none !important;
    }

    .display-movil {
        display: block;
    }

    .content-menu {
        padding: 10px;
        background-color: rgba(0, 0, 0, 0);
        height: auto;
    }

    .navbar-brand {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        border-bottom: 0.5px solid #fd9700;
    }

    .nav-movil {
        width: 100%;
    }

    .separate {
        margin-bottom: 5px;
    }

    .display-web {
        display: none;
    }

    .display-movil {
        display: block;
    }

    .modal-content {
        background-color: rgba(255, 255, 255, 0.95)
    }

    .nav-movil {
        /*background-color: #ffffff00;*/
        /*border-top: 0px none #ffffff00;*/
    }

    .nav-tabs-wrapper {
        background: #ffffff00;
        height: 0px;
    }

    .table-accines a {
        background-color: #ffffff00;
        padding: 5px;
        border-radius: 20px;
    }
}