/*|| 1280px or larger screen ||******************************************************************************************* << Large Screen >> */
@media screen and (max-width: 1306px) {
    #s4-bodyContainer > .container {
        padding: 0;
    }

    #s4-bodyContainer .wrapper {
        padding: 0;
    }

    .nav .nav_menu {
        display: block;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1298px) {
    #s4-bodyContainer .wrapper {
        width: 100%;
        padding: 0;
    }

    .nav_menu .topnav-engadging {
        width: 348px;
    }
    /*.nav_menu .topnav-about                               { width: 236px; }*/
    .nav_menu .topnav-visit, .nav_menu .topnav-bills {
        width: 90px;
    }
}
/*|| 1004px - 1279px ||************************************************************************************************* << Regular Screen >> */
@media screen and (min-width: 1004px) {
    .top_nav ul li span a.live,
    .top_nav > ul > li > a.green,
    .top_nav > ul > li.council > a.maroon,
    .top_nav > ul > li.committee > a.blue {
        padding: 5px 0;
    }
}

@media only screen and (min-width: 1004px) and (max-width: 1279px) {
    /*===|| Social Icon  ||===================================================================================*/
    .social > ul {
        padding: 10px 0 0 0;
    }

        .social > ul li {
            padding: 0 0 0 0;
        }

            .social > ul li a {
                background-size: 44px !important;
            }
}

@media screen and (max-width: 1279px) {
    /*.bx-wrapper .bx-pager                   { bottom: 17px; right: 5px; }*/
    #s4-bodyContainer > .container {
        padding: 5px 0;
    }

    #s4-bodyContainer .wrapper {
        max-width: 1004px;
        padding: 0 5px;
    }

    .container {
        max-width: 1004px;
        width: 100%;
    }

    #sideNavBox {
        width: 200px;
        margin-right: 20px;
        margin-left: 0;
    }

        #sideNavBox .leftNav {
            width: 200px;
        }

    #contentBox {
        min-width: 0;
        float: left;
        position: relative;
        width: 782px;
        margin: 0;
        padding-bottom: 20px;
    }
    /*.nav #DeltaTopNavigation                    { display: block; }*/
    .nav .nav_menu {
        display: block;
    }
    /*.nav ul.root > li > ul > li.static > a      { padding: 5px 28px 4px 29px; font-size: 1.15em;}*/
    .greenfly > div, .redfly > div {
        width: 1002px;
    }
    /*.nav ul li                                  { padding:5px 28px 4px 27px; }*/
    .nav_menu > li {
        padding: 0;
        text-align: center;
    }
    /*
    .nav_menu .topnav-members                   { width: 127px; }
    .nav_menu .topnav-bills                     { width: 106px; }
    .nav_menu .topnav-committees                { width: 153px; }
    .nav_menu .topnav-Hansard                   { width: 125px; }
    .nav_menu .topnav-research                  { width: 202px; }
    .nav_menu .topnav-engadging                 { width: 286px; }
    */
    .nav_menu .topnav-about {
        width: 170px; /*218px;*/
    }

    .nav_menu .topnav-members {
        width: 95px;
    }

    .nav_menu .topnav-bills {
        width: 60px;
    }

    .nav_menu .topnav-committees {
        width: 115px;
    }

    .nav_menu .topnav-Hansard {
        width: 220px; /*102px;*/
    }

    .nav_menu .topnav-papers {
        width: 166px;
    }

    .nav_menu .topnav-research {
        width: 160px; /*115px;*/
    }

    .nav_menu .topnav-visit {
        width: 60px; /*77px;*/
    }

    .nav_menu .topnav-education {
        width: 105px;
    }



    .nav_menu li .bluefly6.Col-1 {
        width: 180px;
    }

    .nav_menu li .bluefly6.Col-2 {
        width: 350px;
    }

    .nav_menu li .bluefly6.Col-3 {
        width: 520px;
    }

    .nav_menu li .bluefly6.Col-4 {
        width: 690px;
    }

    .nav_menu li .bluefly6.Col-5 {
        width: 860px;
    }

    .nav_menu li .bluefly6.Col-6 {
        width: 1000px;
    }

    .top_nav > ul > li > div.Col-1 {
        width: 180px;
    }

    .top_nav > ul > li > div.Col-2 {
        width: 350px;
    }

    .top_nav > ul > li > div.Col-3 {
        width: 520px;
    }

    .top_nav > ul > li > div.Col-4 {
        width: 690px;
    }

    .top_nav > ul > li > div.Col-5 {
        width: 860px;
    }

    .top_nav > ul > li > div.Col-6 {
        width: 1000px;
    }

    .bx-wrapper .bx-pager {
        bottom: 25px;
        right: 5px;
    }

    .prl-search-first-row select {
        width: 170px;
    }

    .prl-search-first-row {
        width: 178px;
    }

    .prl-search-second-row {
        width: 599px;
    }

    .ms-srch-sbLarge > input {
        width: 555px;
    }

    .ms-srch-result #ResultHeader select {
        width: 170px;
    }
}

