/* ==========================================================================
   ALL DEVICES / PHONES PORTRAIT
   ========================================================================== */
@media (min-width: 0px) {
	
/*HEADER*/
#header-logo{
	width:100vw !important;
	min-height:50px;
}
#header-logo img{
	max-height:50px;
}
#header-logo-bottom{
	font-size:0.8em;
	line-height:1.5em;
}

#header-button-1, #header-button-2, #header-button-3{
	display:none;
}
/* FOOTER */
#footer {
	display:none !important;
	visibility:hidden;
}
#sharer {
	height:10vw;
	left:10vw;
	bottom:30vw;
	font-size:4vw;
	width:auto;
	display:inline-table;
	-webkit-transform-origin:bottom left;
		-ms-transform-origin:bottom left;
			transform-origin:bottom left;
	-webkit-transform: translateY(2px) translateX(-110%);
	    -ms-transform: translateY(2px) translateX(-110%);
	        transform: translateY(2px) translateX(-110%);
}
#sharer.active{
	-webkit-transform: translateY(2px) translateX(0%);
	    -ms-transform: translateY(2px) translateX(0%);
	        transform: translateY(2px) translateX(0%);
}
#pano-info{
	width:90vw;
	bottom:0vw;
	left:10vw;
	padding:4vw;
}
#pano-info h1{
	font-size:5vw;
}
#pano-info span{
	font-size:4vw;
}
.lang-en {
	background-size:6vw 3vw;
	background-position:50% 50%;
}
.lang-si {
	background-size:6vw 3vw;
	background-position:50% 50%;
}

#mobile-footer {
	width:10vw;
	font-size:7vw;
}
#mobile-info, #mobile-lang-selector, #mobile-authors, #mobile-hide-markers, #mobile-share{
	width:10vw;
	height:10vw;
}
/* HOTSPOTS */
#hs-info-container{
	top:5vw;
    bottom:10vh;
    left:5vw;
    right:5vw;
}
#hs-info-images{
	width:100%;
	height:67%;
}
#hs-info-content{
	width:100%;
	height:33%;
	padding:2vw 4vw 4vw 4vw;
}
#hs-info-container h1{
	font-size:5vw;
}
#hs-info .content{
	font-size:4vw;
	line-height:5vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:4vw;
	line-height:4vw;
	padding:4vw;
}
#hs-video-embed{
	width:100%;
	height:calc(100% - 10vw);
}
#hs-video-title{
	width:100%;
	height:10vw;
	padding:0 1vw 0 3vw;
	line-height:10vw;
	overflow:hidden;
}
#hs-video-title h1{
	padding:0;
}
#hs-info-zapri, #authors-zapri {
  width:10vw;
  height:10vw;
  font-size:7vw;
  line-height:10vw;
}
#authors-container{
	font-size:4.2vw;
	max-width:80vw;
	max-height:50vh;
	line-height:10vw;
}
#authors-container img{
	max-height:20vh;
}

}

/* ==========================================================================
   PHONES LANDSCAPE
   ========================================================================== */

@media (min-width: 416px) {

#sharer {
	height:5vw;
	left:5vw;
	bottom:15vw;
	font-size:2vw;
}

#mobile-footer {
	width:5vw;
	font-size:3.5vw;
}
#mobile-info, #mobile-lang-selector, #mobile-authors, #mobile-hide-markers, #mobile-share{
	width:5vw;
	height:5vw;
}
#pano-info{
	width:95vw;
	bottom:0vw;
	left:5vw;
	padding:4vw;
}
#pano-info h1{
	font-size:3vw;
}
#pano-info span{
	font-size:2.2vw;
}
.lang-en {
	background-size:3vw 1.5vw;
	background-position:50% 50%;
}
.lang-si {
	background-size:3vw 1.5vw;
	background-position:50% 50%;
}
/* HOTSPOTS */
#hs-info-container{
	top:5vw;
    bottom:5vw;
    left:5vw;
    right:5vw;
}
#hs-info-images{
	width:60%;
	height:100%;
}
#hs-info-content{
	width:40%;
	height:100%;
	padding:2vw 4vw 4vw 4vw;
}
#hs-info-container h1{
	font-size:2.8vw;
}
#hs-info .content{
	font-size:2vw;
	line-height:3vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:2vw;
	line-height:2vw;
	padding:2%;
}
#hs-video-embed{
	width:100%;
	height:calc(100% - 5vw);
}
#hs-video-title{
	width:100%;
	height:5vw;
	line-height:5vw;
	padding:0 1vw 0 1vw;
	overflow:hidden;
}
#hs-video-title h1{
	padding:0;
}
#hs-info-zapri, #authors-zapri {
  width:5vw;
  height:5vw;
  font-size:3vw;
  line-height:5vw;
}
#authors-container{
	font-size:4vw;
	max-width:80vw;
	max-height:15vh;
	line-height:10vw;
}
}
/* ==========================================================================
   7' TABLETS PORTRAIT
   ========================================================================== */
