/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1100px) {
#topheaderinner, #page, #supplementaryinner {
    padding:0 20px;
}

#access ul {
	font-size: 12px;
}


}
/* ========= end of Wide Screen Layout: From 1200px. ========= */

/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 780px) {

.single-post #primary {
    width: 100%;
}
#main #secondary {
    margin: 0;
}
	
	.eventholder, .latestnews, .alm-listing{
  grid-template-columns: 1fr;
}
	
	.overlapleft {
	margin-left: 0;
}

.overlapright {
	margin-right: 0;
}

}

@media (max-width: 620px) {

#topheaderinnerleft, #topheaderinnerright{
    display: none;
}


}


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {




}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {





}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {



}


/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.entry-content h1,
.comment-content h1 {
	font-size: 6vw;
}
.largertext p {
    font-size: 3vw;
}
.featuredarticle {
    grid-template-columns: none;
}
.altpagebanner {
    padding: 60px 0 60px 0;
}
.altpagebannerinner{
	background-color: rgba(255, 255, 255, 0.8);
}
.pagebannerinner h1{
	font-size: 4vw;
	max-width: 90%;
    margin: 0 auto;
}
.pum-content img.popupimage {
	margin-bottom: 15px;
	width: 130px;
}
.twocolumn {
	column-count: 1;
}
}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

.entry-content h1,
.comment-content h1 {
	font-size: 6vw;
}
.largertext p {
    font-size: 4vw;
}
.featuredarticle {
    grid-template-columns: none;
}
.altpagebanner {
    padding: 60px 0 60px 0;
}
.altpagebannerinner{
	background-color: rgba(255, 255, 255, 0.8);
}
.pagebannerinner h1{
	font-size: 5vw;
	max-width: 90%;
    margin: 0 auto;
}
.pum-content img.popupimage {
	margin-bottom: 15px;
	width: 100px;
}
.twocolumn {
	column-count: 1;
}
#topheaderinnermiddle {
    width: 100%;
    float: none;
}
}
/* ========= end of small Mobile Layout ========= */