/* Add here all your CSS customizations */
@media (max-width:424px){
    .custom-porto-svg-logo{
        width: 300px !important;
    }
}
@media (max-width:300px){
    .custom-porto-svg-logo{
        width: 250px !important;
    }
}

@media (min-width:936px){
    .mobile-center-img{
        display: none;
    }
    .mobile-center-img{
        display: none;
    }
    #video-background{
        display: block;
    }
}


@media (max-width:3000px){
    #video-background{
        display: none;
    }
    .mobile-center-img{
        background-position-y: center;
        display: flex;
        flex-direction: row;
        position: fixed;
        align-items: center;
        justify-content: center;
        background-image: url("../img/tiny-fi/mobile-center-img.png");
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .mobile-bottom-img{
        background-position-y: center;
        display: flex;
        flex-direction: row;
        position: fixed;
        bottom: -120px;
        align-items: center;
        justify-content: center;
        background-image: url("../img/tiny-fi/mobile-bottom-img.png");
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 400px;
    }
}



@media (max-width:936px){
    #video-background{
        display: none;
    }
    .mobile-center-img{
        background-position-y: center;
        display: flex;
        flex-direction: row;
        position: fixed;
        align-items: center;
        justify-content: center;
        background-image: url("../img/tiny-fi/mobile-center-img.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
    }
    .mobile-bottom-img{
        background-position-y: center;
        display: flex;
        flex-direction: row;
        position: fixed;
        bottom: -160px;
        align-items: center;
        left: 8px;
        justify-content: center;
        background-image: url("../img/tiny-fi/mobile-bottom-img.png");
        background-size: 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 400px;
    }
}

#video-background {
    position: absolute;
    top: 0px !important;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
  }

  .container-fluid.maindiv{
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .sound-onoff{
    transition: 500ms all;
    background-image: url("../img/tiny-fi/volume.png");
    background-size: 100%;
    background-position: center;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 25px;
    height: 25px;
}
.sound-onoff:hover{
    cursor: pointer;
}
.sound-onoff.active{
    background-image: url("../img/tiny-fi/mute.png");
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.product-manager{
    top: 0px !important;
}
.game-developer{
    top: 0px !important;
}

.top-0{
    top: 0px !important;
}