@media (min-width: 600px) and (min-height: 600px) {

#sharer {
	height:10vw;
	left:10vw;
	bottom:30vw;
	font-size:4vw;
}
#mobile-footer {
	width:10vw;
	font-size:7vw;
}
#mobile-info, #mobile-lang-selector, #mobile-authors, #mobile-hide-markers, #mobile-share{
	width:10vw;
	height:10vw;
}
#pano-info{
	width:90vw;
	bottom:0vw;
	left:10vw;
	padding:1.5vw;
}
#pano-info h1{
	font-size:5vw;
}
#pano-info span{
	font-size:3vw;
}
.lang-en {
	background-size:6vw 3vw;
	background-position:50% 50%;
}
.lang-si {
	background-size:6vw 3vw;
	background-position:50% 50%;
}
#mobile-navi-content li{
	font-size:4vw;
}
/* HOTSPOTS */
#hs-info-container{
	top:5vw;
    bottom:5vw;
    left:5vw;
    right:5vw;
}
#hs-info-images{
	width:100%;
	height:67%;
}
#hs-info-content{
	width:100%;
	height:33%;
	padding:2vw 4vw 4vw 4vw;
}
#hs-info-container h1{
	font-size:5vw;
}
#hs-info .content{
	font-size:4vw;
	line-height:5vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:4vw;
	line-height:4vw;
	padding:4vw;
}
#hs-video-embed{
	width:100%;
	height:calc(100% - 10vw);
}
#hs-video-title{
	width:100%;
	height:10vw;
	padding:0 1vw 0 3vw;
	line-height:10vw;
	overflow:hidden;
}
#hs-video-title h1{
	padding:0;
}
#hs-info-zapri, #authors-zapri {
  width:10vw;
  height:10vw;
  font-size:7vw;
  line-height:10vw;
}
#authors-container{
	font-size:4vw;
	max-width:80vw;
	max-height:15vh;
	line-height:10vw;
}
}
/* ==========================================================================
   TABLETS PORTRAIT
   ========================================================================== */
@media (min-width: 750px){
#sharer {
	height:5vw;
	left:5vw;
	bottom:15vw;
	font-size:2vw;
}

#mobile-footer {
	width:5vw;
	font-size:3.5vw;
}
#mobile-info, #mobile-lang-selector, #mobile-authors, #mobile-hide-markers, #mobile-share{
	width:5vw;
	height:5vw;
}
#pano-info{
	width:95vw;
	bottom:0vw;
	left:5vw;
	padding:4vw;
}
#pano-info h1{
	font-size:3vw;
}
#pano-info span{
	font-size:2.2vw;
}
.lang-en {
	background-size:3vw 1.5vw;
	background-position:50% 50%;
}
.lang-si {
	background-size:3vw 1.5vw;
	background-position:50% 50%;
}

/* HOTSPOTS */
#hs-info-images{
	width:100%;
	height:75%;
}
#hs-info-content{
	width:100%;
	height:25%;
	padding:2vw 4vw 4vw 4vw;
}
#hs-info-container h1{
	font-size:3vw;
}
#hs-info .content{
	font-size:2.2vw;
	line-height:3vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:2.2vw;
	line-height:3vw;
	padding:5vw;
}
#hs-info-zapri, #authors-zapri {
  width:5vw;
  height:5vw;
  font-size:4vw;
  line-height:5vw;
}
#authors-container{
	font-size:4vw;
	max-width:80vw;
	max-height:25vh;
	line-height:10vw;
}
}

   
/* ==========================================================================
   TABLETS LANDSCAPE
   ========================================================================== */
