@media (-webkit-min-device-pixel-ratio: 2)
{



}

@media (max-width: 1920px)
{



}

@media (max-width: 1180px)
{

} /* 1070 */

@media (max-width: 1080px)
{

} /* 1080 */


@media (max-width: 1000px)
{


} /* 1000 */




@media (max-width: 900px)
{

    #tablet-indicator {
        display: block;
    }

} /* 900 */


@media (max-width: 850px)
{



}


@media (max-width: 800px)
{



} /* 800 */


@media (max-width: 767px)
{

    #mobile-indicator {
        display: block;
    }
    .inner img{
        width: 80vw;
        left: 10vw;
    }
    .output {
        width: 80vw;
        left: 10vw;
    }
    .grip{
        width: 80vw;
        left: 10vw;
    }
    .inner .logo{
        aspect-ratio: auto;
        width: 70vw;
        left: 15vw;
        top: -10vh;
    }
    #ball_bearing{
        transform-origin: right;
    }
    .fix_text_cams {
        aspect-ratio: 3.225 / 1;
        width: 76vw;
        left: 13vw;
        height: auto;
        position: absolute;
        display: flex;
        top: auto;
        bottom: 25vh;
        flex-direction: column-reverse;
        transform-origin: bottom;
        justify-content: center;
    }

    .fix_text {
        aspect-ratio: 3.225 / 1;
        width: 76vw;
        left: -88vw;
        height: 60vh;
        position: absolute;
        display: flex;
        top: auto;
        bottom: 97vh;
        flex-direction: column-reverse;
        transform-origin: bottom;
        justify-content: center;
    }
    .fix_text div {
        display: grid;
        transform-origin: bottom;
    }
    .fix_text_cams div {
        width: 70vw;
        height: 36vh;
        transform-origin: bottom;
    }
    .fix_text_cams div span {
        line-height: 2.8vh;
        font-size: 1.8vh;
    }
    .fix_text div:nth-child(4){
        width: auto;
    }

    .fix_text div h1 {
        line-height: 8vw;
        font-size: 7vw;
    }
    .fix_text div span {
        line-height: 5vw;
        font-size: 4vw;
    }
    #example-element {
        transform-style: flat;
        position: absolute;
        right: 14.8vw;
        top: 31.5%;
    }


} /* 767 */


@media (max-width: 700px)
{


} /* 700 */


@media (max-width: 650px)
{



} /* 650 */


@media (max-width: 600px)
{


} /* 600 */


@media (max-width: 550px)
{



} /* 550 */


@media (max-width: 500px)
{



} /* 500 */


@media (max-width: 450px)
{




}


@media (max-width: 400px)
{




} /* 400 */
@media (max-width: 300px)
{

}