﻿
/*Responsive CSS for enrolment form*/

@media (min-width: 425px) {
    .divZ-group {
        margin-left: 32%;
        position: fixed;
        float: left;
        width: 250px;
    }

    .maindivZ {
        margin-left: -29%;
        width: 155%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 35%
    }

    .claimgotosubmitbtnZ {
        margin-left: 15%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% -9%
    }
}

@media (min-width: 480px) {
    .divZ-group {
        margin-left: 30%;
        position: fixed;
        float: left;
        width: 300px;
    }

    .maindivZ {
        margin-left: -29%;
        width: 155%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 51%
    }

    .claimgotosubmitbtnZ {
        margin-left: 35%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% 10%
    }
}

@media (min-width: 768px) {
    .divZ-group {
        margin-left: 55%;
        position: fixed;
        float: left;
        width: 300px;
    }

    .maindivZ {
        margin-left: -11%;
        width: 100%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 68%
    }

    .claimgotosubmitbtnZ {
        margin-left: 61%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% 45%
    }
}

@media (min-width:992px) {
    .divZ-group {
        margin-left: 60%;
        position: relative;
        float: left;
        width: 600px;
    }

    .maindivZ {
        margin-left: -11%;
        width: 100%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 77%
    }

    .claimgotosubmitbtnZ {
        margin-left: 72%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% 60%
    }
}

@media (min-width:1020px) {
    .divZ-group {
        margin-left: 13%;
        position: fixed;
        float: left;
        width: 700px;
    }

    .maindivZ {
        margin-left: -11%;
        width: 100%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 77%
    }

    .claimgotosubmitbtnZ {
        margin-left: 72%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% 60%
    }
}

@media (min-width:1366px) {
    .divZ-group {
        margin-left: 43%;
        position: fixed;
        float: left;
        width: 700px;
    }

    .maindivZ {
        margin-left: -11%;
        width: 100%;
    }

    .claimbtnZ {
        margin: -1% 0% 1% 81%
    }

    .claimgotosubmitbtnZ {
        margin-left: 80%
    }

    .claimgotocalbtnZ {
        margin: -1% 0% 1% 68%
    }
}
