.headContent {
	width: 100%; margin: auto;/* top: 0;*/
	transition: all ease .2s;
}
.topbar { background: #202020; padding: 0; color: #fff;}
.tb-content {padding: 0 20px;}
.aut p {font-size: 1rem;}
.tb-linst {padding: 3px 0;}
.tb-linst a {
	font-size: 1.1rem; font-weight: 500;
	color: #fff; padding: 0 12px;
	position: relative; z-index: 1;
	border-right: 2px solid #fff;
}
.infNav {
	width: 100%; position: absolute; z-index: 1000; top: 28px;
	background: var(--dgreen);
}
.intmain .infNav {position: relative; top: 0;}
.menuarea {width: 100%;}

.logoresp {position: relative;}
.logoresp a {
	display: inline-block; padding: 10px 20px;
}

.tb-linst a:last-child {border-right: none; padding-right: 5px;}
.tb-linst a::after {
    content: ""; position: absolute;
    width: 0; height: 100%; top: 0; left: 0;
    right: 0; margin: auto;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-bottom: 1px solid transparent;
}
.tb-linst a:last-child::after {margin-right: 3px; right: 0;}
.tb-linst a:hover {color: #d4c600;}

ul.menu2, .submenu {list-style-type: none;}
ul.submenu, .mobile {display: none;}
ul.menu2 > li {
	position: relative; padding: 0 30px; cursor: pointer;
	border-right: 1px solid rgba(255,255,255,.3);
}
ul.menu2 > li:last-child {border-right: none; padding-right: 0}
ul.menu2 {
	color: #fff; text-transform: uppercase;
	padding: 20px; font-weight: 500;
	font-size: 1.3rem;
}
ul.menu2 li i {font-size: 1.4rem; position: absolute; right: 18px; top: 3px;}
ul.menu2 li a {display: block; color: #fff;}
.logoresp img  {width: 190px;}
ul.menu2 li i, .toggle-menu-main, .logoresp img, .paddingcontent  {
	-moz-transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
ul.menu2 > li:hover {color: #B7D154;}

ul.submenu {
	min-width: 260px; position: absolute;
	left: 0; top: 30px; list-style-type: none;
	background: #005A44; z-index: 100;
	box-shadow: 2px 2px 3px rgba(0,0,0,.6);
}
ul.submenu li i {font-size: 1.6rem; margin-right: 0px;}
ul.submenu li a {
	display: block; padding: 0 0 0 12px; 
	font-size: 1.2rem; line-height: 4;
	color: #fff; background: none;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
ul.submenu li:last-child a {border-bottom: none;}
ul.submenu li a:hover {background: #74BA52;}

.rotate {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
/* thist style is for sticky main */
.sticky .infNav {
	position: fixed; top: 0;
	box-shadow: 0 1px 3px rgba(0,0,0,.5); 
}
.sticky .logoresp a {padding: 5px;}
.sticky .logoresp a img {width: 120px;}
/* end sticky main */

@media screen and (max-width: 1124px) {
	.logoresp a {padding: 20px;}
	ul.menu2 > li {padding: 0 30px;}
	.topbar {padding: 0 20px;}
	.tb-linst a {padding: 0 5px;}
}

@media screen and (max-width: 980px) {
	li.no-mobile, .green, .logoresp::after {display: none;}
	.logoresp {box-shadow: none;}
	.logoresp img {max-width: 180px;}
	.tb-linst a {padding: 0 5px;}
	.logoresp a {padding: 6px 15px 6px 10px;}
	ul.menu2 > li {padding: 0 30px 0 20px;}
	ul.menu2 li i {top: 8px;}
	.menuarea {min-height: auto;}
}
@media screen and (max-width: 768px) {
	.logoresp a {background: transparent; padding: 0;}
	.paddingcontent {padding-top: 48px;}
	.headContent {background: transparent;}
	.topbar {display: none;}
	ul.menu2 li span:nth-child(2)  {font: bold 1.5rem/1.2 'Arial';}
	
	.mobile {
		display:-webkit-box; display:-moz-box;
		display:-webkit-flex; display:-ms-flexbox;
		display: flex;
	}
	.infNav, .intmain .infNav {
		position: fixed; width: 100%; padding: 0; top: 0;
		background: #fff;
		background: -webkit-linear-gradient(#fff, #F2F2F2);
		background: -o-linear-gradient(#fff, #F2F2F2);
		background: linear-gradient(#fff, #F2F2F2);
		box-shadow: 1px 1px 1px #015B42; z-index: 1000;
	}
	.lockSection {height: 100vh; overflow: hidden;}
	.logoresp {padding: 5px 10px;}
	.logoresp img {width: 115px;}
	.wrapper {padding-top: 0;}
/* icon nav menu */
	.iconNav {
		display: inline-block; cursor: pointer; 
  		position: absolute; z-index: 1; right: 15px; top: 7px;
	}
	.bar {
		width: 30px; height: 4px; margin: 6px 0; border-radius: 2px;
		background-color: var(--dgreen); transition: 0.4s;
	}
	.change .bar1 {
	  -webkit-transform: rotate(-45deg) translate(-7px, 7px);
	  transform: rotate(-45deg) translate(-7px, 7px);
	}
	.change .bar2 {opacity: 0;}
	.change .bar3 {
	  -webkit-transform: rotate(45deg) translate(-7px, -7px);
	  transform: rotate(45deg) translate(-7px, -7px);
	}

.toggle-menu-main {
    width: 85%; height: 100vh;
    background: url('../img/bg-respmnu.png') #007A5C no-repeat;
    background-size: 100%; position: fixed;
    top: 0; left: -85%; padding: 5px 0;
    border-right: 7px solid #C4D600;
    overflow-y: scroll;
}
/* end icon nav menu */
	ul.menu2 {
		font: bold 1.4rem/1.2 'Arial'; padding: 5px;
		color: #038225; list-style-type: none;
	}
	ul.menu2 > li {
		display: block; color: #fff;
		line-height: 3.5; border-right: none;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		text-transform: uppercase;
		position: relative; padding: 0 10px;
	}
	ul.menu2 > li.no-mobile {display: none;}
	ul.menu2 > li:first-child {border: none; overflow: hidden;}
	ul.menu2 > li a {color: #fff;}
	ul.menu2 li i {
		font-size: 2.6rem; right: 15px; top: 10px; 
		color: rgba(255,255,255,.5);
	}
	.close {
		font: normal 1.2rem/3.6 Arial; color: #fff;
	    background: rgba(255, 255, 255,0.3);
		margin-right: 10px; padding: 0 15px;
	}
	.toggle-resp {left: 0;} /* class add jquery */
	.submenu01, .submenu02 {left: 0;}
	.submenu03 {right: 0;}
	ul.submenu {
		width: 100%; list-style-type: none;
		position: relative; top: 0;
	}
	ul.submenu li i {font-size: 1.6rem; margin-right: 0px;}
	.submenu li a {
		display: block; padding: 0 0 0 12px; 
		background: none; font-size: 1.2rem;
		line-height: 4; color: #fff; 
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	ul.menu2 > li:nth-last-child(4) {padding: 0 10px;}
}

@media screen and (max-width: 640px) {
	.infBox {
	    width: 90%; padding: 20px;
	    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	    margin: 10px 0;
	}
}