/* CSS file: - - - - - - - :  mobile.css
   Written from scratch for:  www.animosterapie.ch
   Text editor - - - - - - :  Vim, GNU sed
   Author and copyright  - :  www.saphes.net          */

body {
  min-width: 400px;
  max-width: 799px;
}
#lyt {
  display: none;
}
#trc_2 {
  display: block;
  margin-top: 0.38em;
  margin-bottom: 0.38em;
}
#carr_2 {
  display: block;
}
#cp {
  background: none;
}
#cp_aux1 {
  background: none;
}
#cp_aux2 {
  background: none;
}
#cp_aux3 {
  background: none;
}
#cp_aux4 {
  background: none;
}
.min_2 {
  min-height: 240px;
}

/*-------*/

#cn_1 {
  float: left;
  width: 100%;
  margin-bottom: 0.24em;
  background: #2d2e2e url(../img/bn_dx.210810.png) right no-repeat;
}
#cn_1_aux1 {
  float: left;
  width: 100%;
  background: url(../img/bn_sx.210810.png) left no-repeat;
}
#cn_1_aux2 {
  float: left;
  width: 100%;
  height: 166px;
  background: none;
}
#cn_1_aux3 {
  float: left;
  width: 100%;
  height: 166px;
  background: url(../img/LOGO2_mod_7_2.png) 6.2% no-repeat;
}
#logo {
  width: 0%;
  height:0px;
  background: none;
}
#menu {
  float: right;
  height: 166px;
  margin-top: 0px;
  padding-top: 0.62em;
  padding-bottom: 0px;
  padding-right: 2.4%;
}
#cn_1 ul {
  padding: 0%;
  padding-top: 0em;
}
#cn_1 li {
  text-align: right;
  font-size: 111.6%;
  //font-size: 96%;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#cn_1 .dropdown-content a {
  font-size: 100%;
}
.mn1 {
  padding: 0em;
}
.mn2 {
  padding: 0em;
}
.mn3 {
  padding: 0em;
}
.mn4 {
  padding: 0em;
}
.mn5 {
  padding: 0em;
}
.mn6 {
  padding: 0em;
}

/*-------*/

#cn_2 {
  width: 100%;
  padding: 0%;
}
.box {
  float: left;
  width: 100%;
  margin-left: 0%;
}
.box_sf_aux3 {
  padding-left: 3.8%;
  padding-right: 3.8%;
}
.box_tit h2 {
  margin-bottom: 0.24em;
}
.tit_3 {
  font-size: 84%;
}
.prodotti_intro p {
  margin-top: 1.24em;
}
.tes_hm {
  font-size: 100%;
  //font-size:  93.8%;
}
#fp_box {
  margin-top: 1.6em;
  //margin-top: -2.4em;
  width: 20%;
  padding-top: 32%;
}
#mappa {
  width: 58%;
  padding-bottom: 0.62em;
}
#mappa iframe {
  height: 275px;
}
.box_cont_bot {
  margin-top: 0.44em;
}
.dropdown-content {
  margin-left: -90px;
  margin-right: 0px;
  margin-top: 0px;
}

/*-------*/

@media screen and (min-width: 650px) and (max-width: 820px) {

  #fp_box {
    margin-top: 1.16em;
    //margin-top: 0.6em;
    margin-bottom: 0em;
    width: 22.6%;
    padding-top: 36%;
  }
}

@media screen and (min-width: 521px) and (max-width: 650px) {

  #fp_box {
    margin-top: 1.16em;
    //margin-top: 0.6em;
    margin-bottom: 0em;
    width: 25.7%;
    padding-top: 36%;
  }
  .terapie_sx {
    width: 94%;
    margin-left: 3%;
  }
  .terapie_dx {
    float: left;
    width: 94%;
    margin-left: 3%;
  }
  .terapie_dx a {
    float: left;
  }
  #mappa {
    width: 100%;
    padding-bottom: 0.62em;
  }
}

@media screen and (min-width: 0px) and (max-width: 520px) {

  .prodotti {
    width: 93.8%;
    padding-left: 3.1%;
    padding-top: 0;
  }
  .prodotti img {
    width: 100%;
    margin-top: 1em;
  }
  .prodotti_sx {
    width: 100%;
  }
  .prodotti_dx {
    float: left;
    width: 100%;
  }
  .terapie_sx {
    width: 98.76%;
  }
  .terapie_dx {
    float: left;
    width: 98.76%;
  }
  .terapie_dx a {
    float: left;
  }
  .prod_desc {
    width: 100%;
  }
  .indirizzo label[for=no_spd],
  .indirizzo label[for=si_reg] {
    float: right;
    width: 91%;
  }
}

@media screen and (min-width: 421px) and (max-width: 520px) {

  #fp_box {
    margin-top: 1.16em;
    //margin-top: 1em;
    margin-bottom: 0.6em;
    margin-left: 0;
    width: 32%;
    padding-top: 42%;
  }
  .box_sli {
    padding-top: 61.7%;
  }
  .disslv img {
    padding-top: 0.7%;
  }
  #mappa {
    width: 100%;
    padding-bottom: 0.62em;
  }
  #mappa iframe {
    height: 250px;
  }
}

@media screen and (min-width: 0px) and (max-width: 420px) {

  body {
    min-width: 320px;
    max-width: 399px;
  }
  #cn_1 {
    background: #2d2e2e url(../img/bn_dx_l.210810.png) right no-repeat;
  }
  #cn_1_aux1 {
    background: url(../img/bn_sx_l.210810.png) left no-repeat;
  }
  #cn_1_aux2 {
    height: 138px;
  }
  #cn_1_aux3 {
    height: 138px;
    background: url(../img/LOGO2_mod_7_3.png) 6.2% no-repeat;
  }
  #menu {
    height: 138px;
  }
  .box_cont_bot {
    margin-top: 0.38em;
  }
  #cn_1 li {
    font-size: 106%;
  }
  .box_sli {
    padding-top: 61.6%;
  }
  .disslv img {
    padding-top: 0.7%;
  }
  .tit_3 {
    font-size: 84%;
  }
  #fp_box {
    margin-top: 1.16em;
    //margin-top: 1em;
    margin-bottom: 0.6em;
    margin-left: 0;
    width: 42%;
    //width: 44%;
    padding-top: 58%;
  }
  #mappa {
    width: 100%;
    padding-bottom: 0.62em;
  }
  #mappa iframe {
    height: 250px;
  }
}