.rightcol{gap:20px}
.tab-content p.more{margin:0;text-align:right}
main .adverts{margin-top:20px;margin-bottom:20px}
main ins{max-width:100%}
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}
div#bc{margin-top:1em}
.more-d-news h3{margin:0 0 10px}
.more-d-news>div:last-child h3{margin:0}
main .letters{flex-wrap:wrap;gap:10px 14px;justify-content:center;padding:10px;margin-top:1em}
@media only screen and (max-width: 767px) {
.rightcol{flex-direction:column}
}
@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) {
.diz-list{display:none}
}
@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}
main .letters{display:none}
.diz-list{gap:10px 5px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.diz-list input{height:36px;width:100%}
.diz-list .names{position:relative;height:calc(100% - 50px);width:calc(100% - 25px)}
.diz-list .dizaineri{position:absolute;max-height:100%;overflow-y:auto;width: 100%;padding: 3px 0;}
.dizaineri .letter{font-weight:700;border-bottom:1px solid #000;padding-bottom:5px}
.dizaineri h3{font-weight:400;font-size:1em;border:none;padding:0}
.diz-list .letters{flex:0 0 20px;line-height:1;gap:10px}
.diz-list:has(#filter:not(:placeholder-shown)) ul.letters{opacity: 0;}
.diz-list:has(#filter:not(:placeholder-shown)) ul.letters button{cursor: default;}
}
@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: 1280px) {
.gallery-wrapper.base{gap:20px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(153px,1fr))}
.gallery-wrapper.base a{max-width:153px;margin:auto}
}
@media only screen and (min-width: 1400px) {
.main-container{gap:40px}
main{width:calc(100% - 580px)}
}