/*********** Mobile Tablet Responsive layout start ***********/

@media only screen and (max-width: 1024px) {
    html, body {
        background-color: #EBEBEB;
        margin: 0;
        width: 100%;
        height:100%
    }

    #container {
        width: 100%;
        height:100%;

    }
    /* Mobile Responsive header layout start */
    .header {
        margin: auto;

        width: 80%;
    }

    .topHeader {
        background-color: #002F87 !important;
        width: 100%;
        margin: 0;
        height: 35px;
        padding-bottom: 10px;
    }

        .topHeader button {
            float:right;
            height: 35px;
            margin: 0;
            width: 80px;
            background-color: #CF0A2C;
            font-family: Arial;
            font-size: 19px;
            color: white;
            border: none;
        }

    .bottomHeader {
        margin: auto;
        width: 100%;
    }

        .bottomHeader ul {
            height: 100%;
            width: 100%;
            margin: 0;
            padding-bottom: 10px;
            padding-top: 10px;
            margin: 0;
        }

        .bottomHeader li:nth-child(odd) {
            height: 100%;
            float: left;
            width: 40%;
            list-style-position: inside;
        }

        .bottomHeader li:nth-child(even) {
            height: 100%;
            float: right;
            width: 30%;
            text-align: right;
            padding-right: 30%;
            list-style-position: inside;
        }



    /* Mobile Responsive header layout End */
    /*Mobile Responsive footer layout start */
    #browserSupport {
        margin: auto;
        width: 100%;
    }

        #browserSupport h5 {
            margin: auto;
            width: 50%;
        }

    #copyrightFooter {
        margin: auto;
        width: 40%;
    }

        #copyrightFooter span {
            margin: 0 auto;
            width: 40%;
        }
    /* Mobile Responsive footer layout End */

    /*Mobile Responsive body layout start */
    .landingHome {
        margin: auto;
        width: 100%;
    }


    .modal-dialog {
        max-width: 600px;
        width: auto;
    }

    /* Mobile Responsive body layout End */
}

/*********** Mobile Tablet Responsive layout end ***********/











/*********** Mobile Phone Responsive layout start ***********/

@media only screen and (max-width: 768px) {
    html, body {
        background-color: #EBEBEB;
        margin: 0;

    }

    #container {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    /* Mobile Responsive header layout start */
    .header {
        margin: auto;
        width: 100%;
    }

    .topHeader {
        background-color: #002F87 !important;
        width: 100%;
        margin: 0;
        height: 35px;
        padding-bottom: 10px;
    }

    .amerisureLogo{
        width:203px;
        height:58px;
    }

    .topHeader button {
        float: right;
        height: 35px;
        margin: 0;
        width: 80px;
        background-color: #CF0A2C;
        font-family: Arial;
        font-size: 19px;
        color: white;
        border: none;
    }

    .bottomHeader {
        margin: auto;
        width: 100%;
    }
        .bottomHeader ul {
            height: 100%;
            width: 100%;
            margin:0;
            padding-bottom: 10px;
            padding-top: 10px;
            margin: 0;
        }
        .bottomHeader li:nth-child(odd) {
            height: 100%;
            float: left;
            width: 40%;
            list-style-position: inside;
        }
        .bottomHeader li:nth-child(even) {
            height: 100%;
            float: right;
            width: 30%;
            text-align: right;
            padding-right:30%;
            list-style-position: inside;
        }

    #welcome {
        font-size: 16px;

    }

    #login {
        font-size: 24px;
        color: black;
    }

    /* Mobile Responsive header layout End */






    /* Mobile Responsive footer layout start */
    .footerSection {
        position: relative;
    }

    #browserSupport {
        margin: auto;
        width: 100%;
    }

        #browserSupport h5 {
            margin: auto;
            width: 100%;
        }

    #copyrightFooter {
        margin: auto;
        width: 85%;
    }
    /* Mobile Responsive footer layout End */



    /*Mobile Responsive body layout start */
    .landingHome {
        margin: auto;
        width: 100%;
    }

  

    #messageSection {
        width: 60%;
        margin: 0;
    }
    /* Mobile Responsive body layout End */
}
/*********** Mobile Phone Responsive layout end ***********/








/*********** Mobile Phone Responsive layout start ***********/

@media only screen and (max-width: 600px) {
    html, body {
        background-color: #EBEBEB;
    }

    #container {
        width: 100%;
    }


    /* Mobile Responsive header layout start */
    .imageContainer div:nth-child(even) {
        border: 0 none;

    }

    .bottomHeader li:nth-child(odd) {
        height: 100%;
        float: left;
        width: 40%;
        list-style-position: inside;

    }

    .bottomHeader li:nth-child(even) {
        height: 100%;
        float: right;
        font-size: 12px;
        width: 40%;
        text-align: right;
        padding-right: 20%;
        list-style-position: inside;
        white-space: nowrap;
    }

    .amerisureLogo {
        width: 163px;
        height: 58px;
    }
    #welcome{
        font-size: 8px;
        width:50px;
    }
    #login {
        font-size: 10px;
        width: 50px;
        color: black;
    }


    /* Mobile Responsive header layout End */
    /* Mobile Responsive footer layout start */
    .footerSection{
        position:relative;
    }
    #browserSupport {
        margin: auto;
        width: 100%;
    }

        #browserSupport h5 {
            margin: auto;
            width: 100%;
        }

    #copyrightFooter {
        margin: auto;
        width: 85%;
    }
    /* Mobile Responsive footer layout End */
    /*Mobile Responsive body layout start */
    .landingHome {
        margin: auto;
        width: 100%;
    }

    .mainDiv {
        margin: auto;
        width: 95%;
        display: block;
    }


    /* Mobile Responsive body layout End */
}
/*********** Mobile Phone Responsive layout end ***********/