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

    @font-face {
        font-family: HelveticaNeue;
        src: url("../fonts/HelveticaNeue Thin.ttf");
    }


    @font-face {
        font-family: KeepCalm;
        src: url("../fonts/KeepCalm-Medium.ttf");
    }

    body{
        background: #FFFFFF;
        font-family: HelveticaNeue;
    }



    .con2021{
        font-family: KeepCalm;
        color: #00923A;
        font-size: 35px;
    }


    /* Countdown CSS */
    .TIMERSUB ul{
        width: 200px;
        margin-left: -49px;
    }

    .TIMERSUB ul li{
        display: inline-block;
        vertical-align: middle;
        font-size: 34px;

        color: #9A9A9A;
    }

    .TIMERSUB ul li p{
        font-size: 14px;
        text-align: center;
    }

    .time-line{
        width: 2px;
        height: 55px;
        background: #2BA45B;
        margin-top: -25px;
    }

    /* Countdown CSS ends */


    .layers{
        width: 100%;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        left: 0;
    }

    .layer1{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        margin-top: 20px;
    }


    .layer2-3{
        width: 100%;
        border: 1px solid #000000;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20%;
    }

    .layer2{
        display: block;
        margin: 0;
        width: 100%;
        height: 300px;
    }

    .layer3{
        position: relative;
        background: #E7FCEB;
        width: 100%;
        margin-top: 380px;
        text-align: center;
    }

    .layer3 img{
        width: 80px;
        height: 350px;
    }


    .golden-logo{
        height: 60px;
        border: 1px solid #000000;
        top: 615px;
        position: absolute;
        right: -115px;
    }

    .golden-logo img{
        z-index: 4;
        width: 150px;
        height: 118px;
    }

}