/************************************************************************/
@media screen and (max-width: 975px) {

    .page {
        width: 98%;
        padding-left: 20px;
    }

    #menu li a,
    #menu li .NoED {
        padding: 1em;
        width: 100px;
        height: 28px;
        font-size: 0.8em;
    }


        #menu li a.current {
            background: #8b2942;
            color: #fff;
            width: 79px;
        }

        #menu li .NoED:hover {
            background: #767676;
            color: #fff;
            width: 100px;
        }


    #divFAQ {
        background: none;
    }

    #footer {
        float: left;
    }

    .pdfdownload {
        width: 180px;
    }

    .Map {
        margin-right: 0;
    }

    .AddressItems {
        margin-left: -60px;
        padding-right: 5px;
    }

    .AddressItems {
        margin-left: -60px;
    }

    .divAddress {
        width: 100%;
    }

    .vic_dir {
        padding-left: 0px;
    }


    #divAdvPoll {
        width: 100%;
    }

    #divOrdPoll {
        width: 100%;
    }

    .GMap {
        width: 440px;
        height: 400px;
    }

    .electiondays {
        width: 95%;
        margin: 20px -10px 10px -10px;
        padding: 10px 20px 0 10px;
        float: none;
        clear: all;
    }

    .divFAQ-am {
        margin-top: -15px;
        float: left;
        width: 50%;
    }

    dl.dlTable {
        background: #E6E6E6;
    }
}

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

    #menu li span.NoED {
        width: 90px;
    }
}

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

    #menu li span.NoED {
        width: 80px;
    }
}

