@media screen and (max-width: 801px)  {
  
html body > img {border:2px solid #f0f; margin-bottom:-15px; display:block; overflow:hidden; }
input.form-user-registration-radio {
    -webkit-appearance: radio !important;
}
input.form-user-registration-checkbox {
    -webkit-appearance: checkbox !important;
}
input, textarea {-webkit-appearance: none;}  

.header, .navigation {display:none !important;}
#mobile-login {display:none !important;}

/*ESPANDI MENU*/
.espandi-menu {background: #8C3332; display: block; height: 50px; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 50px;}
.espandi-menu span{position: relative;margin:25px 0 0 10px;}
.espandi-menu span,
.espandi-menu span:before,
.espandi-menu span:after{ background: #FFFFFF;height: 2px;width: 27px;display: block;-webkit-transition: all 0.2s; transition: all 0.2s;}
.espandi-menu span:before{content: ""; position: absolute;top: -10px;left: 0px;z-index: 1;transform-origin: 50% 0%;}
.espandi-menu span:after{content: "";position: absolute;top: 10px;left: 0px;z-index: 1;transform-origin: 50% 100%;}
.espandi-menu.newOpen span{background: #873034;width: 0;}
.espandi-menu.newOpen span:before{transform: rotate(45deg);top: 0px;}
.espandi-menu.newOpen span:after{transform: rotate(-45deg);top: 0px;}
.header-mobile{ display:block; width:100%; height:50px; background: #f9eee5;position: relative;margin: 0px;overflow:hidden;}
.header-mobile a {background: url(https://static.stbm.it/sol/images/logo-mobile.png) no-repeat scroll center center transparent;display: block; position: relative;z-index: 1;height:50px; margin:0 auto;background-size: contain; text-indent: -9999px; width: 135px;}
.header-mobile:before{content: ""; position: absolute;height: 100%;width: 100%;opacity: 0.33;}


/*MENU MOBILE*/
.sub-mobile {height: auto;top: 50px;left: -100%;width: 100%;background: #333;transition: 0.5s;}
.sub-mobile ul {margin: 0;padding: 0;display: flex;}
.sub-mobile ul li {list-style: none;position: relative;border-bottom: 1px solid #4f4e4e;font-size:16px;}
.sub-mobile ul li.sub-menu:before {content: '\f067';font-family: fontAwesome;position: absolute;line-height: 45px;color: #fff;right: 30px;}
.sub-mobile ul li.active.sub-menu::before {content: '\f068';}
.sub-mobile ul li ul {position: absolute;left: 0;background: #333;display: none}
.sub-mobile ul li.active ul {/* use li: hover instead */display: block;}
.sub-mobile ul li ul li {display: block;width: 200px;}
.sub-mobile ul li a {height: 45px;line-height: 45px;padding: 0 20px;color: #fff;text-decoration: none;display: block;}
.sub-mobile ul li a:hover {color: #fff;background: #222222;}
.sub-mobile ul li a span:hover{border-bottom: 2px solid #933;line-height: 45px;}
.sub-mobile ul li a.active {background: #222222;}
.sub-mobile ul li a span:active {border-bottom: 2px solid #933;line-height: 45px;}
.sub-mobile .investimenti a span {color: #FFBC2E;}

.sub-mobile .sub-menu-2 {overflow: hidden;}
.sub-mobile .sub-menu-2 li{display: block;padding: 0;width: 60%;text-align: left;font-size:15px;border-bottom: none;}
.sub-mobile .sub-menu-2 li a span:hover{border-bottom: 2px solid #933;}
.sub-mobile .abc-sel {overflow: hidden;margin: 0 auto;display: block !important;padding: 10px 0 10px;width: auto;text-align: left;position: relative;left: 0px;bottom: auto;height: 35px;line-height: 19px;}
.sub-mobile .abc-sel ul {display: block;overflow: visible;width: 92%;padding: 0 4%;}
.abc-sel ul li.abcrisparmio{float: left;display: block;width: 45%;text-transform: uppercase;border-bottom: none;margin-left: 4%;text-align: center;}
.abc-sel ul li.soldielavoro{float: left;display: block;width: 45%;text-transform: uppercase;border-bottom: none;margin-left: 10px;text-align: center;}
.abc-sel ul li.abcrisparmio a {background: rgba(219, 150, 3, 0.7);height: 35px;color: #fff;text-decoration: none;border-radius: 5px;padding:0px;}
.abc-sel ul li.soldielavoro a {background: rgba(72, 117, 153, 0.7);height: 35px;color: #fff;text-decoration: none;border-radius: 5px;padding:0px;}
.abc-sel ul li.abcrisparmio a span, .abc-sel ul li.soldielavoro a span {line-height: 35px;font-size:14px;}
.abc-sel ul li.abcrisparmio a:hover, .abc-sel ul li.soldielavoro a:hover {border:none;background:#8a8888;}
.abc-sel ul li.abcrisparmio a span:hover, .abc-sel ul li.soldielavoro a span:hover {border:none;}

.sub-mobile ul li > .alphabet-nav {overflow: hidden;display: block !important;width: auto;text-align: left;position: relative;left: 0;bottom: auto;height: 255px;padding: 5px 0 15px;}
.sub-mobile .alphabet-nav ul {float: left;display: block;overflow: hidden;padding: 1% 0% 0% 8%;width: 93%;}
.sub-mobile .alphabet-nav ul li {width: 15%;border: none;}
.sub-mobile .alphabet-nav ul li a {text-align: center;
margin: 0px 3px 4px 0px;
background:
#222;
padding: 0px 13px;
height: 50px;
line-height: 50px;
width: 20px;
color:
#fff;}
.sub-mobile .alphabet-nav ul li a:hover {border-bottom: 2px solid #933;}
.sub-mobile .alphabet-nav strong {display:block;color:#fff;text-align:center; float:none;font-weight: lighter;margin:10px;}
.sub-mobile .alphabet-nav ul li a:hover {background: #333;border:none;}

.sub-mobile .search {overflow: hidden;padding: 5% 0% 5% 10%;display: block;}
.sub-mobile .search form {width:100%; margin:0 auto;}
.sub-mobile .search form #q2 {overflow: hidden;-webkit-appearance: none;  padding: 0; margin:0;display:  inline-block;width: 60%; height: 36px;line-height: 36px;border:0;border-radius: 2px 0 0 2px; font-size: 14px;font-family: Helvetica,Arial,sans-serif;text-indent: 10px;position: relative;top:-1px;}
.sub-mobile .search form #searchsubmit2 {-webkit-appearance: none;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);  cursor:pointer; width: 30%;outline:none!important; border: 0;border-radius: 0 2px 2px 0; height: 36px;line-height: 36px;  margin:0px; padding: 0; background-color:#8C3332 !important; font-weight:bold; color:#fff; font-size:16px;overflow: hidden; }
.sub-mobile .search form #q2:focus {box-shadow: 0 0 12px #1a548e;}
.sub-mobile .search input{color:#AAAAAA;}
.header-main-search-text {overflow: hidden;-webkit-appearance: none;padding: 0;margin: 0;display: inline-block;width: 55%;height: 35px;line-height: 36px;border: 0;border-radius: 2px 2px 2px 2px;font-size: 14px;font-family: Helvetica,Arial,sans-serif;text-indent: 10px;position: relative;top: -2px;}
.header-main-search-submit {webkit-appearance: none;cursor: pointer;width: 30%;outline: none !important;border: none;border-radius: 2px 2px 2px 2px;height: 36px;line-height: 36px;margin: 0px 0px 0px 4px;padding: 0px;background-color: #a89688 !important;color: #fff !important;font-size: 16px;overflow: hidden;}

.sub-mobile ul li > .login {overflow: hidden;display: block !important;width: auto;text-align: center;bottom: auto;}
.sub-mobile ul li > .login a {display: block;color: #fff;font-weight: lighter;}
.sub-mobile ul li > .login a span {border: 1px solid #aaa;padding: 5px 15px;background: #fff;color: #aaa;font-style: italic;font-size: 15px;}


.menu-toggle {color: #000000;float: right;line-height: 50px;font-size: 24px;cursor: pointer;display: none;}

@media (max-width: 860px) {
}
.menu-toggle {display: none;}

.sub-mobile.active {left: 0;}
.sub-mobile ul {display: block;text-align: left;}
.sub-mobile ul li.active ul {position: relative;background: #222222;}
.sub-mobile ul li ul li {width: 100%;}

   

/*SUB NAVIGATION 3 LIVELLO */
.overflow-nav-cont-13 {overflow-x: scroll;display: block !important;max-width: 100%;overflow-y: hidden;}
.sub-navigation-nav-l3 {margin-bottom: 0;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;list-style: none;margin: 0;margin-bottom: 0px;padding: 0;position: relative;border-bottom: 1px solid #EBEBEB;  width: 900px;}
.sub-navigation-nav-l3 li{overflow: hidden;margin-right: -1px;-ms-flex: 1 1 auto;-webkit-box-flex: 1;-webkit-flex: 1 1 auto;flex: 1 1 auto;position: relative;display: inline-block;}
.sub-navigation-nav-l3 li.active a {border-bottom: 2px solid #933;}
.sub-navigation-nav-l3 li::before {transition: all .3s;content: "";position: absolute;height: 4px;width: 100%;bottom: -4px;}
.sub-navigation-nav-l3 a {-ms-flex-align: center;-ms-flex-pack: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;align-items: center;color: #555555;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;justify-content: center;padding: 1rem 0;font-size: 14px;text-decoration: none;height:7px;}
.sub-navigation-nav-l3 a:hover {border-bottom: 2px solid #933;text-decoration: none;}


    
/*ALPHABET NAV*/
.the_menu > li > .alphabet-nav {overflow:hidden; margin:0 auto; display:block !important; padding: 10px 0 15px;width:auto;text-align: left; position:relative; left:0px; bottom:auto; height:auto; line-height:19px;}
.the_menu > li > .alphabet-nav strong {color:#fff !important;margin:0 !important;display: block;text-align: center;float: none;}
.the_menu > li > .alphabet-nav ul {display:block;overflow:visible; width: 92%;padding: 0 4%;}
.the_menu > li > .alphabet-nav ul li {text-transform:uppercase;width: 10%;display:inline-block;}
.the_menu > li > .alphabet-nav ul li a {font-weight:500; position:relative;display:block;height:20px;text-align:center;color:#fff;text-decoration: underline;width: auto;line-height: 20px;overflow:visible;margin: 0;}
.the_menu > li > .alphabet-nav ul li a:hover {color:#fff; border-radius: 15px;text-decoration: underline;margin: 0;height: 20px;line-height: 20px;margin: 0!important;overflow:visible;}
.the_menu > li > .alphabet-nav ul li:first-child{width: 100%;display: block;margin-bottom: 10px;font-weight: normal;}
.the_menu > li > .alphabet-nav ul li:first-child a{text-decoration: none!imprtant;font-weight:bold;}   


}