.bg-image-servicios{
    background-repeat: repeat-y !important;
    background-size: 420px !important;
    background-position-x: right !important;
}
.lazy.img-categoria{
    width: 250px!important; 
    height: 250px!important;
}
.ws-img-categoria > img{
    height: 120px !important;
    object-fit: contain !important;
}
.spa-title{
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
}

.spa-title > h3{
    font-size: 24px !important;
    font-weight: 700;
}
@media only screen and (max-width: 600px) {
    .dash-user-profile-name strong{
        display:none!important;
    }

}
@media only screen and (max-width: 480px) {
    .dash-user-profile-name strong{
        display: none!important;
    }
    .dash-user-profile-switch{
        margin-right: -5px!important;
    }
    .dash-user-profile-switch .span2{
        display: block;
    }
    .dash-user-profile-switch .span1{
        display: none;
    }
    #myCanvas {
        /*width: 250px!important;*/
        height: 180px!important;
    }
}
/*Rangos de pantallas*/
@media (min-width: 901px) and (max-width: 1200px) { 
    .bg-image-servicios{
        background-size: 420px !important;
        background-position-x: right !important;
    }
    .lazy.img-categoria{
        width: 180px!important; 
        height: 180px!important;
    }
}
@media (min-width: 801px) and (max-width: 900px) { 
    .bg-image-servicios{
        background-size: 330px !important;
        background-position-x: 420px !important;
    }
    .lazy.img-categoria{
        width: 170px!important; 
        height: 170px!important;
    }
}
@media (min-width: 701px) and (max-width: 800px) { 
    .bg-image-servicios{
        background-size: 320px !important;
        background-position-x: 475px !important;
    }
    .lazy.img-categoria{
        width: 170px!important; 
        height: 170px!important;
    }
    .ws-img-categoria > img{
        height: 120px !important;
        object-fit: contain !important;
    }
    .spa-title{
        height: 120px !important;
        display: flex !important;
        align-items: center !important;
    }
}
@media (min-width: 601px) and (max-width: 700px) {
    .bg-image-servicios{
        background-size: 310px !important;
        background-position-x: 370px !important;
    }
    .lazy.img-categoria{
        width: 250px!important; 
        height: 250px!important;
    }
    .ws-img-categoria > img{
        height: 50px !important;
        object-fit: contain !important;
    }
    .spa-title{
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
    }
    .spa-title > h3{
        font-size: 22px !important;
        font-weight: 700;
    }
}
@media (min-width: 501px) and (max-width: 600px) {
    .bg-image-servicios{
        background-size: 290px !important;
        background-position-x: 300px !important;
    }
    .lazy.img-categoria{
        width: 190px!important; 
        height: 190px!important;
    }
    .ws-img-categoria > img{
        height: 50px !important;
        object-fit: contain !important;
    }
    .spa-title{
        height: 50px !important;
        display: flex !important;
        align-items: center !important;
    }
    .spa-title > h3{
        font-size: 22px !important;
        font-weight: 700;
    }
}
@media (min-width: 337px) and (max-width: 500px) {
    .bg-image-servicios{
        background-size: 290px !important;
        background-position-x: 175px !important;
    }
    .lazy.img-categoria{
        width: 135px !important; 
        height: 135px !important;
    }
    .ws-img-categoria > img{
        height: 70px !important;
        object-fit: contain !important;
    }
    .spa-title{
        height: 70px !important;
        display: flex !important;
        align-items: center !important;
    }
    .spa-title > h3{
        font-size: 21px !important;
        font-weight: 700;
    }
}
@media (min-width: 150px) and (max-width: 336px) {
    .bg-image-servicios{
        background-size: 270px !important;
        background-position-x: 80px !important;
    }
    .lazy.img-categoria{
        width: 110px !important; 
        height: 110px !important;
    }
    .ws-img-categoria > img{
        height: 80px !important;
        object-fit: contain !important;
    }
    .spa-title{
        height: 80px !important;
        display: flex !important;
        align-items: center !important;
    }
    .spa-title > h3{
        font-size: 16px !important;
        font-weight: 700;
    }
}