@media only screen and (max-width: 5600px) {
    .meetings .divMpcItemInnerWrp.content-item.col-lg-6.col-sm-12 {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .meetings .divMpcItemInnerWrp.content-item.col-lg-6.col-sm-12 h2 {
        font-size: 150%;
    }
}
@media (min-width: 1600px) {
    /* aa removed   div #main.container, .widget-container {
        max-width: 1520px !important;
    }
    .widget-container {
        max-width: 1520px !important;
    }

    header.masthead {
        width: 1520px !important;
    }
    .masthead, .hdrMastheadGrey {
        max-width: 1520px;
    }*/

    /*.divMpcItemWhenWhereWrp {
        width: 82%;
	
    }*/
}
@media (min-width: 1200px) {
    div#main.container,
    .widget-container {
        max-width: 100%;
    }
    /* aa removed   .widget-container {
        max-width: 1520px !important;
    }
    */
    .divMpcItemDateWrp {
        font-size: 120%;
    }
    .divMpcItemDateWrp h2 {
        font-size: 120%;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 100% !important;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 1140px;
    }
    .divSearchToolWrp {
        padding: 1% 0% 1% 1%;
    }
}
@media (max-width: 1200px) {
    .divSearchToolWrp {
        margin-top: 2px;
    }
    /*#divParishVirtualTourWrp {
        padding: 0 15% 0 15%;
    }*/
    #divParishVirtualTourWrp>div {
        width: 100%;
    }
    .divFixmystreetFeedItemLeft {
        width: 45%;
    }
    .divFixmystreetFeedItemRight {
        width: 45%;
    }
    .divFeedItemMapWrp {
        width: 100%;
        padding-top: 1%;
    }
    #divMobileMenuToggleWrp {
        display: block;
    }
    #divLogoWrp {
        display: none;
    }
    header.masthead {
        padding-left: 0;
    }
    .footer {
        padding-left: 0;
    }
}
@media (max-width: 1080px) {
    .plannerTable th img {
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 1025px) {
    .ulMpcItemList li {
        width: 100%;
        float: left;
        padding-left: 0.5%;
        padding-right: 0.5%;
    }
}
@media only screen and (max-width: 1024px) {
    .weatherWrapper {
        font-size: 75%;
    }
    .weather-app .description {
        padding-top: 20px;
    }
    .closeMenuBtn {
        display: block;
        padding: 12px 15px;
    }
    #main {
        transition: margin-left .5s;
        width: 100%;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-brand {
        float: left;
    }
    /*#pause {
        display: none;
    }
    #play {
        width: 42%;
    }
    #stop {
        width: 42%;
    }*/
    .HeaderFixedSlide {
        left: 0;
    }
    .navbar-fixed-top.HeaderFixedSlide {
        left: -250px;
    }
}
@media only screen and (max-width: 1023px) {
    .footer {
        font-size: 14px;
    }
    .meetings .divMpcItemInnerWrp.content-item.col-lg-6.col-sm-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 992px) {
    div#main.container,
    .widget-container {
        max-width: 100%;
    }
    /*aa removed   .widget-container {
        max-width: 1520px !important;
    }
    */
    .meetingand-agenda.content-item {
        padding: 1% 1% 1% 1%;
        margin-bottom: 1%;
        margin-top: 1%;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 100% !important;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 960px;
    }
    #mainNav .navbar-brand {
        font-size: 1.75em;
        transition: all 0.3s;
    }
    #mainNav.navbar-shrink .navbar-brand {
        font-size: 1.25em;
        padding: 12px 0;
    }
    .meetings .container,
    .widget-container {
        max-width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .flexslider li {
        /*height:500px;*/
        /*max-height: 500px;*/
        overflow: hidden;
    }
    .flexslider .img-responsive {
        position: relative;
    }
    .flexslider ul.flex-direction-nav {
        height: 1%;
    }
}
@media only screen and (max-width: 992px) {
    .divBlogPostWrp h3 {
        text-align: center;
    }
    .divBlogPostData {
        text-align: center;
    }
    .projection-page.councillorMainId>ul>li {
        margin: 15% 0% 1% 1%;
    }
    .projection-page.councillorMainId>ul>li:nth-child(2) {
        width: 48%;
    }
    .projection-page.councillorMainId>ul>li {
        width: 48%;
    }
    .projection-page.mainMeetingId li ul li {
        width: 48%;
    }
    .widget-mainLogo img {
        margin: 0 auto;
    }
    #Logo {
        margin: 0;
        padding: 8px 15px;
    }
    body {
        padding-top: 0;
    }
    .flexslider li h2 {
        font-size: 100%;
        margin-top: 0px;
    }
    .flexslider li h3 {
        font-size: 100%;
        margin-top: 10px;
    }
    .flexslider li h4 {
        font-size: 100%;
        margin-top: 10px;
    }
    .divMpcItemWhenWhereWrp {
        width: 100%;
    }
    /*.active ul.dropdown-menu {
    display: block;
    }*/
    .divMpcItemDayWrp {
        margin-top: 10px;
        font-size: 300%;
        width: 100px;
    }
    .widget-projection-widget.artReportsWrp ul li {
        width: 100%;
    }
}
@media only screen and (max-width: 991px) {
    .active {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .navbar {
        padding: 0.5rem 0rem !important;
    }
    .nav-item,
    #mainNav .navbar-nav .nav-item .nav-link {
        border-top: 1px solid white;
    }
    ul.navbar-nav.text-uppercase.ml-auto {
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    }
    .nav-item .mobileNavToggle {
        padding: 10px 50px 10px 50px !important;
        position: absolute;
        top: 0px;
        height: 39px;
        background-color: mediumseagreen;
        border: 1px solid white;
    }
    #mainNav .navbar-toggler {
        right: -20% !important;
    }
    .nav-item,
    #mainNav .navbar-nav .nav-item .nav-link {
        border-top: 1px solid white;
    }
    ul.navbar-nav.text-uppercase.ml-auto {
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    }
    .nav-item .mobileNavToggle {
        padding: 10px 50px 10px 50px !important;
        position: absolute;
        top: 0px;
        height: 39px;
        background-color: mediumseagreen;
        border: 1px solid white;
    }
    #mainNav .navbar-toggler {
        font-size: 130%;
    }
    .nav-item .mobileNavToggle {
        background-color: #007c43 !important;
    }
}
@media only screen and (max-width: 920px) {
    /*aa removed 
    header.hdrMastheadGrey .intro-text .intro-heading {
        font-size: 215% !important;
    }
    */
    .floatTopMenu .row div {
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    div#main.container,
    .widget-container {
        max-width: 100%;
    }
    /* aa removed    .widget-container {
        max-width: 1520px !important;
    }*/
    .masthead,
    .hdrMastheadGrey {
        max-width: 100% !important;
    }
    #divHomeLatestNewsWrpWrp .blogMainThumb {
        position: relative;
        width: 100%;
        float: left;
        padding-left: 0%;
        padding-right: 0%;
    }
    header.masthead .intro-text {
        padding-top: 200px;
        padding-bottom: 200px;
    }
    header.masthead .intro-text .intro-lead-in {
        font-size: 240%;
        font-style: italic;
        line-height: 1.8;
        margin-bottom: 25px;
        font-family: Roboto, Arial, Verdana;
    }
    header.masthead .intro-text .intro-heading {
        /*           font-size: 300%; use boot strap */
        font-weight: 700;
        line-height: 1.8;
        margin-bottom: 50px;
        font-family: Roboto, Arial, Verdana;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 720px;
    }
}
@media only screen and (max-width: 767px) {
    .divCouncilContentImageGalleryItemWrp img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    table.plannerTable {
        border: 0;
    }
    table.plannerTable caption {
        font-size: 120%;
    }
    table.plannerTable thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table.plannerTable tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: 5px;
    }

    table.plannerTable td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: 100%;
        text-align: left;
        padding-left: 150px;
    }

    table.plannerTable td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: capitalize;
        margin-left: -135px;
    }

    table.plannerTable td:last-child {
        border-bottom: 0;
    }
    #tblPlanningApplications tr td:nth-child(1),
    #tblPlanningApplications tr td:nth-child(2),
    #tblPlanningApplications tr td:nth-child(3),
    #tblPlanningApplications tr td:nth-child(5),
    #tblPlanningApplications tr td:nth-child(6) {
        width: auto;
    }
}
@media all and (max-width:767px) {

    body {
        padding-top: 0;
    }
    .content-items.blog-posts li {
        width: 98%;
        border-right: 0;
        border-bottom: 1px solid #FFFFFF;
    }
    .flexslider li .meta {
        left: 10%;
    }
    .flex-direction-nav {
        position: static;
    }
    .flex-direction-nav a {
        top: 0;
    }
    .flex-control-nav {
        position: static;
        margin: 5px auto;
    }
    .flex-control-nav li {
        border: 1px solid #cccccc;
    }
    .flex-control-nav .flex-active {
        background: #cccccc;
    }
    .slides li img {
        min-height: 160px;
        max-width: 100%;
    }
    .makethedivleftaligned {
        text-align: center;
    }
    .makethedivleftaligned h1 {
        font-size: 20px;
    }
    .widget-mainLogo img {
        float: left;
        width: 125px;
        height: auto;
    }
    .list-items.content-items li,
    .tagged-posts.content-items li,
    #meetingListSection li,
    .noResultMeeting .latest-meeting li {
        width: 100%;
    }
    .eventLocationDisplay,
    .eventTimeDuration {
        position: static;
        width: 50%;
        float: left;
        font-size: 100%;
    }
    .eventTimeDuration {
        text-align: right;
        border-left: 1px solid #efefef
    }
    .eventMainWrap .btn {
        position: static;
        margin-left: 20px;
        margin-bottom: 20px;
    }


    .list-items.content-items li,
    .tagged-posts.content-items li,
    #meetingListSection li,
    .noResultMeeting .latest-meeting li {
        width: 100%;
    }
    .widget-projection-widget.artReportsWrp ul li {
        width: 100%;
    }
    .flexslider ul.flex-direction-nav {
        display: none !important;
    }
    .flex-control-nav {
        position: absolute !important;
        margin: 0 auto !important;
        left: 0% !important;
        width: 100% !important;
        bottom: 1% !important;
    }
}



