/*|| 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		{ 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.875em; 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: 50%; }
    .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; }
    .greenfly > div                         { width: 200% !important; margin: 0; padding: 0; position: static; border: 0; }
    .redfly > div                           { width: 200% !important; margin: 0; padding: 0; position: static; margin-left: -384px; border: 0; }
    .greenfly ul, .redfly ul                { width: 100% !important; margin-bottom: 0; }
    .greenfly ul li, .redfly 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;}

    .greenfly ul li ul li a, .redfly 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; }


    .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; width: 50%; }
    .top_nav ul li span	                    { background-size:100% 100%;}

    .greenfly > div                         { width: 200%; }
    .redfly > div                           { width: 200%; margin-left: -100%; }
    .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 > 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; }

    
    .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; }
}