/* RVParking */


/*=====================  MAIN  =====================*/

	* {
	  box-sizing: border-box;
	}



	body {
		margin-top: 10px;
		margin: 0;
		padding: 0;
		/*background: #FFFFFF url(../images/img01.jpg) repeat-x left top;*/
		background: #141414;
		font-size: 14px;
		font-family: "Outfit", Poppins, sans-serif;
		/*font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
		text-align: justify;
		color: #454545;
		/*color: #FFFFFF;*/
		overflow-x: hidden;
	}

	img,
	video {
	  max-width: 100%;
	  height: auto;
	  display: block;
	}
	h1, h2, h3 {
		margin: 0; 
		padding: 0;
		text-align: left;
	}
	h1 {
		font-size:1.65em; 
		font-weight: bold;
		margin-bottom: 0.4em;
		margin-top: 0.4em;
	}
	h2{
		font-size:1.48em; 
		font-weight: bold; 
		margin-top: 1.4em;
		margin-bottom: 0.2em; 
	}

	h3{
		font-size: 1.38em;
		font-weight: bold;
		margin-top: 1.4em;
		margin-bottom: 0.2em; 
	}

	p, ul, ol {
		margin: 0 0 1em 0;
		text-align: left;
		line-height: 26px;
	}
	a {
		text-decoration: none;
		color: rgb(1, 163, 62);
	}
	a:hover, a:active, a:visited {
		text-decoration: none;
	}
	img {
		border: none;
	}
	img.left {
		float: left;
		margin-right: 15px;
	}
	img.right {
		float: right;
		margin-left: 15px;
	}

	textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}


