/* ------------ Media queries --------------------------------------------------------------------------- */



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width: 479px) {
    #logo-responsive{
        display: block;
    }
    #testo-home{
        font-size: 17px !important;
        display: block;
        width: 94% !important;
        padding: 0px !important;
        overflow: hidden;
        margin-left: 10px;
    }
    #contenitore #testo-home{
        height: 36px;
    }
    
    #contenitore,#header,#header-interno,#header-col-sx,#contenuto,#bg,.logo,.logo-pagine,#servizi-gratuiti,#contenitore #contenuto #lista-servizi,#info-brevi,#info-brevi #box-pre,.box_testo,#pre-footer,#pre-footer #box-pre,#footer,#footer #cont_footer{
        width: 100%;
        float:none;
        height: auto;
        
    }
    #logo-responsive{
        width: 77%;
        background: #fff;
        float: left;
        height: 110px;
    }
    #contenitore #menu_top{
        width:18%;
        background: #fff;
        float: left;
        height: 99px;
    }
    .wrapper{
        width: 100% !important;
    }
    #icona-menu{
        margin-top: 37px;
        margin-right: 30px;
    }
    #info-brevi{
        margin-top: 0px;
        padding-bottom: 25px;
    }
    #footerBox01,#footerBox02{
        width: 85%;
        margin-left: 25px;
        padding-left: 0px;
    }
    
    #credits{
        height: auto;
    }
    #box-pre,#footer #cont_footer{
        padding: 0px !important;
    }
    .box_testo,.box-testi{
        width: 88%;
        margin-left: 15px;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    #contenitore{
        
    }
    #servizi-gratuiti{
        background:#BDE0E3;
        margin-top: 40px;
        padding-bottom: 20px;
       
    }
    #box-servizi,#box-servizi #button-dati-meteo a{
        width: 320px;
    }
    #login,#logo,#logo-pagine{
        display: none;
    }
    .resp{
        display: block;
    }
    #box-servizi,#menu-desk{
        display: none;
        
    }
    #menu-resp{
        display: none;
        float: none;
        width: 100%;
        background: rgba(40,124,133,0.5);
        padding-top: 0px;
        text-align: center;
        clear: both;
        padding-bottom: 10px;
        
       
    }
    #menu-resp a{
         color:#fff !important;
         display: block !important;
         text-decoration: none;
         margin-top: 10px !important;
         font-size: 17px !important;
    }
    
    #lista-servizi,#lista-servizi-int{
        width: 98%;
        background: #fff;
        
    }
    #lista-servizi #testatina-servizi {
	background-image: url(../img/testatina-servizi.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
}
#lista-servizi #box-servizi {
	background-color: #FFF;
	padding: 10px;
}
 .p-dati-meteo-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #EBEBEB;
	background-image: url(../img/p-int-dati-meteo.svg);
	background-repeat: no-repeat;
	padding-top: 20px;
	height: 35px;
}
 .p-sms-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #EBEBEB;
	background-image: url(../img/p-int-sms.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	padding-top: 10px;
   
}
.p-rilievi-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-rilievi.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	padding-top: 10px;
}
 .p-assistenza-fitosanitaria-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-assistenza-fitoiatrica.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-strategie-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-strategie-difesa.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-deroghe-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-deroghe-territoriali.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-bollettini-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-bollettini-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-disciplinari-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-disciplinari-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
div.p-servizi {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E0E0E0;
	height: 55px;
	width: 70%;
	padding-left: 70px;
	margin-bottom: 5px;
}
div.p-servizi a {
	text-transform: uppercase;
	color: #5F5F5F;
	text-decoration: none;
	display: block;
}
.p-servizi a:hover {
	filter: Alpha(Opacity=30);
	-moz-opacity:.50;
	opacity:.50;
}
#lista-servizi-int ul {
	margin: 0px;
	padding: 0px;
}
#lista-servizi-int li {
	display: block;
	list-style-type: none;
	text-align: left;
	padding-left:60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#lista-servizi-int li a {
	font-family: "open sans";
	text-transform: uppercase;
	color: #525252!important;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
}
#lista-servizi-int li a:hover {
	color: #B3DFE3!important;
	;
}

#footer #cont_footer{
    background-repeat:no-repeat;
    background-image:none;
    margin-left:0px;
    margin-right:0px;
    float: none;
}
#footerBox01,#footerBox02,#footerBox03{
    float: none;
}

