.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

/*========================================================================

========================================================================*/

/* Large desktop */

@media (min-width: 1200px) {

  

}

/*========================================================================

========================================================================*/

/* Large desktop */

@media (max-width: 1200px) {

  #contact_map {

    height: 376px;

  }

  #showcase-row .es-carousel ul li a .intro {

    padding: 99px 24px 5px;

  }

  #showcase-row .es-carousel ul li a h4 {

    left: 24px;

    right: 24px;

  }

.navigation ul.sf-menu > li {

    margin: 0 26px;

font-size: 22px;

  }



#component {

margin-left: 8px;

}



.news .item_content {

height: 260px;

}



}

/*========================================================================

========================================================================*/

/* Narrow desktop */

@media (max-width: 980px) {

  .thumbnails {

    margin-left: -12px;

  }

  .thumbnails > li {

    margin-left: 12px;

  }

  /*footer*/

  #back-top {

    display: none !important;

  }

  .navigation ul.sf-menu > li {

    margin: 0 20px;

font-size: 18px;

  }

.navigation ul.sf-menu > li > span {

  font-size: 15px;

}





  #showcase-row .es-carousel ul li a h4 {

    /*display: none;*/

    font-size: 26px;

    left: 20px;

    top: 12px;

  }

  #showcase-row .es-carousel ul li a .intro {

    /*display: none;*/

    padding: 70px 24px 5px;

  }

  #showcase-row .es-carousel ul li a:hover img {

    top: 0;

  }

  .item_info_dl dd {

    display: block;

    border: none;

    padding: 0;

  }

.body__home #component {

margin-left: -4px;

}



#component {

margin-right: -8px;

}



.item {

width: 100%;

}





.news .item_content {

height: auto;

}



.list1 li {

padding: 0 0 2px 14px;

}



.list1 li a {

font-size: 18px;

}



#aside-right .moduletable {

margin-bottom: 16px;

}





.moduletablemappa a {

font-size: 23px;

}



}





/*========================================================================

========================================================================*/

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {



#content-row {

padding: 40px 0 0;

}  



#aside-right .moduletable {

margin-left: 24px;

}



}

/*========================================================================

========================================================================*/

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {



.legendahome {

margin-top: 0px;

}



.legendahome li {

float: left;

margin-right: 20px;}



#component {

margin-left: -10px;

}



#content-row {

padding: 20px 0 0;

}



.moduletable.bannersx {

display: none;

}



.moduletable.bannerphone {

display: block;

margin-left: -10px;

}



.moduletable.bannerphone img {

max-width: 30%;

vertical-align: top;

border-left: 1px solid #999;

padding-left: 3px;

}



.modulomagazine {

width:50%;

}



.list1 li {

float: left;

  margin-right: 10px;

}



.list1 ul {

float: left;

width: 100%;

margin-bottom: 10px;

}



h1, h2, h3 {

font-size: 30px;

line-height: 29px;

margin-bottom: 8px;}



#showcase-row .es-carousel ul li a h4 {

    /*display: none;*/

    font-size: 22px;

    left: 4px;

  }

  #showcase-row .es-carousel ul li a .intro {

    display: none;

  }



  body {

    padding: 0;

  }

  body .container {

    padding: 0 20px;

  }

  #navigation-row {

    padding: 10px 0;

  }

  .social {

    padding: 0;

    text-align: center;

  }

  #wrapper {

    margin: 0;

  }

  #footer-wrapper {

    height: auto;

  }

  #push {

    display: none;

  }

  /*navigation*/

  .select-menu {

    display: block;

    width: 100%;

  }

  .sf-menu {

    display: none;

  }

  /*content*/

  .item-image.blog-image {

    float: none;

    margin: 0 0 20px 0;

  }

  .row-fluid [class*="itemSpan"] {

    display: block;

    float: none;

    margin-left: 0;

    width: auto;

  }

  /*gallery*/

  #isotopeContainer .item_img.img-intro {

    float: left;

    margin: 0 18px 18px 0;

  }

  .img-full__left.span5 {

    width: 50%;

  }

  /*contact*/

  .contact_details .contact_details_item {

    width: 30%;

    float: left;

  }

  /*Modules*/

  /*search*/

  .mod-search__aside .mod-search_searchword {

    width: 50%;

  }

  /*login*/

  .mod-login__aside .mod-login_username,

  .mod-login__aside .mod-login_passwd {

    width: 50%;

  }

}

@media (max-width: 580px) {

  .item_header {

    clear: left;

  }



#showcase-row .es-carousel ul li a h4 {

/* MAMA modifiche sul sito online del 12-2-2014.
era 
display: none;
font-size: 20px;
right: 60px;
*/

font-size: 17px;
right: 60px;
line-height: 1em;
  
  
/*left: 5px;
right: 0px;*/

}

}





/*========================================================================

========================================================================*/

@media (max-width: 500px) {

  

}



/*========================================================================

========================================================================*/

/* Landscape phones and down */

@media (max-width: 480px) {

.moduletablemappa .image-title {

display: block;

margin: 6px 0px 0px -4px;

}



.moduletablemappa li {

width: 25%px;

}



  #showcase-row .es-carousel ul li a h4 {
/* MAMA modifiche sul sito online del 12-2-2014.
era 
font-size: 17px;
left: 5px;
*/

font-size: 14px;
left: 5px;

}

  }

  /*contact*/

  .contact_form {

    width: 100%;

  }

  .contact_details {

    margin-bottom: 18px;

  }

  .contact_details .span6 {

    width: 100%;

    float: none;

  }

  /*registration*/

  .page-registration form input,

  .page-remind form input,

  .page-reset form input,

  .page-login form input,

  .page-login form input,

  .page-profile__edit form input,

  .page-registration form select,

  .page-remind form select,

  .page-reset form select,

  .page-login form select,

  .page-login form select,

  .page-profile__edit form select {

    width: 100%;

  }

  .page-registration form label,

  .page-remind form label,

  .page-reset form label,

  .page-login form label,

  .page-login form label,

  .page-profile__edit form label {

    display: inline-block;

  }

  /*gallery*/

  #isotopeContainer .item_img.img-intro {

    float: none;

    margin: 0 0 18px 0;

  }

  #isotopeContainer .item_img.img-intro img {

    width: 100%;

  }

  #isotopeContainer .item {

    text-align: center;

  }

  .img-full__left.span5 {

    width: 100%;

    margin-right: 0;

  }

  /*blog*/

  .page-blog .item_img.img-intro {

    float: none;

    margin: 0 0 18px 0;

  }

  .page-blog .item_img.img-intro img {

    width: 100%;

  }

  /*archive*/

  .page-archive_filters select {

    display: block;

    width: 100%;

  }

  /*contact*/

  .contact_details .contact_details_item {

    width: 100%;

    float: none;

  }

  /*Modules*/

  /*search*/

  .mod-search__aside .mod-search_searchword {

    width: 100%;

  }

  /*login*/

  .mod-login__aside .mod-login_username,

  .mod-login__aside .mod-login_passwd {

    width: 100%;

  }

}

/*========================================================================

========================================================================*/



@media (max-width: 400px) {



}



/* Portrait phones */

@media (max-width: 340px) {



  

}





