.clockR {
    margin-top: 15px;
    position: fixed;
    width: 170px;
    /* height: 80px;     */
    z-index: 100;
    right: 15px;
    /* border-radius: 150px; */
    border-radius: 50%;
}
@media (max-width:1810px) {
    .clockR {
        margin-top: 15px;
        width: 120px;
    }
}
@media (max-width:1500px) {
    .clockR {
        margin-top: 15px;
        width: 105px;
    }
}

@media(max-width:1330px) {
    .clockR {
        /* margin-top: 15px; */
        margin-top: 0;
        width: 90px;
    }
}


@media(max-width:1200px) {
    .clockR {
        /* margin-top: 0; */
        margin-top: -10px;

        width: 80px;
    }
}

@media(max-width:850px) {
    .clockR {
        /* margin-top: -px; */
        width: 70px;
    }

}

@media (max-width:735px) {

    .clockR {
        margin-top: -15px;
        width: 65px;
    }
}

@media (max-width:552px) {

    .clockR {
        margin-top: -13px;
        width: 60px;
    }
}


@media(max-width:512px) {
    .clockR {
        margin-top: -10px;
        width: 55px;
    }
}

@media (max-width:500px) {
    .clockR {
        margin-top: -10px;
        width: 50px;
    }

}