@media only screen and (min-device-width : 768px) and (max-device-width : 1170px),
    only screen and (min-width : 768px) and (max-width : 1170px) {
        .container {width: 95%;}
        .menu-area > div > div > ul {display: none;}
        #mobile-menu {display: flex; align-items:center;}
		#mobile-menu span {font-size:18px; margin-right:10px;}

        .sf-menu > li {float: none; width: 100%; display: block;}

        header section.top-area {padding: 10px 0px;}
        header section.top-area .info ul, header section.top-area .info form {display: block; text-align: center;}
        header section.top-area .info {padding: 0px 0px;}
        header section.top-area .info .spaced {margin-left: 0px;}
        header section.top-area .info .social {margin: 5px 0px;}

        

        section.home-info ol.tribe-list-widget .tribe-event-duration,
        section.home-info ol.tribe-list-widget .tr-event-calendar {width: 30%;}
        section.home-info ol.tribe-list-widget .tr-event-title {width: 40%;}

        section.callout-page {text-align: center;}
        section.callout-page ul {padding-left: 0px; padding-top: 55px; float: none;}
        section.callout-page ul:before {left: auto; top: 0px;}
        section.callout-page ul li.small {padding: 5px 0px;}
        section.callout-page form {float: none;}

        .callout {text-align: center;}
        .callout h2, .callout .btn-area {float: none;}
        .callout h2 {padding-top: 0px; padding-bottom: 10px;}
        
}

@media only screen and (min-device-width : 1148px),
only screen and (min-width : 1148px) {
    /* News page navigation styling fix */
    .wp-pagenavi {display: flex; flex-direction: row; line-height: 1.2; flex-wrap: wrap;}
    /* News page navigation styling fix */
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1147px),
only screen and (min-width : 768px) and (max-width : 1147px) {
    /* News page navigation styling fix */
    .wp-pagenavi {display: flex; flex-direction: row; line-height: 1.2; flex-wrap: wrap;}
    .wp-pagenavi span.extend {display: none;}
    /* News page navigation styling fix */
}
@media only screen and (max-device-width : 1024px),
only screen and (max-width : 1024px) {
    /* News page navigation styling fix */
    .wp-pagenavi {display: flex; flex-direction: row; line-height: 1.2; flex-wrap: wrap;}
    .wp-pagenavi a[class="larger page"] {display: none;}
    .wp-pagenavi span.extend {display: none;}
    /* News page navigation styling fix */
}

