/* Wrap responsive */
.googlemap_wrap  {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 100%;
    overflow: hidden;
}
/* iframe posizionato in maniera assoluta */
.googlemap_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin:0 auto;
}


@media screen and (min-width: 1260px) {
.tms-item {
max-width: 800px;
height: auto;
overflow: hidden;
margin:10px auto;
padding: 10px;
border:1px solid #ccc;
border-radius: 5px;
}
.tms-item1 {
max-width: 800px;
height: auto;
overflow: hidden;
margin:10px auto;
padding: 10px;
}
.testoAula{
  padding-top:90px;
  line-height: 1.6em;
}
.testo{
  padding-top:25px;
  line-height: 1.6em;
}
.tms-item img {

overflow: hidden;
padding: 0px 10px 0px 10px;
display: block;
float: left;
}
}

@media screen and (min-width: 700px) and (max-width: 1259px) {
.tms-item {
max-width: 700px;
height: auto;
overflow: hidden;
margin:10px auto;
padding: 10px;
border:1px solid #ccc;
border-radius: 5px;
}
.tms-item1 {
width: 700px;
height: auto;
overflow: hidden;
margin:10px auto;
padding: 10px;
}
.testoAula{
  padding-top:50px;
  line-height: 1.6em;
}
.testo{
  padding-top:30px;
  line-height: 1.6em;
}
.tms-item img {
max-width:200px;
height: auto;
overflow: hidden;
padding: 0px 10px 0px 10px;
display: block;
float: left;
}
}

@media screen and (max-width: 699px) {
.tms-item {
width: 90%;
height: auto;
overflow: hidden;
margin:6px auto;
padding: 10px;
border:1px solid #ccc;
border-radius: 5px;
    text-align: center;
}
.tms-item1 {
width: 100%;
height: auto;
overflow: hidden;
margin:10px auto;
padding: 10px;
}
.testo{
  padding-top:30px;
  line-height: 1.6em;
}
.tms-item img {
max-width: 200px;
height: auto;
overflow: hidden;
padding: 0px 10px 0px 10px;
}
}
/******************************************map*/
@media screen and (min-width: 1200px){
#flipC {
  padding: 5px;
  text-align: center;
  cursor: pointer;
  width:700px;
  margin:0 auto;
  margin-bottom:5px;
}
#panel, #flip {
  padding: 5px;
  text-align: center;
  cursor: pointer;
  width:700px;
  margin:0 auto;
  margin-bottom:10px;
}
#panel {
  padding: 50px;
  display: none;
  max-width:900px;
}
}
@media screen and (max-width: 1199px){
#flipC {
  padding: 5px;
  text-align: center;
  cursor: pointer;
  width:90%;
  margin:0 auto;
  margin-bottom:5px;
}
#panel, #flip {
  padding: 5px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  width:90%;
  margin:0 auto;
  margin-bottom:10px;
}
#panel {
  padding: 10px;
  display: none;
  width:100%;
}
}