/*=====================  STRUCTURE  =====================*/

	#wrapper {
		width: 900px;
		margin: 0 auto;
		padding: 0;
		/*background: url(../images/img02.png) no-repeat left top;*/
		background: #454545;
		display: block;
	}


	/* Header */
		#header {
			width: 900px;
			margin: 0 auto;
			background: #FFFFFF;
		}

		#logo {
			display: block;
			float: left;	
			width: 200px;
			margin: 10px 0 5px 15px;
			padding: 0;
		}

		#banner {
			float: right;
			margin: 20px 10px 10px 0;
		}


	/* MENU */
		#menu {
			clear:both;
			width: 880px;
			height: 50px;
			margin: 0 auto;
			background: #3B3B3B;
			/*background: url(../images/img03.jpg) repeat-x left top;*/
		}
		#menu ul {margin: 0;padding: 0;list-style: none;}
		#menu li {float: left;height: 50px;background: url(../images/img04.jpg) no-repeat right top;}
		#menu a {	display: block;padding: 12px 20px 0px 20px;text-decoration: none;font-size: 13px;color: #FFFFFF;font-weight: bold;}
		#menu a:hover {color: #01a33e;}
		#menu .current_page_item a {color: #757575;}


	/* Page */
		#page {
			width: 860px;
			display: inline-block;
			margin: 0 auto;
			padding: 20px 20px;
			background: #ffffff;
			/*color: #FFFFFF;*/
		}

		.page-home {
			width: 900px;
			display: inline-block;
			margin: 0 auto;
			padding: 0px;
			background: #ffffff;
			/*color: #FFFFFF;*/
		}



	/* Content */

		.title {
			margin-top: 20px;
			margin-bottom: 20px;
			padding-bottom: 5px;
			text-transform: uppercase;
			font-size: 1.65 em;
			font-weight: bold;
			color: #28313A;
			/*color: #FFFFFF;*/
			text-align: left;
		}

		.home-slogan{
			margin: 0 auto; 
			padding: 30px 0 20px 0; 
			/*color: #ffffff;*/ 			
			font-size: 25px; 
			text-align:center; 
			font-weight: 500;
		}

		.home-img {
			width: 900px; 
			height: 550px; 
			object-fit: cover; 
			object-position: 0 80%;
		}

		.cav {
			font-family: 'Caveat', cursive;
			font-size: 40px; 
			padding-bottom: 30px;
		}

		.gloria {
			font-family: Poppins, sans-serif;
			font-size: 30px; 
			padding-bottom: 30px;
			font-weight: bold;
		}
		.mans {
			font-family: 'Mansalva', cursive;
			font-size: 35px; 
			padding-bottom: 30px;

		}
		.swan{
			font-family: 'Swanky and Moo Moo', cursive;
			font-size: 40px; 
			padding-bottom: 30px;
		}
		
		.p1{			
		    line-height: 1.30em;
		    font-size: 1.2em;
		    padding: 8px 0 8px 0;
		}

		.li-term{
			line-height: 1.35em;
		    font-size: 1.35em;
		}

		.blog-img{
			width: 400px;
			padding: 20px;
		}

		.photo-txt{
			line-height: 1.15em;
		    font-size: 1.05em;
		    padding: 0 0 10px 0;
		    font-style: italic;
		    text-align: center;
		}

		.call1{
			background: rgb(1, 163, 62); 
			/*border-radius: 11px;*/
			padding: 20px 45px; 
			color: rgb(255, 255, 255); 
			display: inline-block; 
			font: bold 24px / 1 "Outfit", sans-serif; 
			text-align: center;
		}

		.call2{
			background: rgb(1, 163, 62); 
			/*border-radius: 11px;*/
			padding: 20px 45px; 
			color: rgb(255, 255, 255); 
			display: inline-block; 
			font: bold 24px / 1 "Outfit", sans-serif; 
			text-align: center;
		}

		.call3{
			background: rgb(1, 163, 62); 
			/*border-radius: 11px;*/
			padding: 15px 30px; 
			color: rgb(255, 255, 255); 
			display: inline-block; 
			font: bold 20px / 1 "Outfit", sans-serif; 
			text-align: center;
		}
		.call4{
			/*background: rgb(1, 163, 62); */
			/*border-radius: 11px;*/
			padding: 20px 0px; 
			margin-right: 20px;
			/*color: rgb(255, 255, 255); */
			display: inline-block; 
			font: bold 28px / 1 "Outfit", sans-serif; 
			text-align: right;
		}

		.call-holder{
			display: inline-block; 
			width: 250px; 
			margin: 30px 30px 30px 20px;
		}

		.call-holder-home{
			display: inline-block; 
			width: 400px; 
			margin: 20px; 
		}

		.call-holder-wrap{
			display: block; 
			width: 440px; 
			margin: 0px auto; 
		}


		.call-holder2{
			display: inline-block; 
			width: 300px; 
			margin: 0 20px; 
			float: right;
		}

		.testimonial{
			/*color: #FFFFFF;*/
			padding: 15px 0;

		}

		.testm{			
			font-style: italic;
			line-height: 1.3em;
		    font-size: 1.2em;

		}		

		.testm-name{
			padding: 0;
			margin: 0;
			display: inline;
			line-height: 1.3em;
		    font-size: 1.2em;
		    font-weight: bold;
		}

		.faq{
			padding-bottom: 10px;
		}

		.faq-q{
			font-weight: bold;
			line-height: 1.3em;
		    font-size: 1.2em;
		    display: block;
		    padding: 10px 0;
		}

		.faq-a{
			line-height: 1.3em;
		    font-size: 1.2em;
		    display: block;
		}


		#content {float: left;width: 590px;border-right: 1px dashed #DFE1E0;}
		#content p {line-height: 16px;}
		#content a {border-bottom: 1px dotted;}
		#content small {line-height: 14px;font-size: 10px;}
		#content a.piclink {border-style: none;} 

		.col1{
			float: left;
			width: 490px;
			/*border-right: 1px dashed #DFE1E0;*/
			display: block;
		}

		.col2{
			float: right;
			width: 330px;
			display: block;
		}


	/* SLIDER */
		
		body {
	      -webkit-font-smoothing: antialiased;
	    }

	    #slides {
	      display: none
	    }

	    #slides a{
	    	border-bottom: none;
	    	/* GB added this to remove formatting set in my CSS for regular href links */
	    }

	    #slides .slidesjs-navigation {
	      margin-top: 8px;
	    }

	    #slides .slidesjs-previous {
	      margin-right: 8px;
	      float: left;
	    }

	    #slides .slidesjs-next {
	      margin-right: 5px;
	      float: left;
	    }

	    .slidesjs-pagination {
	      margin: 8px 0 0;
	      float: right;
	      list-style: none;
	    }

	    .slidesjs-pagination li {
	      float: left;
	      margin: 0 1px;
	    }

	    .slidesjs-pagination li a {
	      display: block;
	      width: 13px;
	      height: 0;
	      padding-top: 13px;
	      background-image: url(../images/pagination.png);
	      background-position: 0 0;
	      float: left;
	      overflow: hidden;
	    }

	    .slidesjs-pagination li a.active,
	    .slidesjs-pagination li a:hover.active {
	      background-position: 0 -13px;
	    }

	    .slidesjs-pagination li a:hover {
	      background-position: 0 -26px;
	    }

	    #slides a:link,
	    #slides a:visited {
	      color: #333;
	    }

	    #slides a:hover,
	    #slides a:active {
	      color: #9e2020;
	    }

	    .navbar {
	      overflow: hidden;
	    }

	    #slides {
	      display: none;
	    }

	    .container {
	      margin: 0 auto;
	      padding-top: 15px;
	    }


	/* Post */
		.post {
			padding: 0px 20px;
			margin-bottom: 0px;
		}

		.post .title {
			margin-bottom: 20px;
			padding-bottom: 5px;
			text-transform: uppercase;
			font-size: 18px;
			font-weight: bold;
			/*color: #28313A;*/
			color: #FFFFFF;
		}
		.post .title2 {margin-bottom: 5px;padding-bottom: 5px; font-size: 16px;font-weight: bold;color: #28313A;}
		.post {}
		.post .meta {padding: 15px 15px 30px 0px;font-size: 10px;}
		.post .meta p {margin: 0;padding-top: 15px;line-height: normal;color: #28313A;}
		.post .meta .byline {float: left;}
		.post .meta .links {float: right;}
		.post .meta .more {padding: 0 20px 0 18px;}
		.post .meta .comments {padding-left: 22px;}
		.post .meta b {display: none;}


		#visa{
			width:200px; 
		}

		#map{
			width:860px; 
			height:250px;
		}

		#serv1{
			float: left;
			display: inline-block;
			width:290px; 
			padding-right: 10px
		}
		#serv2{
			float: left;
			display: inline-block;
			width:250px; 
			padding-top: 1px;
		}

		#mailsent{
			width:300px;
			margin:0 auto;
			padding-top: 100px;
		}
		#mailsent-pic{
			width:300px;
			margin:0 auto;
			padding-top: 30px;
		}

	/* Sidebar */

		.right-img{
			width: 100%; 
			align: right;
			padding: 10px 0;
			/*border-radius: 30px;*/
		}

		.right-img-floating{
			width: 300px; 
			float: right;
			padding: 20px;
			/*border-radius: 30px;*/
		}

		.rvp-story-gallery {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 18px;
			margin: 24px 0 32px;
			clear: both;
		}

		.rvp-story-gallery__image {
			width: 100%;
			height: 340px;
			object-fit: cover;
			object-position: center 60%;
			border-radius: 6px;
		}

		.rvp-detail-video {
			display: grid;
			grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
			align-items: center;
			gap: clamp(24px, 5vw, 64px);
			clear: both;
			margin: 30px 0 40px;
			padding: clamp(22px, 4vw, 38px);
			background: #f1f6f2;
			border-radius: 12px;
		}

		.rvp-detail-video__copy { min-width: 0; }
		.rvp-detail-video h2 {
			margin: 0 0 14px;
			font-family: Poppins, sans-serif;
			font-size: clamp(24px, 3vw, 34px);
			line-height: 1.18;
		}
		.rvp-detail-video__copy > p:last-child {
			margin: 0;
			font-size: 17px;
			line-height: 1.55;
		}
		.rvp-detail-video__frame {
			position: relative;
			width: 100%;
			aspect-ratio: 9 / 16;
			max-height: 590px;
			overflow: hidden;
			background: #16251d;
			border-radius: 10px;
		}
		.rvp-detail-video__frame video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.rvp-detail-video__play {
			position: absolute;
			inset: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 12px;
			width: 100%;
			border: 0;
			background: linear-gradient(180deg, transparent 35%, rgba(8, 26, 17, .54));
			color: #fff;
			font: 700 16px Outfit, sans-serif;
			cursor: pointer;
		}
		.rvp-detail-video__play-icon {
			display: grid;
			place-items: center;
			width: 72px;
			height: 72px;
			border: 2px solid #fff;
			border-radius: 50%;
			background: rgba(19, 101, 60, .88);
			box-shadow: 0 8px 25px rgba(0, 0, 0, .22);
		}
		.rvp-detail-video__play-icon::before {
			content: '';
			width: 0;
			height: 0;
			margin-left: 5px;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
			border-left: 19px solid #fff;
		}
		.rvp-detail-video__play:focus-visible {
			outline: 3px solid #176b43;
			outline-offset: 4px;
		}
		.rvp-detail-video__frame.is-playing .rvp-detail-video__play { display: none; }

		@media (max-width: 700px) {
			.rvp-detail-video {
				grid-template-columns: minmax(0, 1fr);
				gap: 22px;
				margin: 28px 0 36px;
			}
			.rvp-detail-video__frame {
				max-width: 340px;
				justify-self: center;
			}
		}

		@media (max-width: 600px) {
			.rvp-story-gallery {
				grid-template-columns: 1fr;
				gap: 14px;
			}

			.rvp-story-gallery__image {
				height: 260px;
			}
		}


		.sidebar {
			float: right;
			width: 300px;
			margin: 0;
			/*padding: 10px;*/
			padding-top: 60px;
		}
		#sidebar ul {margin: 0;padding: 0;list-style: none;}
		#sidebar li {}
		#sidebar li ul {}
		#sidebar li li {}
		#sidebar h2 {width: 250px;margin: 0;padding: 0;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A;}
		#sidebar a {border-bottom: 1px dotted;}
		#sidebar p {line-height: 18px;}
		#sidebar a.piclink {border-style: none;} 


	/* Boxes */
		.box1 {padding: 20px;}
		.box2 {color: #BABABA;}
		.box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF;}
		.box2 ul {margin: 0;padding: 0;list-style: none;}
		.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {color: #EDEDED;}

	/* Contact Form */

		form #website{ display:none; }
		/*gets rid of spam https://stackoverflow.com/questions/43379125/prevent-php-web-contact-form-spam*/
		
		.form{
			width:100%;
			padding-bottom:15px;
			float: left;
			display: block;
		}

		#tbl {
			width:490px; 
			border-spacing: 0;
			border:0; 
			vertical-align: middle;
		}

		#t_label {
			width:190px;
			font-weight:normal;
			font-size: 1.2em;
			vertical-align: middle;
		}

		#t_data {
			width: 300px;
	    	vertical-align: middle;
		}

		.small-print{
			font-size: 0.85em;
			line-height: 1.1em;
			padding: 10px 0 0 0;
			margin: 0;
		}

		input[type=text] {
			border: 2px solid #eee;
			padding:10px;
  			margin:10px 0;
  			border-radius:5px;
		}

		input, textarea {
		  	font-family:inherit;
		  	font-size: inherit;
		  	border: 2px solid #eee;
			padding:10px;
  			margin:10px 0;
  			border-radius:5px;
		}

		input[type="submit"]{
			appearance:none;
  			-webkit-appearance:none;
  			font-size: 1.2em;
			  padding:10px;
			  border:none;
			  background-color: #01A33E;
			  color:#fff;
			  font-weight:600;
			  border-radius:5px;
			  width:100%;
		}

		input[type="submit"]:hover {
		  background: #018a34;
		}
	/* Form */
		form {margin: 0;padding: 0;}
		fieldset {margin: 0;padding: 0;border: none;}
		legend {display: none;}
		input, textarea, select {font-size: 13px;color: #333333;}

	/* Feedback */
		#feedback {width: 880px;margin: 0 auto; color: #ffffff;}
		#feedback p {line-height: 18px;}
		#feedback a {border-bottom: 1px dotted;}

	/* Footer */

		#footer-wrap {
			width: 900px;
			height:70px;
			background: #3B3B3B;
	 		-moz-border-radius: 0px 0px 9px 9px; 
	 		border-radius: 0px 0px 9px 9px; /* standards-compliant: (IE) */ 
			display: block;
			margin: 0 auto;	
		}

		#footer {
			width: 100%;
			display: inline-block;
			padding-top: 25px;
		}

		#footer p {
			font-size: 12px;
			text-align: center;
			color: #CCCCCC;
		}

		#legal a {
			font-weight: normal;
			text-decoration: none;
			color: #CCCCCC;
		}


	/* Landing Page */

		#landing-page,
		#landing-wrapper,
		#landing-header {
		  box-sizing: border-box;
		}

		#landing-page .rv-intent-box {
		  clear: both;
		  background-color: #e6f7ee;
		  border-left: 5px solid #01A33E;
		  padding: 14px 18px;
		  margin: 20px 0;
		  font-size: 16px;
		  line-height: 1.5;
		  color: #333;
		}

		#landing-page .rv-intent-box strong {
		  display: block;
		  font-size: 17px;
		  margin-bottom: 4px;
		  color: #2e2e2e;
		}

		#landing-page {
		  width: 100%;
		  max-width: 1240px;
		  padding: 20px 16px;
		  margin: 0 auto;
		  background: #ffffff;
		  display: block;
		}

		#landing-wrapper {
		  width: 100%;
		  max-width: 1240px;
		  margin: 0 auto;
		  padding: 0;
		  background: #454545;
		  display: block;
		}

		#landing-header {
		  width: 100%;
		  max-width: 1240px;
		  margin: 0 auto;
		  background: #FFFFFF;
		  display: flex;
		  align-items: center;
		  position: relative;
		  padding: 10px 0;
		}

		#landing-cssmenu {
		  width: 100%;
		  max-width: 1240px;
		  margin: 0 auto;
		  height: 20px;
		  background: #3B3B3B;
		}

		#landing-logo {
		  width: 150px;
		  margin-left: 15px;
		}

		#landing-logo-img {
		  width: 125px;
		}

		.landing-call {
		  position: absolute;
		  left: 50%;
		  transform: translateX(-50%);
		  text-align: center;
		  font-family: "Outfit", sans-serif;
		  line-height: 1.2;
		}

		.landing-call {
		  font-size: 14px;
		  color: #333;
		}

		.landing-call .phone-cta {
		  display: inline;
		  font-size: 26px;
		  font-weight: 700;
		  color: rgb(1,163,62);
		  text-decoration: none;
		  margin-left: 6px;
		}

		.lp1 {			
	    line-height: 1.30em;
	    font-size: 1.2em;
	    padding: 8px 0 8px 0;
		}

		.phone-sub {
		  display: block;
		  font-size: 12px;
		  color: #666;
		  margin-top: 2px;
		}

		.landing-page-title {
		  max-width: 1200px;
		  margin: 15px auto 8px;
		  padding: 0 20px;
		  margin-top: 5px;
		  font-size: 22px;
		  font-weight: 500;
		  color: #333;
	    margin-bottom: 22px;
	    text-align: center;
		}

		/* Landing Hero */

			.hero {
			  max-width: 1200px;
			  margin: 0 auto;
			  padding: 0 20px;
			}

			.hero-inner {
				align-items: start;
			  display: grid;
			  grid-template-columns: 1fr 1.2fr; /* form smaller, video bigger */
			  gap: 40px;

			}
			.hero-left {
			  max-width: 600px;
			  padding-right: 10px;
			}

			.hero-left h1 {
			  font-size: 34px;
			  line-height: 1.2;
			  margin-bottom: 15px;
			}
			.hero-headline {
				 margin-bottom: 10px;
				 font-size: 24px;
				 font-weight: 600;
				 margin-top: 10px;
			}

			.hero-sub {
			  font-size: 18px;
			  margin-bottom: 10px;
			  max-width: 600px;
			}

			.hero-video {
			  width: 100%;
			  max-width: 100%;
			  display: block;
			  /*height:auto;*/
			  height: 720px;
			  object-fit: cover;
			  border-radius: 6px;
			  object-position: center 15%;
			}

			.desktop-video { display:block; }
			.mobile-video { display:none; }

			.hero-right {
			  max-width: none;
			}

		/* Landing Form */

			#landing-page .form-wrap {
			  background: #f3f4f5;
			  border: 1px solid #dcdcdc;
			  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
			  padding: 20px;
			  border-radius: 6px;
			  max-width: 420px;
			  margin-top: 0px;
			}

			#landing-page .form-wrap h2 {
			  margin-top: 0;
			  margin-bottom: 10px;
			}

			.form-wrap input {
			  width:100%;
			  margin-bottom:12px;
			  padding:12px;
			  font-size:16px;
			}

			#land-tbl {
				width:100%; 
				border-spacing: 0;
				border:0; 
				vertical-align: middle;
			}

			#land-t_label {
				width:35%;
				font-weight:normal;
				font-size: 14px;
				vertical-align: middle;
			}

			#land-t_data {
				width: 65%;
		    	vertical-align: middle;
			}

			#land-t_data input {
			  width: 100%;
			  max-width: 100%;
			  box-sizing: border-box;
			  height: 30px;
			  margin: 5px;
			}

			input[type="submit"] {
			  width:100%;
			  padding:16px;
			  font-size:18px;
			}

			.phone-cta {
			  font-size:22px;
			}

		.rv-bullets {
		  list-style: none;
		  padding-left: 0;
		  margin: 10px 0 15px 0;
		  font-size: 18px;
		}

		.rv-bullets li {
		  position: relative;
		  padding-left: 28px;
		  margin-bottom: 8px;
		  line-height: 1.4;
		}

		.rv-bullets li::before {
		  content: "✓";
		  position: absolute;
		  left: 0;
		  top: 0;
		  color: #01A33E; /* exact brand green */
		  font-size: 22px; /* increase size */
		  font-weight: bold;
		  line-height: 1;
		}

		.content-grid {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  gap: 40px;
		  margin: 30px 0;
		}

		.content-col h2 {
		  margin-top: 0;
		}
		.content-img {
		  width: 100%;
		  height: 300px;        /* controls visual height */
		  object-fit: cover;    /* crops to fill */
		  object-position: center;
		  border-radius: 4px;
		}

		.map-full {
		  margin: 40px -20px 20px -20px; /* breaks out of padding */
		}

		.map-full iframe,
		.map-full #map {
		  width: 100%;
		  height: 300px;
		  display: block;
		}


		.trust {
		  width: 280px;
		  margin-top: 12px;
		  display: block;
		  margin: 12px auto 0 auto;
		}

		.call-inline {
		  text-align: center;
		  margin: 10px 0 14px;
		  font-size: 14px;
		}

		.call-inline a {
		  font-size: 18px;
		  font-weight: 700;
		  color: rgb(1,163,62);
		  text-decoration: none;
		}

		#land-footer-wrap {
			width: 100%;
			max-width: 1240px;
			background: #3B3B3B;
	 		-moz-border-radius: 0px 0px 9px 9px; 
	 		border-radius: 0px 0px 9px 9px; /* standards-compliant: (IE) */ 
			display: flex;
			margin: 0 auto;	
		}

		#land-footer {
			width: 100%;
			height: 100px;
			display: inline-block;
			padding: 25px;
			margin: 0px;
		}

		#land-footer p {
			font-size: 12px;
			text-align: center;
			color: #CCCCCC;
		}

	/* Landing Mobile */

			@media (max-width:768px){

			  #landing-wrapper,
			  #landing-header,
			  #landing-cssmenu,
			  #landing-page {
			    width: 100% !important;
			    max-width: 100% !important;
			    margin: 0 auto;
			    padding: 0px 12px;
			  }

			  #landing-page {
			    padding: 12px;
			  }

			  #landing-wrapper {
			    background: #ffffff;
			  }

			  #landing-header {
			    flex-direction: column;
			    align-items: center;
			    text-align: center;
			    padding: 10px 12px;
				 }

			  #landing-logo {
			    float: none;
			    margin: 0 0 6px 0;
			  }

			  #landing-logo-img {
			    width: 100px;
			    margin: 0 auto;
			    display: block;
			    text-align: center;
			  }

			  #landing-page {
			    padding: 0;
			  }

			  .landing-call {
			    margin: 0;
			    padding: 0;
			  }

			  .landing-call {
			  	font-size: 14px;
			    position: static;
			    transform: none;
			    margin-top: 6px;
			  }
			  .landing-call a {
				  font-size: 18px;
				}

			  .content-grid {
			    grid-template-columns: 1fr;
			  }

			  .hero-inner {
			    grid-template-columns: 1fr;
			  }

			  .form-wrap {
			    position: static;
			  }

			  .hero-inner { display:block; }
			  .hero-left, .hero-right { width:100%; }
			  .hero-right { margin-top:15px; }
			}

			.mobile-call-bar {
			  position: fixed;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  background: #01A33E;
			  color: #fff;
			  text-align: center;
			  padding: 10px;
			  font-size: 16px;
			  z-index: 9999;
			}

			@media (max-width:768px){
		  	h1 { font-size:22px; }
			  .hero-headline {
				  font-size: 18px;
				  margin-top: 6px;
				  margin-bottom: 8px;
				}


		  .desktop-video { display:none !important; }
		  .mobile-video { display:block !important; }


			}

			.content-col { margin-bottom:20px; }
			.rv-bullets li { margin-bottom:6px; }

			@media (max-width:768px){
			  .hero-video {
			    width:100%;
			    height:auto;
			    max-height:300px;
			    object-fit:cover;
			    border-radius:6px;
			  }

			  .hero-inner { display:flex; flex-direction:column; }
			  .hero-left { order:1; }
			  .hero-right { order:2; margin-top:12px; }


			  .hero {
			    padding: 0 12px;
			  }

			  .hero-left {
			    max-width: 100%;
			    padding-right: 0;
			  }

			  #land-t_label,
			  #land-t_data {
			    display:block;
			    width:100%;
			  }

			  #land-t_label {
			    margin-top:10px;
			    font-weight:600;
			  }

			  #land-t_label {
			    margin-top: 8px;
			    font-size: 14px;
			  }

			  input[type="submit"] {
			    padding: 12px;
			    font-size: 16px;
			    display:block;
			    margin: 14px auto 0 auto;
			    width: 100%;
			    max-width: 320px;
			    text-align:center;

			  }

			  .content-grid {
			    gap: 20px;
			  }

			  .content-img {
			    height: 220px;
			  }

			  .rv-bullets {
			    font-size:16px;
			  }

			  .rv-bullets li {
			    margin-bottom:6px;
			  }

			  #landing-page .form-wrap {
			    padding:16px;
			  }

				body {
				  background: #ffffff;
				}

				.landing-page-title {
				 	font-weight: bold;
				  margin: 0px auto;
				  padding: 5px 10px 0px 10px;
				  font-size: 20px;
				  color: #333;
			    text-align: center;
				}

				#landing-cssmenu {
					display: none;
				}
				
				/*#land-footer-wrap {
					display: none;
				}		*/

				#land-footer {
					height:150px;
				}

				.hero-headline {
					display: none;
				}

				.phone-sub {
					display: none;
				}

				.call-inline {
					display: none;
				}

				.lp1 {			
			    line-height: 1.20em;
			    font-size: 1em;
			    padding: 4px 0 4px 0;
				}

			 .form-wrap {
			    padding: 14px;
			  }

			  .form-wrap h2 {
			    font-size: 18px;
			    margin-bottom: 6px;
			  }

			  .form-wrap p {
			    font-size: 14px;
			    margin-bottom: 10px;
			  }
			}

			@media (max-width:768px){

			  .content-grid {
			    display: block;
			  }

			  .content-col {
			    width: 100%;
			  }

			}

			@media (max-width:768px){

			  .hero-inner {
			    flex-direction: column;
			  }

			  .hero-left,
			  .hero-right {
			    width: 100%;
			  }

			}

			@media (max-width:768px){
			  .map-full {
			    margin: 20px 0;
			  }
			}

			@media (max-width:768px){

			  .hero-inner {
			    display: flex;
			    flex-direction: column;
			  }

			  .hero-right {
			    order: 1; /* video first */
			  }

			  .hero-left {
			    order: 2; /* form second */
			  }

			}

