@media (max-width: 1200px){
.container                                   {width: 98%; max-width: 100%;}    
 .maincontent .leftsection                   {width: 100%; float: left;}
.maincontent .rightsection                   {width: 100%; float: none;}
.homeIntro {
    padding-left: 2%;
}
.homeHighlights {
    overflow: auto;
    padding: 0 2%;
}
.pageWidth.bg25 .homeIntro {
    float: right;
    width: 96%;
    max-width: 40.5%;
    padding-top: 150px;
    padding: 2%;
}
.container.pageWidth {
    width: auto;
    margin: 0 auto;
    /* width: inherit; */
    padding: 0 20px;
}
.home .container.pageWidth {
    width: auto;
    margin: 0 auto;
    /* width: inherit; */
    padding: 0;
}
}

@media (max-width: 900px){
.maincontent .leftsection                 {width:100%; float:left;}
.maincontent .rightsection                {width:100%; float: none;}
aside .heading h1                         {font-size: 25px;}   
aside .heading                            {position:absolute; top:67%;} 
aside img                                 {width:100%; min-height:310px;}	
.homeHighlights ul li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    width: 30.5%;
    float: left;
    margin-right: 3%;
    color: #fff;
}
.contentColResponsive.evented {
    width: 55%;
    margin-right: 5%;
    float: left;
    padding-left: 8%;
    margin-top: 52px;
}
}
@media (max-width: 840px){
	.internalTitle.back {
    display: none;
}
}
@media (max-width: 767px){
aside .heading h1                         {font-size: 25px;}   
aside .heading                            {position:absolute; top:67%;}
aside .heading a                          {padding: 14px 14px;}
.pageWidth.bg25 .homeIntro {
    float: right;
    width: 96%;
    max-width: 96%;
    padding-top: 150px;
    padding: 2%;
}
.rightsection {
    float: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
header .trent {
    margin-top: 27px;
    }
}
@media (max-width: 680px){
.tg-grid-wrapper.tg-grid-loaded .tg-filters-holder{
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
#grid-2676 .tg-dropdown-holder, #grid-2676 .tg-search-inner, #grid-2676 .tg-sorter-order {
    border: 1px solid #DDDDDD;
    width: 100%;
    margin: 0 0 20px 0 !important;
}
.maincontent.page h1 {
    margin-bottom: 20px;
}
}
@media (max-width: 650px){
.logosection img                         {width:80%;}
nav .navigation ul li a                  {display: inline-block; }
.updates .content                        {width: 100%; margin: 0 auto; text-align: center;}
.maincontent .leftsection h2             {font-size: 20px;}
.maincontent .rightsection .imagesection ul {padding: 0px; padding: 0px; clear: both; width: 100%; margin: 0 auto; text-align: center; display: inline-block;}
.maincontent .rightsection .imagesection ul li  {float: left; display: inline-block; position: relative;}
.maincontent .rightsection .imagesection ul li  {float: left; display: inline-block; position: relative;}
 .maincontent .rightsection .imagesection .downtext {margin-bottom: 15px;} 
 .homeHighlights ul li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    float: left;
    margin-right: 0;
    color: #fff;
}
.contentHeaderImage {
    width: 100%;
    min-height: 470px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
    margin-top: 100px;
}
.internalTitle.back {
    display: none;
}
.internalTitle {
        margin-top: 15px;
    max-width: 100%;
    float: left;
    padding-right: 0;
    line-height: 1.1;
    padding-top: 30px;
    margin-top: -140px;
    z-index: 10;
    position: absolute;
}
}
@media (max-width: 600px){
	header .trent {
    margin-top: 27px;
    width: 100%;
    margin-right: 0;
    text-align: center;
}
.contentColResponsive.evented {
        width: 90%;
    padding: 0;
    margin: 20px 5% 0;
    }
    .single-events .sidebarColResponsive {
    margin-top: 20px;
    /* margin-right: 5px; */
    width: 90%;
    margin: 0 5%;
    }
    a.bookNow.map {
    font-size: 15px;
    padding: 10px 0;
    margin-top: 15px;
    border-bottom: 1px solid #625c9d;
    background: #271f75;
    margin-right: 0;
        width: 100%;
}
a.bookNow.events {
    font-size: 15px;
    padding: 10px 0;
    background: #271f75;
    margin-right: 0;
        width: 100%;
}

	}

@media (max-width: 480px){
.logosection img                       {width: 80%;}
.toggle                                {margin-top: 18px;}
.toggle img                            {width: 78%; height: 25px;}
.maincontent .rightsection .imagesection ul li {float: none; display: inline-block; position: relative;padding-bottom: 30px;}
.maincontent .leftsection h2           {font-size: 17px;}
footer .leftsection ul                 {margin: 0px; padding: 0px; display: inline-block;}
footer .leftsection                    {float: none; width: 100%; margin: 0 auto; text-align: center;}
footer .rightsection                   {width: 100%; text-align: center;}
.maincontent                           {padding-bottom: 40px;}
.maincontent .rightsection .imagesection ul li {width:auto;}
.homeCirc {
    width: 100px;
    height: 100px;
    }

}