@media screen and (max-width: 1200px) {
    /*.nav ul li                                  { padding:5px 28px 4px 27px; }*/

}

@media only screen and (min-width: 1004px) and (max-width: 1022px) {
    #s4-bodyContainer .wrapper {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 1030px) {
    #s4-bodyContainer .wrapper {
        padding: 0;
    }

    .prl-search-second-row {
        width: 590px;
    }

    .ms-srch-sbLarge > input {
        width: 545px;
    }
}

@media screen and (max-width: 1020px) {
    .nav_menu .topnav-engadging {
        width: 279px;
    }
    /*.nav_menu .topnav-about                     { width: 184px; }*/
    #contentBox {
        width: 772px;
    }
}

@media screen and (max-width: 1013px) {
    #s4-bodyContainer > .container {
        padding: 0;
    }

    #s4-bodyContainer .wrapper {
        padding: 0;
    }
    /*.nav ul.root > li > ul > li.static > a      { padding: 5px 28px 4px 27px; }*/
    .nav .nav_menu {
        display: block;
    }
    /*.nav ul li                                  { padding:5px 28px 4px 27px; }*/
    .nav_menu li .bluefly6.Col-1 {
        width: 150px;
    }

    .nav_menu li .bluefly6.Col-2 {
        width: 320px;
    }

    .nav_menu li .bluefly6.Col-3 {
        width: 490px;
    }

    .nav_menu li .bluefly6.Col-4 {
        width: 660px;
    }

    .nav_menu li .bluefly6.Col-5 {
        width: 830px;
    }

    .nav_menu li .bluefly6.Col-6 {
        width: 990px;
    }

    .top_nav > ul > li > div.Col-1 {
        width: 150px;
    }

    .top_nav > ul > li > div.Col-2 {
        width: 320px;
    }

    .top_nav > ul > li > div.Col-3 {
        width: 490px;
    }

    .top_nav > ul > li > div.Col-4 {
        width: 660px;
    }

    .top_nav > ul > li > div.Col-5 {
        width: 830px;
    }

    .top_nav > ul > li > div.Col-6 {
        width: 990px;
    }

    /*
    .nav_menu .topnav-engadging                 { width: 269px; }
    */
    /*.nav_menu .topnav-about                     { width: 178px; }*/
    #contentBox {
        width: 765px;
    }

    .prl-search-second-row {
        width: 585px;
    }

    .ms-srch-sbLarge > input {
        width: 538px;
    }
}
/*|| 1003px ||************************************************************************************************************ << Small Screen >> */
@media screen and (max-width: 1003px) {
    .prl-search-first-row select {
        width: 150px;
    }

    .prl-search-first-row {
        width: 153px;
    }

    .prl-search-second-row {
        width: 577px;
    }

    .ms-srch-sbLarge > input {
        width: 532px;
    }

    .ms-srch-result #ResultHeader select {
        width: 150px;
    }

    .container {
        max-width: 768px;
        width: 100%;
    }

    #s4-bodyContainer .wrapper {
        width: 768px;
        padding: 0;
    }

    #sideNavBox {
        display: none;
    }

    #contentBox {
        width: 98%;
        padding: 1% 1%;
    }

    /*>> Top Nav <<*/
    .top_nav .mobileOnly {
        display: block !important;
    }

    /*.nav ul.root > li > ul > li.static > a  { padding: 4px 11px 3px 12px; font-size: 1.1em;}*/
    .nav {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        height: 43px;
    }

        .nav.noBottomPadding {
            padding-bottom: 0;
        }

        .nav .nav_menu {
            display: none;
            width: 100%;
            padding: 0;
            margin: 0;
            position: relative;
            float: left;
            border-top: 1px solid #6187a5;
            background: #3a698e;
        }

        .nav ul {
            display: block;
            float: none;
            padding: 0;
            width: 100%;
        }
            /*.nav ul li			                {float:none; padding:5px 10px 4px;}*/
            .nav ul li a {
                font-size: 0.95em !important;
                padding: 10px 1% 10px 2.5%;
                display: inline-block;
            }

        .nav > ul > li {
            float: left;
            padding: 0;
            display: block;
            width: 100%;
            border: none;
            border-bottom: 1px solid #6187a5;
            /*background:url(../images/down_arrow.png) no-repeat right 17px;*/ text-align: left;
        }

            .nav > ul > li > em {
                background: url(../images/down_arrow.png) no-repeat right 17px;
                display: inline-block;
                padding: 10px 0;
                float: right;
                width: 9%;
                height: 0.87em;
            }

        .nav ul li.no_bg em {
            background: none !important;
        }

        .nav .clear {
            background: #3a698e;
            border: 0;
            width: 100%;
        }
        /*.nav ul > li:first-of-type              { border-top:1px solid #6187a5; }*/
        .nav ul li.up_arrow > em {
            background: url('../images/up_arrow.png') no-repeat right 17px;
        }

        .nav ul li > .upperMenu {
            border-left: 0;
            border-right: 0;
        }

        .nav ul li .upperMenu {
            position: static;
            width: 100% !important;
            padding: 0;
            text-align: center;
            display: none;
            margin: 0;
            float: left;
        }

            .nav ul li .upperMenu li {
                text-align: left;
                background: none;
                display: block;
                width: 100%;
                float: left;
            }

                .nav ul li .upperMenu li a {
                    padding: 5px 3% 5px;
                    text-align: left;
                    border: none;
                    border-bottom: 1px solid #afc2d1;
                    width: 94%;
                }

    .menu_icon {
        display: block;
        cursor: pointer;
        float: right;
        margin: 0;
        padding: 7px 0 6px;
        background: #3a698e;
    }

        .menu_icon a span.mobile-menu-bg {
            display: inline-block;
            font-family: 'CenturyGothic';
            font-size: 1.2em;
            line-height: 25px;
            color: #ffffff;
            padding: 0 10px 0 0;
            float: left;
            background: #3a698e;
        }

        .menu_icon a > em {
            background: #3a698e url('../images/menu_icon-2.png') no-repeat right center;
            width: 40px;
            height: 25px;
            display: inline-block;
            float: right;
        }

        .menu_icon.open a > em {
            background: #3a698e url('../images/menu_icon-2-open.png') no-repeat right center;
            width: 40px;
            height: 25px;
            display: inline-block;
            float: right;
        }

    .nav ul li ul {
        position: static;
        width: 100% !important;
        padding: 0;
        text-align: center;
        display: none;
        margin: 0;
        float: left;
    }

        .nav ul li ul li {
            text-align: left;
            background: none;
            display: block;
            width: 100%;
            float: left;
            padding: 0;
        }

            .nav ul li ul li a {
                padding: 5px 1% 5px 5%;
                text-align: left;
                border: none;
                border-bottom: 1px solid #afc2d1;
                width: 94%;
            }

    .nav ul li .upperMenu.bluefly6 {
        width: 100% !important;
    }

    .nav .bluefly6 > ul {
        margin-top: 0;
        display: block !important;
        width: 100%;
        float: left;
        border-top: none;
        border-bottom: 0;
    }

    .nav .bluefly6 ul li ul {
        border-bottom: none;
        margin-top: 0;
        display: block !important;
        width: 100%;
        float: left;
        border-top: none;
    }

    .nav .bluefly6 ul li a {
        border-bottom: none;
        padding: 5px 1% 5px 2.5%;
    }

    .nav .bluefly6 ul li ul li a {
        border-bottom: none;
    }

    .nav ul li .bluefly6 ul li ul li a {
        padding-left: 3.5%;
    }

    .nav .bluefly6 {
        width: 100% !important;
    }

    .nav ul li .bluefly6 {
        right: -3px;
    }



    .top_nav {
        padding: 0;
    }

        .top_nav ul li {
            background: none;
            width: 100%;
        }

            .top_nav ul li span {
                background-size: 100% 100%;
            }

        .top_nav > ul > li > a.green {
            text-align: right;
            float: right;
            width: auto;
        }

        .top_nav > ul > li.council > a.maroon {
            text-align: right;
            float: right;
            width: auto;
        }

        .top_nav > ul > li.committee > a.blue {
            text-align: right;
            float: right;
            width: auto;
        }

    .greenfly > div {
        width: 100% !important;
        margin: 0;
        padding: 0;
        position: static;
        border: 0;
    }

    .redfly > div {
        width: 100% !important;
        margin: 0;
        padding: 0;
        position: static;
        border: 0;
    }

    .bluefly > div {
        width: 100% !important;
        margin: 0;
        padding: 0;
        position: static;
        border: 0;
    }

    .greenfly ul, .redfly ul, .bluefly ul {
        width: 100% !important;
        margin-bottom: 0;
    }

        .greenfly ul li, .redfly ul li, .bluefly ul li {
            width: 100%;
        }

            .greenfly ul li a {
                width: 80% !important;
                padding: 6px 3% 7px !important;
            }

            .redfly ul li a {
                width: 80% !important;
                padding: 6px 3% 7px !important;
            }

            .bluefly ul li a {
                width: 80% !important;
                padding: 6px 3% 7px !important;
            }

            .greenfly ul li ul li a, .redfly ul li ul li a, .bluefly ul li ul li a {
                font-size: 12px;
            }

    .nav_menu .topnav-members {
        width: 100%;
    }

    .nav_menu .topnav-bills {
        width: 100%;
    }

    .nav_menu .topnav-committees {
        width: 100%;
    }

    .nav_menu .topnav-Hansard {
        width: 100%;
    }

    .nav_menu .topnav-research {
        width: 100%;
    }

    .nav_menu .topnav-engadging {
        width: 100%;
    }

    .nav_menu .topnav-about {
        width: 100%;
    }

    .nav_menu .topnav-papers {
        width: 100%;
    }

    .nav_menu .topnav-visit {
        width: 100%;
    }

    .nav_menu .topnav-education {
        width: 100%;
    }


    .top_nav > ul > li > em {
        background: url(../images/menu_icon-2.png) no-repeat right center;
        width: 35px;
        height: 25px;
        display: inline-block;
        float: right;
        padding-left: 15px;
        padding-top: 9px;
        padding-bottom: 9px;
    }
    /*.top_nav ul li h6 em	{background:url(../images/menu_icon-2.png) no-repeat right center; width:35px; height:25px; display:inline-block; float:right;}*/

    .top_nav > ul > li.open > em {
        background: url('../images/menu_icon-2-open.png') no-repeat right center;
    }

    .top_nav ul li ul li > a {
        display: inline-block;
    }

    .top_nav ul li ul li > em {
        background: url(../images/down_arrow.png) no-repeat right 17px;
        display: inline-block;
        height: 1.1em;
        line-height: 20px;
        padding: 10px 0;
        float: right;
        width: 9%;
    }

    .assemb ul {
        margin-bottom: 0 !important;
    }

        .assemb ul li a {
            font-size: 0.875em;
            padding: 10px 1% 10px 2.5%;
        }

    .assemb > div {
        background: #27614b;
    }

        .assemb > div > ul > li {
            float: left;
            padding: 0;
            display: block;
            width: 100%;
            border: none;
            border-bottom: 1px solid #8cb4a5;
            text-align: left;
            background-color: #27614b !important;
        }

            .assemb > div > ul > li > a.green {
                color: #ffffff;
                font-size: 1.1em;
                line-height: 20px;
                padding: 10px 1% 9px 2.5% !important;
                background-color: #27614b;
                text-transform: uppercase;
                font-weight: normal;
            }

            .assemb > div > ul > li > a:hover {
                color: #fff;
                background-color: #27614b;
            }

        .assemb > div > ul:first-of-type {
            border-top: 1px solid #8cb4a5;
        }

    .assemb ul li.no_bg > em {
        background-image: none !important;
        background-color: #27614b !important;
    }

    .assemb ul li.up_arrow > em {
        background: #27614b url('../images/up_arrow.png') no-repeat right 17px;
    }

    .assemb ul li ul {
        display: none;
        background-color: #cadcd5;
    }

        .assemb ul li ul li {
            background-color: #cadcd5;
        }

            .assemb ul li ul li > a {
                padding: 6px 3% 7px !important;
                display: inline-block;
                background-color: #cadcd5;
                width: 94% !important;
            }

                .assemb ul li ul li > a:hover {
                    background-color: #8cb4a5;
                }

            .assemb ul li ul li > em {
                background-color: #cadcd5;
                padding: 0;
                display: none;
            }



    .council ul {
        margin-bottom: 0 !important;
    }

        .council ul li a {
            font-size: 0.875em;
            padding: 10px 1% 10px 2.5%;
        }

    .council > div {
        background: #7a2246;
    }

        .council > div > ul > li {
            float: left;
            padding: 0;
            display: block;
            width: 100%;
            border: none;
            border-bottom: 1px solid #d4bac4;
            background-color: #7a2246 !important;
            text-align: left;
        }

            .council > div > ul > li > a.maroon {
                color: #ffffff;
                font-size: 1.1em;
                line-height: 20px;
                padding: 10px 1% 9px 2.5% !important;
                background-color: #7a2246;
                text-transform: uppercase;
                font-weight: normal;
            }

            .council > div > ul > li > a:hover {
                color: #fff;
                background-color: #7a2246;
            }

        .council > div > ul:first-of-type {
            border-top: 1px solid #d4bac4;
        }

    .council ul li.no_bg > em {
        background-image: none !important;
        background-color: #7a2246 !important;
    }

    .council ul li.up_arrow > em {
        background: #7a2246 url('../images/up_arrow.png') no-repeat right 17px;
    }

    .council ul li ul {
        display: none;
        background-color: #e5d5db;
    }

        .council ul li ul li {
            background-color: #e5d5db;
        }

            .council ul li ul li > a {
                padding: 6px 3% 7px !important;
                display: inline-block;
                background-color: #e5d5db;
                width: 94% !important;
            }

                .council ul li ul li > a:hover {
                    background-color: #d4bac4;
                }

            .council ul li ul li > em {
                background-color: #e5d5db;
                padding: 0;
                display: none;
            }

    .committee > div > ul:first-of-type {
        border-top: 1px solid #6187a5;
    }

    .committee > div > ul > li {
        border-bottom: 1px solid #6187a5;
    }

    .committee > div > ul > li > a.blue {
        color: #ffffff;
        font-size: 1.1em;
        line-height: 20px;
        padding: 10px 1% 9px 2.5% !important;
        background-color: transparent;
        text-transform: uppercase;
        font-weight: normal;
    }

    .committee > div > ul > li > a.blue:hover {
        color: #ffffff;
        background-color: transparent;
    }

    .committee ul li.no_bg > em {
        background-image: none !important;
    }

    .footer > .container {
        width: 95%;
    }

    .footer_container .footer_content:nth-child(3n+4) {
        clear: left;
    }

    .footer_content {
        width: 31%;
        padding: 0 1%;
    }

        .footer_content.logo_foot {
            width: 25%;
        }

    /*Page Layout*/
    /* Home */
    .homepage .left_cont {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .homepage .right_cont {
        display: block;
        width: 100%;
    }

    .homepage .cols-3, .Webparts .cols-3 {
        width: 49%;
        margin-right: 0 !important;
    }

        .homepage .cols-3:nth-of-type(2n),
        .Webparts .cols-3:nth-of-type(2n) {
            float: right;
        }

        .homepage .cols-3:nth-of-type(3n+4),
        .Webparts .cols-3:nth-of-type(3n+4) {
            clear: none;
        }

        .homepage .cols-3:nth-of-type(2n + 3),
        .Webparts .cols-3:nth-of-type(2n + 3) {
            clear: left;
        }

    .tableCol-75 {
        width: 100%;
    }

    .tableCol-25 {
        width: 100%;
    }

    /*Yearly Calendar*/
    .calendarContainerYr {
        width: 47%;
    }

    .sittingCalendarContainerYr {
        height: 2100px;
    }

    /*All members*/
    #prlMembers {
        width: 100% !important;
    }

    /* webcast */
    .webcast-image > img {
        width: 100%;
        max-width: 94%;
    }
}
/*960px*/
@media screen and (max-width: 960px) {
}
/*800px*/
@media screen and (max-width: 800px) {
    #s4-bodyContainer > .container {
        padding: 0;
    }
}

