@media ( max-width: 533px ) {
    .wizard {
        width: 100%;
        padding: 0 50px;
    }

    .wizard .registration-steps > li {
        height: 92px;
    }

    p {
        text-align: left;
    }

    p strong {
        font-weight: normal;
    }

    .dropselectsec {
        width: 97%;
        padding: 6px 5px;
        padding-right: 35px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        margin-left: 0;
        outline: none;
        font-weight: normal;
    }

    .dropselectsec1 {
        width: 137%;
        padding: 6px 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        margin-left: 10px;
        outline: none;
        font-weight: normal;
    }

    .birthdrop {
        padding: 6px 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        width: 97%;
        outline: 0;
        margin-left: 0;
        font-weight: normal;
    }

    .step33 h5 {
        margin-top: 10px;
    }
}

@media ( max-width: 412px ) {
    .btn-primary {
        width: 100%;
    }

    .btn-primary:hover {
        width: 100%;
    }

    .wizard {
        width: 100%;
        padding: 0 50px;
    }

    .connecting-line {
        top: 55%;
    }

    .wizard .registration-steps > li {
        height: 85px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 30%;
    }

    .wizard .next-step {
        float: right;
        margin-left: 3px;
    }

    .btn-info-full {
        width: 90px;
    }
}

@media ( max-width: 375px ) {
    .btn-primary {
        width: 100%;
    }

    .btn-primary:hover {
        width: 100%;
    }

    .wizard {
        width: 100%;
        padding: 0 50px;
    }

    .connecting-line {
        top: 55%;
    }

    .wizard .registration-steps > li {
        height: 70px;
    }

    span.round-tab {
        font-size: 15px;
        width: 30px;
        height: 30px;
        line-height: 25px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        opacity: 1;
        margin: 0 auto;
        bottom: 0px;
        border: 6px solid transparent;
        border-bottom-color: #5bc0de;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 30%;
    }

    #acc1-head i {
        float: right;
        margin-top: -12px;
        margin-right: -2px;
    }
}

@media ( max-width: 320px ) {
    .btn-primary {
        width: 100%;
    }

    .btn-primary:hover {
        width: 100%;
    }

    .wizard {
        width: 100%;
        padding: 0 30px;
    }

    .dropselectsec1 {
        width: 150%;
        padding: 6px 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        color: #333;
        margin-left: 10px;
        outline: none;
        font-weight: normal;
    }

    #acc1-head i {
        float: right;
        margin-top: -12px;
        margin-right: -2px;
    }
}