.clearfix:before, .clearfix:after{display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
@media screen and (max-width:1008px){

#main{width:96%; padding:2%; margin:0px auto; background-color:#FFFFFF;}
#top{width:100%; height:auto; clear:both}
#bottom, #bottom-main{height:auto; width:100%}
#top div{float:none; text-align:center}
#top .climax img{width:90%; height:90%}
#top .spacer-top{display:none}
.slider-wrapper{width:100%}

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

/*#menutop{width:100%}*/
#main{min-height:450px;}
input[type=checkbox],input[type=radio]{width:20px !important; border:0px; vertical-align:middle}

}
@media only screen and (max-width:674px){
a{display:block; width:100%}
.action a {display:inline-block; width:30px}
#menutop{height:0px; z-index:10000}
.logo{float:left; display: inline-block; width:75%}
#menutop select {display: none !important; }
#menutop:before { content: ''; }
#menutop { margin-top: 0; padding: 0; position: fixed; top: auto; height: 0; overflow: hidden; width: 100vw; left: 0; -webkit-transition-duration: .1s; -moz-transition-duration: .1s; transition-duration: .1s;}
#menutop.open { height: calc(100vh - 252px); top:254px}
#menutop ul.sf-menu { display: block !important; padding: 0; height: 100%; overflow: auto; padding: 0; background-color:#071329;}
#menutop ul li {width: 100%; text-align: center; height: auto; }
#menutop ul.sf-menu li a { font-size: 28px; padding: 10px 0; line-height: 1em; border-top: 1px solid #D0D9E8}
#menutop ul li>img { display: none; }
#menutop>ul.sf-menu li ul { position: relative; left: auto !important; top: auto !important; padding: 0; width: 100%; }
#menutop>ul.sf-menu li ul li .menu-arrow { display: none; }
#menutop>ul.sf-menu li ul li a { font-size: 18px; }
#menutop>ul.sf-menu li ul li li a { font-style: italic; font-size: 14px;}
#menutop>ul.sf-menu>li:last-child { margin-bottom: 100px; }
.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: #FFF; border-radius: 0; }

#menubottom{float:none; margin:1%; text-align:center}
#menubottom a{display:initial}
#top .climax img, #top .logo img{width:100%; height:100%}
#login{margin:10% auto; padding:2px; width:70%;}
#login .txt{width:90% !important}

input,input[type=submit],input[type=button], .eConf input{width:99.5% !important; line-height:30px; height:30px; padding:0 2px}
select{width:99.5% !important; line-height:36px; height:36px;}
.halfmob{width:50% !important;}
textarea{width:99.5% !important; line-height:25px;}
input[type=image], .action img{width:30px !important; height:30px !important; border:0px solid #4D4D4D !important; padding:0px; margin:0px;}


.labMob{background-color:#158F4E; color:#FFF}
#main{min-height:450px; padding:5%; width:90%; clear:both}
.mod{width:50%; padding:5px 0}
.eConf{float:none !important}

.tablesorter{min-width:100%; z-index:0 !important;}
table a{display:block; vertical-align:middle; height:100%; width:100%}

.submitLong{ background-color:#0F984F; color:#FFF; width:100% !important}

div.td-N{padding:0; vertical-align:top; flex: 1 95%; order:1;}
div.td-C{padding:0; vertical-align:top; flex: 1 95%; order:0; border-left:0; border-bottom:1px solid #3D495F; margin-bottom:10px; padding-bottom:10px}
div.td-L{flex: 1 95%;}
.slider-wrapper{width:100%}
.border-1{padding:0}
#reg{width:100%}
#carrello{width:95% !important}
#box-supersprint, #box-cerca{width:100%}
#box-supersprint img {width:100%; height:auto}

/* contattaci */
#contattaci{width:99.5%}
#contattaci input, #contattaci select, #contattaci textarea{width:100% !important}

/* Altro */

.prodotti td {padding: 5px 0px;}
.w50{width:99.5%}
.w95{width:99%;}
.padL5{padding-left:0.5%}
.pad5{padding:0.5%}
}