
@media only screen and (max-device-width: 1400px), only screen and (max-width: 1400px) {
    .home-btn-box-africa {
    width: 240px;
    margin: 30px auto;
}


    .full-receipt {
        width:255px;
    }
    /*home page start*/
    .home-btn-box {
        width: 340px;
    }

    .home-btn {
        width: 140px;
        height: 140px;
        font-size: 14px;
        line-height: 1;
        border-radius: 25px;
        padding: 10px;
        padding-bottom: 15px;
        margin: 30px 15px;
    }

    .home-btn-img {
        height: 70px;
        margin-bottom: 5px;
        margin-top: 12px;
    }

    header.masthead {
        padding-top: calc(4rem + 72px);
        padding-bottom: 4rem;
    }

        header.masthead .masthead-content .masthead-heading {
            font-size: 4rem;
            text-transform: uppercase;
        }

        header.masthead .masthead-content .masthead-subheading {
            font-size: 1.3rem;
        }
    /*home page end*/


    .form-center-small {
        padding-top: 7%;
    }


    .check-box-padding {
        padding-top: 7%;
        padding-bottom: 10px;
    }

    .form-center {
        padding-top: 7%;
    }

    .form-center-new {
        padding-top: 7%;
    }

    .coupon {
        width: 300px;
    }

    .btn-box-new {
        margin-top: 30px;
    }

    .progress-bar-header {
        font-size: 1.3rem;
    }

    .question-box {
        font-size: 1.35rem;
    }

    .question-box-sub {
        font-size: 1.1rem;
    }

    .thank-you {
        font-size: 1.5rem;
        padding-top: 10px;
    }

    .thank-you-sub {
        font-size: 1rem;
        padding-bottom: 10px;
    }

    .receipt-full-sub-text {
        font-size: 1.3rem;
        padding: 20px 0;
    }
}

@media only screen and (max-device-width: 991px), only screen and (max-width: 991px) {
    .form-center {
        width: 300px;
    }

    .form-center-new {
        width: 300px;
    }

    .receipt-sub-text {
        font-size: 1.4rem;
        padding-top: 10px;
    }

    label {
        font-size: .9rem;
    }
}

@media screen and (min-width:1025px) and (max-width:1400px) {
    .question-box-sub {
        font-size: 14px;
        padding-bottom: 0;
    }

    .question-box {
        font-size: 1.1rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .progress-bar-header {
        font-size: 1rem;
    }

    .receipt-full-sub-text {
        font-size: 1.2rem;
        padding: 15px 0;
    }

    .full-receipt {
        width: 200px;
    }

    .login-txt-sub {
        line-height: normal;
        font-size: 14px;
        font-weight: normal;
        margin-top: 10px;
    }

    .login-txt-head {
        /* line-height: 1; */
        font-size: 34px;
        margin-top: 10%;
    }

    header.masthead .masthead-content .masthead-heading {
        font-size: 3.5rem;
        text-transform: uppercase;
    }

    header.masthead .masthead-content .masthead-subheading {
        font-size: 1.2rem;
    }

    .home-btn {
        width: 140px;
        height: 130px;
        font-size: 13px;
        line-height: 1;
        border-radius: 20px;
        padding: 10px;
        padding-top: 0;
        margin: 50px 15px;
        margin-top: 10px;
    }

    body {
        font-size: 12px;
    }

    footer {
        font-size: 11px;
    }

    header.masthead {
        padding-top: calc(4.5rem);
        padding-bottom: 4.5rem;
    }

    .immesg {
        font-size: 12px;
    }

    .sign-in-txt {
        font-size: 26px;
        margin-top: 30%;
    }

    .sign-up-txt {
        font-size: 14px;
        padding-top: 5px;
    }

    h4, .h4 {
        font-size: 1rem;
    }

    .login-btn-box-new {
        margin-top: 8px;
    }

    .bmd-form-group .checkbox label, .bmd-form-group .radio label, .bmd-form-group label {
        font-size: 14px;
    }

    label {
        margin-bottom: .3rem;
        font-size: 14px;
    }

    .begin-btn {
        width: 160px;
    }

    .btn-primary {
        font-size: 14px;
        padding: 7px 18px;
    }

    .part-receipt {
        width: 230px;
    }

    .receipt-sub-text {
        font-size: 1.2rem;
        padding-top: 15px;
    }

    .btn-secondary {
        font-size: 14px;
        padding: 7px 18px;
    }

    .prev-btn-bx {
        padding: 10px 0;
        padding-right: 10px;
    }

    .next-btn-bx {
        padding: 10px 0;
        padding-right: 10px;
    }

    .form-control {
        padding: 0.4rem 0.7rem;
        font-size: 14px;
    }

    .padding-new {
        padding-bottom: 10px;
    }

    .text-muted {
        font-size: 12px;
    }

    .min_max_text_right {
        font-size: 12px;
    }

    .min_max_text_left {
        font-size: 12px;
    }

    .like-btn-main {
        margin-top: 5%;
    }

    #lblmessg, #lblmessgar {
        font-size: 13px;
    }

    .voucher_heading_txt {
        font-size: 16px;
    }

    .voucher_txt_box {
        width: 140px;
        height: 36px;
        line-height: 34px;
        font-size: 16px;
    }

    .voucher_txt_main_box {
        padding: 15px;
    }

    .voucher_txt {
        font-size: 11px;
    }

    .copon-list-heading {
        font-size: 18px;
    }

    .list-box-div {
        padding: 10px;
    }

    .coupon-head {
        font-size: 17px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    h6 {
        font-size: 1rem
    }

    .navbar-custom {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    .logo-box {
        width: 110px;
    }
}
@media only screen and (max-device-width: 769px), only screen and (max-width: 769px) {
    .white-bx {
        margin-bottom: 10px;
    }

    .cnt-box {
        margin-bottom: 20px;
    }
}