/*=====================  RESPONSIVE  =====================*/


	@media screen and (max-width: 908px) {

		#wrapper { /* note that I set width 600px because there is almost no one who uses device between 500 and 600px */
			width: 600px;  
			background: #fff;
		}

		/* Header */
		#header {
			width: 600px;
			margin: 0 auto;
			height: 100%;
		}

		#logo {
			width:200px; 
			margin: 10px 0 5px 10px;
		}

		#banner {
			margin: 10px 10px 0 0;
		}

		/* Menu */
			#menu {
				width: 600px;
	  			height: 100%;
	  			background: none;
	  			background-color: #000;
	  			display: inline-block;
			}

			#menu li {
				float: left;
				height: 33px;
				background: #000;
			}
			#menu a {	
				display: block;
				padding: 5px 13px 0px 13px;
				font-size: 13px;
			}
			
			#menu .current_page_item a {
				color: #757575;
			}

		/* Page */
			#page {
				width: 96%;
				margin: 0;
				padding: 2%;
			}

		/* Content */

			#content {
				width: 325px;
				border-right: none; 
				background: #fff;
			}

			#content p {line-height: 16px;}
			#content a {border-bottom: 1px dotted;}
			#content small {line-height: 14px;font-size: 10px;}
			#content a.piclink {border-style: none;} 

			.home-img {			
				width: 600px; 
				height: 350px; 
				object-fit: cover; 
				object-position: 0 80%;
			}

			.page-home {
				width: 600px;
			}

			.home-slogan{
				font-size: 25px;
			}

			.col2 {
				display: none;
			}

		/* SLIDER */


	    #slides a{
	    	border-bottom: none;
	    	/* GB added this to remove formatting set in my CSS for regular href links */
	    }

		/* Post */
			.post {
				padding: 0px;
				margin-bottom: 20px; 
				margin-top: 0px; 
				width:100%;
			}

			.post .title {margin-bottom: 10px;padding-bottom: 5px;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A;}
			.post .title2 {margin-bottom: 5px;padding-bottom: 5px; font-size: 16px;font-weight: bold;color: #28313A;}
			.post .entry {}
			.post .meta {padding: 15px 15px 30px 0px;font-size: 10px;}
			.post .meta p {margin: 0;padding-top: 15px;line-height: normal;color: #28313A;}
			.post .meta .byline {float: left;}
			.post .meta .links {float: right;}
			.post .meta .more {padding: 0 20px 0 18px;}
			.post .meta .comments {padding-left: 22px;}
			.post .meta b {display: none;}

			#visa{
				width:150px; 
			}

			#map{
				width:325px; 
				height:450px;
			}

			#serv1{
				float: left;
				display: inline-block;
				width:290px; 
				padding-right: 10px
			}
			#serv2{
				float: left;
				display: inline-block;
				width:250px; 
				padding-top: 10px;
			}

		/* Sidebar */
			#sidebar {
				float: left;
				width: 225px;
				margin: 0;
				padding: 10px 0 0 25px;
				background: #fff;
			}
			#sidebar ul {margin: 0;padding: 0;list-style: none;}
			#sidebar li {}
			#sidebar li ul {}
			#sidebar li li {}
			#sidebar h2 {width: 100%;margin: 0;padding: 0;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A;}
			#sidebar a {border-bottom: 1px dotted;}
			#sidebar p {line-height: 18px;}
			#sidebar a.piclink {border-style: none;} 

		/* Boxes */
			.box1 {padding: 20px;}
			.box2 {color: #BABABA;}
			.box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF;}
			.box2 ul {margin: 0;padding: 0;list-style: none;}
			.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {color: #EDEDED;}
		
		/* TABLE for Contact Form */
			#tbl{
				width:325px; 
				border-spacing: 0;
				border:0; 
			}
			#t_label{
				width:325px;
				display: inline-block;
			}
			
			#t_data{
				width:325px;
				display: inline-block;
			}

		/* Footer */
			#footer-wrap { 
				width: 600px;
		 		-moz-border-radius: 0px 0px 9px 9px; 
		 		border-radius: 0px 0px 9px 9px; /* standards-compliant: (IE) */ 
			}

		/* Form */
				form {margin: 0;padding: 0;}
				fieldset {margin: 0;padding: 0;border: none;}
				legend {display: none;}
				input, textarea, select {font-size: 13px;color: #333333;}

		/* Feedback */
				#feedback {width: 300px;margin: 0 auto; color: #000000;}
				#feedback p {line-height: 18px;}
				#feedback a {border-bottom: 1px dotted;}
			}



