#hbbttn{width: 180px;}
	.paybttn{display: block;}

	.paybttn a
	{display: inline-block; text-decoration: none; border: none;cursor: pointer; line-height: 1; text-align: center; background-color: #66c10b; color: var(--font); padding: 14px 0px;  font-weight: 600; position: absolute;  top: 15px; right: 200px;height: 50px; width: 180px; font-size: 18px}

	.paybttn a:hover, .paybttn a:focus {text-decoration: none;background-color: var(--main); color: var(--second);}
	nav.mobile .paybttn a{ position: static; margin: 20px auto;color: var(--font);display: flex; justify-content: center; align-items: center;}
	nav.mobile .paybttn a:hover, .paybttn a:focus {color: var(--main); background-color: var(--second);}



	.toplinks { right: 420px;} 
	.toplinks a, .toplinks .notalink { margin-left: 20px;font-size: 16px;}
	.toplinks a .RLicon{font-size: 18px;}

	.TL{padding-right: 10px;}
	.TL a{margin-left: 0; padding: 0 12px; font-size: 18px;}

	@media only screen and (max-width: 1280px) {
		#sitesearch { right: 50px; top: 74px; }
		.toplinks {right: 0; top: 20px;} 
		.sitesearch {top: 145px; right: 0; width: 500px; }
		#hbbttn{top: 75px; right: 110px;}
		.hb{ top: 145px; }
		.paybttn a	{ top: 75px; right: 310px;}
		.toplinks a, .toplinks .notalink {font-size: 18px;}


	}

	@media only screen and (max-width: 991px) {
		header .paybttn{display: none;}
	}

	@media only screen and  (max-width: 700px) {
		header {padding: 0;}
		header .liner {max-width: 300px; height: 155px;}
		a.homelink{width: 275px; left: 15px;  height: 80px;}
		#sitesearch {top: 93px; }
		button.menutoggler{ top: 93px;  }

	}
	@media only screen and  (max-width: 700px) {
		#hbbttn{top: 90px; right: auto; left: 0;}
		.hb{ width: 100%; }
	}




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

/** MOBI MENU ***************************************/

		nav.pc {display: none;}

		button.menutoggler{ display: block; height: 44px; width: 44px; color: var(--main); position: absolute; top: 74px; right: 0;  border-bottom: solid 2px transparent; padding-bottom: 0; transition: all .25s;display: flex;  align-items: flex-end;justify-content: center;  font-size: 32px;}
		button.menutoggler:hover, button.menutoggler:focus {transition:  all .25s; padding-bottom: 5px; border-bottom: solid 2px var(--main); }
		button.menutoggler:before{content: "\f0c9"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; position: relative;  top: 8px}
		
		nav.mobile button.menutoggler2{text-decoration: none; height: 44px; width: 44px; font-size: 20px; color: #FFFFFF; position: absolute; top: 0; right: 0; text-align: center; }
		nav.mobile button.menutoggler2:after {content: '';}

		nav.mobile{display: block; background-color: var(--main); color: white; height: 100%; position: fixed; z-index: 1000; top: 0; overflow-y: auto;  width: 300px; right: -300px; text-align: left;  transition: all .25s; padding: 40px 30px 80px 30px;}
		nav.mobile.out{right: 0; box-shadow: 0 0 5px black;}

		div.L2, div.L3 {display: none;}

		nav.mobile a, nav.mobile button {color: white;text-decoration: none; position: relative; width: 100%; text-align: left;  display: block; transition: all .25s; padding: 0;  font-size: 22px;  font-weight: 600; margin-top: 20px;}

		 nav.mobile .L2 a, nav.mobile .L2 button {font-size: 18px; color: var(--second); margin-top: 10px;}

		 nav.mobile .L2 a{text-decoration: underline;}

		nav.mobile .tplnks {border-top: solid 2px white; margin-top: 20px;}
		nav.mobile .tplnks a{display: block;}

		/*https://css-tricks.com/the-current-state-of-styling-scrollbars/*/
		nav.mobile::-webkit-scrollbar {width: 10px;}
		nav.mobile::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.7);
			background-color: var(--main);
		}
		nav.mobile::-webkit-scrollbar-thumb {
			-webkit-box-shadow: inset 0 0 3px rgba(0,73,135,.7);
			border-radius: 5px;
			background-color: var(--second);
		}
	}

	@media only screen and  (max-width: 700px) {
		button.menutoggler{ top: 93px;  }

	}