table { margin-left: -10%; font-size: 85%;}
@media all and (orientation:portrait) {
#bodyPan h2:after { /*content:"- mobile portrait 480"*/}
.toptextpadding .info-contact { width:100%; margin-bottom:3%;}
#bodyPan{ position:absolute; width:95% !important; height:74%;  left: 2.5%; top: 7%;  overflow-x:hidden; overflow-y:auto; z-index:21; }
.naslov { background: rgba(0, 0, 0, 1); width:100%; margin-left:0; padding:0 5% 0 5%;  font-size:110%; line-height:31px;  }
#izvan { top:0 !important; /*z-index:25 !important;*/ width:100%; min-width:100%; height:100% !important; min-height:100%;}

.dobologo2 { width:50%; max-width:200px; min-width:110px; right:25%; bottom:0; z-index:22;} 

.social {  bottom:auto; top:0; right:auto; left:0; z-index:26;}


.logo { display:none; position:absolute; width:100%; margin: 0; bottom:0; background: rgba(0, 0, 0, 0.8); z-index: 2;} 
.nav{
  width:100%; top:31px !important;
  list-style:none; 
  margin: 0 0 0 0;
  padding-bottom: 65%;
  text-align:left; display:none; 
  background: #C8A2CC;
}
.nav li{
    line-height:100%; width:100%;  background: rgba(0,0,0,0.7); padding:3%; 
}
.nav a{
  
  padding:0% 4% 0% 0.8%;  font-size: 120% !important; font-weight:bold; width:100%; 
}
.toptextpadding .tenzin .photo { width: 100%; max-width:100%; }
.toptextpadding .profil { max-width:92%; float:none;}
.contact-right { margin: 0 2% 7% 0;}
}

@media all and (orientation:landscape) {

#bodyPan h2:after {/*content:"- mobile landscape 480"*/}
.toptextpadding iframe {width:60%;}
.toptextpadding .info-contact { width:32%; margin-bottom:3%;}
.toptextpadding { width:86%; margin-top:0;  }
.toptextpadding .profil { max-width:40%; float:right;}
.toptextpadding .tenzin .photo { width: 30%; max-width:30%;}
#bodyPan { 
	height: 74%;
	top: 30px;
	left: 0;
	width: 98%;
	margin: 1% 0 0 1%;
}
.naslov { 
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	margin-left: 0;
	padding: 0;
	font-size: 110%;
	height: 31px;
	line-height: 31px;
	padding-left: 3%;
  }

#izvan { 
	top: 0 !important;
	height: 99% !important;
	width: 100% !important;
	min-width: 70%;
	min-height: 100%;
    max-height: 100%;
 }
.social { position:absolute; bottom:0; right:0;}


.logo { display:none !important; position:absolute; width: 96%; margin: 4% 0 0 2%;/*background: rgba(0, 0, 0, 0.7);*/ z-index: 2;} 

.nav{
  width:100%; top:31px !important;
  list-style:none; 
  margin: 0 0 0 0;
  padding:0;
  text-align:left; display:none; background: #C8A2CC;
}
.nav li{
   line-height:100%; width:100%; background: rgba(0,0,0,0.7); padding:1.5%; 
}
.nav a{ padding:0% 4% 0% 0.8%;   font-size: 100% !important; font-weight:bold; width:100%; }

 }
#contact-form { padding: 0 0 0 5%; width: 90% !important; margin-top:30px;}
.contact-right {margin: 0 2% 7% 0;}
.dugmad { top:0 !important;  height:26px !important; left: 0; width: 100%; background: rgba(0,0,0,0);}
.dugmad a{ color:#fff; margin-left:3px;}
.dugmad a:hover{ color:#fff;}
.dugmad a:visited{ color:#fff;}

.windowdugme { background: rgba(137, 79, 144,1);  width:30%; text-align:center; line-height:30px; height:30px; left: 70%; top:2%;}
.toptextpadding .audio-player .demo {width: 100%; max-width: 100%;} 
#bodyPan h2:after { /*content:"- mobile 480"*/}
.voorwaarden .toptextpadding {margin-top:5px;}
#bodyPan { background: rgba(0, 0, 0, 0.8);}
#bodyPanPodloga{ display:none}
.toptextpadding { text-align:left; color:#fff; font-weight:normal; width:86%; margin-top:0; }
#bodyPan h2 {  font-family: 'Lato', sans-serif; font-weight:normal; padding: 2% 3%; width: 93% !important; background: rgba(0,0,0,0.8);/*margin:2% 0 2% 0;*/ font-size:100%; }
.toptextpadding a { color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding a:hover {color:#ffcc00; font-weight:normal;text-decoration:underline;}
.toptextpadding a:visited{color:#ffcc00; font-weight:normal;text-decoration:none;}
.toptextpadding li { margin-left:-8%; }
.toptextpadding .tenzin-bestellen { display: block; margin: 5px 0; text-align: center; }
.toptextpadding .foto-block img { float:none; max-width: 100%; /*margin: 2% -17%;*/ }
.toptextpadding .home-block { border:none; }
.toptextpadding .home-block .left-block { border-right:none; padding:0;}
.toptextpadding .home-block .right-block { width:100% }
.news { display:none;}