@media screen and (max-width: 784px) {
    #s4-bodyContainer > .container {
        padding: 0;
    }

    #s4-bodyContainer .wrapper {
        width: 100%;
        padding: 0;
    }

    .container {
        max-width: 100%;
        width: 100%;
    }
}
/*768px*/
@media screen and (max-width: 768px) {

    .prl-search-second-row {
        width: 297px;
    }

    .ms-srch-sbLarge > input {
        width: 252px;
    }

    #s4-bodyContainer > .container {
        padding: 0;
    }

    #s4-bodyContainer .wrapper {
        width: 100%;
        padding: 0;
    }

    .container {
        max-width: 100%;
        width: 100%;
    }

    #siteIcon {
        max-width: 55%;
    }

    #sideNavBox {
        display: none;
    }

    .nav {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        height: 43px;
    }

        .nav.noBottomPadding {
            padding-bottom: 0;
        }

        .nav ul {
            display: none;
            float: none;
            padding: 0;
            width: 100%; /*border-top:1px solid #6187a5;*/
            margin-top: 14px;
        }
        /*.nav > ul > li    	                    { float:left; padding:0;  display:block; width:100%; border:none; border-bottom:1px solid #6187a5; 
                                              background:url(../images/down_arrow.png) no-repeat right 17px; text-align:left;}
    .nav ul > li:first-of-type              { border-top:1px solid #6187a5; }
    .nav ul li a		                    { font-size:0.875em; width:95%; display:block; padding:10px 0 10px 2.5%;}*/
        .nav .nav_menu {
            display: none;
            width: 100%;
            padding: 0;
            margin: 0;
            position: relative;
            float: left;
            border-top: 1px solid #6187a5;
            z-index: 90;
        }

        .nav ul > li:first-of-type {
            border-top: 0;
        }

    .menu_icon {
        display: block;
        cursor: pointer;
        float: right;
        margin: 0;
        padding: 7px 0;
    }
    /*.menu_icon a span.mobile-menu-bg	    { display:inline-block; font-family: 'CenturyGothic'; font-size:1.2em; line-height:18px; color:#ffffff; 
                                              padding:0 15px 0 0; float:left;}*/
    /*.menu_icon a em                         { background:url('../images/menu_icon-2.png') no-repeat right center; display:inline-block; float:right;}*/

    .nav ul li ul {
        position: static;
        width: 100% !important;
        padding: 0;
        text-align: center;
        display: none;
        margin: 0;
        float: left;
    }

        .nav ul li ul li {
            text-align: left;
            background: none;
            display: block;
            width: 100%;
            float: left;
        }

            .nav ul li ul li a {
                padding: 5px 1% 5px 5%;
                text-align: left;
                border: none;
                border-bottom: 1px solid #afc2d1;
                width: 94%;
            }

    .nav ul li .upperMenu.bluefly6 {
        width: 100% !important;
    }

    .nav .bluefly6 > ul {
        margin-top: 0;
        display: block !important;
        width: 100%;
        float: left;
        border-top: none;
    }

    .nav .bluefly6 ul li ul {
        border-bottom: none;
        margin-top: 0;
        display: block !important;
        width: 100%;
        float: left;
        border-top: none;
    }

    .nav .bluefly6 ul li a {
        border-bottom: none;
        padding: 5px 1% 5px 5%;
    }

    .nav .bluefly6 ul li ul li a {
        border-bottom: none;
    }

    .nav .bluefly6 {
        width: 100% !important;
    }

    .top_nav {
        padding: 0;
    }

        .top_nav ul li {
            background: none;
        }

            .top_nav ul li span {
                background-size: 100% 100%;
            }

    .greenfly > div {
        width: 200%;
    }

    .redfly > div {
        width: 200%;
    }

    .greenfly ul li, .redfly ul li {
        width: 100%;
    }

    /*Member Details*/
    #member_details .office {
        width: 100%;
    }
    /*All members*/
    #prlMembers {
        width: 100% !important;
    }

    #tbodyViewStyle select {
        max-width: 250px !important;
    }

    /* homepage slider*/
    .banner_cont {
        padding: 3px 1.7% 0 1.7%;
        bottom: 3px;
    }

        .banner_cont h6 {
            padding: 0 0 3px 0;
        }

        .banner_cont p {
            line-height: 12px;
            min-height: 24px;
            padding-bottom: 0;
        }

    /* webcast */
    .webcast-image > img {
        width: 100%;
        max-width: 100%;
    }

    /* contact us form*/
    table.prl-contact-us-tbl {
        width: auto;
    }

    .prl-contact-us-tbl .frm-value-column {
        width: 280px;
    }

    .prl-contact-us-tbl input[type='text'],
    .prl-contact-us-tbl textarea {
        max-width: 280px;
    }

    .prl-contact-us-tbl select {
        width: 100% !important;
    }

    .bodyText .ms-rtestate-field img {
        margin: 0;
        max-width: 100%;
        height: auto;
    }

    .bodyText iframe {
        max-width: 99.8%;
    }

    /* Bills CSS */
    .bill-details {
        min-width: 0 !important;
    }

    #bill_details > table > tbody > tr:nth-of-type(2) > td {
        width: 100% !important;
        display: block;
    }

    td.right.bill-details-docs {
        padding-left: 0 !important;
    }
}

