@media screen and (max-width:1000px) {
	#kontakt,#povprasevanje {
		padding-bottom: 0px
	}

	#front_logo {
		width: 50vw
	}

	#site_description {
		font-size: 2.5vw
	}

	.o-nas-text {
		padding-top:156px;
	}
	.galerija-vsebina {
		padding-bottom: 0%
	}

	#glasba h2,.naslov-sekcije {
		margin-top: 156px;
		margin-bottom: 66px
	}

	#povprasevanje {
		margin-top: 156px
	}
	
	

	.glasba-vsebina {
		grid-template-columns: 1fr
	}

	#glasba-lista {
		height: 300px;
		padding-bottom: 0;
		border-radius: 0 0 11px 11px
	}

	#glasba-lista .vjs-playlist-vertical .vjs-playlist-item {
		background: var(--l_c);
		border-bottom: 1px solid var(--d_c);
		padding: 5px
	}

	#glasba-lista .vjs-playlist-vertical .vjs-playlist-item:hover {
		color: var(--p_c)
	}

	#glasba-lista .vjs-playlist img {
		min-height: 25px
	}

	#glasba-lista .vjs-playlist-vertical .vjs-playlist-thumbnail {
		display: block;
		width: 100%;
		height: auto
	}

	#glasba-lista .vjs-playlist-vertical .vjs-playlist-thumbnail img {
		displaY: none
	}

	#glasba-lista .vjs-playlist .vjs-playlist-title-container {
		position: relative;
		bottom: auto;
		width: 100%;
		padding: 0
	}

	#glasba-lista .vjs-playlist .vjs-playlist-name {
		color: var(--d_c);
	}
	
	#glasba-lista .vjs-playlist .vjs-playlist-now-playing-text {
		position: relative;
		top: auto;
		left: auto;
		padding-left: 0;
		margin: 5px 0;
		color: var(--p_c);
		font-weight: 300
	}

	#glasba-lista .vjs-playlist .vjs-up-next-text {
		display: none;
		font-weight: 300;
		text-transform: uppercase
	}

	#glasba-lista .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text {
		display: inline-block;
		float: right;
		font-weight: 500
	}
}

@media screen and (max-width:750px) {
	#navigation,#navigation ul {
		padding-bottom: 22px;
		height: auto
	}

	#o-nas p,#reference p,.glasba-cta p {
		font-size: 22px
	}

	#site_branding.logo_prikazan {
		top: -150px
	}

	#navigation {
		position: fixed;
		top: -100%;
		left: 0;
		z-index: 502;
		width: 100%;
		opacity: 1;
		background-color: var(--p_c);
		transition: top .4s
	}

	#navigation ul {
		text-align: left;
		padding-left: 0;
		padding-top: 22px
	}

	#navigation ul li {
		display: block;
		margin-bottom: 22px;
		margin-left: 22px
	}

	#navigation ul li:last-child {
		margin-bottom: 0
	}

	#navigation ul li a {
		color: var(--l_c);
		font-size: 22px;
		line-height: 1
	}

	.menu_appear {
		top: 0!important;
		transition: top .4s
	}

	#navigation a.menu_lang_link:before {
		top: 4px;
		left: 17px;
		width: 37px;
		height: 37px
	}
	
	
.lang-en #navigation a.menu_lang_link:before{
	top: 4px;
		left: 13px;
		width: 37px;
		height: 37px
}


	#mobile_button {
		display: block;
		position: fixed;
		z-index: 503;
		right: 22px;
		top: 22px;
		width: 44px;
		border-radius: 50%;
		height: 44px;
		padding: 0;
		border: none;
		background-image: url('../img/menu_icon.png');
		background-size: 22px 18px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		cursor: pointer
	}

	.close_button {
		background-image: url('../img/close_icon.png')!important;
		background-size: 18px 18px!important
	}

	#scroll_down_arrow {
		left: 22px;
		bottom: 22px;
		width: 33px;
		height: 33px
	}

	#front_logo {
		width: 75vw
	}

	#site_description {
		font-size: 5vw;
		line-height: 5vw
	}

	.naslov-sekcije {
		font-size: 44px
	}

	
	.galerija-vsebina {
		padding-bottom: 0%
	}
	
	.prednosti-text ul li h3, .prednosti-text ul li p {
	width: 100%;
	display: block;
	vertical-align: top;
	text-align: center;
	}
	.prednosti-text ul li h3{
		display: block;

	}
	
	.prednosti-text ul li:nth-child(2n) .prednsoti-img-okvir {
	right: auto;
	left: auto;
}
	
	.prednosti-text ul li:nth-child(2n) {
	text-align: center;
	}
	
	.prednosti-text ul li:nth-child(2n) p, .prednosti-text ul li:nth-child(2n) h3 {
	text-align: center;
}


