.clearfix:before, .clearfix:after{display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
@media only screen and (max-width:1008px){
#idOp{width:100%; border-bottom:2px solid #4D4D4D; height:auto;}
#webpage{width:100%; margin:0px auto; background-image:url(../immagini/bg_pagina.jpg); background-position:right; background-repeat:repeat-y; background-color:#FFFFFF;}
#top{height:auto; font-size:0px; border-bottom:2px solid #FFB43B; clear:both}
#top div{float:none; text-align:center}
#top .climax img{width:90%; height:90%}
#top .spacer-top{display:none}

#login{margin:10% auto; padding:2px; width:40%;}

#menu{width:100%}
#main{min-height:450px; padding:10px;}
input[type=checkbox],input[type=radio]{width:20px !important; border:0px; vertical-align:middle}
.cb-style{width:70%;}

#vxi{float:none; position:relative; right:unset; width:97%}   
.ui-tabs-nav li{width:16%; z-index:1}

.row .labelHome{float:left; width:31%; padding:0.5%; line-height:36px; margin:0px 0.5%;}
.row .txtHome{float:left; width:31%; padding:0.5%; line-height:36px; margin:0px 0.5%;}
.row .labelHomex{float:left; width:18%; padding:0.5%; line-height:36px; margin:0px 0.5%;}
.row .txtHomex{float:left; width:18%; padding:0.5%; line-height:36px; margin:0px 0.5%;}
.row .labelHome1{float:left; width:12%; padding:0px 0.5%; text-align:center;}
.row .txtHome1{float:left; width:12%; padding:0px 0.5%; border-bottom:1px solid #4D4D4D; border-right:1px solid #4D4D4D; text-align:center}
.row .labelHome2{float:left; width:6%; padding:0px 0.5%; text-align:center}
.row .txtHome2{float:left; width:6%; padding:0px 0.5%; border-bottom:1px solid #4D4D4D; border-right:1px solid #4D4D4D; text-align:center}
.row .labelHome3{float:left; width:52%; padding:0px 0.5%; text-align:center}
.row .txtHome3{float:left;width:52%; padding:0px 0.5%; border-bottom:1px solid #4D4D4D; border-right:1px solid #4D4D4D;; overflow-x:hidden}
.row .labelHome4{float:left; width:25%; padding:0px 0.5%;}
.row .txtHome4{float:left; width:25%; padding:0px 0.5%; border-bottom:1px solid #4D4D4D; text-align:center}
.row .txtHome4 a{display:inline}
}
@media only screen and (max-width:674px){
a{display:block; width:100%}
.action a {display:inline-block; width:auto}
#menu{height:0px; z-index:10000}
.logo{float:left; display: inline-block; width:75%}
#top{background-color:#FFF}
#myslidemenu select {display: none !important; }
#myslidemenu:before { content: ''; }
#myslidemenu { margin-top: 0; padding: 0; position: fixed; top: auto; height: 0; overflow: hidden; width: 100vw; left: 0; background: #f5a528; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; transition-duration: .1s;}
#myslidemenu.open { height: calc(100vh - 145px); top:145px;z-index:9999 !important}
#myslidemenu ul.sf-menu { display: block !important; padding: 0; height: 100%; overflow: auto; padding: 0; background-color:#FFB43B;}
#myslidemenu ul li { width: 100%; text-align: center; height: auto; background-color:#c7d3ed; }
#myslidemenu ul.sf-menu li a { color: #FFF; font-size: 20px; padding: 10px 0; line-height: 1em; }
#myslidemenu ul li>img { display: none; }
#myslidemenu>ul.sf-menu li ul { /*display: block !important;*/ position: relative; left: auto !important; top: auto !important; padding: 0; width: 100%; }
#myslidemenu>ul.sf-menu li ul li .menu-arrow { display: none; }
#myslidemenu>ul.sf-menu li ul li a { font-size: 16px; color: #FFF !important; }
#myslidemenu>ul.sf-menu li ul li li a { font-style: italic; font-size: 14px;}
#myslidemenu>ul.sf-menu>li:last-child { margin-bottom: 0px; }
.sf-menu li ul, .sf-menu li.sfHover ul { width: 100%; padding: 0; }
.sf-menu li li a:hover, .sf-menu li.current>a, .sf-menu li.sfHover li.sfHover>a { background: none; }
/*.sf-menu li li ul { display: block !important; }*/
.sf-menu>li>ul>li { background: none; }
#mob-menu { display: inline-block; outline: 0; float: right;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background: #FFB43B; border-radius: 0; }

#top .climax img, #top .logo img{width:100%; height:100%}
#login{margin:10% auto; padding:2px; width:70%;}
#login .txt{width:90% !important}
.row{margin:5px 0; width:unset}
.row div{float:none; margin:unset; width:unset; line-height:30px;}
.row .label{float:none; padding:0 2px; line-height:36px}

#sportello div div div div, #prestazioni div div{float:left; width:auto; padding:0 2px}
.row .e div{float:none; width:auto; padding:0 1.5%}
.row .e .label{width:99.5%;}
.row img, .rowx img{padding:0px 0px 0px 3px; vertical-align:middle; height:25px; width:25px}
img.ui-datepicker-trigger {display:none}
input,input[type=submit],input[type=button], .eConf input{width:98.5% !important; line-height:30px; height:30px; padding:0 2px}
select{width:99.5% !important; line-height:36px; height:36px;}
textarea{width:99.5% !important; line-height:25px;}
input[type=image], .action img{width:30px !important; height:30px; border:1px solid #4D4D4D !important; padding:2px !important; margin:0px !important;}
.ricerca_spacer{padding-left:0px}
#idOp input{margin:0px !important; padding:0; line-height:unset}
.labMob{background-color:#158F4E; color:#FFF}
#main{min-height:450px; padding:5%; clear:both}
.mod{width:50%; padding:5px 0}
.eConf{float:none !important}
#tabs, #tabs>ul>li, #imageCont {position: unset;}
.ui-tabs-nav li{width:32%}
.ui-tabs .ui-tabs-nav li a{padding:0}
#tabs li a{display:block; width:90%; padding: .5em 5%}
.tablesorter{min-width:100%; z-index:0 !important;}
table a{display:block; vertical-align:middle; height:100%; width:100%}
.quad1{width:100% !important; margin:0px !important; padding:0px; height:200px; font-size:24px; line-height:30px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.quad2{width:100% !important; margin:0px !important; padding:0px; height:200px; font-size:24px; line-height:30px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#vxi{float:none; position:relative; right:unset; width:97%}
.submitLong{ background-color:#0F984F; color:#FFF; width:100% !important}
}