@media only screen and (max-width: 767px) {
    .divPrivacyWrp table tr td:nth-child(2) {
        display: none;
    }
    .divPrivacyWrp table th:nth-child(2) {
        display: none;
    }


    .widget-align-justify {
        text-align: left !important;
    }
    .col-lg-4.col-md-6.divPageGalleryItem {
        flex: 0 0 98%;
    }
    .divMpcItemDayWrp {
        margin-top: 10px;
        font-size: 300%;
        width: 80px;
    }
    .meetings .divMpcItemInnerWrp.content-item.col-lg-6.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #divNextMeetingWrp {
        width: 96%;
        margin: 2% auto;
    }
}
@media (max-width:767px) {

    #divNextEventHead {
        font-size: unset;
    }
    #divNextMeetingHead {
        font-size: unset;
    }
}
@media only screen and (max-width: 720px) {
    .changMeat768 {
        width: 100%;
    }
}
@media only screen and (max-width: 640px) {
    .projection-page.councillorMainId>ul>li:first-child {
        width: 80%;
    }
    .projection-page.councillorMainId>ul>li:nth-child(2) {
        width: 80%;
    }
    .projection-page.councillorMainId>ul>li {
        width: 80%;
        margin: 75px 10% 30px 10%;
    }
    .councillorMain {
        min-height: 30px;
        padding: 20px 15px;
    }
    .projection-page.mainMeetingId li ol li {
        width: 98%;
    }
    #AsideFirst,
    #AsideSecond {
        margin: 30px 0 0 0;
    }
    .flexslider li h1 {
        margin-top: 5px;
    }
    .flexslider li h2 {
        margin-top: 5px;
    }
    .flexslider li h3 {
        margin-top: 5px
    }


    #feedback-form {
        width: 245px !important;
    }
    #headerMenu .container #Search {
        width: 250px;
        top: 0;
        right: 56px;
    }
    #headerMenu .container #Search .btn {
        padding: 20px !important;
        float: right;
        background: rgba(0, 0, 0, .2);
        border: 0;
        width: 60px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    #headerMenu .container #Search #SearchBar {
        top: 100%;
        left: 56px;
        width: 100%;
        height: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    #headerMenu .container #Search .btn.active+#SearchBar {
        top: 100%;
        width: 100%;
        left: 56px;
        height: auto;
        padding: 10px 0;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
        -mox-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .22)
    }
    #headerMenu .container #Search .search-form button[type=submit] {
        top: 13px;
        right: 20px;
    }
    #headerMenu .container #Search .search-form input[type=text] {
        margin: 0 0 0 10px;
        border: 1px solid rgba(0, 0, 0, 0.5) !important;
    }
    .readerClosed {
        left: -166px;
    }
}
@media only screen and (max-width: 600px) {
    #calendarPopup:before {
        width: 100%;
        position: static;
        padding-top: 80px;
        display: block;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    #divCalendarPopupHeaderWrp {
        position: absolute;
        top: 0;
        max-height: 80px;
        width: 100%;
    }
    .divEventOrMeeting {
        width: 94%;
        margin: 1% 3%;
    }
    #floatmeleft3 {
        width: 98%;
    }
    .changMeat768 {
        width: 100%;
        height: 180px;
    }
}
@media (min-width: 576px) {

    div#main.container,
    .widget-container {
        max-width: 100%;
        position: relative;
        /* aa removed     padding-top: 2%;*/
    }

    /* aa removed   .home div#main.container, .widget-container {
            padding-top: 0%;
        }*/

    /* aa removed   .widget-container {
            max-width: 1520px !important;
            position: relative;
        }*/

    .masthead,
    .hdrMastheadGrey {
        max-width: 540px;
    }
    .masthead,
    .hdrMastheadGrey {
        max-width: 100% !important;
    }
}
@media only screen and (max-width: 576px) {
    .divAnnouncementWrp {
        width: 90%;
    }
    .divAnnouncementWrp img {
        width: 100%;
    }
}
@media (max-width: 576px) {

    .meetingand-agenda .divMpcItemHeaderLeft,
    .meetingand-agenda .divMpcItemHeaderRight {
        text-align: center;
    }
    .meetingand-agenda.content-item {
        margin-top: 20px;
        position: relative;
        padding: 0;
    }
    .divMpcItemHeaderRight h3 {
        font-size: 100%;
        text-align: left;
    }

    /* aa removed .events .divEventBodyWrp .divMpcItemHeaderRight.col-sm-6, .meetings .divMeetingBodyWrp .divMpcItemHeaderRight.col-sm-6, .meetingand-agenda.content-item .divMpcItemHeaderRight.col-sm-6 {
            padding: 15px 15px 15px 100px;
        }*/

    .divMpcItemInnerWrp {
        padding: 0;
    }
    .divMpcItemLocationWrp {
        padding-left: 110px;
    }
}
@media only screen and (max-width: 492px) {
    .divLatestBlogpostWrp {
        max-width: none;
    }
}
@media only screen and (max-width: 480px) {

    h2,
    .h2 {
        font-size: 135%;
    }

    h1,
    .h1,
    .latest-meeting .projection-page.mainMeetingId ul>li h1 {
        font-size: 170%;
    }

    h3,
    .h3,
    .widget-after-main h3 {
        font-size: 170%;
    }
    .projection-page.councillorMainId>ul>li:first-child {
        width: 100%;
    }
    .projection-page.councillorMainId>ul>li:nth-child(2) {
        width: 100%;
    }
    .projection-page.councillorMainId>ul>li {
        width: 100%;
        margin: 75px 0 30px 0;
    }
    #FooterQuadFirst.col-xs-6 {
        width: 100%;
    }
    #FooterQuadSecond.col-xs-6 {
        width: 100%;
    }
    #FooterQuadThird.col-xs-6 {
        width: 100%;
    }
    #FooterQuadFourth.col-xs-6 {
        width: 100%;
    }
    .greehamControlTowerTxt figure.col-xs-6 {
        width: 100%;
    }
    .blogMainThumb h3 {
        font-size: 125%;
        padding: 15px 15px 15px 100px !important
    }
    .blogMainThumb .locationBlogDetail {
        left: 100px;
    }
    .gdprcookie {
        font-size: 75%;
    }
    .floatTopMenu {
        font-size: 75%;
    }
    .widget-top-bar div {
        float: none;
    }

    div#TopBar {
        line-height: 1;
        padding-top: 5px;
    }
    .flexslider li h2 {
        font-size: 75%;
        margin-top: 2px;
    }
    .flexslider li h3 {
        font-size: 75%;
        margin-top: 2px;
    }
    .flexslider li h4 {
        font-size: 75%;
        margin-top: 2px;
    }
    .historyContent P {
        text-align: left;
    }
    .greehamControlTowerTxt img {
        width: 100%;
    }
    .councillors.content-item {
        padding-bottom: 100%;
        width: 100%;
        position: relative;
    }
    .councillors.content-item .bodyCouncillor {
        bottom: 0;
        height: 50%;
        left: 0;
        top: unset;
        width: 100%;
    }
    .eventLocationDisplay,
    .eventTimeDuration {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #efefef;
        text-align: left;
        max-width: 100%;
    }
    .annualAuditReport li,
    .noticeBoardReport li {
        width: 100%;
    }
    .annualAndAuditHead,
    .noticeBoardReportHead {
        font-size: 100% !important;
    }
    .blog-post p.text-field,
    p.date-time-field.date-time-field-news-update-date {
        margin: 0;
        float: left;
        width: 100%;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .mainBlogDetail {
        float: left;
        width: 100%;
        padding: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .divEventBodyWrp .divMpcItemDateWrp,
    .divEventBodyWrp .divMpcItemLocationWrp {
        width: 100%;
        text-align: left;
    }
}



@media only screen and (max-width: 425px) {
    .MandADate {
        font-size: 448%;
        width: 65px;
    }
    .MandATime {
        padding: 15px 15px 15px 100px;
        font-size: 100%;
    }
    .MandALocation {
        top: 50px;
        padding: 15px 15px 15px 100px;
    }
    .meetingand-agenda {
        padding: 0px 15px 46px 15px
    }
}
@media only screen and (max-width: 400px) {
    #floatmeleft3 {
        width: 98%;
    }
    .changMeat768 {
        height: 158px;
    }
    .projection-page.councillorMainId>ul>li {
        margin: 20% 0% 1% 1% !important;
    }
    .floatTopMenu {
        font-size: 100% !important;
    }
    .planningTableSearch {
        padding: 8px;
    }
    .planningTableSearch input {
        height: 30px;
        max-width: 260px;
    }
}
@media only screen and (max-width: 340px) {
    .floatTopMenu {
        font-size: 75% !important;
    }
}
@media (max-width: 320px) {
    #btnSiteSearch {
        width: 21px;
        height: 21px;
    }
}
@media only screen and (max-width: 280px) {
    .floatTopMenu {
        padding-left: 2px !important;
    }
    #txbSiteSearch {
        width: 60px !important;
    }
}