@media only screen and (min-width: 2560px) {
    .innovateTilesGrid 
    {
        grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
        grid-auto-rows: minmax(520px, auto);
    }
    .innovateTile .headingText 
    {
        font-size: 2.5em;
    }
    .innovateTile .descriptionText 
    {
        font-size: 2em;
    }
    .imageContainer 
    {
        height: 550px;
        width: 650px;
        left: 3%;
    }
    .redirectSocialInnoVista 
    {
        display: none;
    }
    .planet1Innovate
    {
        scale: 2;
    }
    .innoVistaContainer .descriptionImage
    {
        top: 10px;
        left: -2%;
    }
    .buttonGrayScale,
    .buttonSaturate,
    .buttonInvert 
    {
        scale: 1.5;
    }
    .exportTile 
    {
        scale: 1.5;
        left: -8%;
        top: 65%;
    }
    .Colorgrade 
    {
        scale: 1.5;
        left: 0;
    }
    .moveTool,
    .textTool 
    {
        height: 70px;
        width: 70px;
        left: 24%;
    }
    .imageTilePremiere 
    {
        scale: 1.6;
        top: 60%;
        left: 40%;
    }
    .btnWrapper 
    {
        scale: 2;
        top: 35%;
        left: 40%;
    }
    .exportTileSteps 
    {
        scale: 1.5;
        top: 45%;
    }
    .upperTileImageAI
    { 
        width: 400px;
        height: 400px;
        top: 250px;
    }
    .lowerTileImageAI
    { 
        width: 400px;
        height: 400px;
        top: 250px;
    }
    #reloadAnimation 
    {
        font-size: 2em;
    }
    .softwareGrid {
        gap: 60px;
        padding: 40px 40px;
        width: 90vw;
        max-width: 2200px;
    }

    .softwareTile {
        min-width: 320px;
        max-width: 360px;
        height: 80px;
        padding: 18px 32px;
        border-radius: 48px;
        box-shadow: 16px 16px 32px #121212, -16px -16px 32px #2c2c2e;
    }

    .softwareLogo {
        width: 64px;
        height: 64px;
    }

    .softwareName {
        font-size: 1.5em;
    }
    footer 
    {
        top: 100px;
        scale: 2;
    }
}

@media only screen and (max-width: 768px) {
    .innoVistaContainer .descriptionImage
    {
        display: none;
    }
}


@media only screen and (max-width: 1024px) {
    .innoVistaContainer .descriptionImage
    {
        top: 10px;
        left: -2%;
    }
    .imageContainer  
    {
        width: 500px;
        left: 3%;
    }
}

@media only screen and (max-width: 768px) {
    .innoVistaContainer .descriptionImage
    {
        display: none;
    }
}



@media only screen and (max-width: 600px) {
    .innovistaSection 
    {
        min-height: 110vh;
    }
    .innoVistaLogo 
    {
        top: 40px;
        scale: 0.7;
        left: 30%;
    }
    .innoVista 
    {
        font-size: 4em;
    }
    .innoVistaContainer .descriptionImage
    {
        width: 400px;
        display: none;
    }
    .innovateTile .headingText 
    {
        font-size: 1em;
    }
    .innovateTile .descriptionText 
    {
        font-size: 0.8em    ;
    }
    .imageContainer 
    {
        top: 40%;
        height: 250px;
    }
    .buttonGrayScale,
    .maskGrayscale,
    .buttonInvert 
    {
        display: none;
    }
    .exportTile 
    {
        top: 70%;
        left: -22%;
        height: 150px;
        width: 150px;
    }
    .Colorgrade 
    {
        width: 180px;
        top: 55%;
        z-index: 10;
    }
    .moveTool 
    {
        top: 40%;
        left: 3%;
    }
    .textTool 
    {
        top: 40%;
        left: 25%;
    }
    .exportTileSteps 
    {
        display: none;
    }
    .imageTilePremiere 
    {
        top: 50%;
        left: 41%;

    }
    .textPronounce 
    {
        top: 55%;
    }
    .btnWrapper  
    {
        gap: 2px;
        left: 40%;
        top: 35%;
    }
    .searchText 
    {
        left: 2px;
    }
    #iconSearchText  
    {
        font-size: 3em;
    }
    .searchButton 
    {
        width: 250px;
    }
    .searchButtonText 
    {
        font-size: 0.8em;
    }
    .upperTileImageAI,
    .lowerTileImageAI
    {
        width: 150px;
        height: 150px;
    }
    .upperTileImageAI 
    {
        top: 100px;
    }
    .lowerTileImageAI 
    {
        left: 40%;
        top: 260px;
    }
    #reloadAnimation 
    {
        position: absolute;
        bottom: 10px;
        left: 30px;
    }
}



