h2:has(+ .gallery-wrapper), h3:has(+ .gallery-wrapper) {padding-bottom: 7px;border-bottom: 1px solid #000;}
.gallery-wrapper.base {display: grid; grid-template-columns: repeat(auto-fill, minmax(153px, 1fr));gap:10px;margin-top: 20px;margin-bottom: 20px;}
.gallery-wrapper img{display: block;margin:0 auto 7px}
.gallery-wrapper a {display: block;}
ul.grid{margin-top: 20px;}
ul.grid li{overflow: hidden;}
ul.grid a:not(.u){float: left;margin: 2px 10px 0 0;}
.firmeniloga {flex-wrap: wrap}
.adresi p{margin: 7px 0 0;}
.more-news {align-items: flex-start}
.more-news h3{margin: 0;}
.more-news .flex > a{flex:0 0 71px}
@media only screen and (max-width: 480px) {

}
@media only screen and (min-width: 481px) {

}
@media only screen and (max-width: 767px) {
.rightcol{flex-direction:column}
}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.rightcol{flex-wrap:wrap}
.rightcol > *,.rightcol .news-block{flex:1 1 48%}
}
@media only screen and (max-width: 1023px) {

}
@media only screen and (min-width: 1024px) {
.main-container{margin-top:20px;gap:20px}
main{width:calc(100% - 540px)}
.leftcol{order:-1;flex:0 0 200px}
.rightcol{flex:0 0 300px}
.rightcol,.leftcol{display:flex;flex-direction:column;gap:20px}
.leftcol h3,.rightcol h3{margin:0}
#bc{margin-top:0}

}
@media only screen and (min-width: 1060px){
.gallery-wrapper.base{display: flex; flex-wrap: wrap; justify-content: center;gap:20px calc(33.33% - 153px)}
.gallery-wrapper li{flex:0 0 153px;}
}
@media only screen and (min-width: 1400px) {
.main-container{gap:40px}
main{width:calc(100% - 580px)}
}