/* menu */
/* effetto menu dinamico */
.hamburger-container {
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

 .hamburger-line {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #BDE0E3;
    margin-bottom: 5px;
    transition: all 600ms ease;
    border-radius: 4px;
    margin-top:5px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .rotate-left {
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(225deg);
    transition: all 600ms ease;
    transition-delay: 200ms;
  }

  .rotate-right {
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(-225deg);
    transition: all 600ms ease;
  }

  .hide-me {
    background: rgba(0,0,0,0);
    margin-top:-20px;
    transition: all 600ms ease;
  }

  .explanation {
    text-align: center;
  }

  
  /* pagine interne */
  #contenuto-interno #col_sx_pagine{
      display:none;
  }
  
  #bg-pagine{
    width: 100%;
    float:none;
    height: auto;  
  }
  #bg-pagine{
      background-image:url(../img/bg-pagina.jpg);
  }
  #contenuto_testo{
      background: #fff;
      margin:0px;
      margin-top: 20px;
      padding-top: 10px;
  }
  .box-chisiamo,.box-registrazione{
      float: none;
      margin-top: 20px;
  }
  #contenuto-interno #contenuto_testo{
      width: 90%;
      padding-left: 5%;
  }
  #contenitore #login{
      background-image: none;
  }  
  .pulsante-big{
      width: 270px !important;
      margin-top: 20px;
      margin-bottom:20px;
  }
  #pulsante-nuovo-servizio{
       width: 270px !important;
  }
  
  .box-header-resp{
      width:100%;
      overflow: hidden;
      background: #fff;
      clear: both;
  }
  #box-pre .box_testo{
      text-align: center;
  }
   #box-pre{
        padding-top:10px !important;
    }
    #pre-footer{
        padding-bottom: 20px;
    }
       .box-esempio-sms-chat{
        background-image:none;
        width: 90%;
        height:auto;
        margin-bottom: 5px;
        background: #B3DFE3;
        padding-left:20px;
    }
  .foto-consulenti{
            width: 100%;float: none;
             text-align: center;
        }
        .desc-consulenti{
            width: 100%;float: none;
             text-align: center;
        }
        .cv-consulenti{
        width: 100%;float: none;
        text-align: center;
        }
}

/* Smartphone Verticale - VERDE */
@media only screen and (min-width : 480px) and (max-width: 767px) {

 #logo-responsive{
        display: block;
    }
    #testo-home{
        font-size: 17px !important;
        display: block;
        width: 94% !important;
        padding: 0px !important;
        overflow: hidden;
        margin-left: 10px;
    }
    #contenitore #testo-home{
        height: 36px;
    }
    
    #contenitore,#header,#header-interno,#header-col-sx,#contenuto,#bg,.logo,.logo-pagine,#servizi-gratuiti,#contenitore #contenuto #lista-servizi,#info-brevi,#info-brevi #box-pre,.box_testo,#pre-footer,#pre-footer #box-pre,#footer,#footer #cont_footer{
        width: 100%;
        float:none;
        height: auto;
        
    }
    #logo-responsive{
        width: 77%;
        background: #fff;
        float: left;
        height: 110px;
    }
    #contenitore #menu_top{
        width:18%;
        background: #fff;
        float: left;
        height: 99px;
    }
    .wrapper{
        width: 100% !important;
    }
    #icona-menu{
        margin-top: 37px;
        margin-right: 30px;
    }
    #info-brevi{
        margin-top: 0px;
        padding-bottom: 25px;
    }
    #footerBox01,#footerBox02{
        width: 85%;
        margin-left: 25px;
        padding-left: 0px;
    }
    
    #credits{
        height: auto;
    }
    #box-pre,#footer #cont_footer{
        padding: 0px !important;
    }
    #box-pre{
        padding-top:10px !important;
    }
    .box_testo,.box-testi{
        width: 88%;
        margin-left: 15px;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    #contenitore{
        
    }
    #servizi-gratuiti{
        background:#BDE0E3;
        margin-top: 40px;
        padding-bottom: 20px;
       
    }
    #box-servizi,#box-servizi #button-dati-meteo a{
        width: 320px;
    }
    #login,#logo,#logo-pagine{
        display: none;
    }
    .resp{
        display: block;
    }
    #box-servizi,#menu-desk{
        display: none;
        
    }
    #menu-resp{
        display: none;
        float: none;
        width: 100%;
        background: rgba(40,124,133,0.5);
        padding-top: 0px;
        text-align: center;
        clear: both;
        padding-bottom: 10px;
    }
    #menu-resp a{
         color:#fff !important;
         display: block !important;
         text-decoration: none;
         margin-top: 10px !important;
         font-size: 17px !important;
    }
    
    #lista-servizi,#lista-servizi-int{
        width: 98%;
        background: #fff;
        
    }
    #lista-servizi #testatina-servizi {
	background-image: url(../img/testatina-servizi.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
}
#lista-servizi #box-servizi {
	background-color: #FFF;
	padding: 10px;
}
 .p-dati-meteo-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #EBEBEB;
	background-image: url(../img/p-int-dati-meteo.svg);
	background-repeat: no-repeat;
	padding-top: 20px;
	height: 35px;
}
 .p-sms-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #EBEBEB;
	background-image: url(../img/p-int-sms.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	padding-top: 10px;
   
}
.p-rilievi-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-rilievi.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 45px;
	padding-top: 10px;
}
 .p-assistenza-fitosanitaria-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-assistenza-fitoiatrica.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-strategie-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-strategie-difesa.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-deroghe-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-deroghe-territoriali.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-bollettini-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-bollettini-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
 .p-disciplinari-int {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E6E6E6;
	background-image: url(../img/p-int-disciplinari-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 20px;
	height: 35px;
}
div.p-servizi {
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	border: 1px solid #E0E0E0;
	height: 55px;
	width: 70%;
	padding-left: 70px;
	margin-bottom: 5px;
}
div.p-servizi a {
	text-transform: uppercase;
	color: #5F5F5F;
	text-decoration: none;
	display: block;
}
.p-servizi a:hover {
	filter: Alpha(Opacity=30);
	-moz-opacity:.50;
	opacity:.50;
}
#lista-servizi-int ul {
	margin: 0px;
	padding: 0px;
}
#lista-servizi-int li {
	display: block;
	list-style-type: none;
	text-align: left;
	padding-left:60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#lista-servizi-int li a {
	font-family: "open sans";
	text-transform: uppercase;
	color: #525252!important;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
}
#lista-servizi-int li a:hover {
	color: #B3DFE3!important;
	;
}