@media (max-width:768px){

  #wrapper, #header, #footer-wrap, #cssmenu {
    width: 100% !important;
    max-width: 100% !important;
  }



}


	@media screen and (max-width: 500px) {

		#wrapper {width: 300px; margin: 0 auto; padding: 0; background: #fff;}

		/* Header */
		#header {width: 300px;margin: 0 auto;height: 100%;}
		#banner {
			width: 125px;
			float: right;
			margin: 5px 0 0 0; 
			/*display:none;*/
		}

		/* Menu */
			#menu {

				width: 300px;
	  			height: 100%;
	  			margin: 0 auto;
	  			background: #000;
			}
			#menu ul {margin: 0;padding: 0;list-style: none;}
			#menu li {float: left;height: 50px;background: #000;}
			#menu a {	display: block;padding: 12px 20px 0px 20px;text-decoration: none;font-size: 13px;color: #FFFFFF;font-weight: bold;}
			#menu a:hover {color: #01a33e;}
			#menu .current_page_item a {color: #757575;}

		/* LOGO */
		
			#logo {
				display: block;
				float: left;	
				width: 125px;
				margin: 10px 0 5px 15px;
				padding: 0;
			}

			#logo h1 {margin: 0; padding: 0;}
			

			#logo-img {
				    width: 125px;
			}
			

		/* Page */
			#page {width: 96%;margin: 0;padding: 2%;}

			.col1{
				width: 288px;
				margin: 0;
				padding: 0;
			}

		/* Content */
			#content {width: 100%;border-right: none; background: #fff;}
			#content p {line-height: 16px;}
			#content a {border-bottom: 1px dotted;}
			#content small {line-height: 14px;font-size: 10px;}
			#content a.piclink {border-style: none;} 

			.home-img {			
				width: 300px; 
				height: 175px; 
				object-fit: cover; 
				object-position: 0 80%;
			}

			.page-home {
				width: 300px;
			}

			.home-slogan{
				font-size: 20px;
			}

			.call-holder{
				display: block; 
				width: 250px; 
				margin: 30px 30px 30px 20px;
			}

			.call-holder-home{
				width: 300px; 
			}

			.call-holder-wrap{
				display: block; 
				width: 300px; 
				margin: 0px auto; 
			}
			
			.faqi{
				display: none;
			}

		/* SLIDER */

			.container{
				padding-top:0px;
			}

		    #slides a {
		    	border-bottom: none;
		    	/* GB added this to remove formatting set in my CSS for regular href links */
		    }

		/* Post */
			.post {padding: 0px;margin-bottom: 20px; margin-top: 10px; width:100%;}
			.post .title {margin-bottom: 10px;padding-bottom: 5px;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A;}
			.post .title2 {margin-bottom: 5px;padding-bottom: 5px; font-size: 16px;font-weight: bold;color: #28313A;}
			.post .entry {}
			.post .meta {padding: 15px 15px 30px 0px;font-size: 10px;}
			.post .meta p {margin: 0;padding-top: 15px;line-height: normal;color: #28313A;}
			.post .meta .byline {float: left;}
			.post .meta .links {float: right;}
			.post .meta .more {padding: 0 20px 0 18px;}
			.post .meta .comments {padding-left: 22px;}
			.post .meta b {display: none;}

			.entry ul {
				line-height: 18px;
				padding-left: 15px;
			}

			#visa{
				width:150px; 
				margin-bottom: 25px;
			}

			#map{
				width:280px; 
				height:400px;
			}


		/* Sidebar */
			#sidebar {
				float: left;
				width: 100%;
				margin: 0;
				padding: 5px; 
			}
			#sidebar ul {margin: 0;padding: 0;list-style: none;}
			#sidebar li {}
			#sidebar li ul {}
			#sidebar li li {}
			#sidebar h2 {width: 100%;margin: 0;padding: 0;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A;}
			#sidebar a {border-bottom: 1px dotted;}
			#sidebar p {line-height: 18px;}
			#sidebar a.piclink {border-style: none;} 

		/* Boxes */
			.box1 {padding: 20px;}
			.box2 {color: #BABABA;}
			.box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF;}
			.box2 ul {margin: 0;padding: 0;list-style: none;}
			.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {color: #EDEDED;}

		/* TABLE for Contact Form */
			#tbl{
				width:300px; 
				border-spacing: 0;
				border:0; 
			}
			#t_label{
				width:300px;
				display: inline-block;
			}
			
			#t_data{
				width:300px;
				display: inline-block;
			}
			#t_checks{
				width:300px;
				display: inline-block;
				padding-bottom: 15px;
			}

		.call1{
			padding: 20px 20px; 
			font-size: 18px;
		}

		.call2{

		}

		.call3{
			background: rgb(1, 163, 62); 
			/*border-radius: 11px;*/
			padding: 15px 30px; 
			color: rgb(255, 255, 255); 
			display: inline-block; 
			font: bold 20px / 1 "Outfit", sans-serif; 
			text-align: center;
		}
		.call4{
			font-size: 16px;
			padding: 0 5px 0 0;
			margin: 25px 0 0 0;
		}

		.blog-img{
			width: 280px;
			padding: 5px;
		}
		.notes{
			width: 270px;
		}


		input[type="submit"] {
			width: 270px;
		}


		/* Footer */
		#footer-wrap {
			width: 300px;
			height:50px;
			background: #3B3B3B;
	 		-moz-border-radius: 0px 0px 9px 9px; 
	 		border-radius: 0px 0px 9px 9px; /* standards-compliant: (IE) */ 
			display: block;
			margin: 0 auto;	
			}


		.right-img{
			width: 280px; 
			padding: 10px 0;

		}

		.right-img-floating{
			width: 280px; 
		    padding: 10px 5px 10px 10px;
		}


		#footer {
			padding-top: 15px;
		}
		#footer p {font-size: 10px; line-height:12px;}

		/* Form */
		form {margin: 0;padding: 0;}
		fieldset {margin: 0;padding: 0;border: none;}
		legend {display: none;}
		input, textarea, select {font-size: 13px;color: #333333;}

		/* Feedback */
		#feedback p {line-height: 18px;}
		#feedback a {border-bottom: 1px dotted;}
	}


