@media (max-width: 1250px) {
#topheaderinner, #page, #supplementary {
padding:0 20px;
}
}  @media (max-width: 950px) {
#topheaderinnerleft {
max-width: 280px;
}
.mainnav ul {
list-style: none;
font-size: 10px;
}
}
@media (max-width: 820px) {
.mainnav {
}
.mainnav ul {
text-align: center;
}
#topheaderinnerleft {
max-width:100%;
float:none;
padding:25px 0;
text-align: center;
}
.mainnav ul li.topmenuhighlight a {
display:none;
}
#topheaderinnerright {
max-width:100%;
float:none;
margin-top:0;
padding-bottom: 25px;
}
#topheaderinnerright .contactsholder{
display:block;
text-align:center;
margin-bottom:18px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
z-index: 9;
}
#topheader .colorbutton {
text-align: center;
margin-top: 10px;
}
}  @media (min-width: 768px) and (max-width: 999px) {
} @media (min-width: 768px) and (max-width: 800px) {
} @media (max-width: 767px) {
}  @media only screen and (min-width: 480px) and (max-width:800px) {
body.blog.left-sidebar #content, body.post-template-default #content, body.archive.left-sidebar #content {
margin: 0 0 0 0 !important;
width: auto !important;
}
#pagebannerinner h1 {
font-size: 25px;
}
.entry-content h2, .comment-content h2 {
font-size: 25px;
}
.destinationdata, .lightgreypanel .destinationdata {
grid-template-columns: 48% 48%;
padding-bottom: 150px !important;
}
.twocolumns ul {
column-count: 1;
}
.threecolumns ul{
column-count: 1;
}
}  @media (max-width: 479px) {
body.blog.left-sidebar #content, body.post-template-default #content, body.archive.left-sidebar #content {
margin: 0 0 0 0 !important;
width: auto !important;
}
#pagebannerinner h1 {
font-size: 25px;
}
.entry-content h2, .comment-content h2 {
font-size: 25px;
}
.destinationdata, .lightgreypanel .destinationdata {
grid-template-columns: 48% 48%;
padding-bottom: 30%;
}
.twocolumns ul {
column-count: 1;
}
.threecolumns ul{
column-count: 1;
}
}