@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1799px) {
	.headertop .wrapper {
		width: 100%;
		padding: 0px 15px;
	}

	.header .wrapper {
		width: 100%;
		padding: 0px 15px;
	}

	.homebannerbox .wrapper {
		width: 100%;
	}

	.footertop .wrapper {
		width: 100%;
		padding: 0px 15px;
	}

	.homebanner .slick-arrow {
		display: none !important;
	}

}

@media only screen and (max-width: 1599px) {
	.wrapper {
		width: 1400px;
	}

	.header .wrapper {
		grid-template-columns: 200px auto;
	}

	.navigation div > ul {
		text-align: right;
	}

	.homeproducts .wrapper > a {
		width: calc(33.333333% - 20px);
		margin: 10px;
	}

	.homeproducts .txt {
		padding: 100px 15px;
	}

	.homeproducts .txt h3 {
		font-size: 1.6em;
	}





}

@media only screen and (max-width: 1499px) {
	.wrapper {
		width: 1200px;
	}

	.homebenefits .wrapper {
		padding: 0px 10px 20px;
	}

	.homebenefits .wrapper > div {
		width: calc(25% - 20px);
		background: #ffffff;
		padding: 0px 25px 25px;
		margin: -100px 10px 0px;
	}





}






@media only screen and (max-width: 1199px) {
	body {
		padding-top: 81px;
	}

	h1 {
		font-size: 3.6em;
	}

	h2 {
		font-size: 2.8em;
	}

	.wrapper {
		width: 960px;
		padding: 0px 10px;
	}

	.showcase .txt {
		padding: 25px 40px;
	}

	.socialcta a {
		padding: 50px 0px;
	}

	.headertop {
		display: none;
	}

	.header {
		position: fixed;
		top: 0px;
		left: 0px;
		background: #ffffff;
		border-bottom: 1px solid #d1d1d1;
		z-index: 10;
	}

	.header .logo {
		width: auto;
		padding: 0px;
	}

	.header .logo img {
		height: auto;
		display: block;
		padding: 5px 0px;
	}

	.header .headerright {
		text-align: right;
	}

	.header .headerright .mobilenavbtn,
	.header .headerright .mobilenavlink {
		width: 50px;
		height: 80px;
		font-size: 20px;
		color: #000000;
		text-align: center;
		display: inline-block;
		background: #ffffff;
		line-height: 80px;
	}

	.navigation {
		width: 300px;
		position: fixed;
		top: 81px;
		right: -300px;
		bottom: 0px;
		background: #ffffff;
		border-left: 1px solid #d1d1d1;
		transition: 1s all ease;
		z-index: 10;
	}

	.navigation.open {
		right: 0px;
	}

	.navigation div > ul > li {
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #c8c8c8;
	}

	.navigation div > ul > li > a  {
		width: 100%;
		color: #000000 !important;
		padding: 15px;
		line-height: normal;
		border: 0px;
	}

	.navigation div > ul > li > ul {
		width: 100%;
		position: static;
		display: none;
		border: 0px;
		border-top: 1px solid #c8c8c8;
	}

	.navigation div > ul > li.open > ul {
		display: inline-block;
	}

	.navigation div > ul > li > ul > li {
		font-size: 0.9em;
		border-top: 1px solid #c8c8c8;
	}

	.navigation div > ul > li > ul > li > a {
		color: #ffffff !important;
	}

	.navigation .headdesigner.desktop {
		display: none;
	}

	.navigation .headdesigner.mobile {
		width: 100%;
		display: inline-block;
		text-align: left;
	}

	.footertop {
		padding: 30px 0px;
	}

	.footertop .footerwidgets .footerwidget1,
	.footertop .footerwidgets .footerwidget2 {
		display: none;
	}

	.footertop .footerwidgets .footerwidget3 {
		width: 100%;
		text-align: center;
	}

	.footertop .copyright {
		text-align: center;
		margin-top: 15px;
	}

	.footerbot {
		padding: 15px 0px;
	}

	.footerbot .wrapper {
		gap: 5px;
		grid-template-columns: 1fr;
	}

	.footerbot .privacy ul {
		text-align: center;
	}

	.footerbot .privacy ul li {
		margin: 0px 5px;
	}

	.footerbot .designed p {
		text-align: center;
	}

	.homebannerbox .wrapper {
		padding: 0px;
	}

	.homebanner .slick-slide {
		padding: 150px 0px 100px;
	}

	.homebanner .slick-dots {
		padding: 25px 0px 0px;
	}

	.homeproducts .wrapper > a {
		width: calc(50% - 20px);
		margin: 10px;
	}

	.homeproducts .img {
		height: 300px;
	}

	.homebenefits .wrapper > div {
		width: calc(25% - 20px);
		background: #ffffff;
		padding: 0px 15px 15px;
		margin: -100px 10px 0px;
	}

	.homebenefits i {
		width: 75px;
		height: 75px;
		font-size: 30px;
		line-height: 75px;
	}

	.homebenefits h3 {
		font-weight: 400;
		margin: 20px 0px 0px;
	}

	.homeinterestedcta i {
		font-size: 70px;
	}

	.homeinterestedcta .wrapper > div {
		padding: 30px 15px 0px;
	}

	.homeinterestedtitle h2 {
		padding: 0px 15px;
	}










}










