@keyframes logo-jeedom {
    100% {
        opacity: 1;
        left: 6%;
    }
}

@media only screen and (max-width: 1347px) and (min-width: 20px) {
    .jeedom-right{
        visibility: hidden;
    }
    .jeedom-trait{
        visibility: hidden;
    }
    .jeedom-logo{
        position: absolute;
        left: 0px;
        width: 90%;
    }
}

.jeedom-logo {
    opacity: 0;
    position: absolute;
    transform: scale(75%);
    left: 4%;
    top: 45%;
    transition: all 0.3s ease-in-out;
    animation: logo-jeedom 1s 0.4s ease-out forwards;
}

.jeedom-logo:hover {
    -webkit-transform: scale(80%);
    /* Safari et Chrome */
    -moz-transform: scale(80%);
    /* Firefox */
    -ms-transform: scale(80%);
    /* Internet Explorer 9 */
    -o-transform: scale(80%);
    /* Opera */
    transform: scale(80%);
}

.jeedom-trait {
    position: absolute;
    opacity: 0;
    border-radius: 5px;
    height: 70%;
    width: 6px;
    top: 24%;
    background: rgb(206, 206, 206);
    animation: animation-barre 1s 1.0s ease-out forwards;
}

.jeedom-right {
    position: absolute;
    opacity: 0;
    float: right;
    width: 47%;
    height: 52%;
    top: 45%;
    left: 52%;
    font-size: 20px;
    transform: translateX(12px);
    animation: animation-all 1s 0.4s ease-out forwards;
}