/*600px*/
@media screen and (max-width: 600px) {
    /*
    .top_nav ul li span { font-size: 1.05em; }
    .top_nav ul li a { font-size: 1.1em; }
    */
    .top_nav ul li span a.live {
        font-size: 1em;
    }

    .top_nav > ul > li.council > a.maroon {
        font-size: 0.95em;
    }
    .top_nav > ul > li.committee > a.blue {
        font-size: 0.95em;
    }

    .top_nav > ul > li > a.green {
        font-size: 0.95em;
    }

    .menu_icon a span.mobile-menu-bg {
        font-size: 1em;
    }

    /*Yearly Claendar*/
    #divCalendar .calendarContainerYr {
        width: 99%;
    }

    #divCalendar .calendarYrKeyContainer {
        height: 185px;
    }

    #divCalendar .calendarYrKey {
        width: 50%;
    }

    /*All members*/
    #prlMembers {
        width: 100% !important;
    }

    #prlMembers_wrapper > table > thead > tr > th:nth-of-type(1) {
        width: 20% !important;
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > thead > tr > th:nth-of-type(2) {
        width: 15% !important;
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > thead > tr > th:nth-of-type(3) {
        width: 15% !important;
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > thead > tr > th:nth-of-type(4) {
        width: 18% !important;
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > thead > tr > th.sorting {
        padding-left: 15px !important;
    }

    #prlMembers_wrapper > table > tbody > tr > td:nth-of-type(1) {
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > tbody > tr > td:nth-of-type(2) {
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > tbody > tr > td:nth-of-type(3) {
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

    #prlMembers_wrapper > table > tbody > tr > td:nth-of-type(4) {
        padding-left: 0.5% !important;
        padding-right: 0.5% !important;
    }

        #prlMembers_wrapper > table > tbody > tr > td:nth-of-type(4) > img {
            width: 100% !important;
        }

    /* homepage slider*/
    .banner_cont {
        padding: 3px 1.7% 0 1.7%;
    }

    .bx-wrapper .bx-pager {
        bottom: 17px;
        right: 5px;
    }

    #contentBox .ms-v4propertysheetspacing > tbody table td.ms-descriptiontext img {
        display: none;
    }
}
/*|| 480px ||*********************************************************************************************************** << X-Small Screen >> */
@media screen and (max-width: 480px) {

    .prl-search-first-row {
        display: none;
    }

    .prl-search-second-row {
        width: 295px;
    }

    .ms-srch-sbLarge > input {
        width: 250px;
    }

    .ms-srch-result #ResultHeader select {
        width: 294px;
    }


    .top_banner {
        height: 180px;
    }

    .header_cont {
        background: url(../images/top_shadow.png) repeat-y 20% 0;
    }

    .ms-srch-sb > input {
        width: 65%;
    }

    #siteIcon {
        max-width: 80%;
    }

    .logo {
        padding: 23px 0 24px 29px;
    }


    .top_nav ul li {
        background: none;
        width: 100%;
    }
    /*.greenfly > div                         { width: 100%; }
    .redfly > div                           { width: 100%; margin-left: 0; }*/
    .top_nav > ul > li.council > a.maroon {
        font-size: 1em;
    }

    .top_nav > ul > li > a.green {
        font-size: 1em;
    }


    .greenfly > div {
        width: 100% !important;
    }

    .redfly > div {
        width: 100% !important;
        margin-left: 0;
    }

    .nav > ul > li > a {
        width: 77% !important;
    }

    .nav > ul > li > em {
        width: 18% !important;
    }

    .top_nav ul li ul li > em {
        width: 18% !important;
    }

    .redfly > div > ul > li > a {
        width: 77% !important;
    }

    .greenfly > div > ul > li > a {
        width: 77% !important;
    }

    .bluefly > div > ul > li > a {
        width: 77% !important;
    }

    .footer_container .footer_content:nth-child(2n+3) {
        clear: left;
    }

    .footer_container .footer_content:nth-child(3n+4) {
        clear: none;
    }

    .footer_content {
        width: 48%;
        padding: 0 1%;
    }

        .footer_content.logo_foot {
            width: 40%;
        }

    .foot_social {
        display: block;
        float: left;
        padding: 10px 2% 0 2%;
        margin-bottom: 10px;
    }

    .copy {
        padding: 17px 0 10px 0;
    }

    .copy_right {
        display: block;
        float: right;
        margin-top: 10px;
        padding: 0 2%;
    }

        .copy_right ul {
            padding: 0 0 5px 0;
            text-align: right;
        }

            .copy_right ul li {
                float: none;
            }

    /*Page Layout*/
    /* Home */
    .homepage .left_cont {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .homepage .right_cont {
        display: block;
        width: 100%;
    }

    .homepage .cols-3, .Webparts .cols-3 {
        width: 100%;
        margin-right: 0 !important;
        clear: left;
    }

        .homepage .cols-3:nth-of-type(2n),
        .Webparts .cols-3:nth-of-type(2n) {
            float: left;
        }

    #member_details .img_position .position {
        width: 100%;
    }

    #member_details .img_position {
        text-align: center;
    }

    #member_details .name {
        text-align: center;
    }

    /* homepage slider*/
    /*.banner_cont                            { padding: 8px 3.4% 0px 3.4%; }*/
    .bx-wrapper .bx-pager {
        display: none;
        bottom: 3px;
        right: 5px;
    }


    /* Member Details*/
    #member_details .img_birth_death .birth_death {
        width: 96%;
    }

        #member_details .img_birth_death .birth_death td:nth-child(1) {
            width: 25%;
        }

    .bxslider .banner {
        padding-top: 8px;
        padding-bottom: 25px;
    }

    .banner_cont {
        background: rgba(0,0,0,0.8);
        min-height: 40px;
    }
}

