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

}

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


    

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


}

/*MD*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/*LG laptops - desktops*/
@media (min-width: 1200px) and (max-width: 1399px) {


}

/*LG laptops - desktops*/
@media (min-width: 1400px) and (max-width: 1599px) {


    
}


/* ==========================================================================
   PRILAGODITVE ZA MANJŠE EKRANE / PRENOSNIKE (RESPONSIVE)
   ========================================================================== */

/* 1. Ekrani pod 1600px (Srednji/manjši namizni ekrani in večji prenosniki) */
@media (max-width:1599.98px){
img{width:100%;}

.news .row{width:100%; max-width:1140px;}
footer .row{width:100%; max-width:1140px;}
.fields p{padding:40px 30px 0 30px;}
.textblock .txt{padding:0 80px;}
}

/* 2. Ekrani pod 1440px (Standardni prenosniki) */
@media (max-width:1439.98px){
img{width:100%;}

:root{--basic-size:1.25rem;}
.news .row{max-width:960px;}
footer .row{max-width:960px;}
.textblock{padding:40px 0 80px;}
.textblock .txt{padding:0 40px; background-position:0 40px;}
.fields{padding:80px 0;}
.fields p{padding:30px 10px 0 10px;}
.partners{padding:120px 0;}
.sponsors{padding:120px 0;}
footer{padding:90px 0;}
.imageblock img{height:400px; border-radius:40px;}
}

/* 3. Ekrani pod 1200px (Manjši prenosniki in večje tablice) */
@media (max-width:1199.98px){
img{width:100%;}

:root{--basic-size:1.125rem;}
.news .row{max-width:100%; padding:0 15px;}
footer .row{max-width:100%; padding:0 15px;}
.banner{padding:40px 0;}
.banner h1{margin:20px 0;}
.banner p{padding-right:0;}
.textblock .txt{padding:0 15px; background-image:none;}
.imageblock img{height:320px; border-radius:30px;}
.imagetextblock, .textimageblock{padding:40px 0;}
.imagetextblock h3, .textimageblock h3{margin-top:20px;}
.partners{padding:80px 0;}
.sponsors{padding:80px 0;}
.partners a, .sponsors a{height:120px;}
.fields p{padding:20px 0 0 0;}
.fields .icon{width:150px; height:150px; background-size:contain;}
}



/* ==========================================================================
   2. STILI IZKLJUČNO ZA DESKTOP (Ekrani od 992px naprej)
   ========================================================================== */
@media (min-width: 992px) {
    .nav-menu-wrapper {display: block !important;}
    .custom-nav-links {flex-direction: row; gap: 32px;}
    .custom-nav-links a {font-size: 16px;}
    .lang-desktop {padding: 8px 20px; border-radius: 20px; font-size: 15px;}
}

/* ==========================================================================
   3. STILI IZKLJUČNO ZA MOBILE (Ekrani pod 992px)
   ========================================================================== */
@media (max-width: 991.98px) {
    :root{--basic-size:0.825rem;}

   h1, .row > h1{margin-bottom:70px;}
    h2, .row > h2{margin-bottom:70px;}
    h3, .row > h3{margin:0 0 40px 0;}

    .nav-menu-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(250, 250, 250, 0.96); z-index: 2000; display: none; align-items: center; justify-content: center;}
    .custom-nav-links {flex-direction: column; align-items: center; gap: 24px;}
    .custom-nav-links a {font-size: 24px;}
    .close-menu-btn {position: absolute; top: 15px; right: 24px; font-size: 36px; background: none; border: none; color: #000000; cursor: pointer;}
    .lang-mobile {padding: 6px 16px; border-radius: 16px; font-size: 14px;}
    .menu-toggle-btn {background: none; border: none; display: flex; flex-direction: column; justify-content: space-between; width: 22px; height: 14px; padding: 0;}
    .menu-toggle-btn span {display: block; width: 100%; height: 2px; background-color: #000000; border-radius: 2px;}

    /*BANNER*/
    .banner{padding:40px 0;}
    .banner .more{margin-bottom:40px;} 

    /*TEXTBLOCK*/
    .textblock{padding:40px 0;}
    .textblock .txt{padding:0 15px; background: transparent url(../images/bck_circle.png) no-repeat 0 30px;}

   /*IMAGETBLOCK*/
   .imageblock img{padding:0; border-radius:0; height:200px;}

    /**FIELDS*/
    .fields{padding:60px 0;}
    .fields .icon{width:160px; height:160px;}
    .fields p{font-size:var(--font-30); padding:20px 20px 0 20px;}
    .fields .icon.icon1,.fields .icon.icon2,.fields .icon.icon3,.fields .icon.icon4{background-size:120px 120px;}

    /*IMAGE & TEXT BLOCK*/
    .imagetextblock, .textimageblock{padding:40px 0;}
    .imagetextblock h3, .textimageblock h3{margin-top:40px;}

    /*PARTNERS*/
   .partners{padding:60px 0;}
   .partners a{height:auto; margin-bottom:20px; border-radius:20px;}
    .partners a img{width:100%;}


   /*NEWS*/
   .news .container{padding:60px 0;}
   .news .row{width:100%; max-width:100%;}

    /*SPONSORS*/
    .sponsors{padding:60px 0;}
    .sponsors a{height:auto; margin-bottom:20px; border-radius:20px;}
    .sponsors a img{width:100%;}
    .sponsors .disclaimer p{font-size:var(--font-22);}




   /*FOOTER*/
   footer{padding:60px 0 30px 0;}

   /*SMALLFOOT*/
   section.smallfoot{height:auto;}
   section.smallfoot .prod.text-end{text-align:left !important; padding-left:0;}


}