@media (min-width: 950px) {
#header-logo{
	width:25vw !important;
	min-height:4vw;
}
#header-logo img{
	width:10vw;
}
#header-logo-bottom{
	font-size:0.8em;
	line-height:2.5vw;	
}
#header-button-1, #header-button-2, #header-button-3{
	display:block;
}
.cd-dropdown > span {
	font-size:1.3vw;
}
#mobile-navi, #mobile-footer {
	display:none !important;
	visibility: hidden;
}
#footer {
	display:block !important;
	visibility:visible;
	height:3vw;
	font-size:1.2vw;
	line-height:3vw;
}
#footer-info{
	width:35vw;
}
#footer-tools{
	width:25vw;	
}
#footer-hide-markers, #footer-credits{
	width:20vw;
}
#footer-hide-markers > span:before, #share-tools:after{
	font-size:1.5vw;
	top:0.4vw;
}
#footer-credits{
	width:35vw;
	font-size:0.8em;
}
.lang-en {
	background-size:20px 10px;
	background-position:2vw 50%;
}
.lang-si {
	background-size:20px 10px;
	background-position:2vw 50%;
}
.lang-en:after{
	margin-left:5vw;
	content:'SLOVENŠČINA';
}
.lang-si:after{
	margin-left:5vw;
	content:'ENGLISH';
}
#sharer {
	height:auto;
	width:12.5vw;
	bottom:3vw;
	right:12.5vw;
	font-size:1.18vw;
	left:auto;
		-webkit-transform-origin:bottom left;
	    -ms-transform-origin:bottom left;
	        transform-origin:bottom left;
	-webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
}
#pano-info{
	width:35vw;
	bottom:3vw;
	left:0;
	padding:3vw;
}
#pano-info h1{
	font-size:2vw;
}
#pano-info span{
	font-size:1.5vw;
}
/* HOTSPOTS */
#hs-info-images{
	width:60%;
	height:100%;
}
#hs-info-content{
	width:40%;
	height:100%;
	padding:2vw 2vw 2vw 2vw;
}
#hs-info-container h1{
	font-size:2vw;
}
#hs-info .content{
	font-size:1.5vw;
	line-height:2vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:1.5vw;
	line-height:2vw;
	padding:2%;
}
#hs-video-embed{
	width:100%;
	height:calc(100% - 5vw);
}
#hs-video-title{
	width:100%;
	height:5vw;
	line-height:5vw;
	padding:0 1vw 0 1vw;
	overflow:hidden;
}
#hs-video-title h1{
	padding:0;
}
#hs-info-zapri, #authors-zapri {
  width:5vw;
  height:5vw;
  font-size:3vw;
  line-height:5vw;
}
#authors-container{
	font-size:2.5vw;
	max-width:60vw;
	max-height:25vh;
	line-height:5vw;
}	

}

@media (min-width: 1200px) {
	
.cd-dropdown > span {
	font-size:1.1vw;
}
	
#header-logo{
	width:25vw !important;
	min-height:0;
}
#header-logo img{
	max-height:500px;
}

#authors-container{
	font-size:2vw;
	max-width:45vw;
	max-height:25vh;
	line-height:4vw;
}
	
}
@media (min-width: 1400px) {
#pano-info{
	width:25vw;
	bottom:2vw;
	left:0;
	padding:2vw;
}
#pano-info h1{
	font-size:1.6em;
}
#pano-info span{
	font-size:1em;
}
#footer {
	height:2vw;
	font-size:1vw;
	line-height:2vw;
}
#footer-info, #footer-tools, #footer-hide-markers, #footer-credits{
	width:25vw;
}
#copyright{
	display:block !important;
	visibility:visible;
}
#sharer {
	height:auto;
	width:12.5vw;
	bottom:2vw;
	right:12.5vw;
	font-size:1.18vw;
	left:auto;
		-webkit-transform-origin:bottom left;
	    -ms-transform-origin:bottom left;
	        transform-origin:bottom left;
	-webkit-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
}

/* HOTSPOTS */
#hs-info-container h1{
	font-size:2vw;
}
#hs-info .content{
	font-size:1.5vw;
	line-height:2vw;
	padding: 0vw 2vw 2vw 2vw;
}
.flex-caption{
	font-size:1.5vw;
	line-height:2vw;
	padding:2%;
}
#hs-video-embed{
	width:100%;
	height:calc(100% - 5vw);
}
#hs-video-title{
	width:100%;
	height:5vw;
	line-height:5vw;
	padding:0 1vw 0 1vw;
	overflow:hidden;
}
#hs-video-title h1{
	padding:0;
}
#hs-info-zapri, #authors-zapri {
  width:5vw;
  height:5vw;
  font-size:3vw;
  line-height:5vw;
}
}