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


    .baquiz .get-started-free {
        padding-bottom: 30px;
    }

    .resulttrue {
        padding: 40px 15px;
    }

    .whitebtn {
        border-radius: 5px;
    }

    .bapages {
        padding: 30px 0px;
    }

        .bapages h3 {
            font-size: 25px;
            margin-bottom: 10px;
        }

    .iteminfo {
        position: absolute;
        bottom: 0px;
        background: rgba(0,0,0,0.5);
        width: 100%;
        padding: 10px;
        /*font-size: 30px;*/
        color: white;
        /*font-family: 'the_sans_black-regular';*/
        padding: 15px;
    }

        .iteminfo h2 {
            font-size: 20px;
        }

        .iteminfo p {
            font-size: 12px;
        }

    .timersection {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: #f7f7f7;
        margin-bottom: 0px;
        z-index: 111111;
    }

    .timerinformation {
        padding-top: 6px;
    }

        .timerinformation img {
            top: 9px;
            left: 20px;
        }

    .timersection label {
        padding-left: 15px;
        margin-bottom: 10px;
    }

    #quiztimerprogressBar {
        height: 35px;
        border-radius: 0px;
    }

        #quiztimerprogressBar div {
            line-height: 35px;
            border-radius: 0px;
        }
}