.block-htec-section-menu nav li a {float: left; border-bottom: 1px solid #E4E4E4; font-size: 20px; padding: 10px; width: 100%}
.block-htec-section-menu nav ul {list-style-type: none; padding: 0}
.block-htec-section-menu nav .level3 {padding-left: 20px}
.block-htec-section-menu nav .level3 a {font-size: 18px}
.block-htec-section-menu nav .level3 a.active {background: #C6AD92}
.block-htec-section-menu nav .level4 {padding-left: 40px}
.block-htec-section-menu nav .level4 a {font-size: 16px}
.block-htec-section-menu nav .level4 a.active {background: #DECCB8; color: #96744F}

/* ----- SCREENS UP TO 600PX ----- */
/* =============================== */
@media only screen and (max-width: 600px) {
	#block-htec-section-menu-section-menu-mobile h2 {display: none}
	#block-htec-section-menu-section-menu-mobile {margin-bottom: 30px}	#block-htec-section-menu-section-menu-mobile .btn {all: inherit; border-color: #E4E4E4; border-style: solid; border-width: 2px 0; cursor: pointer; margin: 0; padding: 7px 0 5px 10px; width: 100%}	#block-htec-section-menu-section-menu-mobile .btn:active {border-color: #4B65A0; color: #4B65A0}	#block-htec-section-menu-section-menu-mobile .fa {margin-right: 10px}}
	
.nav-icon {float: left; margin-top: 1px; width: 15px}
.nav-icon:after, .nav-icon:before, .nav-icon div {background-color: #666; border-radius: 1px; content: ''; display: block; height: 2px; margin: 4px 0; transition: all .2s ease-in-out}
button:not(.collapsed) .nav-icon:before {transform: translateY(6px) rotate(135deg)}
button:not(.collapsed) .nav-icon:after {transform: translateY(-6px) rotate(-135deg)}
button:not(.collapsed) .nav-icon div {transform: scale(0)}


/* ----- SCREENS UP TO 1024PX ----- */
/* =============================== */
@media only screen and (max-width: 1024px) {

}


/* ----- SCREENS ABOVE 1024PX ----- */
/* ================================ */

@media only screen and (min-width: 1024px) {
	.block-htec-section-menu {background: #F4F4F4; padding: 20px}
	.block-htec-section-menu li a:hover {background: #E4E4E4}
}