


@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) {

}