.prednsoti-img-okvir {
	display: block;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	top: auto;
	right: auto;
	margin: 33px auto;
	
}


p.prepletanje{
	margin-top: 110px
}
h2.naslov-predprijave {
	margin-top: 0;
	text-align: center;
	word-break: break-all;
}

.predprijave-tekst {
	padding: 66px;
}

	#contact_form .field_pack {
		grid-template-columns: 1fr;
		grid-gap: 11px
	}

	#contact_form .field_pack input[type=date],#contact_form .field_pack input[type=email],#contact_form .field_pack input[type=number],#contact_form .field_pack input[type=tel],#contact_form .field_pack input[type=text] {
		width: 100%;
		text-align: center;
		padding: 5px 22px
	}

	#contact_form .field_pack label {
		padding-top: 22px;
		text-align: center
	}

	#contact_form label.radio-option-label {
		padding-top: 0;
		text-align: left
	}

	#povprasevanje .input-pojasnilo {
		text-align: center;
		font-size: 14px
	}

	#contact_form .field_pack.field_pack_strinjanje {
		grid-template-columns: 1fr 3fr;
		grid-gap: 44px
	}

	#contact_form .field_pack.field_pack_strinjanje div.pogoji-checkbox {
		margin-top: 22px
	}

	#povprasevanje p.obrazec_pojasnilo {
		font-size: 14px;
		margin: 11px 0 0 auto
	}

	#glasba h2,.naslov-sekcije {
		margin-top: 110px;
		margin-bottom: 44px
	}
	
	
	.o-nas-text {
		padding-top:110px;
	}

	#povprasevanje {
		margin-top: 110px;
		padding-bottom: 44px
	}

	#kontakt {
		padding-bottom: 0px
	}

	.button,a.button {
		line-height: 22px;
		font-size: 18px;
		padding: 11px 22px;
		line-break: auto;
		white-space: normal;
	}

	.kontakt-okvir p {
		width: 100%;
		min-width: 0
	}

	.kontakt-okvir ul.kontakti-lsit li a {
		font-size: 33px;
		line-height: 55px;
		 overflow-wrap: break-word;
	}

	.footer_links ul {
		margin-bottom: 0;
		margin-top: 0
	}

	.footer_links ul li {
		display: block;
		margin-top: 11px
	}

	.footer_links ul li::after {
		content: ''
	}
}

@media screen and (max-width:500px) {
	.kontakt-okvir ul.kontakti-lsit li a {
	font-size: 22px;
	line-height: 33px;
	
}.kontakt-okvir ul.kontakti-lsit li {
	margin-bottom: 22px;
}

.predprijave-tekst {
	padding: 44px 22px;
}
}

@media screen and (max-width:450px) {
	.mobile {
		display: block
	}

	.desktop {
		display: none
	}
	
.okrasek:before {
	left: -11px;
}

.okrasek-alt:before {
	
	right: -11px;
}
	.okrasek-siv:before {

	margin-left: -125px;
	margin-top: -125px;
	height: 250px;
	width: 250px;
}


	.naslov-sekcije {
		font-size: 33px
	}

	.trak {
		padding: 11px 22px
	}

	.galerija-vsebina {
		padding-bottom: 0%
	}

	.o-nas-tekst-vrstica {
		grid-template-columns: 1fr;
		grid-gap: 22px;
		margin-bottom: 44px;
		text-align: center
	}

	.o-nas-tekst-vrstica .o-nas-odstavek,.o-nas-tekst-vrstica.ontv-2 .o-nas-odstavek {
		text-align: center
	}

	.o-nas-odstavek::before {
		content: '';
		height: 0;
		position: absolute;
		top: 0;
		display: none
	}
}