/* RESPONSIVE ==
=============================================*/
@media all and (max-width: 968px) {
.display-mobile { display:none; }
#bottom #boxLeft {width: 185px;}
#boxLibero {left: 215px;}
#boxMiddle {left: 400px;}
}
@media all and (max-width: 880px) {
#menu ul li a {font-size: 11px;}
}
@media all and (max-width: 785px) {
#content {
    padding-bottom: 0px;
}
body>#box {
    margin-top: 0px;
}
#bottom {
    height: auto;
    position: relative;
}
#bottom #boxLeft {
    width: 100%;
    float: none;
    margin-right: 0px;
    text-align: center;
    border-bottom: 1px solid #2F2F2F;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#bottom #boxMiddle {
    float: none;
    width: 100%;
    margin-right: 0px;
    position: relative;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 0px;
    border-bottom: 1px solid #2F2F2F;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#boxLibero {
    left: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #2F2F2F !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#bottom #boxRight {
    float: none;
    width: 100%;
    text-align: center;
}
}
@media all and (max-width: 717px) {
#testata div#logo {
    bottom: 8px;
    top: 10px;
    left: 20px;
}
#testata div#logo a {
    width: 394px;
    height: 88px;
    border-radius: 3px;
}
#testata {
    border-bottom: 6px solid #C8125D;
}
.hide_show_col_Sx_menu {
    background: #C8125D;
}
#menu {
    background: #30302F;
    border-bottom: 6px solid #C8125D;
}
#menu ul li {
    border-bottom: 1px solid #3C3C3B;
}
#menu ul li a:hover, #menu ul li a.attivo {
    color: #C8125D;
}
#fasciaTop {
    display: none;
}
div#boxLibero {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
}
@media all and (max-width: 618px) {
#testata div#logo a {
    width: 290px;
    height: 70px;
    border-radius: 3px;
    background-size: 100%;
}
#testata div#logo {
    top: 20px;
}
.tab-responsive {
    width: 100%;
    height: auto;
    overflow-x: scroll;
}
.tab-responsive table {
    width: 100%;
}
}
@media all and (max-width: 398px) {
#testata div#logo a {
    width: 190px;
}
#testata div#logo {
    top: 22px;
}
}
@media all and (max-width: 318px) {
#testata div#logo a {
    width: 165px;
}
}