.block-htec-section-menu {margin-bottom: 40px}
.block-htec-section-menu h2 {margin-top: 0}
.block-htec-section-menu nav li a {float: left; border-bottom: 1px solid #E4E4E4; color: #731472; font-size: 20px; padding: 10px; width: 100%}
.block-htec-section-menu nav ul {list-style-type: none; padding: 0}
.block-htec-section-menu .active, .block-htec-section-menu .active:hover {background: #731472; border-left: 5px solid #D5C115; color: #FFF}


/* ----- SCREENS UP TO 600PX ----- */
/* =============================== */
@media only screen and (max-width: 600px) {
	#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}}

/* ----- 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}
}