@media screen and (max-width: 399px) {
    .bxslider .banner {
        padding-bottom: 40px;
    }

    .bx-wrapper > .bx-controls .bx-prev, .bx-wrapper .bx-prev:hover {
        background-size: 14px 25px;
    }

    .bx-wrapper > .bx-controls .bx-next, .bx-wrapper .bx-next:hover {
        background-size: 14px 25px;
    }
}

@media screen and (max-width: 380px) {
    .search {
        width: 85%;
    }

        .search input.enter {
            width: 67%;
        }

        .search input.submit {
            width: 19%;
            min-width: 0;
        }
}
/*320px*/
@media screen and (max-width: 320px) {
    .foot_social {
        width: 96%;
        text-align: center;
    }

        .foot_social ul {
            text-align: center;
            float: none;
        }

            .foot_social ul li {
                float: none;
                margin: 0;
                padding: 0 3px;
            }

                .foot_social ul li a {
                    width: 38px;
                    height: 38px;
                    background-size: 100% !important;
                }

    .copy_right ul {
        text-align: center;
        float: none;
    }

        .copy_right ul li {
            float: none;
            margin: 0;
            padding: 0 2px 0 5px;
        }

    .search input.enter {
        width: 60%;
    }

    .search input.submit {
        width: 22%;
        min-width: 0;
    }

    /*Yearly Claendar*/

    #divCalendar .calendarYrKeyContainer {
        height: 290px;
    }

    #divCalendar .calendarYrKey {
        width: 100%;
    }
}
/*240px*/
@media screen and (max-width: 240px) {
    .logo {
        padding: 15px 0 14px 15px;
    }

    .static {
        padding: 0 0 0 10px;
    }

    .foot_social ul li a {
        width: 32px;
        height: 32px;
        background-size: 100%;
    }

    .top_nav ul li span {
        font-size: 0.85em;
    }

    .top_nav ul li a {
        font-size: 0.9em;
    }

    .menu_icon a span.mobile-menu-bg {
        font-size: 0.9em;
    }
}