@media (max-width: 1000px) {
	.left-nav {
		text-align: left;
		width: 250px;
		position: absolute;
		right: 25px;
		top: -500px;
		justify-content: center;
		/*align-items: center;*/
		flex-direction: column;
		background-color: #fff;
		border-radius: 15px 0 0 0;
		transition: 0.3s ease;
		z-index: 10;
	}
	.right-nav {
		text-align: left;
		width: 250px;
		justify-content: left;
		/*align-items: center;*/
		flex-direction: column;
		position: absolute;
		right: 25px;
		top: -280px;
		background-color: #fff;
		border-radius: 0 0 15px 15px;
		transition: 0.3s ease;
		z-index: 10;
	}
	.right-nav li {
		margin: 5px 10px;
	}
	.left-nav li {
		margin: 5px 10px;
	}

	.right-nav li:nth-child(1) {
		margin-left: 7px;
	}
	.ul-main {
		width: 1000px;
		justify-content: space-between;
		padding: 0 20px;
	}
	.nav-btn {
		display: block;
		font-size: 40px;
	}

	.hero-section{
		width: 100%;
		height: 120px;
	}
	.proizvodi-section{
		width: 100%;
		margin-top: 0px;
	}
	.content-text-proizvodi{
		width: 95%;
	}
	.content-text-proizvodi h2{
		font-size: 32px;
	}
	.content-text-proizvodi p{
		font-size: 14px;
		padding-top: 10px;
		margin-top: 10px;
	}
	.proizvodi-show {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/*gap: 20px;*/
		margin-top: 0px;
		border-bottom: none;
		padding-bottom: 0px;
	}

	.block-proizvoda{
		text-align: center;
		margin-right: 0px;
	}

	.block-proizvoda .proizvodi-click{
		display: flex;
		flex-direction: column;
	}

	.block-proizvoda .proizvodi-click img{
		order: 2;
	}

	.block-proizvoda .proizvodi-click p{
		order: 1;
	}

	.block-proizvoda img{
		width: 300px;
	}
	.block-proizvoda img.alpen-proizvod-img{
		margin-top: 20px;
	}

	.block-proizvoda p{
		margin-top: 20px;
		font-size: 32px;
	}

	.info-proizvodi{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin: auto;
		padding: 0px;
	}

	.info-content-block{
		width: 300px;
		display: flex;
		flex-direction: column;
	}

	.info-content-block h3{
		font-size: 32px;
	}

	.info-content-block p{
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.info-content-block a{
		padding: 10px 15px;
		border-radius: 20px;
		font-size: 16px;
	}

	.alpinebalm-block-proizvodi, .venobalm-block-proizvodi, .alpinebalm-block-proizvodi {
		flex-direction: column;
		width: 300px;
		margin-top: 10px;
		gap: 0px;
	}
	.alpinebalm-block-proizvodi a, .venobalm-block-proizvodi a, .alpinebalm-block-proizvodi a{
		text-align: center;
	}

	.venobalm-block-proizvodi .info-content-block:first-child{
		order: 2;
	}
	.venobalm-block-proizvodi .info-content-block:last-child{
		order: 1;
	}

	.video-img {
		width: 300px;
		height: 200px;
	}

	.alpsko-blije-section{
		width: 100%;
		height: 730px;
	}
	.alpinebalm-block-proizvodi .info-content-block .video img{
		width: 100% !important;
		height: auto !important;
	}
	.venobalm-block-proizvodi .info-content-block .video img{
		width: 100% !important;
		height: auto !important;
	}
	.proizvodi-section{
		margin-bottom: 0px;
	}
	.alpskobilje-content{
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	.alpskobilje-content .block-alpskobilje img.transparent-img{
		display: none;
	}

	.block-alpskobilje h3.desktop{
		display: none !important;
	}
	.block-alpskobilje h3.mobile{
		display: block;
		border: none;
		font-size: 38px;
		padding: 0px;
		padding-bottom: 20px;
		margin-top: 0px;
		text-align: center;
	}
	.block-alpskobilje{
		width: 100%;
	}	
	.block-alpskobilje img{
		width: 100%;
		height: auto;
	}	
	.block-alpskobilje p{
		width: 98%;
		text-align: center;
	}
	.alpskobilje-content .read-more-desing{
		margin-bottom: 0px !important;
		position: relative;
	}
	.iskustva-section {
		width: 100%;
		flex-direction: column;
		gap: 0px;
	}

	.person-img {
		width: 100%;
	}
	.iskustva-content-text{
		width: 100%;
	}
	.iskustva-content-text h2{
		display: none;
	}
	.text-content-iskustva {
		margin-bottom: 20px;
	}
	.text-content-iskustva p {
		font-size: 16px;
		margin: 0 0;
		margin-bottom: 10px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.iskustva-content-text a.readmore-btn{
		padding: 10px 15px;
		margin-left: 40px;
	}
	.iskustva-main{
		padding-top: 0px;
	}
	.iskustva-main-mobile-title{
		background-color: #f1f1f1;
		display: block;
		font-size: 32px;
		text-align: center;
		padding-top: 20px;
	}
	.iskustva-main2 .iskustva-section .iskustva-content-text {
		order: 1;
	}
	.left-arrow {
		left: 0;
	}
	.right-arrow {
		right: 0;
	}
	.quote-2{
		margin-right: 10px;
	}
	.onama-section{
		width: 100%;
		flex-direction: column;
		margin: 0 0 ;
		padding-top: 0px;
	}
	.block-onama-content{
		width: 85%;
		text-align: center;
	}
	.block-onama-content h2{
		font-size: 32px;
	}
	.block-onama-content p{
		font-size: 16px;
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}
	.block-onama-content a.readmore-btn{
		padding: 10px 15px;
		margin-left: 10px;
		display: inline-block;
	}
	.block-onama-img{
		width: 95%;
		margin-top: 30px;
	}
	.block-onama-img img{
		width: 98%;
	}
	.footer-section{
		padding-top: 20px;
	}
	.footer-content{
		width: 100%;
	}

	.footer-content .ul-main-footer{
		width: 100%;
		display: block;
	}

	.alpinebalm-hero{
		width: 100%;
		height: 230px;
		position: relative;
	}
	.alpinebalm-title{
		width: 75%;
		font-size: 22px;
		padding: 10px;
		bottom: 0;
		margin-bottom: 10px;
	}
	.left-alpine-main{
		width: 85%;
	}
	.main-alpinebalm-hero{
		width: 100%;
	}
	.main-alpinebalm-hero .container{
		flex-direction: column;
		gap: 0px;
		width: 100%;
	}
	.left-alpine-main h3{
		font-size: 24px;
		text-align: center;
	}
	.left-alpine-main p{
		font-size: 16px;
		text-align: center;
	}
	.right-alpine-main {
		text-align: center;
	}
	.right-alpine-main img{
		width: 80%;
	}
	.video-section{
		height: 670px;
		width: 100%;
		margin: 0 0;
	}
	.pomazekod-section {
		flex-direction: column;
		margin-top: 0px;
	}
	.content-pomazekod, .content-karakteristikeo{
		width: 85%;
		margin-top: 20px;
		order: 1;
	}
	.pomazekod-section .content-pomazekod{
		order: 1;
		padding-bottom: 20px;
	}
	.right-bol-vrat-ramena-1{
		order: 2;
	}
	.right-bol-vrat-ramena-2{
		order: 2;
	}
	.right-prekomerna-aktivnost-1, right-prekomerna-aktivnost-2{
		order: 2;
	}
	.right-bolne-i-umorne-noge-1, .right-bolne-i-umorne-noge-2{
		order: 2;
	}
	.right-bol-u-zglobovima-1, .right-bol-u-zglobovima-2{
		order: 2;
	}
	.right-bol-kicma-1{
		order: 2;
	}
	.right-prosirene-vene-1{
		order: 2;
		margin-top: 20px;
	}
	.left-karakteristikeo{
		order: 1;
	}
	.right-prosirene-vene-2{
		order: 2;
	}
	.karakteristikeo-section{
		flex-direction: column;
		padding-top: 0px;
	}
	.karakteristikeo-section .right-alpen-flex-1-1{
		width: 100%;
		background-size: cover;
		height: 350px;
	}
	.karakteristikeo-section .right-bol-kicma-2{
		width: 100%;
		height: 280px;
		background-size: cover;
		order: 2;	
	}
	.right-pomazekod, .right-pomazekod-venobalm-1, .right-karakteristikeo, .right-karakteristike-venobalm, .right-venobalm-img{
		width: 100%;
		height: 300px;
		background-position: center;
		background-size: cover;
	}
	.left-pomazekod h3 {
		font-size: 28px;
	}
	.left-pomazekod ul{
		margin-top: 20px;
		margin-left: 20px;
	}

	.left-pomazekod, .left-karakteristikeo {
		width: 350px;
		font-size: 16px;
	}
	.left-karakteristikeo h3 {
		font-size: 28px;
	}
	.left-karakteristikeo p {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.upozorenja-content h3 {
		font-size: 28px;
	}
	.upozorenja-content p {
		font-size: 16px;
	}
	.content-informacije h3 {
		font-size: 28px;
	}
	.content-informacije p {
		font-size: 16px;
	}
	.upozorenja-content {
		width: 350px;
	}
	.upozorenja-section {
		height: 400px;
	}
	.swiper-button-prev {
		top: 190px;
	}
	.swiper-button-next {
		top: 190px;
	}
	.svojstva-section {
		padding-top: 20px;
	}
	.svojstva-section .container{
		width: 85%;
	}
	.content-svojstva{
		width: 100%;
		order: 2;
	}
	.content-svojstva h3{
		font-size: 32px;
		padding-top: 10px;
	}
	.content-svojstva p{
		font-size: 16px;
	}
	.svojstva-section img {
		margin-top: 0px;
		order 1;
		width: 100%;
	}
	.right-upotreba-img{
		width: 100%;
		background-size: cover;
		height: 320px;
	}
	.look-brosura h3{
		font-size: 20px;
	}
	.look-brosura a.readmore-btn{
		padding: 5px 10px;
		font-size: 14px;
	}
	.brosura-content{
		margin-bottom: 30px;
	}
	.upozorenja-section{
		width: 100%;
		height: 580px;
		flex-direction: column;
	}
	.upozorenja-section .container{
		order: 2;
		width: 85%;
		padding-top: 10px;
	}
	.upozorenja-section .container h3{
		font-size: 28px;
	}
	.upozorenja-section img{
		order: 1;
		width: 100%;
		height: auto;
	}
	.informacije-proizvod-section .container{
		flex-direction: column;
		width: 100%;
	}
	.informacije-proizvod-section .content-informacije{
		width: 85%;
	}
	.specifikacija-pakovanja-section {
		margin-top: 0px;
		margin-bottom: 20px;

	}
	.specifikacija-pakovanja-section .container{
		flex-direction: column;
		width: 85%;
		margin-top: 20px;
	}
	.specifikacija-pakovanja-section .container .one-row{
		width: 100%;
		margin-top: 20px;
	}
	.specifikacija-pakovanja-section .container .one-row p{
		font-size: 16px;
	}
	.images-specifikacije{
		width: 98%;
		margin-top: 20px;
	}
	.images-specifikacije img{
		width: 100% !important;
		height: auto !important;
	}
	.specifikacija-pakovanja-section .desing-box-img{
		display: none;
	}

	.venobalm-hero{
		width: 100%;
		height: 220px;
	}
	.venobalm-hero .container{
		flex-direction: column;
		gap: 0px;
		width: 100%;
	}
	.bol-ledja-kicma{
		width: 100%;
		height: 200px;
	}
	.bol-vrat-i-ramena{
		width: 100%;
		height: 220px;
	}
	.bol-vrat-i-ramena .alpinebalm-title{ 
		font-size: 20px;
	}
	.bol-prekomerna-ativnost{
		width: 100%;
		height: 220px;
	}
	.bol-prekomerna-ativnost .alpinebalm-title{ 
		font-size: 16px;
		width: 100%;
	}
	.bol-bolne-i-umorne-noge{
		width: 100%;
		height: 220px;
	}
	.bol-bolne-i-umorne-noge .alpinebalm-title{ 
		font-size: 16px;
		width: 100%;
	}
	.bol-prosirene-vene{
		width: 100%;
		height: 230px;
	}
	.bol-prosirene-vene .alpinebalm-title{ 
		font-size: 18px;
	}
	.bol-bol-u-zlgobovima{
		height: 220px;
	}
	.bol-bol-u-zlgobovima .alpinebalm-title{
		width: 90%;
		font-size: 20px;
	}
	.hero-section-alpsko-bilje{
		height: 650px;
	}
	.alpsko-bilje-main .container{
		align-items: baseline;
		width: 100%;
	}
	.left-alpsko-bilje{
		width: 100%;
		text-align: center;
	}
	.right-alpsko-bilje{
		width: 100%;
		text-align: center;
	}

	.alpsko-bilje-main2	 .container{
		align-items: baseline;
		width: 100%;
	}
	.left-alpsko-bilje{
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}
	.right-alpsko-bilje{
		width: 85%;
		text-align: center;
		margin: 0 auto;
	}
	.iskustva-hero{
		width: 100%;
		height: 230px;
		position: relative;
	}
	.iskustva-hero .iskustva-title{
		width: 75%;
		font-size: 22px;
		padding: 10px;
		bottom: 0;
		margin-bottom: 10px;
	}
	.iskustva-main.single-iskustva{
		padding-bottom: 0px;
	}
	.iskustva-main2.single-iskustva{
		padding: 0px;
	}
	.iskustva-main.single-iskustva .iskustva-section, .iskustva-main2.single-iskustva .iskustva-section{
		padding: 0px;
		margin: 0px;
		display: flex;
	}
	.iskustva-main2.single-iskustva .iskustva-content-text, .iskustva-main.single-iskustva .iskustva-content-text{
		order: 1;
	}
	.iskustva-main2.single-iskustva .iskustva-section img, .iskustva-main.single-iskustva .iskustva-section img{
		order: 2;
	}
	.onama-hero-section {
		height: 320px;
	}
	.right-filozofija{
		display: none;
	}
	.left-snagaprirode-img{
		width: 100%;
		height: 240px;
	}
	.right-nemacki-img{
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 400px;
	}
	.kontakt-main{
		height: 230px;
	}
	.kontakt-main .iskustva-title{
		width: 75%;
		font-size: 22px;
		padding: 10px;
		bottom: 0;
		margin-bottom: 10px;
	}
	.kontakt-section .container{
		width: 100%;
	}
	.kontakt-section .container .kontakt-info{
		margin: 0px;
	}
	
	.kontakt-info {
		display: flex;
		flex-direction: column;
	}

	.kontakt-info .left {
		order: 1;
		width: 100%;
	}
	
	.kontakt-info .right {
		width: 100%;
		order: 2;
	}
	.kontakt-info .right img{
		width: 100%;
	}
	.kontakt-form{
		align-items: baseline;
		justify-content: flex-start;
		margin: 0px;
	}
	.kontakt-form .container{
		width: 100%;
	}
	.kontakt-info .left h3{
		margin: 0px;
		font-size: 32px;
	}
	.kontakt-info .left form{
		width: 100%;
		align-items: center;
	}
	.kontakt-info .left form label, .kontakt-info .left form input, .kontakt-info .left form textarea{
		width: 85%;
	}
	.kontakt-info .left form div{
		width: 85% !important;
	}
	.kontakt-info .left form button{
		font-size: 16px;
		padding: 10 15px;
	}
	.kontakt-info .right{
		padding-top: 20px;
	}
	.kontakt-info .right p{
		text-align: center;
	}
	.terms-of-use{
		width: 100%;
		padding: 0px;
	}
	.terms-of-use .container{
		width: 85%;
		padding: 0px;
	}
	.terms-of-use .container h1{
		font-size: 32px;
		padding: 20px 0px;
		margin-bottom: 0px;
	}
	.copy-right li{
		border-right: none;
	}
}

@media (max-width: 700px) {
	.terms-of-use h1 {
		font-size: 40px;
		padding: 60px 0;
	}

	.paragraph h3 {
		font-size: 20px;
	}

	.paragraph p {
		font-size: 18px;
	}
}

@media (max-width: 700px) {
	.svojstva-section .container {
		flex-direction: column;
	}
	.content-svojstva h3 {
		margin-bottom: 10px;
	}
	.informacije-proizvod-section {
		padding: 20px 0;
	}
	.video-section {
		height: 550px;
		margin-top: 0;
	}
	.video-section h1{
		font-size: 32px;
		padding-top: 20px;
		width: 95%;
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.video-section .container{
		width: 100%;
	}
	.videos-section {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.right-pomazekod, .right-pomazekod-venobalm-1{
		margin-bottom: 20px;
	}
}

@media (max-width: 1100px) {

	.left .ul-1 {
		padding-left: 30px;
	}

}

@media (max-width: 700px) {
	.left ul li {
		font-size: 16px;
	}
}

@media(max-width: 660px) {
	.title-onama-div {
		background-color: #fff;
		width: 300px;
		text-align: center;
		padding: 10px;
	}
	.title-onama-div h2 {
		font-size: 22px;
	}
	.title-onama-div p {
		font-size: 16px;
		margin-top: 10px;
	}
}

@media (max-width: 871px) {
	.right-alpen-flex-1, .right-alpen-flex-2, .right-alpen-flex-3, .right-alpen-flex-4, .right-alpen-flex-5, .right-alpen-flex-6, .right-alpen-flex-7, .right-alpen-flex-8, .right-alpen-flex-9, .right-alpen-flex-10, .right-alpen-flex-11, .right-bol-kicma-1, right-bol-kicma-2, .right-bol-vrat-ramena-1, .right-bol-vrat-ramena-2, .right-prekomerna-aktivnost-1, .right-prekomerna-aktivnost-2, .right-bolne-i-umorne-noge-1, .right-bolne-i-umorne-noge-2, .right-prosirene-vene-1, .right-prosirene-vene-2, .right-bol-u-zglobovima-1, .right-bol-u-zglobovima-2{
		width: 100%;
		height: 300px;
		background-position: center;
		background-size: cover;
	}
}

@media screen and (max-width: 900px) {
	.ul-main li ul.sub {
		padding: 0px;
		margin-top: 0px !important;
		display: block !important;
		position: relative !important;
		width: 100% !important;
	}
	.ul-main li ul.sub li{
		padding-left: 10px;
	}
	.ul-main li ul.sub li:first-child{
		margin-top: 0px;
	}
}
@media (max-width: 1700px) {
	.alpsko-bilje-main .container {
		gap: 50px;
	}
	.alpsko-bilje-main2 .container {
		gap: 50px;
	}
}

@media (max-width: 1100px) {
	.left-alpsko-bilje img{
		width: 350px;
	}
	.right-alpsko-bilje img{
		width: 350px;
	}
	.right-alpsko-bilje h3 {
		font-size: 22px;
	}
	.left-alpsko-bilje h3 {
		font-size: 22px;
	}

	.hero-section-alpsko-bilje .container{
		padding: 100px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.alpsko-bilje-div {
		background-color: #fff;
		padding: 30px;
		max-width: 600px;
		text-align: center;
		position: static;
		top: 0;
	}
	.alpsko-bilje-main .container{
		flex-direction: column;
		margin: 20px auto;
	}
}

@media (max-width: 700px) {
	.hero-section-alpsko-bilje {
		height: 650px;
	}
	.alpsko-bilje-bg2 .container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.alpsko-bilje-main .container {
		flex-direction: column;
		margin: 20px auto;
	}
	.alpsko-bilje-main2 .container {
		flex-direction: column;
		padding: 20px 0;
	}
	.alpsko-bilje-main2 .left-alpsko-bilje {
		order: 1;
	}
	.alpsko-bilje-main .container {
		gap: 10px;
	}
	.alpsko-bilje-main2 .container {
		gap: 10px;
	}
}

@media(max-width: 614px) {
	.block-content-alpsko-bilje {
		width: 400px;
	}
	.alpsko-bilje-bg2 {
		height: 650px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 500px) {
	.hero-section-alpsko-bilje .container {
		width: 390px;
	}
	.alpsko-bilje-div p{
		font-size: 16px;
	}

	.hero-section-alpsko-bilje {
		height: 550px;
	}
	.alpsko-bilje-div h2 {
		font-size: 38px;
	}
	.alpsko-bilje-div h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.alpsko-bilje-bg2 {
		height: 400px;
	}
	.alpsko-bilje-bg2 .container{
		height: 500px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.block-content-alpsko-bilje {
		width: 300px;
		background-color: #fff;
		padding: 20px;
		position: static;
		top: 0;
		font-size: 18px;
		font-size: 16px;
	}

	.left-alpsko-bilje img{
		width: 300px;
	}
	.right-alpsko-bilje img{
		width: 300px;
	}

}

@media (max-width: 400px) {
	.hero-section-alpsko-bilje .container {
		width: 300px;
	}
	.hero-section-alpsko-bilje {
		height: 650px;
	}
}