@media (min-width: 992px) { .navigation .container.clearfix,
.navigation.transparent .container.clearfix,
.navigation.sticky-nav .container.clearfix {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: relative;
min-height: 70px;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding-left: 15px !important;
padding-right: 15px !important;
box-sizing: border-box !important;
}
.navigation .four.columns,
.navigation.transparent .four.columns,
.navigation.sticky-nav .four.columns {
width: auto !important;
float: none !important;
flex-shrink: 0;
margin: 0 !important;
padding: 0 !important;
}
.navigation .twelve.columns,
.navigation.transparent .twelve.columns,
.navigation.sticky-nav .twelve.columns {
width: auto !important;
float: none !important;
flex-grow: 1;
display: flex !important;
justify-content: center;
align-items: center;
margin: 0 !important;
padding: 0 !important;
} #nav {
display: flex !important;
align-items: center !important;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
}
#nav > li {
float: none !important;
display: inline-flex !important;
align-items: center !important;
vertical-align: middle;
}
#nav > li > a {
display: flex !important;
align-items: center !important;
line-height: 1 !important;
} .header-phone-desktop {
display: flex !important;
align-items: center;
flex-shrink: 0;
margin-left: 25px;
}
.header-phone-desktop a {
display: flex;
align-items: center;
color: #000 !important;
text-decoration: none;
font-weight: 700;
font-size: 22px;
transition: color 0.3s ease;
white-space: nowrap;
}
.header-phone-desktop a:hover {
color: #8B0000 !important;
}
.header-phone-desktop i,
.header-phone-desktop .fa,
.header-phone-desktop .fa-phone {
margin-right: 10px;
font-size: 24px;
color: #000 !important;
transition: color 0.3s ease;
}
.header-phone-desktop a:hover i,
.header-phone-desktop a:hover .fa {
color: #8B0000 !important;
} .navigation,
.navigation.transparent,
.navigation.sticky-nav {
width: 100% !important;
}
} @media (max-width: 991px) {
.header-phone-desktop {
display: none !important;
}
}