/************************************************************************/
@media screen and (max-width: 765px) {

    .divFAQ-am {
        width: 100%;
    }

    .card {
        width: 90%;
    }

    .lowerFAQ {
        float: left;
        width: 100%;
    }


    /************************************************************************/
    @media screen and (max-width: 750px) {



        .headercol2 {
            width: 100%;
        }

            .headercol2 h1 {
                width: 100%;
                font-size: 1.4em;
                margin-top: 5px;
                padding-top: 0;
            }

        .jsenabled#linkMenu {
            display: block;
        }

        a#linkMenu {
            display: block;
            background: #8b2942;
            text-decoration: none;
        }

        #topnav {
            clear: both;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .jsenabled#topnav {
            overflow: hidden;
            max-height: 0;
        }

        #topnav.topnavexpanded {
            max-height: 30em;
        }



        /*Main templates style changes*/
        .page {
            width: 98%;
            padding-left: 20px;
        }

        .jsenabled#main {
            position: relative;
            top: -215px;
        }

        #menu {
            height: auto;
            width: 97%;
        }



            #menu li a {
                width: 96%;
                height: 15px;
                font-size: 1em;
            }

            #menu li span.NoED {
                width: 96%;
                height: 15px;
                font-size: 1em;
            }


            #menu li a.current {
                background: rgb(139, 41, 66);
                width: 96%;
                color: rgb(255, 255, 255);
            }

            #menu li span .NoED:hover {
                background: rgb(118, 118, 118);
                width: 96%;
                color: rgb(255, 255, 255);
            }

        .centernav {
            margin: 0 -6px;
            width: 93%;
        }

        .spanVersion {
            float: left;
            text-align: left;
        }

        .spanPrivacy {
            float: left;
        }

        #imgMap {
            width: 98%;
        }

        #main {
            margin-top: 230px;
        }


        #divFAQ {
            width: 98%;
            float: none;
            background: none;
            position: relative;
            top: 10px;
        }

        #dvEDinfo {
            width: 98%;
            float: none;
        }

        #footer {
            float: left;
        }

        .Map {
            margin-bottom: 20px;
        }

        .CandidatePrintList {
            float: left;
            margin-bottom: 15px;
        }

        .divMap2 {
            float: none;
            width: 98%;
        }

        .EDMessages {
            width: 95%;
        }

        .HeaderInfo1 {
            font-size: 0.9em;
        }

        .HeaderTitle {
            font-size: 1em;
        }

        .AddressItems {
            text-align: right;
            width: 80%;
        }

        .boundaryDesc {
            border: 1px solid silver;
            background-color: #e6e6e6;
            padding: 10px 10px 10px 10px;
            margin-bottom: 10px;
            margin-left: 0px;
        }

        .SearchByMaps {
            /*hide the option to search by maps for certain device size.
    The area's in the MAP Navigation table would need to be modified to fit smaller screens.*/
            display: none;
        }

        iframe {
            width: 100%;
            height: 350px;
        }

        ul.votechoices {
            margin: 20px -10px;
        }

            ul.votechoices li {
                float: none;
            }

                ul.votechoices li a {
                    padding: 10px;
                    line-height: 1.1em;
                    width: 90%;
                    min-height: auto;
                }

        .col1 {
            width: 90%;
            float: none;
            padding: 5px;
            margin: 0 10px 20px 0;
        }

        .col2 {
            float: none;
            width: 90%;
        }

        .romap {
            max-width: 420px;
        }

        .introcandidate {
            float: left;
            width: 90%;
        }
    }

    /***********************************************************************************/
    @media screen and (max-width: 480px) {

        /*Main templates style changes*/
        .page {
            width: 98%;
            padding-left: 13px;
        }


        #columntop {
            display: none;
        }

        p.logoready {
            display: none;
        }


        .spanVersion {
            float: none;
        }

        #imgMap {
            width: 98%;
        }

        #main {
            margin-top: 230px;
            width: 90%;
        }

        Table {
            font-size: .9em;
        }

        #AddressItems {
            margin-left: -40px;
        }

        #divFAQ {
            width: 98%;
            float: none;
            background: none;
            position: relative;
            top: 10px;
        }

        #dvEDinfo {
            width: 98%;
            float: none;
        }

        #footer {
            float: left;
        }

        /*Hide 2 columns from the candidates table*/
        .colCandStatus {
            display: none;
        }

        .HeaderInfo1 {
            font-size: 0.9em;
        }

        .HeaderTitle {
            font-size: 1em;
        }

        .CandidatePrintList {
            float: left;
            margin-bottom: 15px;
        }

        .divMap2 {
            float: none;
            width: 98%;
        }

        .EDMessages {
            width: 95%;
        }

        .AddressItems {
            width: 100%;
            text-align: right;
            padding-right: 0px;
        }

        .divAddress {
            padding: 0px 0px 0px 0px;
            width: 100%;
        }

        .boundaryDesc {
            border: 1px solid silver;
            background-color: #e6e6e6;
            padding: 10px 10px 10px 10px;
            margin-bottom: 10px;
            margin-left: 0px;
        }

        .GMap {
            width: 280px;
            height: 300px;
        }

        #divAdvPoll {
            width: 100%;
        }

        #divOrdPoll {
            width: 100%;
        }

        .headercol1 img {
            width: 175px;
        }

        .headercol3 {
            width: 50%;
        }

        .col {
            padding: 10px;
            width: 90%;
            min-height: auto;
            float: none;
            margin: 0 0 20px 0;
        }



        #menu li a,
        #menu li .NoED {
            width: 97%;
            height: 15px;
        }


            #menu li a.current {
                background: rgb(139, 41, 66);
                width: 97%;
                color: rgb(255, 255, 255);
            }

            #menu li .NoED:hover {
                background: rgb(118, 118, 118);
                width: 97%;
                color: rgb(255, 255, 255);
            }

        select#StreetSelectedItem {
            width: 100%;
        }
    }

    /******************************************************************/
    @media screen and (max-width: 400px) {



        ul.faqchoices {
            margin: 0 0 0 -20px;
        }

            ul.faqchoices li a {
                width: 240px;
            }

        .card {
            width: 90%;
            background-image: none;
        }

        .electiondays {
            width: 85%;
            margin: 20px -10px 10px -10px;
            padding: 10px 20px;
        }

        .emploi a.buttonwork {
            width: 80%;
            background-size: 70px auto;
            font-size: 1em;
            padding: 10px 3px 6px 65px;
            min-height: 10px;
        }

        ul.votechoices li a {
            min-width: 200px;
        }

        ul.votechoices {
            margin-left: -20px;
            margin-right: 20px;
        }

        .mapVIC {
            width: 100%;
        }

        .romap {
            width: 100%;
        }

        #menu li a,
        #menu li .NoED {
            width: 97%;
            height: 15px;
        }


            #menu li a.current {
                background: rgb(139, 41, 66);
                width: 97%;
                color: rgb(255, 255, 255);
            }

            #menu li .NoED:hover {
                background: rgb(118, 118, 118);
                width: 97%;
                color: rgb(255, 255, 255);
            }
    }

    /************************************************************************/
    @media screen and (max-width: 320px) {

        /*Main templates style changes*/
        .page {
            /*width:99%;	*/
            padding-left: 10px;
        }

        #main {
            margin-top: 230px;
        }

        Table {
            font-size: 0.65em;
        }

        #ECLogo {
            width: 200px;
            border: 0px;
        }

        #imgMap {
            width: 98%;
        }

        #divFAQ {
            width: 98%;
            float: none;
            background: none;
            position: relative;
            top: 10px;
        }

        #dvEDinfo {
            width: 98%;
            float: none;
        }

        #footer {
            float: left;
        }

        /*Hide 2 columns from the candidates table*/
        .colCandStatus {
            display: none;
        }

        .colCandAuditor {
            display: none;
        }




        .HeaderTitle {
            font-size: 1em;
        }

        .HeaderInfo1 {
            font-size: 0.9em;
        }

        .CandidatePrintList {
            float: left;
            margin-bottom: 15px;
        }

        .divMap2 {
            float: none;
            width: 98%;
        }

        .EDMessages {
            width: 95%;
        }


        .AddressItems {
        }

        fieldset {
            padding-left: 5px;
        }

        .boundaryDesc {
            border: 1px solid silver;
            background-color: #e6e6e6;
            padding: 10px 10px 10px 10px;
            margin-bottom: 10px;
            margin-left: 0px;
        }

        .AddressItems {
            margin-left: -50px;
            width: 75%;
            text-align: left;
        }

        .GMap {
            width: 195px;
            height: 300px;
        }

        .pollSubDiv {
            height: 7em;
        }

        ul.faqchoices li a {
            width: 200px;
        }

        #menu li a,
        #menu li .NoED {
            width: 96%;
            height: 15px;
        }


            #menu li a.current {
                background: rgb(139, 41, 66);
                width: 96%;
                color: rgb(255, 255, 255);
            }

            #menu li .NoED:hover {
                background: rgb(118, 118, 118);
                width: 96%;
                color: rgb(255, 255, 255);
            }
    }