@media (min-width: 1321px){
    .cs-li-right{
        width: 55%;
    }
    .opc-vox{
        width: 34%;
        left: 33%;
    }
     .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1290px;
    }
    
}
@media (max-width: 1200px){

     .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
     .opc-vox{
        width: 38%;
        left: 31%;
    }
}
@media (min-width: 1025px){
    
    .mn-opc{
        display: none;
    }

}
@media (min-width: 1180px){

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1175px;
    }
}
@media (min-width: 1260px){

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1250px;
    }
}

@media (max-width: 1024px){
    header{
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 101;
    }
    .cs-btn-fn{
        display: block;
    }
    .cs-li-right{
        width: max-content;
    }
    .opc-vox{
        width: 36%;
        left: 32%;
    }
    .inpt-des{
        width: 58%;
    }
}
@media (max-width: 900px) {
    .opc-vox {
        width: 38%;
        left: 32%;
    }
    .inpt-des{
        width: 53%;
    }
    .opc-vox{
        width: 42%;
        left: 29%;
    }
}
@media (max-width: 768px){
    .opc-vox{
        width: 40%;
        left: 30%;
    }
    .cs-li-right{
        display: none;
    }
    .container, .container-md, .container-sm{
        max-width: 99%;
        padding: 5px;
    }
    .inpt-des{
        width: 55%;
    }
    .opc-vox-nt{
        width: 45%;
    }
    .vox-cn{
        width: 55%;
    }
    .vox-iz{
        width: 25%;
    }
    .dv-prio{
        width: 22%;
    }

}
@media (max-width: 670px) {
    .opc-vox {
        width: 48%;
        left: 26%;
    }
    .inpt-des{
        width: 50%;
    }
}
@media (max-width: 512px){
    .Logout{
        display: none;
    }
    .CO2, .CO2, .CO3, .CO4, .CO5, .CO5, .CO6, .CO7, .CO8, .CO9{
        display: none;
    }
    .vox-tp{
        margin-top: 20px;
    }
    .opc-vox-nt{
        width: 94%;
    }
    .CO1{
        display: block;
        width: 100%;
        padding: 8px;
    }
    .opc-vox{
        width: 86%;
        left: 7%;
    }
    #Login, #Logout, #Config{
        display: none;
    }
    #Login-v{
        width: 92%;
        margin-top: 80px;
    }
    #RegCompra{
        padding: 15px;
    }
    .reg-co-desc{
        width: 90%;
    }
    .reg-co-can, .reg-co-co, .reg-co-mo{
        display: none;
    }
    .inpt-descs{
        width: 92%;
    }
    .inpt-mnt{
        width: 25%;
    }
    .inpt-cst{
        width: 30%;
    }
    .inpt-cnt{
        margin-left: 4%;
        width: 30%;
    }
    .tx-rgt-compra{
        display: block;
    }
    .w-rgt-com{
        height: 130px;
    }
    .reg-co-nn{
        display: none;
    }
    .reg-co-descr{
        width: 98%;
    }
    .nn-co-li, .desc-co-li, .cant-co-li, .cos-co-li, .mon-co-li{
        display: none;
    }
    .nn-co-com{
        display: block;
    }
    .inpt-mnt{
        margin-right: 5%;
    }
    .rgt-co{
        margin-right: 5%;
    }
    .reg-co-comen{
        width: 92%;
    }
    .inpt-comen{
        margin-left: 2%;
        width: 94%;
    }
    .txt-sub-com{
        display: block;
    }
    .inpt-subusd{
        width: 40%;
        margin-right: 10%;
    }
    .inpt-subtt{
        width: 40%;
        margin-right: 5%;
    }
    .comp-x1, .comp-x2{
        width: 100%;
    }
    .reg-co-sub2{
        width: 40%;
        margin-right: 10%;
    }
    .reg-co-sub{
        width: 40%;
        margin-right: 10%;
    }
    .reg-co-iva{
        width: 40%;
        margin-right: 10%;
    }
    .reg-co-iva2{
        width: 40%;
        margin-right: 10%;
    }
    .inpt-ivausd {
        width: 40%;
        margin-right: 10%;
    }
    .inpt-ivatt{
        width: 40%;
        margin-right: 4%;
    }
    .inpt-ivusd{
        width: 40%;
        margin-right: 10%;
    }
    .inpt-itt{
        width: 40%;
        margin-right: 4%;
    }
    .reg-co-tt{
        width: 45%;
        margin-right: 2%;
    }
    .reg-co-tt2{
        width: 40%;
        margin-right: 10%;
    }
    .inpt-tsa{
        width: 30%;
    }
}