@media only screen and (min-device-width : 480px) and (max-device-width : 768px),
    only screen and (min-width : 480px) and (max-width : 768px) {
        
        .container {width: 95%;}

        .container {width: 95%;}
        .menu-area > div > div > ul {display: none;}
        #mobile-menu {display: flex; align-items:center;}
		#mobile-menu span {font-size: 18px;margin-right: 10px;}
        .sf-menu {float: none;}
        .sf-menu > li {float: none; width: 100%; display: block;}

        header section.top-area .logo span {display: none;}

        header section.top-area {padding: 10px 0px;}
        header section.top-area .info ul, header section.top-area .info form {display: block; text-align: center;}
        header section.top-area .info {padding: 0px 0px;}
        header section.top-area .info .spaced {margin-left: 0px;}
        header section.top-area .info .social {margin: 5px 0px;}

        

        section.home-info ol.tribe-list-widget .tribe-event-duration,
        section.home-info ol.tribe-list-widget .tr-event-calendar {width: 30%;}
        section.home-info ol.tribe-list-widget .tr-event-title {width: 40%;}

        section.callout-page {text-align: center;}
        section.callout-page ul {padding-left: 0px; padding-top: 55px; float: none;}
        section.callout-page ul:before {left: auto; top: 0px;}
        section.callout-page ul li.small {padding: 5px 0px;}
        section.callout-page form {float: none;}

        section.home-choices .box.box-spaced {margin-left: 0px;}
        section.home-choices .box {width: 48.5%; margin-bottom: 2.5%;}
        section.home-choices .box.odd {float: left;}
        section.home-choices .box.even {float: right;}

        .single-page .content, 
        .single-page .navigation,
        .single-page .sidebar-single {width: 100%;}

        .single-page .content {float: none; margin-right: 0px;}
        .single-page .content .content-container {padding-left: 0px; padding-right: 0px;}
        .single-page .navigation {left: auto; top: auto; margin-bottom: 30px;}

        .single-page .sidebar-single {position: relative; right: auto; top: auto;}

        section.section-news .the-post {padding-bottom: 30px; margin-bottom: 30px;}
        section.section-news .the-post .post-thumb {float: none; width: 100%; margin-bottom: 25px;}
        section.section-news .the-post .post-thumb img {width: 100%;}
        .wp-pagenavi {margin-bottom: 30px;}

        section.home-info:before {display: none;}
        section.home-info .events-area {border-bottom: 1px solid #eeeeee;}

        section.home-history .text img {position: relative; left: auto; top: auto;}
        section.home-history .text p {padding-left: 0px;}

        footer .widget {float: none; width: 100% !important; margin-bottom: 30px;}
        footer .widget.widget-four {margin-bottom: 0px;}

        .callout {text-align: center;}
        .callout h2, .callout .btn-area {float: none;}
        .callout h2 {padding-top: 0px; padding-bottom: 10px;}

        .row .half {width: 100%;}
		.row .one-quarter {width: 100%;}
		.row .three-quarters {width: 100%;}
		.row .one-third {width: 100%;}
		.row .two-thirds {width: 100%;}
		.row .text-custom {width: 100%;}
		.row .pull-left {float: none;}
		.row .pull-right {float: none;}
		.row .pull-left .row-container {padding-right: 0px;}
		.row .pull-right .row-container {padding-left: 0px;}
		.row .pull-left .row-container-custom {padding-right: 0px;}
		.row .pull-right .row-container-custom {padding-left: 0px;}

		.spaced-x-sml {padding: 30px 0px;}
		.spaced-sml {padding: 30px 0px;}
		.spaced-med {padding: 30px 0px;}
		.default-content {padding-bottom: 30px;}
        
        
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
    only screen and (min-width : 320px) and (max-width : 480px){
       
       .container {width: 95%;}

        .container {width: 95%;}
        .menu-area > div > div > ul {display: none;}
         #mobile-menu {display: flex; align-items:center;}
		#mobile-menu span {font-size:18px; margin-right:10px;}

        .sf-menu {float: none;}
        .sf-menu > li {float: none; width: 100%; display: block;}

        header section.top-area .logo span {display: none;}

        header section.top-area {padding: 10px 0px;}
        header section.top-area .info ul, header section.top-area .info form {display: block; text-align: center;}
        header section.top-area .info form {display: none;}
        header section.top-area .info {padding: 0px 0px;}
        header section.top-area .info .spaced {margin-left: 0px;}
        header section.top-area .info .social {margin: 5px 0px;}

        

        section.home-info ol.tribe-list-widget .tribe-event-duration,
        section.home-info ol.tribe-list-widget .tr-event-calendar {width: 30%;}
        section.home-info ol.tribe-list-widget .tr-event-title {width: 40%;}

        section.callout-page {text-align: center;}
        section.callout-page ul {padding-left: 0px; padding-top: 55px; float: none;}
        section.callout-page ul:before {left: auto; top: 0px;}
        section.callout-page ul li.small {padding: 5px 0px;}
        section.callout-page form {float: none;}
        section.callout-page form input[type="submit"] {margin-top: 10px;}

        section.home-choices .box.box-spaced {margin-left: 0px;}
        section.home-choices .box {width: 48.5%; margin-bottom: 2.5%;}
        section.home-choices .box.odd {float: left;}
        section.home-choices .box.even {float: right;}

        .single-page .content, 
        .single-page .navigation,
        .single-page .sidebar-single {width: 100%;}

        .single-page .content {float: none; margin-right: 0px;}
        .single-page .content .content-container {padding-left: 0px; padding-right: 0px;}
        .single-page .navigation {left: auto; top: auto; margin-bottom: 30px;}

        .single-page .sidebar-single {position: relative; right: auto; top: auto;}

        section.section-news .the-post {padding-bottom: 30px; margin-bottom: 30px;}
        section.section-news .the-post .post-thumb {float: none; width: 100%; margin-bottom: 25px;}
        section.section-news .the-post .post-thumb img {width: 100%;}
        .wp-pagenavi {margin-bottom: 30px;}

        section.home-info:before {display: none;}
        section.home-info .events-area {border-bottom: 1px solid #eeeeee;}

        section.home-history .text img {position: relative; left: auto; top: auto;}
        section.home-history .text p {padding-left: 0px;}

        footer .widget {float: none; width: 100% !important; margin-bottom: 30px;}
        footer .widget.widget-four {margin-bottom: 0px;}
        footer .copyright span {margin-bottom: 10px; padding-top: 0px;}
        footer .copyright span, footer .copyright .cws {float: none; text-align: center;}

        .callout {text-align: center;}
        .callout h2, .callout .btn-area {float: none;}
        .callout h2 {padding-top: 0px; padding-bottom: 10px;}

        .row .half {width: 100%;}
		.row .one-quarter {width: 100%;}
		.row .three-quarters {width: 100%;}
		.row .one-third {width: 100%;}
		.row .two-thirds {width: 100%;}
		.row .text-custom {width: 100%;}
		.row .pull-left {float: none;}
		.row .pull-right {float: none;}
		.row .pull-left .row-container {padding-right: 0px;}
		.row .pull-right .row-container {padding-left: 0px;}
		.row .pull-left .row-container-custom {padding-right: 0px;}
		.row .pull-right .row-container-custom {padding-left: 0px;}

		.spaced-x-sml {padding: 30px 0px;}
		.spaced-sml {padding: 30px 0px;}
		.spaced-med {padding: 30px 0px;}
		.default-content {padding-bottom: 30px;}

        /* News page navigation styling fix */
        .wp-pagenavi span.pages {white-space: nowrap; text-align: center;}

        .wp-pagenavi {display: flex; flex-wrap: wrap;}

        .wp-pagenavi a.last {text-align: center;}

        .wp-pagenavi a,
        .wp-pagenavi span {flex-grow: 1; text-align: center;}

        /* News page navigation styling fix */
}


@media (max-width: 600px) {
  	.container {width: 95%;}
}