@media screen and (max-width: 1424px) {
.navigation{float: right !important; right: 0% !important; position: relative;}
#header a.logo {left: 3% !important; position: relative; width: 28% !important; top: 8px;}
}




@media screen and (max-width: 1024px) {
	html, body{overflow-x: hidden; width: 100% !important}
	
  #header .header-content {
    width: 90%; }
	
  #header .logo{
  width: 80%;  }
  
  .form_banner{
   padding-top: 10px; padding-bottom: 10px;}

  .nav-toggle {
    display: block; }

  .navigation {padding-top: 100px;
    position: fixed;
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s; }
    .navigation .primary-nav {
      position: relative;
      top: 45%;
      -moz-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
      -webkit-transform: translateY(-45%);
      transform: translateY(-45%); }
    .navigation li {
      display: block;
      margin-bottom: 0px; }
    .navigation a {
      display: block;
      font-size: 22px;
      margin: 0;
      text-align: center; }
	  

  .person {
    margin: 0 auto 50px; }
    .person-content {
      text-align: center; }
    .person .social-icons li {
      display: inline-block;
      float: none;
      margin-bottom: 5px; }

  .testimonials blockquote {
    padding: 20px 5% 0; }
  .testimonials p {
    font-size: 26px; }

  .flex-control-nav {
    bottom: 20px; }
	
	.navigation.open {overflow-y: scroll; overflow-x: hidden;}
	.navigation ul#menu-menu-principale li ul.sub-menu {display: table; position: relative; width: 500px !important; padding: 10px 10px; margin: auto;}
	.navigation ul#menu-menu-principale li ul.sub-menu li ul.sub-menu {padding: 10px 15px !important; margin-top: 0px; width: 100% !important; background: transparent;}
	.navigation ul#menu-menu-principale li:hover ul.sub-menu li, .navigation ul#menu-menu-principale li ul.sub-menu li:hover ul.sub-menu {display: table; width: 100%; padding: 0px 10px; top: 0px; position: relative; left: 0px;}	
	.nav-toggle{right: 10% !important; top: 5em !important;}
	
	.navigation a {padding-top: 15px; display: table; padding-bottom: 10px; margin: auto}
	.navigation ul#menu-menu-principale li ul.sub-menu li a {font-size: 17px; text-align: left}
	.navigation ul#menu-menu-principale li ul.sub-menu li, .navigation ul#menu-menu-principale li ul.sub-menu li ul.sub-menu {width: 100%;}
	

	
	#header a.logo {left: 3% !important; position: relative; width: 295px !important; top: 8px;}
	
	.n_verde {display: table; width: auto; float: right; margin-top: -17px; margin-right: 100px !important;}
	}
@media screen and (max-width: 768px) {
  .banner-text {
    padding-top: 30%; }
    .banner-text h1 {
      font-size: 42px; }
    .banner-text p {
      font-size: 18px; }

  .flexslider {
    padding-bottom: 80px; }

  .flex-control-nav {
    width: 100%; }

  .footer .footer-col {
    margin-bottom: 50px; } 
	
	
	.navigation ul#menu-menu-principale li ul.sub-menu {display: table; position: relative; width: auto; padding: 10px 10px; margin: auto;}
	.navigation ul#menu-menu-principale li:hover ul.sub-menu li, .navigation ul#menu-menu-principale li ul.sub-menu li:hover ul.sub-menu {display: table; width: 100%; padding: 0px 10px; top: 0px; position: relative; left: 0px;}	
	.nav-toggle{right: 10% !important; top: 95px !important;}
	
	
	    #header a.logo{left: 3% !important;
    position: relative;
    width: auto !important;
    top: 8px;
    padding: 0px 0px 20px;
}
.n_verde h3 {
    position: absolute;
    top: 116px;
    font-size: 35px;}
	.banner-text h1 {font-size: 27px;}
	.banner-text {padding-top: 225px !important;}
	
	header.fixed .n_verde h3 {top: 100px;}
	.banner-text {padding-top: 40%;}
	.n_verde {
    display: table;
    width: auto;
    float: left;
    margin-top: 0px; margin-left: 20px;
}
.n_verde img{width: 250px;}
.link_page, .widget_review{padding: 2em;}

	}
@media screen and (max-width: 640px) {
  .banner-text {
    padding-top: 35%; } 
	.link_page, .widget_review{padding: 2em;}}
@media screen and (max-width: 480px) {
  .banner-text {
    padding-top: 45%; }
    .banner-text h1 {
      font-size: 20px; } 
	  #header a.logo {left: 0px !important; width: 230px !important;}
	  .n_verde {margin-left: 0px;}
	  .n_verde h3 {top: 103px;}
	  header.fixed .n_verde h3 {top: 89px;}
	  
	  .navigation ul#menu-menu-principale li ul.sub-menu {width: 100% !important;}
	  .navigation ul#menu-menu-principale li ul.sub-menu{display: table; position: fixed; width: 200px; padding: 0px 0px; background: rgba(32, 78, 101, 0.95);}
.navigation ul#menu-menu-principale li:hover ul.sub-menu{padding: 10px 0px;}
.navigation {padding-top: 35px !important; margin-bottom: 2em; padding-bottom: 2em}
ul.sub-menu {display: table; position: relative !important;}
.link_page, .widget_review{padding: 2em;}
	  }
@media screen and (max-width: 320px) {

	.navigation.open {overflow-y: scroll; overflow-x: hidden;}
	.navigation ul#menu-menu-principale li ul.sub-menu {display: table; position: relative; width: 100% !important; padding: 10px 10px; margin: auto;}
	.navigation ul#menu-menu-principale li ul.sub-menu li ul.sub-menu {padding: 10px 15px !important; margin-top: 0px; width: 100% !important; background: transparent;}
	.navigation ul#menu-menu-principale li:hover ul.sub-menu li, .navigation ul#menu-menu-principale li ul.sub-menu li:hover ul.sub-menu {display: table; width: 100%; padding: 0px 10px; top: 0px; position: relative; left: 0px;}	
	.nav-toggle{right: 10% !important; top: 5em !important;}
	
	.navigation a {padding-top: 15px; display: table; padding-bottom: 10px; margin: auto}
	.navigation ul#menu-menu-principale li ul.sub-menu li a {font-size: 17px; text-align: left}
	.navigation ul#menu-menu-principale li ul.sub-menu li, .navigation ul#menu-menu-principale li ul.sub-menu li ul.sub-menu {width: 100%;}

	
	
	
  .banner-text {
    padding-top: 55%; }

  .testimonials blockquote {
    padding: 20px 5% 0; }
  .testimonials p {
    font-size: 26px; } 
	.link_page, .widget_review{padding: 2em;}}