@media (max-width: 425px){

    .inpt-tsa{
        width: 30%;
    }
    .met-pag-v2{
        width: 85%;
    }
    .met-pag-v3{
        display: none;
    }
    .mg-t10 {
        margin-top: 5px;
        margin-left: 10px;
    }
    .opc-vox{
        width: 94%;
        left: 3%;
    }
    .text-ical, .text-itro{
        height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-size: small;
    }
    .tx-ical, .tx-icup{
        height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-size: small;
    }
    .mb-prio-est{
        display: block;
        width: 100%;
    }
    .inpt-des{
        width: 96%;
        margin-left: 0%;
    }
    .tx-esta, .tx-prio {
        display: none;
    }
    .tx-esta-2, .dv-prio{
        width: 48%;
        float: left;
    }
}
@media (max-width: 375px){
    .cmp{
        font-size: 13px;
    }
    .gui-tx{
        width: 70%;
        height: 33px;
        overflow: hidden;
        font-size: x-small;
    }
    .bol{
        font-size: 12px;
    }
    .text-rifa{
        font-size: x-small;
    }
    .met-pag-v2{
        width: 85%;
    }
    .met-pag-v3{
        display: none;
    }
    .mg-t10 {
        margin-top: 5px;
        margin-left: 5px;
    }
    .opc-vox{
        width: 96%;
        left: 2%;
    }
    .inpt-tsa{
        width: 30%;
        font-size: small;
        margin-top: 5px;
        height: 43px;
    }
    .tx-esta{
        margin-top: 1px;
    }
    .inpt-des{
        font-size: small;
        height: 43px;
    }
    .opc-vox-nt{
        width: 97%;
    }
    .t-refe::before{
        content: 'Ref.';
    }
    .t-mone::before{
        content: 'Mon.';
    }
    .w-rgt-co{
        height: auto;
    }
    .mb-prio-est{
        display: block;
        width: 100%;
    }
    .inpt-des{
        width: 96%;
        margin-left: 0%;
    }
    .tx-esta, .tx-prio {
        display: none;
    }
}
@media (max-width: 320px){
    .info-sort{
        width: 100%;
    }
    .inf-min{
        font-size: small;
    }
    .text-ical, .text-itro{
        font-size: small;
    }
    .mn-opc-lf{
        width: 240px;
    }
    .compra{
        width: 98%;
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
        padding: 0px;
    }
    .met-pag-v2{
        width: 85%;
    }
    .met-pag-v3{
        display: none;
    }
    .met-pag{
        height: 155px;
    }
    .form-100{
        padding: 5px;
    }
    .form-50{
        padding: 5px;
    }
    .ico-sort{
        width: 80px;
        height: 80px;
        background-size: 100% 80px;
        margin-left: 10px;
    }
    .ico-sort-2, .ico-sort-3{
        width: 80px;
        height: 80px;
        background-size: 100% 80px;
    }
    .tx-n{
        font-size: small;
        padding: 10px;
    }
    .seccion{
        min-height: auto;
    }
    .secc{
        height: 650px;
    }
    .sec-li{
        width: 100%;
        height: auto;
        padding: 15px;
        margin-right: 0%;
    }
    .w2-rgt-co{
        padding-left: 5px;
        padding-right: 5px;
        font-size: smaller;
    }
    .feho{
        font-size: x-small;
    }
    .wln-rgt-co{
        font-size: smaller;
    }
    .inpt-des{
        width: 96%;
        margin-left: 5px;
        font-size: small;
        height: 43px;
    }
    .tx-esta{
        margin-right: 5px;
    }
    .reg-co-desc{
        width: 98%;
    }
    
}