/*---------------------------------------------*\
                   mobile  
\*---------------------------------------------*/
#sidebar-trigger {display:block; width: 25px; cursor: pointer; position:fixed; top:20px; left:10px; z-index:999}
#sidebar-trigger .e1,#sidebar-trigger .e2,#sidebar-trigger .e3{width: 100%; height:3px; background-color:#000;position: relative;top:0;transition: top .5s,transform .5s,height .3s; margin-bottom:5px; z-index:999;}
#sidebar-trigger .e1,#sidebar-trigger .e2{}
#sidebar-trigger:hover .e1{top:-2px}
#sidebar-trigger:hover .e3{top:2px}

#sidebar-trigger.open {top:30px}
#sidebar-trigger.open *{margin-bottom: 0; border:0;}
#sidebar-trigger.open .e2{background-color: transparent; height: 0; display:none; transition: top .5s,transform .5s,height .3s;}
#sidebar-trigger.open .e1{transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center center;  background-color:#000; position:absolute; top:50%; transition: top .5s,transform .5s,height .3s;}
#sidebar-trigger.open .e3{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: center center; background-color:#000; position:absolute; top:50%; transition: top .5s,transform .5s,height .3s;}


#top {background:#fff; transition:all 1s; z-index:888; height:55px; }
#top #menu {position:fixed; top:0; left:0; width:100%; background:#fff; top:55px; padding:0; border-top:4px solid #000; border-bottom:4px solid #000; left:-100%; transition:all .5s}
#top #menu.open {left:0%;  transition:all 1s}
#top #menu ul li {display:block; }
#top #menu ul li a {display:block; border-bottom:1px solid #444; color:#000; text-align:left; padding:20px;}
#top #menu ul li a:after {display:none}
#top #social {display:none;}
#top #logo  {display:block; }
#top #logo a {position:relative; height:30px; background-size:143px; left:0; width:70%; background-position:top center; margin:0 auto; z-index:888}


#intro h1 {font-size:24px; max-width:98%;}
#intro .subs ul li a {padding:5px 10px;}
#intro .content {background-attachment:initial !important; }

#main {width:100%;}
#services {background-attachment:initial !important;}
#services .content {padding-top:50px;}

#categorie .categoria {width:98%; }
.categoria .title a span {}

#categoria-dettaglio .text-intro .col {width:100%;}
#categoria-dettaglio .text-intro .cols-2 .col {width:100%;}
#categoria-dettaglio .rect {width:100%; }
#categoria-dettaglio .rect.text {width:100%; height:auto; min-height:0;}

#services .content {width:90%; max-width:90%; min-height:0; }

#feed-instagram .posts img {width:50%;}

#fast-contact {padding:30px;}
#fast-contact .content {width:100%;}

#footer .legals {position:relative; display:none;}
#footer .address {position:relative; text-align:center;}
#footer .addressimg {display:none}
#footer .socials {position:relative; text-align:center; right:0; top:0;}

#puntiforza .content {padding:2%;}
#puntiforza .content .force {width:100%}
#puntiforza .content .force.soluzioni-personalizzate { background-position:top center; }

#scrivici {padding:30px;}
#scrivici .content {width:100%;}


#contatti .contacts .contact {width:100%; }
#contatti .contacts .contact h4 {margin-top:20px;}
.form input[type="text"], .form input[type="password"] {width:80%}
#contatti .form-map .contact-form {width:100%; padding:20px;}
#contatti .form-map .map {width:100%;}

#associated .associated-element { display: block; margin-bottom: 25px; width: 100%;  }

#footer .address img { display: none; }

.incentivi-menu, .blog-menu {width:100%; float:none; text-align:center; min-height:1px;}
.incentivi-content, .blog-content {width:100%; float:none;}
.blog-menu>h4{text-align: center;}
.blog-content #gallery-container .gallery-item{ width: 50%; }
.blog-content img.main-img{ width: 25%; margin: 0 0 50px 0; }
.blog-content #gallery-container .view-gallery span{ font-size: 35px; bottom: 30px; }
.blog-content .social-share{ opacity: 1; position: relative; top: inherit; right: inherit; margin-bottom: 50px; }


@media screen and (max-width: 768px){
   .blog-content img.main-img{ float: left; width: 100%; }
}

@media screen and (max-width: 600px){
    
    .blog-content #gallery-container .gallery-item{ width: 100%; }
    .blog-content #gallery-container .view-gallery span{ font-size: 35px; bottom: 30px; }
}