@media only screen and (max-width: 1025px) {

    /*####################################### Mobile Style ###################################################################*/
    #Object {
        background-color: transparent;
        width: auto;
        height: auto;
        margin: auto;
    }

    #ObjRaper {
        background-color: transparent;
        width: auto;
        height: auto;
        padding: 2px 2px 2px 2px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9pt;
        display: block;
    }

    #ObjRaper h2 {
        font-size: 12pt;
    }

    #ObjRaper h3 {
        font-size: 10pt;
    }

    .ObjectImage {
        align-content: stretch;
        width: 150px;
        height: 100px;
        float: left;
        margin-right: 5px;
        margin-bottom: 2px;
        border-radius: 3px;
        animation: mbl-zoom-out 0.8s forwards;
        -webkit-animation: mbl-zoom-out 0.8s forwards;
    }

    .ObjectImage:hover {
        animation: mbl-zoom-in 1s forwards;
        -webkit-animation: mbl-zoom-in 1s forwards;
    }

    .BuyButton {
        background-color: rgb(224, 165, 14);
        width: 450px;
        height: 250px;
        padding: 2px 5px 2px 5px;
        border: 1px solid rgb(120, 126, 36);
        font-family: 'Times New Roman', Times, serif;
        font-size: 12pt;
        font-weight: bold;
        text-decoration: none;
        border-radius: 10px;
        box-shadow: 0px 7px 5px rgb(27, 27, 27);
        color: rgba(3, 3, 3, 0.63);
    }

    @keyframes mbl-zoom-in {
        100% {
            transform-origin: 0% 30%;
            transform: scale(2, 2);
        }
    }

    @-webkit-keyframes mbl-zoom-in {
        100% {
            transform-origin: 0% 30%;
            transform: scale(2, 2);
        }
    }

    @keyframes mbl-zoom-out {
        0% {
            transform-origin: 0% 30%;
            transform: scale(2, 2);
        }

        100% {
            transform-origin: 0% 0%;
            transform: scale(1, 1);
        }
    }

    @-webkit-keyframes mbl-zoom-out {
        0% {
            transform-origin: 0% 30%;
            transform: scale(1.7, 1.7);
        }

        100% {
            transform-origin: 0% 0%;
            transform: scale(1, 1);
        }
    }
}

/*####################################### DeskTop Style ###################################################################*/
@media only screen and (min-width: 1026px) {

    #Object {
        background-color: transparent;
        width: auto;
        height: max-content;
        margin: auto;
    }

    #ObjRaper {
        background-color: white;
        width: auto;
        height: auto;
        padding: 5px 5px 5px 5px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        display: block;
    }

    h2 {
        font-size: 18pt;
        line-height: 16pt;
    }

    h3 {
        font-size: 14pt;
        line-height: 14pt;
    }

    .ObjectImage {
        align-content: stretch;
        width: 300px;
        height: 200px;
        float: left;
        margin-right: 10px;
        margin-bottom: 2px;
        border-radius: 5px;
        animation: zoom-out 0.8s forwards;
        -webkit-animation: zoom-out 0.8s forwards;
    }

    .ObjectImage:hover {
        animation: zoom-in 1s forwards;
        -webkit-animation: zoom-in 1s forwards;
    }

    .BuyButton {
        background-color: rgb(224, 165, 14);
        width: 450px;
        height: 250px;
        padding: 5px 10px 5px 10px;
        border: 1px solid rgb(120, 126, 36);
        font-family: 'Times New Roman', Times, serif;
        font-size: 14pt;
        font-weight: bold;
        text-decoration: none;
        border-radius: 10px;
        box-shadow: 0px 7px 5px rgb(27, 27, 27);
        color: rgba(3, 3, 3, 0.63);
    }

    @keyframes zoom-in {
        100% {
            transform-origin: 0% 50%;
            transform: scale(1.7, 1.7);
        }
    }

    @-webkit-keyframes zoom-in {
        100% {
            transform-origin: 0% 50%;
            transform: scale(1.7, 1.7);
        }
    }

    @keyframes zoom-out {
        0% {
            transform-origin: 0% 50%;
            transform: scale(1.7, 1.7);
        }

        100% {
            transform-origin: 0% 0%;
            transform: scale(1, 1);
        }
    }

    @-webkit-keyframes zoom-out {
        0% {
            transform-origin: 0% 50%;
            transform: scale(1.7, 1.7);
        }

        100% {
            transform-origin: 0% 0%;
            transform: scale(1, 1);
        }
    }
}