/*=================  CSS MENU and Responsive for Menu  ==================*/

			/* Menu 01 */

				#cssmenu{
					clear:both;
					width:900px;
					height:50px;
					margin: 0 auto;
					background: #3B3B3B;
				}
				#cssmenu,
				#cssmenu ul,
				#cssmenu ul li,
				#cssmenu ul li a,
				#cssmenu #menu-button {
				  /*margin: 0;*/
				  padding: 0;
				  border: 0;
				  list-style: none;
				  line-height: 50px;
				  display: block;
				  position: relative;
				  z-index: 998;                       /*  GB added this so that drop down menus appear on top of ads etc */
				  -webkit-box-sizing: border-box;
				  -moz-box-sizing: border-box;
				  box-sizing: border-box;
				}

				.menu-active {
					background-color: #055998;
				}

				#cssmenu:after,
				#cssmenu > ul:after {
				  content: ".";
				  display: block;
				  clear: both;
				  visibility: hidden;
				  line-height: 0;
				  height: 0;
				}

				#cssmenu #menu-button {
				  display: none;
				}

				#cssmenu {
				  /*font-family: 'Source Sans Pro', sans-serif; */
				  background: transparent;
				  background-color: #333333;
				}

				#cssmenu > ul > li {
				  float: left;
				  background: url(../images/img04.jpg) no-repeat right top;
				  /* z-index: 999;                       GB added this so that drop down menus appear on top of ads, and top level menu items if the menu wraps --> */
				}
				#cssmenu.align-center > ul {
				  font-size: 0;
				  text-align: center;
				}
				#cssmenu.align-center > ul > li {
				  display: inline-block;
				  float: none;
				}
				#cssmenu.align-center ul ul {
				  text-align: left;
				}
				#cssmenu.align-right > ul > li {
				  float: right;
				}
				#cssmenu > ul > li > a {
				  padding: 0px 15px 0px 15px;
				  font-size: 16px;
				  /*letter-spacing: 0.025em;*/
				  text-decoration: none;
				  color: #fff;
				  font-weight: 500;
				  text-transform:uppercase;
				}
				#cssmenu > ul > li:hover > a { 			/* rollover colour with opacity */
				  color: #01a33e;
				  background: rgba(100, 100, 100, 0.35);


				}
				#cssmenu > ul > li.has-sub > a {
				  padding-right: 30px;
				}
				#cssmenu > ul > li.has-sub:hover > a:before {
				  top: 23px;
				  height: 0;
				}
				#cssmenu ul ul {
				  position: absolute;
				  left: -9999px;
				}
				#cssmenu.align-right ul ul {
				  text-align: right;
				}
				#cssmenu ul ul li {
				  height: 0;
				  -webkit-transition: all .1s ease;
				  -moz-transition: all .1s ease;
				  -ms-transition: all .1s ease;
				  -o-transition: all .1s ease;
				  transition: all .1s ease;
				}
				#cssmenu li:hover > ul {
				  left: auto;
				}
				#cssmenu.align-right li:hover > ul {
				  left: auto;
				  right: 0;
				}
				#cssmenu li:hover > ul > li {
				  height: 50px;
				}
				#cssmenu ul ul ul {
				  margin-left: 100%;
				  top: 0;
				}
				#cssmenu.align-right ul ul ul {
				  margin-left: 0;
				  margin-right: 100%;
				}
				#cssmenu ul ul li a {
				  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
				  padding: 11px 10px;
				  width: 200px;
				  font-size: 15px;
				  text-decoration: none;
				  text-align: left; 
				  color: #dddddd;
				  font-weight: 700;
				  background: #333333;
				}
				#cssmenu ul ul li:last-child > a,
				#cssmenu ul ul li.last-item > a {
				  border-bottom: 0;
				}
				#cssmenu ul ul li:hover > a,
				#cssmenu ul ul li a:hover {
				  color: #ffffff;
				  background-color: #707070
				}
				#cssmenu.align-right ul ul li.has-sub > a:after {
				  right: auto;
				  left: 11px;
				}
				#cssmenu.align-right ul ul li.has-sub > a:before {
				  right: auto;
				  left: 14px;
				}
				#cssmenu ul ul > li.has-sub:hover > a:before {
				  top: 17px;
				  height: 0;
				}


			@media screen and (max-width: 908px) {
				  	#cssmenu,
					#cssmenu ul,
					#cssmenu ul li,
					#cssmenu ul li a,
					#cssmenu #menu-button {
						z-index: 1;  /*  GB added this to reset z-index to 1 so mobile menu works it is QUITE important */
		   				line-height: 35px;
		   			}

					#cssmenu {
						background: #424242;
					    width: 600px;
					    height: 35px;
					}

					#menu-button {
						
					}

					#cssmenu ul {
						display: none;
					}

					#cssmenu ul > li {
						background: #3B3B3B;
					}

					#cssmenu > ul > li > a {
					  	padding: 0 15px;
						font-size: 14px;
						letter-spacing: 0px;
						text-decoration: none;
						color: #dddddd;
						text-transform: uppercase;
					}
					#cssmenu > ul > li:hover > a {
					  color: #ffffff;
					  background-color: #01a33e
					}

					#cssmenu > ul > li.has-sub > a {
					  padding-right: 30px;
					}

					#cssmenu > ul > li.has-sub > a:after {
					  position: absolute;
					  top: 22px;
					  right: 11px;
					  width: 8px;
					  height: 2px;
					  display: block;
					  background: #dddddd;
					  content: '';
					}
					#cssmenu > ul > li.has-sub > a:before {
					  position: absolute;
					  top: 19px;
					  right: 14px;
					  display: block;
					  width: 2px;
					  height: 8px;
					  background: #dddddd;
					  content: '';
					  -webkit-transition: all .25s ease;
					  -moz-transition: all .25s ease;
					  -ms-transition: all .25s ease;
					  -o-transition: all .25s ease;
					  transition: all .25s ease;
					}
					#cssmenu > ul > li.has-sub:hover > a:before {
					  top: 23px;
					  height: 0;
					}
					#cssmenu ul ul li a {
					  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
					  padding: 11px 15px;
					  width: 230px;
					  font-size: 14px;
					  text-decoration: none;
					  color: #dddddd;
					  background: #333333;
					}
					#cssmenu ul ul li.has-sub > a:after {
					  position: absolute;
					  top: 16px;
					  right: 11px;
					  width: 8px;
					  height: 2px;
					  display: block;
					  background: #dddddd;
					  content: '';
					}
					#cssmenu.align-right ul ul li.has-sub > a:after {
					  right: auto;
					  left: 11px;
					}
					#cssmenu ul ul li.has-sub > a:before {
					  position: absolute;
					  top: 13px;
					  right: 14px;
					  display: block;
					  width: 2px;
					  height: 8px;
					  background: #dddddd;
					  content: '';
					  -webkit-transition: all .25s ease;
					  -moz-transition: all .25s ease;
					  -ms-transition: all .25s ease;
					  -o-transition: all .25s ease;
					  transition: all .25s ease;
					}
					#cssmenu.align-right ul ul li.has-sub > a:before {
					  right: auto;
					  left: 14px;
					}
					#cssmenu ul ul > li.has-sub:hover > a:before {
					  top: 17px;
					  height: 0;
					}
					
					#cssmenu.align-center > ul {
					    text-align: left;
					}
					#cssmenu ul li {
					width: 100%;
					border-top: 1px solid rgba(120, 120, 120, 0.2);
					}
					#cssmenu ul ul li,
					#cssmenu li:hover > ul > li {
					height: auto;
					}
					#cssmenu ul li a,
					#cssmenu ul ul li a {
					width: 100%;
					border-bottom: 0;
					}
					#cssmenu > ul > li {
					float: none;
					}
					#cssmenu ul ul li a {
					padding-left: 25px;
					}
					#cssmenu ul ul ul li a {
					padding-left: 35px;
					}
					#cssmenu ul ul li a {
					color: #dddddd;
					background: none;
					}
					#cssmenu ul ul li:hover > a,
					#cssmenu ul ul li.active > a {
					color: #ffffff;
					background-color: #01a33e
					}
					#cssmenu ul ul,
					#cssmenu ul ul ul,
					#cssmenu.align-right ul ul {
					position: relative;
					left: 0;
					width: 100%;
					margin: 0;
					text-align: left;
					}
					#cssmenu > ul > li.has-sub > a:after,
					#cssmenu > ul > li.has-sub > a:before,
					#cssmenu ul ul > li.has-sub > a:after,
					#cssmenu ul ul > li.has-sub > a:before {
					display: none;
					}
					#cssmenu #menu-button {
					text-align: left;
					display: block;
					padding: 1px 15px;
				    color: #8E8E8E;
				    cursor: pointer;
				    font-size: 12px;
					text-transform: uppercase;
					}
					#cssmenu #menu-button:after {
					position: absolute;
					top: 16px;
					right: 17px;
					display: block;
					height: 5px;
					width: 20px;
					border-top: 3px solid #dddddd;
					border-bottom: 3px solid #dddddd;
					content: '';
					}
					#cssmenu #menu-button:before {
					position: absolute;
					top: 8px;
					right: 17px;
					display: block;
					height: 3px;
					width: 20px;
					background: #dddddd;
					content: '';
					}
					#cssmenu #menu-button.menu-opened:after {
					top: 19px;
					border: 0;
					height: 2px;
					width: 15px;
					background: #ffffff;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
					}
					#cssmenu #menu-button.menu-opened:before {
					top: 19px;
					background: #ffffff;
					height: 2px;
					width: 15px;
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
					#cssmenu .submenu-button {
					position: absolute;
					z-index: 99;
					right: 0;
					top: 0;
					display: block;
					border-left: 1px solid rgba(120, 120, 120, 0.2);
					height: 46px;
					width: 46px;
					cursor: pointer;
					}
					#cssmenu .submenu-button.submenu-opened {
					background: #01a33e;
					}
					#cssmenu ul ul .submenu-button {
					height: 34px;
					width: 34px;
					}
					#cssmenu .submenu-button:after {
					position: absolute;
					top: 22px;
					right: 19px;
					width: 8px;
					height: 2px;
					display: block;
					background: #dddddd;
					content: '';
					}
					#cssmenu ul ul .submenu-button:after {
					top: 15px;
					right: 13px;
					}
					#cssmenu .submenu-button.submenu-opened:after {
					background: #ffffff;
					}
					#cssmenu .submenu-button:before {
					position: absolute;
					top: 19px;
					right: 22px;
					display: block;
					width: 2px;
					height: 8px;
					background: #dddddd;
					content: '';
					}
					#cssmenu ul ul .submenu-button:before {
					top: 12px;
					right: 16px;
					}
					#cssmenu .submenu-button.submenu-opened:before {
					display: none;
					}			
				}
			
			@media screen and (max-width: 500px) {
				  	#cssmenu,
					#cssmenu ul,
					#cssmenu ul li,
					#cssmenu ul li a,
					#cssmenu #menu-button {
						z-index: 1;                       /*  GB added this to reset z-index to 1 so mobile menu works it is QUITE important */
					}

					#cssmenu {
						background: #424242;
					    width: 300px;
					}

					#cssmenu ul {
					    width: 100%;
					    display: none;
					}

					#cssmenu > ul > li > a {
					  padding: 0 15px;
					  font-size: 15px;
					  letter-spacing: 0px;
					  text-decoration: none;
					  color: #dddddd;
					  text-transform: uppercase;
					}
					#cssmenu > ul > li:hover > a {
					  color: #ffffff;
					  background-color: #01a33e
					}

					#cssmenu > ul > li.has-sub > a {
					  padding-right: 30px;
					}

					#cssmenu > ul > li.has-sub > a:after {
					  position: absolute;
					  top: 22px;
					  right: 11px;
					  width: 8px;
					  height: 2px;
					  display: block;
					  background: #dddddd;
					  content: '';
					}
					#cssmenu > ul > li.has-sub > a:before {
					  position: absolute;
					  top: 19px;
					  right: 14px;
					  display: block;
					  width: 2px;
					  height: 8px;
					  background: #dddddd;
					  content: '';
					  -webkit-transition: all .25s ease;
					  -moz-transition: all .25s ease;
					  -ms-transition: all .25s ease;
					  -o-transition: all .25s ease;
					  transition: all .25s ease;
					}
					#cssmenu > ul > li.has-sub:hover > a:before {
					  top: 23px;
					  height: 0;
					}
					#cssmenu ul ul li a {
					  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
					  padding: 0px 15px;
					  width: 230px;
					  font-size: 14px;
					  text-decoration: none;
					  color: #dddddd;
					  background: #333333;
					}
					#cssmenu ul ul li.has-sub > a:after {
					  position: absolute;
					  top: 16px;
					  right: 11px;
					  width: 8px;
					  height: 2px;
					  display: block;
					  background: #dddddd;
					  content: '';
					}
					#cssmenu.align-right ul ul li.has-sub > a:after {
					  right: auto;
					  left: 11px;
					}
					#cssmenu ul ul li.has-sub > a:before {
					  position: absolute;
					  top: 13px;
					  right: 14px;
					  display: block;
					  width: 2px;
					  height: 8px;
					  background: #dddddd;
					  content: '';
					  -webkit-transition: all .25s ease;
					  -moz-transition: all .25s ease;
					  -ms-transition: all .25s ease;
					  -o-transition: all .25s ease;
					  transition: all .25s ease;
					}
					#cssmenu.align-right ul ul li.has-sub > a:before {
					  right: auto;
					  left: 14px;
					}
					#cssmenu ul ul > li.has-sub:hover > a:before {
					  top: 17px;
					  height: 0;
					}
					
					#cssmenu.align-center > ul {
					    text-align: left;
					}
					#cssmenu ul li {
					width: 100%;
					border-top: 1px solid rgba(120, 120, 120, 0.2);
					}
					#cssmenu ul ul li,
					#cssmenu li:hover > ul > li {
					height: auto;
					}
					#cssmenu ul li a,
					#cssmenu ul ul li a {
					width: 100%;
					border-bottom: 0;
					}
					#cssmenu > ul > li {
					float: none;
					}
					#cssmenu ul ul li a {
					padding-left: 25px;
					}
					#cssmenu ul ul ul li a {
					padding-left: 35px;
					}
					#cssmenu ul ul li a {
					color: #dddddd;
					background: none;
					}
					#cssmenu ul ul li:hover > a,
					#cssmenu ul ul li.active > a {
					color: #ffffff;
					background-color: #01a33e
					}
					#cssmenu ul ul,
					#cssmenu ul ul ul,
					#cssmenu.align-right ul ul {
					position: relative;
					left: 0;
					width: 100%;
					margin: 0;
					text-align: left;
					}
					#cssmenu > ul > li.has-sub > a:after,
					#cssmenu > ul > li.has-sub > a:before,
					#cssmenu ul ul > li.has-sub > a:after,
					#cssmenu ul ul > li.has-sub > a:before {
					display: none;
					}
					#cssmenu #menu-button {
					text-align: left;
										
					}
					#cssmenu #menu-button:after {
					position: absolute;
					top: 24px;
					right: 17px;
					display: block;
					height: 5px;
					width: 20px;
					border-top: 3px solid #dddddd;
					border-bottom: 3px solid #dddddd;
					content: '';
					}
					#cssmenu #menu-button:before {
					position: absolute;
					top: 16px;
					right: 17px;
					display: block;
					height: 3px;
					width: 20px;
					background: #dddddd;
					content: '';
					}
					#cssmenu #menu-button.menu-opened:after {
					top: 23px;
					border: 0;
					height: 2px;
					width: 15px;
					background: #ffffff;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
					}
					#cssmenu #menu-button.menu-opened:before {
					top: 23px;
					background: #ffffff;
					width: 15px;
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
					#cssmenu .submenu-button {
					position: absolute;
					z-index: 99;
					right: 0;
					top: 0;
					display: block;
					border-left: 1px solid rgba(120, 120, 120, 0.2);
					height: 35px;
					width: 35px;
					cursor: pointer;
					}
					#cssmenu .submenu-button.submenu-opened {
					background: #01a33e;
					}
					#cssmenu ul ul .submenu-button {
					height: 34px;
					width: 34px;
					}
					#cssmenu .submenu-button:after {
					position: absolute;
					top: 22px;
					right: 19px;
					width: 8px;
					height: 2px;
					display: block;
					background: #dddddd;
					content: '';
					}
					#cssmenu ul ul .submenu-button:after {
					top: 15px;
					right: 13px;
					}
					#cssmenu .submenu-button.submenu-opened:after {
					background: #ffffff;
					}
					#cssmenu .submenu-button:before {
					position: absolute;
					top: 19px;
					right: 22px;
					display: block;
					width: 2px;
					height: 8px;
					background: #dddddd;
					content: '';
					}
					#cssmenu ul ul .submenu-button:before {
					top: 12px;
					right: 16px;
					}
					#cssmenu .submenu-button.submenu-opened:before {
					display: none;
					}	


					#cssmenu #menu-button:after {
					top: 17px;
					}

					#cssmenu #menu-button:before {
					top: 9px;
					}

					#cssmenu #menu-button.menu-opened:after {
					top: 18px;
					
					}
					#cssmenu #menu-button.menu-opened:before {
					top: 18px;
					

				}