@media only screen and (max-width: 959px) {
	.wrapper {
		width: 768px;
	}

	.showcase .txt {
		padding: 25px;
	}

	.blogcontainer {
		padding: 0px;
	}

	.blogcontainer .blog-list {
		width: 62%;
	}

	.postlistbox {
		padding: 15px;
		margin-bottom: 15px;
	}

	.postlistbox .excerpt {
		font-size: 1em;
		margin: 15px 0px;
	}

	.postlistbox .postimg {
		height: 250px;
	}

	.blogcontainer .blogsidebar {
		width: 36%;
	}

	.blogcontainer .blogsidebar > div {
		padding: 15px;
		margin-bottom: 15px;
	}

	.innercta {
		text-align: center;
		padding: 15px 0px;
	}

	.innercta .wrapper > div {
		width: 100%;
		padding: 10px 0px;
	}

	.homeintro h2 {
		padding-bottom: 20px;
		margin: 0px 0px 20px;
	}

	.homeintro p {
		font-size: 1em;
	}

	.homeintro a.linkbtn {
		margin-top: 15px;
	}

	.homeproducts .wrapper > a {
		width: 100%;
		margin: 10px 0px;
	}

	.homeproducts .wrapper > a:nth-of-type(even) {
		flex-direction: column;
	}

	.homeproducts .txt {
		padding: 30px 15px;
	}

	.homeproducts .txt h3 {
		font-size: 1.6em;
	}

	.homeproducts .img {
		height: 200px;
	}

	.homebenefits {
		margin-top: 50px;
	}

	.homebenefits .wrapper {
		padding: 10px;
	}

	.homebenefits .wrapper > div {
		width: calc(50% - 20px);
		padding: 15px;
		margin: 10px;
	}







}











