*, *:before, *:after { box-sizing: border-box; }

/*** ESSENTIAL STYLES ***/
.sf-contener{ 
    width: 850px !important; 
    margin: auto;
    margin-top: 32px;
}
.sf-menu, .sf-menu *{ 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}
.sf-menu{ 
    position: relative; 
    padding: 0; 
    width: 100%; 
    border: 0px solid #000; 
    background: transparent; 
    display: table; 
}
.sf-menu ul{ 
    position: absolute; 
    top: -999em; 
    background: white; 
}
.sf-menu ul li{ 
    width: 100%; 
}
.sf-menu li:hover{ 
    visibility: inherit;
}
.sf-menu > li{ 
    float: left; 
    border: 0px solid #44474e; 
    width: 16.66666666%; 
}
.sf-menu > li > a{ 
    font-family: "Open Sans", "sans-serif"; 
    text-align: center; 
    text-transform: uppercase; 
    color: #053E72; 
    display: block; 
    padding: 4px 0px 4px 0px; 
    text-decoration: none; 
    font-size: 1.7rem; 
    font-weight: 700;}

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a{ 
    background: #053E72; 
    color: #fff !important;
}
.sf-menu li ul{ 
    display: none; 
    background-color: #053E72; 
    left: 0; 
    top: 32px; /* match top ul list item height */ 
    z-index: 99; 
    padding: 12px 0 18px 0; 
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{ 
    top: -999em; 
}
.sf-menu > li > ul{ 
    padding: 23px 30px 23px 30px; 
    width: 100%; 
}
.sf-menu .col-md-3{
    padding: 0 9px; 
    border: 0px solid #fff;
}
.sf-menu .links li{ 
    padding: 6px 0; 
}
.sf-menu .links a{
    font-family: "Open Sans", "sans-serif"; 
    color: #fff !important; 
    font-size: 1.5rem; 
    font-weight: 400;
    text-decoration: none;
    line-height: 135% !important;
}
.sf-menu .links a:hover{ 
    color: #ddd !important; 
    text-decoration: none;
}
.sf-menu img{
  max-width: 100%;
  height: auto;
}
.desktop{
    display: block;
}
.mobile{
    display: none;
}

@media only screen and (max-width: 1180px) {
    
    .sf-contener {
        width: 810px !important;
        margin-top: 32px;
    }
    .sf-menu > li > a {
        font-size: 1.5rem;
    }
    .sf-menu li ul{ 
        top: 29px; /* match top ul list item height */ 
    }
	
}
@media only screen and (max-width: 1024px) {
    
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }
	
}