#footer #cont_footer{
    background-repeat:no-repeat;
    background-image:none;
    margin-left:0px;
    margin-right:0px;
    float: none;
}
#footerBox01,#footerBox02,#footerBox03{
    float: none;
}

/* menu */
/* effetto menu dinamico */
.hamburger-container {
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }

 .hamburger-line {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #BDE0E3;
    margin-bottom: 5px;
    transition: all 600ms ease;
    border-radius: 4px;
    margin-top:5px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .rotate-left {
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(225deg);
    transition: all 600ms ease;
    transition-delay: 200ms;
  }

  .rotate-right {
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(-225deg);
    transition: all 600ms ease;
  }

  .hide-me {
    background: rgba(0,0,0,0);
    margin-top:-20px;
    transition: all 600ms ease;
  }

  .explanation {
    text-align: center;
  }

  
  /* pagine interne */
  #contenuto-interno #col_sx_pagine{
      display:none;
  }
  
  #bg-pagine{
    width: 100%;
    float:none;
    height: auto;  
  }
  #bg-pagine{
      background-image:url(../img/bg-pagina.jpg);
  }
  #contenuto_testo{
      background: #fff;
      margin:0px;
      margin-top: 20px;
      padding-top: 10px;
  }
  .box-chisiamo,.box-registrazione{
      float: none;
      margin-top: 20px;
  }
  #contenuto-interno #contenuto_testo{
      width: 90%;
      padding-left: 5%;
  }
  #contenitore #login{
      background-image: none;
  }  
  .pulsante-big{
      width: 270px !important;
      margin-top: 20px;
      margin-bottom:20px;
  }
  #pulsante-nuovo-servizio{
       width: 270px !important;
  }
  .box-header-resp{
      width:100%;
      overflow: hidden;
      background: #fff;
       clear: both;
  }
  #box-pre .box_testo{
      text-align: center;
  }
   #pre-footer{
        padding-bottom: 20px;
    }
    
  .box-esempio-sms-chat{
        background-image:none;
        width: 90%;
        height:auto;
        margin-bottom: 5px;
        background: #B3DFE3;
        padding-left:20px;
    }
     .foto-consulenti{
            width: 100%;float: none;
             text-align: center;
        }
        .desc-consulenti{
            width: 100%;float: none;
             text-align: center;
        }
        .cv-consulenti{
        width: 100%;float: none;
         text-align: center;
        }
}
/* Secondo breakpoint: Schermi larghi da 768px a 992 - ROSSO*/
@media (min-width: 768px) and (max-width: 992px){



}
/* Terzo breakpoint: Schermi larghi da 992px in su - AZZURRO*/
@media (min-width: 992px)and (max-width: 1200px) {

}
/* Quarto brekpoint: Schermi larghi da 1200px in su - NERO */
@media (min-width: 1200px) {

    
}