@media only screen and (max-width: 767px) {
	body {
		padding-top: 61px;
	}

	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.8em;
	}

	h3 {
		font-size: 1.6em;
	}

	p, li, table {
		font-size: 0.9em;
	}

	a.linkbtn {
		line-height: 45px;
	}

	.showcase .img, .showcase .txt {
		width: 100%;
		margin: 0px;
	}

	.showcase .txt {
		padding: 25px 15px;
	}

	.mobileonly {
		display: inline-block !important;
	}

	.nomobile {
		display: none !important;
	}

	.contentspace {
		padding: 50px 0px;
	}

	.contentspacetop {
		padding-top: 50px;
	}

	.contentspacebot {
		padding-bottom: 50px;
	}

	.contentmargin {
		margin: 50px 0px;
	}

	.contentmargintop {
		margin-top: 50px;
	}

	.contentmarginbot {
		margin-bottom: 50px;
	}

	a.linkbtn,
	.homeproducts a,
	.submitbox input {
		line-height: 40px;
	}







	.wrapper {
		width: 480px;
	}

	.showcase .txt.righttxt,
	.showcase .txt.righttxt * {
		text-align: center;
	}

	.blogcontainer .blog-list {
		width: 100%;
	}

	.blogcontainer .blogsidebar {
		width: 100%;
	}

	.postlistbox .postimg {
		height: 200px;
	}

	.blogcontainer .blogsidebar ul li {
		font-size: 0.8em;
	}

	.blogbanner {
		height: 150px;
	}

	.blogintro {
		padding: 30px 0px;
	}

	.blogintro p {
		font-size: 1em;
	}

	.blog-post {
		padding: 20px 0px;
	}

	.blog-post .alignleft {
		max-width: 100%;
		margin: 0px 0px 15px;
	}

	.blog-post .alignright {
		max-width: 100%;
		margin: 0px 0px 15px ;
	}

	.cookiebar {
		text-align: center;
		padding: 10px 0px;
		border-top: 3px solid #1681c0;
	}

	.cookiebar p {
		font-size: 0.7em;
	}

	.cookiebar p br {
		display: none;
	}

	.cookiebar .links {
		width: 100%;
		margin-top: 5px;
	}

	.cookiebar .links a.cookieaccept {
		font-size: 13px;
		padding: 10px 15px 10px 27px;
	}

	.innerbanner h1 {
		font-size: 2em;
		line-height: 1.2em;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.innerbanner h1:before {
		width: 300px;
		margin-left: -150px;
	}

	.innerbanner p {
		font-size: 0.9em;
	}

	.contacttop {
		background: none;
	}

	.contacttop .contactdetails,
	.contacttop .contactform {
		width: 100%;
	}

	.contacttop .contactdetails {
		text-align: center;
		padding: 0px 25px;
		margin-bottom: 50px;
	}

	.contacttop .contactdetails .socialbox {
		margin: 0px 5px;
	}

	.contacttop .contactform {
		background: #fafafa;
		padding: 50px 25px;
	}

	.contactmap iframe {
		height: 250px !important;
	}

	.ngg-galleryoverview .ngg-gallery-thumbnail-box {
		width: 50%;
	}

	.header .wrapper {
		grid-template-columns: 100px auto;
	}

	.header .logo img {
		height: 60px;
	}

	.header .headerright .mobilenavbtn, .header .headerright .mobilenavlink {
		width: 40px;
		height: 50px;
		font-size: 16px;
		line-height: 50px;
	}

	.navigation {
		top: 61px;
	}

	.socialcta a {
		font-size: 20px;
		padding: 25px 0px;
	}

	.homebanner .slick-slide {
		padding: 75px 0px;
	}

	.homebanner .slick-slide p {
		font-size: 1em;
		margin: 15px 0px 0px;
	}

	.homebanner .slick-slide .btns a.linkbtn {
		margin: 20px 0px 0px;
	}

	.homebenefits .wrapper {
		padding: 5px;
	}

	.homebenefits .wrapper > div {
		width: calc(100% - 10px);
		padding: 15px;
		margin: 5px;
	}

	.homeinterestedtitle .wrapper {
		padding: 30px 0px;
	}

	.homeinterestedcta {
		margin-top: 15px;
	}

	.homeinterestedcta .wrapper > div {
		width: 100%;
		padding: 15px;
		margin: 0px;
	}

	.homeinterestedcta i {
		font-size: 40px;
	}

	.homeinterestedcta h3 {
		font-size: 1.4em;
	}

	.footercallus h2 {
		font-size: 1.4em;
	}

	.footercallus p {
		margin: 15px 0px 0px;
	}





}











@media only screen and (max-width: 479px) {
	.wrapper {
		width: 320px;
	}

	.innerbanner h1:before {
		width: 270px;
		margin-left: -135px;
	}




}