/*XS phones mini*/
@media (max-width: 320px) {

}

/*XS phones*/
@media (max-width: 767px) {
    

.no-gutter{
    padding-right:0;
	padding-left:0;
}
.row.no-gutter{
	margin-right:calc(var(--bs-gutter-x) * .5);
	margin-left:calc(var(--bs-gutter-x) * .5);
}
.no-gutter-left {
    padding-left:0;
}
.no-gutter-right {
    padding-right:0;
}

/*INTRO*/
section.intro{padding:25px 0;}
section.intro h2{font-size:48px;}
section.intro h3{font-size:14px; margin-bottom:20px;}

    /*HEADER - inner*/
    section.header{}
    section.header .container {width:100%; max-width:100%; }
    section.header .container .row {width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%;}

    /*BANNER*/
    section.banner{height:540px; margin-top:10px;}
    section.banner .no-gutter{padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5);}
    section.banner .container {width:100%; max-width:100%; height:540px; padding:0; margin:0; margin:0 auto;}/*padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5);*/
    section.banner .container .row {width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%; height:540px; padding-left:0; padding-right:0; background: transparent url(../images/banner_mobile.jpg) no-repeat 0 0; background-size:auto; border-radius:30px;}
    section.banner h1{font-size:60px; color:#fff; text-align:center; padding:0 40px; width:100%;}

    
/*NAVBAR*/
.navbar{background-color: transparent; border-color: transparent; width:100%;height:66px; margin:0; padding:0;}
.navbar .navbar-toggler{position:absolute; top:15px; right:18px; width:50px; height:50px; background: var(--green-bg); color:var(--white); border:none; border-radius:50%; padding:8px 6px 0 6px; z-index:1005; transition:all 1s ease;}
.navbar-toggler:focus {box-shadow: none !important;}
.navbar .navbar-toggler-icon{background-image:none;}
.navbar .navbar-toggler .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
    color:var(--white);
content: "\f00d";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.navbar .navbar-toggler.collapsed .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
content: "\f0c9";
color:var(--white);
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.navbar .navbar-toggler:not(.collapsed),.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{color:#fff;}
.navbar .navbar-brand{position:absolute; top:5px; left:20px; width:69px;}
.navbar .navbar-brand img{width:100%;}
.navbar .navbar-collapse{width:100%; margin:-12px 0 0 0; padding:0 0 400px 0; background-color:#1c7243; opacity:1; position:relative; z-index:1001; height:auto;}
.navbar .navbar-nav{margin:80px 0 0 0;}
.navbar .navbar-nav .nav-item{display:block; margin:0; padding:0;}
.navbar .navbar-nav .nav-link{display:block; margin:0; padding:20px; font-size:28px; text-align:center; color:#fff;}
.navbar-nav .nav-item-contacts{text-align:center;}
.navbar-nav .nav-item-contacts a{background: var(--white); color: var(--green); margin:40px 10px 0 0; display:inline-block;}

/*banner - intro, header - inner*/
section.header .navbar{margin-top:10px; height:80px; border-radius:20px;}
section.header .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{color: var(--white);}

/*INTRO AKTUALNO*/
.owl-carousel .owl-stage{margin-left:0px;}
section.aktualno{}
section.aktualno article{height:450px; margin:0 0 25px 0;}
section.intro.aktualno h2{margin-bottom:10px;}
section.aktualno h3{margin-bottom:30px;}
section.aktualno article .txt{padding:30px;}
section.aktualno article h4{font-size:22px;}

/*INTRO O DRUSTVU*/
section.odrustvu .img{padding:0;}
section.odrustvu .img img{width:100%; border-radius:20px;}
section.odrustvu .txt{background:var(--lightgreen-bg); border-radius:20px; padding:50px 35px; margin-bottom:10px;}
section.odrustvu h2{text-align:left; font-weight:800; font-size:48px; margin-bottom:10px;}
section.odrustvu p{color:var(--gray);}
section.odrustvu p.intro{font-weight:bold;}
section.odrustvu a.more{display:inline-block; background: var(--green); color: var(--white); text-decoration:none; font-size:16px; padding:12px 40px; margin-top:0px; border-radius:30px;}

/*INTRO PROGRAMI*/
section.programi .program{padding:40px; height:auto;}
section.programi *{padding:0;}
section.programi .program img{width:80px; margin-bottom:12px;}
section.programi .program h3{font-size:22px; margin-bottom:20px;}
section.programi .program p{font-size:14px;}
section.programi .program .more::after{font-size:25px;}


/*INNER*/
section.inner h1{font-size:54px; padding:40px 0 30px 0;}
section.inner h2{font-size:48px;padding:45px 0 35px 0;}
section.inner ul{margin:0 0 15px 0; padding:0;}
section.inner ul li{list-style-type:none; margin:0; padding:0;}
section.inner ul li::before{font-family:"Font Awesome 6 Free"; content:"\f068"; margin-right:10px; display: inline-block; font-weight:bold; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; transition:all 0.8s ease 0s;}

/*INNER CNT*/
section.inner.cnt h1{font-size:54px; line-height:58px;}

/*SUBMENU PROGRAMI*/
section.inner.submenu.desk{display:none;}
section.inner.submenu.mobile{display:block;}
section.inner.submenu .program{border-radius:20px; padding:5px 5px 15px 5px; margin-bottom:10px;}
section.inner.submenu .program img{margin:0 auto; display:block; }
section.inner.submenu .program h3{font-size:10px; margin-top:75px;}
section.inner.submenu .program h3 span{display: block;}
section.inner.submenu .program.program1,section.inner.submenu .program.program2,
section.inner.submenu .program.program3,section.inner.submenu .program.program4,
section.inner.submenu .program.program5,section.inner.submenu .program.program6,
section.inner.submenu .program.program1.active,section.inner.submenu .program.program2.active,
section.inner.submenu .program.program3.active,section.inner.submenu .program.program4.active,
section.inner.submenu .program.program5.active,section.inner.submenu .program.program6.active,
section.inner.submenu .program.program1:hover,section.inner.submenu .program.program2:hover,
section.inner.submenu .program.program3:hover,section.inner.submenu .program.program4:hover,
section.inner.submenu .program.program5:hover,section.inner.submenu .program.program6:hover
{background-position:10px 20px; background-size:70px 53px;}

/*INNER TXT + IMG*/
section.inner.txtimg{margin-bottom:100px;}
section.inner.txtimg.kulturagluhih{margin-top:100px;}
section.inner.txtimg h3{margin-bottom:20px;}
section.inner.txtimg p{padding-right:40px;}
section.inner.txtimg img{border-radius:20px;}
section.inner.txtimg.kulturagluhih img{margin-top:170px;}

/*INNER WHITE BCK*/
section.inner.whitebck .col-12{padding:0;}
section.inner.whitebck .block{background: var(--white); border:2px solid #dfe6d4; padding:8px; border-radius:30px; margin-top:20px;}
section.inner.whitebck .block.sportgluhih{height:auto;}
section.inner.whitebck .block img{width:100%; height:auto; border-top-left-radius:24px; border-radius:20px;}
section.inner.whitebck .block .txt{padding:40px 38px;}
section.inner.whitebck .block h3{font-size:25px; margin-bottom:20px;}

/*INNER WHITE BCK*/
section.inner.whitebck .block{background: var(--white); padding:12px; border-radius:20px;}
section.inner.whitebck .block img{width:100%; border-radius:24px;}

/*INNER GREEN BCK*/
section.inner.greenbck .container{width:100%; max-width:100%; background:transparent;}
section.inner.greenbck .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); background:var(--lightgreen-bg); border-radius:20px; max-width:100%; padding:calc(var(--bs-gutter-x) * .5);} 
section.inner.greenbck .row .col-12{padding:0;}
section.inner.greenbck .block{margin-bottom:20px; border-radius:20px;}

section.inner.greenbck .block.aktivnozivljenje{height:600px;}
section.inner.greenbck .block.sportgluhih{height:430px;}
section.inner.greenbck .block.psihosocialnapomoc{height:480px;}
section.inner.greenbck .block img{width:100%; height:190px; border-radius:20px;}
section.inner.greenbck .block .txt{padding:20px;}
section.inner.greenbck .block h3{font-size:22px; margin-bottom:20px;}

/*INNER TXT + BLOCK*/
section.inner.txtblock{padding:40px 0;}
section.inner.txtblock h1{padding:0 0 20px 0;}
section.inner.txtblock .txt{padding:0px;}
section.inner.txtblock .block{border-radius:30px; border:2px solid #dfe6d4; padding:45px;}
section.inner.txtblock .block h3{font-size:25px; padding:20px 0;}
section.inner.txtblock .block p{}
section.inner.txtblock .block a{font-weight:bold; color:var(--green); text-decoration:none; display:inline-block;}
section.inner.txtblock .block a::after{font-family:"Font Awesome 6 Free"; content:"\f061"; margin-right:10px; display:inline-block;}

/*INNER CLANSTVO*/
section.inner.txtblock .block.clanstvo{margin-top:60px; padding:30px 30px 30px 30px;}
section.inner.txtblock .block.clanstvo a{font-size:12px; line-height:20px; border-radius:30px; padding:5px 20px;}

/*INNER O DRUSTVU glasilo*/
section.inner.greenbck.glasilo{margin-top:40px;}
section.inner.greenbck.glasilo h2{padding:0 0 35px 0;}
section.inner.greenbck.glasilo .arhiv{border:none;}
section.inner.greenbck.glasilo .arhiv ul{margin-bottom:15px; height:240px; overflow-y:hidden;}
section.inner.greenbck.glasilo .arhiv ul li{margin-bottom:15px;}
section.inner.greenbck.glasilo .arhiv a.mobile{display:block;}
section.inner.greenbck.glasilo .img{width:100%; display:inline-block; margin:20px 0 0 0; float:none;}
section.inner.greenbck.glasilo .img img{width:100%;}
section.inner.greenbck.glasilo .txt{width:100%; display:inline-block; float:none; margin-top:30px;}
section.inner.osebnaizkaznica .row{padding:40px 0;}
section.inner.organidrustva .row{padding:40px 0;}
section.inner.vizija h2, section.inner.osebnaizkaznica h2, section.inner.organidrustva h2{padding:0 0 20px 0; margin-top:-10px;}

section.inner.organidrustva .person{width:48%;}

/*INNER PODPRITE NAS*/
section.inner .txt a.button{display:inline-block; font-size:12px; line-height:20px; height:auto; padding:5px 20px; margin:0 0 20px 0;}
section.inner .txt a.button:hover{color:var(--green-bg); border:2px solid var(--green); background-color:transparent;}
section.inner.cntpodporniki{margin-top:40px;}
section.inner.cntpodporniki .row {padding:40px 0;}
section.inner.cntpodporniki .row h2 {padding: 0 0 35px 0;}
section.inner.cntpodporniki .row .col-12{padding:0;}
section.inner.cntpodporniki .block{padding:20px;}
section.inner.cntpodporniki .block h3{font-size:20px;}
section.inner.cntpodporniki .block a.link{margin-top:50px;}
section.inner.cntpodporniki .block a.link.small{margin-top:20px;}

/*INNER KONTAKT*/
section.inner.kontakt h2{padding-top:0; font-size:38px;}

/*INNER GLEDALISKI TOLMAC*/
section.inner.txtimg.tolmac .txt{margin-top:40px;}
section.inner iframe{width:100%; height:200px;}

/*PODPORNIKI*/
section.podporniki .container{width:100%; max-width:100%;}
section.podporniki .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%;}
section.podporniki .logos{border-radius:20px; padding:60px 0;}
section.podporniki .logos a{width:70%; margin:0 auto 60px auto; display:block;}
section.podporniki .logos a.zveza-drustev-gluhih-in-naglusnih-slovenije{margin-bottom:0;}
section.podporniki .logos a.ministrstvo-za-delo-druzino-socialnae-zadeve-in-enake-moznosti img{width:45%;}
section.podporniki .logos a.zveza-drustev-gluhih-in-naglusnih-slovenije img{width:50%;}
section.podporniki .logos a img{}

/*FOOT*/
section.foot .container{width:100%; max-width:100%;}
section.foot .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%; border-radius:20px; padding:35px;}
section.foot .contact, section.foot .onas, section.foot .programi, section.foot .glasilo{border:none; padding:0px;}
section.foot .onas, section.foot .programi, section.foot .glasilo{margin-top:30px;}

/*SMALLFOOT*/
section.smallfoot{height:auto; padding:30px 0;}
section.smallfoot *{line-height:24px;}

}

/*SM tablets*/
@media (min-width: 768px) and (max-width: 991px) {

    .no-gutter{
    padding-right:0;
	padding-left:0;
}
.row.no-gutter{
	margin-right:calc(var(--bs-gutter-x) * .5);
	margin-left:calc(var(--bs-gutter-x) * .5);
}
.no-gutter-left {
    padding-left:0;
}
.no-gutter-right {
    padding-right:0;
}

/*INTRO*/
section.intro{padding:25px 0;}
section.intro h2{font-size:48px;}
section.intro h3{font-size:14px; margin-bottom:20px;}

    /*HEADER - inner*/
    section.header{}
    section.header .container {width:100%; max-width:100%; }
    section.header .container .row {width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%;}

    /*BANNER*/
    section.banner{height:320px; margin-top:10px;}
    section.banner .no-gutter{padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5);}
    section.banner .container {width:100%; max-width:100%; height:320px; padding:0; margin:0; margin:0 auto;}/*padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5);*/
    section.banner .container .row {width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%; height:320px; padding-left:0; padding-right:0; background: transparent url(../images/banner.jpg) no-repeat 0 0; background-size:100% 320px; border-radius:30px;}
    section.banner h1{font-size:40px; color:#fff; text-align:center; padding:0 40px; width:100%;}

    
/*NAVBAR*/
.navbar{background-color: transparent; border-color: transparent; width:100%;height:66px; margin:0; padding:0;}
.navbar .navbar-toggler{position:absolute; top:15px; right:18px; width:50px; height:50px; background: var(--green-bg); color:var(--white); border:none; border-radius:50%; padding:8px 6px 0 6px; z-index:1005; transition:all 1s ease;}
.navbar-toggler:focus {box-shadow: none !important;}
.navbar .navbar-toggler-icon{background-image:none;}
.navbar .navbar-toggler .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
    color:var(--white);
content: "\f00d";
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.navbar .navbar-toggler.collapsed .navbar-toggler-icon::after{font-family: "Font Awesome 5 Free";
content: "\f0c9";
color:var(--white);
font-weight: 900;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.navbar .navbar-toggler:not(.collapsed),.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after{color:#fff;}
.navbar .navbar-brand{position:absolute; top:5px; left:20px; width:69px;}
.navbar .navbar-brand img{width:100%;}
.navbar .navbar-collapse{width:100%; margin:-12px 0 0 0; padding:0 0 400px 0; background-color:#1c7243; opacity:1; position:relative; z-index:1001; height:auto;}
.navbar .navbar-nav{margin:80px 0 0 0;}
.navbar .navbar-nav .nav-item{display:block; margin:0; padding:0;}
.navbar .navbar-nav .nav-link{display:block; margin:0; padding:20px; font-size:28px; text-align:center; color:#fff;}
.navbar-nav .nav-item-contacts{text-align:center;}
.navbar-nav .nav-item-contacts a{background: var(--white); color: var(--green); margin:40px 10px 0 0; display:inline-block;}

/*banner - intro, header - inner*/
section.header .navbar{margin-top:10px; height:80px; border-radius:20px;}
section.header .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{color: var(--white);}

/*INTRO AKTUALNO*/
.owl-carousel .owl-stage{margin-left:0px;}
section.aktualno{}
section.aktualno article{height:450px; margin:0 0 25px 0;}
section.intro.aktualno h2{margin-bottom:10px;}
section.aktualno h3{margin-bottom:30px;}
section.aktualno article .txt{padding:30px;}
section.aktualno article h4{font-size:22px;}

/*INTRO O DRUSTVU*/
section.odrustvu .img{padding:0;}
section.odrustvu .img img{width:100%; border-radius:20px;}
section.odrustvu .txt{background:var(--lightgreen-bg); border-radius:20px; padding:50px 35px; margin-bottom:10px;}
section.odrustvu h2{text-align:left; font-weight:800; font-size:48px; margin-bottom:10px;}
section.odrustvu p{color:var(--gray);}
section.odrustvu p.intro{font-weight:bold;}
section.odrustvu a.more{display:inline-block; background: var(--green); color: var(--white); text-decoration:none; font-size:16px; padding:12px 40px; margin-top:0px; border-radius:30px;}

/*INTRO PROGRAMI*/
section.programi .program{padding:40px; height:auto;}
section.programi *{padding:0;}
section.programi .program img{width:80px; margin-bottom:12px;}
section.programi .program h3{font-size:22px; margin-bottom:20px;}
section.programi .program p{font-size:14px;}
section.programi .program .more::after{font-size:25px;}


/*INNER*/
section.inner h1{font-size:54px; padding:40px 0 30px 0;}
section.inner h2{font-size:48px;padding:45px 0 35px 0;}
section.inner ul{margin:0 0 15px 0; padding:0;}
section.inner ul li{list-style-type:none; margin:0; padding:0;}
section.inner ul li::before{font-family:"Font Awesome 6 Free"; content:"\f068"; margin-right:10px; display: inline-block; font-weight:bold; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; transition:all 0.8s ease 0s;}

/*INNER CNT*/
section.inner.cnt h1{font-size:54px; line-height:58px;}

/*SUBMENU PROGRAMI*/
section.inner.submenu.desk{display:none;}
section.inner.submenu.mobile{display:block;}
section.inner.submenu .program{border-radius:20px; padding:5px 5px 15px 5px; margin-bottom:10px;}
section.inner.submenu .program img{margin:0 auto; display:block; }
section.inner.submenu .program h3{font-size:12px; margin-top:75px;}
section.inner.submenu .program h3 span{display: block;}
section.inner.submenu .program.program1,section.inner.submenu .program.program2,
section.inner.submenu .program.program3,section.inner.submenu .program.program4,
section.inner.submenu .program.program5,section.inner.submenu .program.program6,
section.inner.submenu .program.program1.active,section.inner.submenu .program.program2.active,
section.inner.submenu .program.program3.active,section.inner.submenu .program.program4.active,
section.inner.submenu .program.program5.active,section.inner.submenu .program.program6.active
{background-position: center 10px; background-size:70px 53px;}

/*INNER TXT + IMG*/
section.inner.txtimg{margin-bottom:100px;}
section.inner.txtimg.kulturagluhih{margin-top:100px;}
section.inner.txtimg h3{margin-bottom:20px;}
section.inner.txtimg p{padding-right:40px;}
section.inner.txtimg img{border-radius:20px;}
section.inner.txtimg.kulturagluhih img{margin-top:170px;}

/*INNER WHITE BCK*/
section.inner.whitebck .col-12{padding:0;}
section.inner.whitebck .block{background: var(--white); border:2px solid #dfe6d4; padding:8px; border-radius:30px; margin-top:20px;}
section.inner.whitebck .block.sportgluhih{height:auto;}
section.inner.whitebck .block img{width:100%; height:auto; border-top-left-radius:24px; border-radius:20px;}
section.inner.whitebck .block .txt{padding:40px 38px;}
section.inner.whitebck .block h3{font-size:25px; margin-bottom:20px;}

/*INNER WHITE BCK*/
section.inner.whitebck .block{background: var(--white); padding:12px; border-radius:20px;}
section.inner.whitebck .block img{width:100%; border-radius:24px;}

/*INNER GREEN BCK*/
section.inner.greenbck .container{width:100%; max-width:100%; background:transparent;}
section.inner.greenbck .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); background:var(--lightgreen-bg); border-radius:20px; max-width:100%; padding:calc(var(--bs-gutter-x) * .5);} 
section.inner.greenbck .row .col-12{padding:0;}
section.inner.greenbck .block{margin-bottom:20px; border-radius:20px;}

section.inner.greenbck .block.aktivnozivljenje{height:600px;}
section.inner.greenbck .block.sportgluhih{height:430px;}
section.inner.greenbck .block.psihosocialnapomoc{height:480px;}
section.inner.greenbck .block img{width:100%; height:190px; border-radius:20px;}
section.inner.greenbck .block .txt{padding:20px;}
section.inner.greenbck .block h3{font-size:22px; margin-bottom:20px;}

/*INNER TXT + BLOCK*/
section.inner.txtblock{padding:40px 0;}
section.inner.txtblock h1{padding:0 0 20px 0;}
section.inner.txtblock .txt{padding:0px 40px 0 0;}
section.inner.txtblock .block{border-radius:30px; border:2px solid #dfe6d4; padding:25px;}
section.inner.txtblock .block h3{font-size:25px; padding:20px 0;}
section.inner.txtblock .block p{}
section.inner.txtblock .block a{font-weight:bold; color:var(--green); text-decoration:none; display:inline-block;}
section.inner.txtblock .block a::after{font-family:"Font Awesome 6 Free"; content:"\f061"; margin-right:10px; display:inline-block;}

/*INNER CLANSTVO*/
section.inner.txtblock .block.clanstvo{margin-top:60px; padding:30px 30px 30px 30px;}
section.inner.txtblock .block.clanstvo a{font-size:12px; line-height:20px; border-radius:30px; padding:5px 20px;}

/*INNER O DRUSTVU glasilo*/
section.inner.greenbck.glasilo{margin-top:40px;}
section.inner.greenbck.glasilo h2{padding:0 0 35px 0;}
section.inner.greenbck.glasilo .arhiv{border:none;}
section.inner.greenbck.glasilo .arhiv ul{margin-bottom:15px; height:240px; overflow-y:hidden;}
section.inner.greenbck.glasilo .arhiv ul li{margin-bottom:15px;}
section.inner.greenbck.glasilo .arhiv a.mobile{display:block;}
section.inner.greenbck.glasilo .img{width:100%; display:inline-block; margin:20px 0 0 0; float:none;}
section.inner.greenbck.glasilo .img img{width:auto;}
section.inner.greenbck.glasilo .txt{width:100%; display:inline-block; float:none; margin-top:30px;}
section.inner.osebnaizkaznica .row{padding:40px 0;}
section.inner.organidrustva .row{padding:40px 0;}
section.inner.vizija h2, section.inner.osebnaizkaznica h2, section.inner.organidrustva h2{padding:0 0 20px 0; margin-top:-10px;}

section.inner.organidrustva .person{width:48%;}

/*INNER PODPRITE NAS*/
section.inner .txt a.button{display:inline-block; font-size:12px; line-height:20px; height:auto; padding:5px 20px; margin:0 0 20px 0;}
section.inner .txt a.button:hover{color:var(--green-bg); border:2px solid var(--green); background-color:transparent;}
section.inner.cntpodporniki{margin-top:40px;}
section.inner.cntpodporniki .row {padding:40px 0;}
section.inner.cntpodporniki .row h2 {padding: 0 0 35px 0;}
section.inner.cntpodporniki .row .col-12{padding:0;}
section.inner.cntpodporniki .block{padding:20px;}
section.inner.cntpodporniki .block h3{font-size:20px;}
section.inner.cntpodporniki .block a.link{margin-top:50px;}
section.inner.cntpodporniki .block a.link.small{margin-top:20px;}

/*INNER KONTAKT*/
section.inner.kontakt h2{padding-top:0; font-size:38px;}

/*INNER GLEDALISKI TOLMAC*/
section.inner.txtimg.tolmac .txt{margin-top:40px;}
section.inner iframe{width:100%; height:200px;}

/*PODPORNIKI*/
section.podporniki .container{width:100%; max-width:100%;}
section.podporniki .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%;}
section.podporniki .logos{border-radius:20px; padding:60px 0;}
section.podporniki .logos a{width:70%; margin:0 auto 60px auto; display:block;}
section.podporniki .logos a.zveza-drustev-gluhih-in-naglusnih-slovenije{margin-bottom:0;}
section.podporniki .logos a.ministrstvo-za-delo-druzino-socialnae-zadeve-in-enake-moznosti img{width:45%;}
section.podporniki .logos a.zveza-drustev-gluhih-in-naglusnih-slovenije img{width:50%;}
section.podporniki .logos a img{}

/*FOOT*/
section.foot *{font-size:14px;}
section.foot .container{width:100%; max-width:100%;}
section.foot .row{width:calc(100% - 2 * calc(var(--bs-gutter-x) * .5)); max-width:100%; border-radius:20px; padding:35px;}
section.foot h4{font-size:14px; margin-bottom:24px;}
section.foot h5{font-size:14px; margin-bottom:5px;}
section.foot p a::before{margin-right:2px;}
section.foot .contact, section.foot .onas, section.foot .programi, section.foot .glasilo{border:none; padding:0px;}
section.foot .onas, section.foot .programi, section.foot .glasilo{margin-top:30px;}

/*SMALLFOOT*/
section.smallfoot{height:auto; padding:30px 0;}
section.smallfoot *{line-height:24px;}

}

/*MD laptops*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*HEADER - inner*/
    section.header .container {width:100%; max-width:100%;}
    section.header .container .row {width:100%; max-width:100%;}

    /*BANNER*/
    section.banner{height:550px; margin-top:30px;}
    section.banner .container {width:100%; max-width:100%; height:550px;}
    section.banner .container .row {width:100%; max-width:100%; height:550px; background: transparent url(../images/banner.jpg) no-repeat 0 -100px; background-size:100%;}
    section.banner h1{font-size:90px; padding: 0 210px; width:80%;}

    /*NAVBAR*/
    .navbar{margin-top:46px; padding:0 50px; height:40px;}
	.navbar-nav{width:100%; height:40px; /*margin-left:245px;*/}
    .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{font-size:13px; padding: 0 15px; margin:3px 5px;}

    /*INNER GREEN BCK*/
    section.inner.greenbck .container{width:100%; max-width:100%;}
    section.inner.greenbck .row{width:100%; max-width:100%; padding:70px 0;} 

    /*PODPORNIKI*/
    section.podporniki .container{width:100%; max-width:100%;}
    section.podporniki .row{width:100%; max-width:100%;}

    /*FOOT*/
    section.foot .container{width:100%; max-width:100%;}
    section.foot .row{padding:100px; width:100%; max-width:100%;}
}
/*LG laptops - desktops*/
@media (min-width: 1200px) and (max-width: 1299px) {
    body,td,div {font-size:14px;}

    /*INTRO*/
    section.intro{padding:90px 0;}
    section.intro h2{font-size:45px; margin-bottom:10px;}
    section.intro h3{font-size:14px; margin-bottom:20px;}
    
    /*HEADER - inner*/
    section.header .container {width:100%; max-width:100%;}
    section.header .container .row {width:100%; max-width:100%;}

    /*BANNER*/
    section.banner{height:400px; margin-top:30px;}
    section.banner .container {width:100%; max-width:100%; height:400px;}
    section.banner .container .row {width:100%; max-width:100%; height:400px; background: transparent url(../images/banner.jpg) no-repeat 0 -100px; background-size:100%;}
    section.banner h1{font-size:60px; padding: 0 50px; width:60%;}

    /*NAVBAR*/
    .navbar{margin-top:46px; padding:0 50px; height:40px;}
	.navbar-nav{width:100%; height:40px;/* margin-left:245px;*/}
    .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{font-size:13px; padding: 0 15px; margin:3px 5px;}

    /*INTRO O DRUSTVU*/
    section.odrustvu .img img{width:100%; border-radius:40px;}
    section.odrustvu .txt{background:var(--lightgreen-bg); border-radius:40px; padding:60px;}

    /*INNER GREEN BCK*/
    section.inner.greenbck .container{width:100%; max-width:100%;}
    section.inner.greenbck .row{width:100%; max-width:100%; padding:70px 0;} 

    /*PODPORNIKI*/
    section.podporniki .container{width:100%; max-width:100%;}
    section.podporniki .row{width:100%; max-width:100%;}

    /*FOOT*/
    section.foot .container{width:100%; max-width:100%;}
    section.foot .row{padding:100px; width:100%; max-width:100%;}   
}    
/*LG laptops - desktops*/
@media (min-width: 1300px) and (max-width: 1399px) {
    
    body,td,div {font-size:14px;}

    /*INTRO*/
    section.intro{padding:90px 0;}
    section.intro h2{font-size:45px; margin-bottom:10px;}
    section.intro h3{font-size:14px; margin-bottom:20px;}

    /*HEADER - inner*/
    section.header .container {width:100%; max-width:100%;}
    section.header .container .row {width:100%; max-width:100%;}

    /*BANNER*/
    section.banner{height:400px; margin-top:30px;}
    section.banner .container {width:100%; max-width:100%; height:400px;}
    section.banner .container .row {width:100%; max-width:100%; height:400px; background: transparent url(../images/banner.jpg) no-repeat 0 -100px; background-size:100%;}
    section.banner h1{font-size:60px; padding: 0 50px; width:50%;}

    /*NAVBAR*/
    .navbar{margin-top:46px; padding:0 50px; height:40px;}
	.navbar-nav{width:100%; height:40px; /*margin-left:345px;*/}
    .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{font-size:13px; padding: 0 15px; margin:3px 5px;}

    /*INTRO O DRUSTVU*/
    section.odrustvu .img img{width:100%; border-radius:40px;}
    section.odrustvu .txt{background:var(--lightgreen-bg); border-radius:40px; padding:60px;}

    /*INNER GREEN BCK*/
    section.inner.greenbck .container{width:100%; max-width:100%;}
    section.inner.greenbck .row{width:1320px; max-width:1320px; padding:70px 0;} 

    /*PODPORNIKI*/
    section.podporniki .container{width:100%; max-width:100%;}
    section.podporniki .row{width:100%; max-width:100%;}

    /*FOOT*/
    section.foot .container{width:100%; max-width:100%;}
    section.foot .row{padding:100px; width:100%; max-width:100%;}   
}

/*LG laptops - desktops*/
@media (min-width: 1400px) and (max-width: 1499px) {
    
    /*INTRO*/
    section.intro{padding:90px 0;}
    section.intro h2{font-size:45px; margin-bottom:10px;}
    section.intro h3{font-size:14px; margin-bottom:20px;}

    /*HEADER - inner*/
    section.header .container {width:100%; max-width:100%;}
    section.header .container .row {width:100%; max-width:100%;}

    /*BANNER*/
    section.banner{height:550px; margin-top:30px;}
    section.banner .container {width:100%; max-width:100%; height:550px;}
    section.banner .container .row {width:100%; max-width:100%; height:550px; background: transparent url(../images/banner.jpg) no-repeat 0 -100px; background-size:100%;}
    section.banner h1{font-size:80px; padding: 0 210px; width:80%;}

    /*NAVBAR*/
    .navbar{margin-top:46px; padding:0 50px; height:40px;}
	.navbar-nav{width:100%; height:40px; /* margin-left:345px;*/}
    .navbar-nav a.nav-link, .navbar-expand-lg .navbar-nav a.nav-link{font-size:14px; padding: 0 20px; margin:3px 5px;}

    /*INNER GREEN BCK*/
    section.inner.greenbck .container{width:100%; max-width:100%;}
    section.inner.greenbck .row{width:1320px; max-width:1320px; padding:70px 0;} 

    /*PODPORNIKI*/
    section.podporniki .container{width:100%; max-width:100%;}
    section.podporniki .row{width:100%; max-width:100%;}

    /*FOOT*/
    section.foot .container{width:100%; max-width:100%;}
    section.foot .row{padding:100px; width:100%; max-width:100%;}

}
/*LG laptops - desktops*/
@media (min-width: 1500px) and (max-width: 1760px) {
/*HEADER - inner*/
    section.header .container {width:100%; max-width:100%;}
    section.header .container .row {width:100%; max-width:100%;}

    /*BANNER*/
    section.banner{height:550px; margin-top:30px;}
    section.banner .container {width:100%; max-width:100%; height:550px;}
    section.banner .container .row {width:100%; max-width:100%; height:550px; background: transparent url(../images/banner.jpg) no-repeat 0 -100px; background-size:100%;}
    section.banner h1{font-size:90px; padding: 0 210px; width:80%;}

    /*INNER GREEN BCK*/
    section.inner.greenbck .container{width:100%; max-width:100%;}
    section.inner.greenbck .row{width:1320px; max-width:1320px; padding:70px 0;} 

    /*PODPORNIKI*/
    section.podporniki .container{width:100%; max-width:100%;}
    section.podporniki .row{width:100%; max-width:100%;}

    /*FOOT*/
    section.foot .container{width:100%; max-width:100%;}
    section.foot .row{padding:100px; width:100%; max-width:100%;}
}