@media only screen and (max-width:768px) {
    * {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    body {
        overflow: hidden
    }

    #cases {
        transform: scale(0.6) translateY(-30%);
    }

    #customer-Service {
        transform: scale(0.6);
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1280px) {
    html {
        font-size: 14px !important;
    }

    #cases {
        transform: scale(0.9) translateY(-45%);
    }

    #customer-Service {
        transform: scale(0.9);
    }
}

@media only screen and (max-width: 1280px) and (min-width: 960px) {
    html {
        font-size: 12px !important;
    }

    #cases {
        transform: scale(0.8) translateY(-40%);
    }

    #customer-Service {
        transform: scale(0.8);
    }
}

@media only screen and (max-width: 960px) {
    html {
        font-size: 10px !important;
    }

    #cases {
        transform: scale(0.6) translateY(-30%);
    }

    #customer-Service {
        transform: scale(0.7);
    }
}