/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-lug-2016, 22.55.48
    Author     : fabiomonti
*/

@media screen and (min-width:769px) and (max-width: 900px)  {
    
    #menu #menu-content ul li a {font-size:14px}
    #menu #menu-content ul li {margin:0 10px}     
}

@media screen and (max-width: 1023px)  { 
    
    /*---------------------------------------------*\
                   news
    \*---------------------------------------------*/
    .news {width:47.5%;}
    .news:nth-child(3n + 2) {margin:0 0 30px 0}
    .news:nth-child(odd) {margin-right:5%}
    
  
}


@media screen and (max-width: 768px) {
      /*---------------------------------------------*\
                   menu
    \*---------------------------------------------*/
    #menu {z-index:3}
    #menu .logo {max-width:115px; margin:0px auto; display:block}
    #menu .logo img {margin:0px auto; height:100px}
    
    #menu #menu-content {display:none; background: rgba(0, 68, 148, .9); position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; z-index:4}
    #menu #menu-content ul li {display:block; text-align:center; padding:20px 0px}
    #menu #menu-content ul li a {color:#fff; border-bottom:1px solid #fff; padding:0 15px}
    
    #sidebar {top:15px; right:15px; display:block; position:absolute; z-index:4}
    #sidebar-trigger { width: 25px; cursor: pointer; height:20px}
    #sidebar-trigger .e1,#sidebar-trigger .e2,#sidebar-trigger .e3{width: 100%; height:3px; background-color:#083E96;position: relative;top:0;transition: top .5s,transform .5s,height .3s;-webkit-transition: top .5s,height .3s,-webkit-transform .5s; margin-bottom:5px; }
    #sidebar-trigger .e3 {margin-bottom:0}

    #sidebar-trigger.menu-open *{margin-bottom: 0; border:0;}
    #sidebar-trigger.menu-open .e2{background-color: transparent; height: 0}
    #sidebar-trigger.menu-open .e1{transform: rotate(45deg);-webkit-transform: rotate(45deg);transform-origin: center center; top:10px; background-color:#fff}
    #sidebar-trigger.menu-open .e3{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform-origin: center center; top:7px; background-color:#fff}
    
    
    /*---------------------------------------------*\
                   news
    \*---------------------------------------------*/
    .news {width:100%;}
    .news:nth-child(3n + 2) {margin:0 0 30px 0}
    .news:nth-child(odd) {margin-right:0}
    
    
    /*---------------------------------------------*\
                   generale 
    \*---------------------------------------------*/
    .image-upload {width:47.5%;}
    .image-upload:nth-child(3n + n) {margin: 30px 0%}
    .image-upload:nth-child(even) {margin-right:5%}
    
    .form {padding:20px}
    .form input[type="text"], .form input[type="password"], .form input[type="number"] {width:100%}
    
    .header-page {background:none !important;}
    .header-page h2 {font-size:40px}
    .header-page img {display:inline; width:100%}
    
    .section .half {width:100%}
    .section .half + .half {margin-left:0}
    
    /*---------------------------------------------*\
                   footer 
    \*---------------------------------------------*/
    #footer .social a {margin: 0 1.5%}
    #footer .social a img {width:30%}
    
    /*---------------------------------------------*\
                   pratiche
    \*---------------------------------------------*/
    .pratica {padding-bottom:0}
    .pratica img {width:100%; max-width:initial}
    .pratica .info {display:block; width:100%; margin:20px 0px 0px 0px}

    /*---------------------------------------------*\
                   patenti
    \*---------------------------------------------*/
    .patente img {width:100%; margin-right:0%; float:initial}
    .patente div {width:100%; float:initial}

}