@media only screen and (max-width:1024px) {
#headerwrap{padding:20px 0 15px 0;}
.mobile-nav{    display: block;
float: right;
font-size: 30px;
cursor: pointer;
color: #333333; padding-bottom: 10px}
#main-nav{display:none;position: fixed;top: 0;
background: rgba(0,0,0,0.5);
height: 100%;
width: 100%;
z-index: 9999;}
#main-nav ul li{float:none;}
#main-nav ul li a{text-align:left;}
.menu-header{width: 220px;left: -220px;
height: 100%;
position: fixed;
top: 0;
padding: 20px 0;
background: #333333;}
#main-nav li ul{position:relative; width:inherit; padding:0 0 0 15px; visibility:visible; opacity:1;}
#main-nav ul li a{color: #ffffff}
#top-right-nav{display: none}
}
@media only screen and (max-width:768px) {
.flex-control-nav{display: none}
.pricearea h2 {
font-size: 20px;
}
li {
font-size: 15px;
line-height: 23px;
}
p {
font-size: 15px;
line-height: 23px;
}
.slide-desc {
width: 100%;left: 0px;  bottom: 0px
}
.slide-desc p {
font-size: 13px;
line-height: 20px;
}
.header-new {
padding-top: 10px;
}
.home-first-row {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.home-second-row {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.home-greyrow {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px
}
#header-share{display: none}
#banner-contact{display: none}
}
@media only screen and (max-width:568px) {
.flex-direction-nav{display:none;}
.flexslider .slides > li{height:300px;}
.slide-desc h2 {
font-size: 22px;
line-height: 20px;
}
.titlearea h1 {
font-size: 30px;
line-height: 30px;
}
.largeimage {
padding-top: 20px;
}
h1 {
font-size: 28px;
line-height:26px;
}
}
@media only screen and (max-width:480px) {
.page-template-page_general .flexslider .slides > li {
height: 175px;
}
#centredlogo{width:auto;left:40px;top: 40px;}
#centredlogo img{max-width:60%;}
}
@media only screen and (max-width:375px) {
}