html body .home_link_responsive i {
	font-weight: 400;
}
.topmn {
    float:none !important;
    display: inline-block;
}

.topmn > ul {
    float: none !important;
    padding:0;
    list-style: none;
    margin: 0;
    display: inline-block;
}

.topmn > ul > li {
    float: none !important;
}

.topmn > ul > li  a {
    outline:0;
}
#topMenuSearchBtn #topMenuSearchInput2 {
			transition: 0.2s all linear;
	visibility: hidden;
			opacity: 0;
	position: absolute;
	padding: 5px 10px;
		}
		#topMenuSearchBtn:hover #topMenuSearchInput2 {
			visibility: visible;
			opacity: 1;
		}
#topMenuSearchBtn #topMenuSearchInput2:focus-within, #topMenuSearchBtn #topMenuSearchInput2 + input:active {
	visibility: visible;
			opacity: 1;
}


@media screen and (min-width: 770px) {
	#btnTopMenuSearch, #btnTopMenuSearch2 {
		display: none;
	}
}

@media screen and (max-width: 769px) {
	#topmenu #topMenuSearchHover i.menu {
		line-height: 40px;
		height: 40px;
		margin-left: 20px;
	}
	body #topmenu-responsive #menu #topMenuSearchHover li {
		border-top: 0px solid transparent !important;
		border-bottom: 0px solid transparent !important;
	}
	#topMenuSearchBtn {
		position: relative;
	}
	#topMenuSearchBtn #topMenuSearchInput2 {
		transition: 0.2s all linear;
		visibility: visible;
		opacity: 1;
		padding: 0px;
		top: 4px;
		left: 45px;
	}
	#btnTopMenuSearch2, #btnTopMenuSearch {
		margin-left: 5px;
		-webkit-appearance: none;
		background-color: rgb(170, 170, 170);
		position: absolute;
	}
	#topMenuSearchInput input, #topMenuSearchInput2 input {
		height: 30px;
		float: left;
		

	}
	#topMenuSearchInput {
		padding: 5px 0;
	}
	#topMenuSearchInput #txtTopMenuSearch {
		max-width: 300px;
		width: 70% !important;
		margin: 0 10px 0 15px;
	}
	#topMenuSearchBtn #txtTopMenuSearch2 {
		width: 75%;
		max-width: 300px;
	}
	#topMenuSearchBtn #topMenuSearchInput2 {
		background-color: transparent !important;
	}
}
/*
html body li > .menu > span  {
    position: relative;
    float: left;
    width: auto;
    height: auto;
}

html body form #topmenu .level2 li .hasIcon {


    padding: 0px !important;
    border: none !important;
    border-left: none !important;
    padding-right: 35px !important;
    padding-left: 10px !important;

    padding-right: 20px !important;
    box-sizing: content-box;
}
*/

/*
html body .level1 li > .menu > span > i, html body .level1 li > .menu > span > svg {
    position: relative;
    float: left;
    width: 20px;
    height: auto;
    line-height: 60px;
    margin-right: 5px;
    text-align: left;
}

html body .level1 > li > .menu > span > i::before, html body .level1 > li > .menu > span > svg::before {
    line-height: 60px !important;
}

html body .menu > span > i, html body .menu > span > svg {
    position: relative;
    float: left;
    width: 20px;
    height: 60px;
    line-height: 60px;
    margin-right: 5px;
    font-family: "Font Awesome 5 Pro";
    text-align: left;
}
*/

html body #menuBar #topmenu .menu {
   position: relative;
}

html body #menuBar #topmenu .create_profile_link_responsive {
    position: absolute !important;
}

html body #menuBar #topmenu .menu > span {
   width: 100%;
   height: auto;
}

html body #menuBar #topmenu .menu > .hasIcon {
    position: absolute;
    top: 50%;
    left: auto;
    width: 20px;
    height: auto;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

html body #menuBar #topmenu .menu > .hasIcon > i {
    position: relative;
    float: left;
    width: 20px;
    height: auto;
    text-align: center;
    text-indent: 0px !important;
}

html body #menuBar #topmenu .menu > .hasIcon + span {
    padding-left: 25px !important;
}

html body .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

html body .fas {
    font-family: "Font Awesome 6 Pro" !important;
}

/*
html body .level2 .menu > span > i, html body .level2 .menu > span > svg {
    height: 40px !important;
    line-height: 40px !important;
}

html body .level2 .menu > span > i::before, html body .level2 .menu > span > svg::before {
    line-height: 40px !important;
}
*/

html body .topmn .far {
    font-weight: 400 !important;
}

/*
@media screen and (max-width: 769px) {
    html body form .menu, html body form .menu > span, html body form .menu > span > i, html body form .menu > span > svg {
        height: 40px !important;
        line-height: 40px !important;
    }

    html body .level1 > li > .menu > span > i::before, html body .level1 > li > .menu > span > svg::before {
        line-height: 40px !important;
    }
}
*/

@media screen and (min-width: 770px) {
    body #menu .megadrop > li {
        float:left !important;
        display:inline-block !important;
        width:25% !important;
    }
}




html body .fa {


}