.tur4 {
  width: 25%;
}
.tur3 {
  width: 33.33%;
}
.tur5 {
  width: 20%;
}
.tur6 {
  width: 16.66%;
}
.coltur1:before{content:"FINALA"}.coltur2:before{content:"SEMIFINALE"}.coltur3:before{content:"TUR 2 / SFERTURI"}.coltur4:before{content:"TUR 1 / OPTIMI"}
.tur:before{
    background-color: #f6f6f6;
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    -khtml-border-radius:.5em;
    border-radius:.5em;
    padding:.5em 1em;
    font-size: calc(.8em + ((.8vw - 3px) * .4));
    color: #333;
    letter-spacing: -.05em;
    font-weight: bold;
    font-family: system-ui;top:-.5em;
}
.rezultate {
   display: inline-flex;
   /*border: 1px solid red;*/
   width: 100%;
   height: calc(70vmax - 16px);
    min-height: 1000px;
   box-sizing: border-box;font-size: calc(.7em + ((.8vw - 3px) * .4));margin-top: 1em;z-index:1
 }

.rezultate2{
    min-height: 500px;
    max-height: 500px;
}

 .tur {
   box-sizing: border-box;
 }
.col3{justify-content:space-around;align-items:center}
 .match {position: relative;
  display: block;
  border-right: .1em solid;
  background: no-repeat linear-gradient(180deg, transparent calc(50% - 1pt), black calc(50% - 1pt), black calc(50%), transparent calc(50%));
 }
 .halfdown {
  border-image: linear-gradient(to top, black calc(50% + 1pt), transparent calc(50% + 1pt)) 1 1;
 }
 .halfup {
  border-image: linear-gradient(to bottom, black 50%, transparent 50%) 1 1;
 }
 .halfnone {
   border-right: 0;
   background-size: 50% auto;
 }
 .firstnone {
   background-size: 50% auto;
   background-position-x: right;
 }
div#ossf{display:flex;justify-content:space-around;margin-bottom:1em}
#info-plata-teren {
    position: absolute;
    border: 0.1em solid #ccc;
    -moz-border-radius: .3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    top:50%;
    left: 80%;
    transform: translate(-50%,-50%);
    padding: .5em;
    width: max-content;
}
#info-plata-teren:before{border-bottom:.1em solid #ccc;
    content: '';
    position: absolute;
    width: 2vw;
    top: 50%;
    left: -1em;
    transform: translate(-50%,50%)}
.finala .meci{position:relative}
.finala .meci::before {
    content: '';
    background-repeat: no-repeat;
    width:58px;
    height: 100%;
    background-image: url(/img/cupa-campionilor-tenis.png);
    position: absolute;
    z-index: -3;
    top: -60%;
    left: 50%;
    transform: translate(-50%,-60%);
    padding-bottom: calc(25% * 1 / 4);
}

/* Toate mobilele in portrait pana in rezolutia de 480px */
@media only screen and (max-width:480px){
    .premii ul{padding-inline-start:.5em}
	.btn{font-size:.8em;max-width:180px;max-height:45px}.btn::before{top:-25%;font-size:calc(.9em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}.btn-gri,.btn-vrd{line-height:1}
    .match{width:80vw}
    .rezultate{overflow-x:scroll}
    .tur3,.tur4,.tur5,.tur6{width:100%}
    .tur{overflow-y:clip}
    .tur:before{font-size:1em;top:.3em}
    .match,.meci{max-width:230px}
    .meci div:not(:first-child){margin:0}
    .finala .meci::before{top:-70%;transform:translate(-50%,-65%)}
}

/* mobile cu rezolutii intre 375px si 395px */
@media only screen and (min-width:375px) and (max-width:395px){
    .btn{max-width:170px}.row-list .col1{width:90%}
}

/* mobile cu rezolutii intre 350px si 375px */
@media only screen and (min-width:350px) and (max-width:375px){
    .btn{max-width:160px;font-size:calc(.8em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)));bottom:-2.8em}.row-list .col1{font-size:calc(.75em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}
}
/* doar pentru Safari 10.1+  */
@media not all and (min-resolution:.001dpcm) {@supports(-webkit-appearance:none){
    li.loc1::before{background-image:url(/img/loc1.png)}li.loc2::before{background-image:url(/img/loc2.png)}li.loc3::before{background-image:url(/img/loc3.png)}li.loc4::before{background-image:url(/img/loc4.png)}li.loc5::before{background-image:url(/img/loc5.png)}
}}
@media only screen and (min-width:1280px) and (max-width:1600px){
    .finala .meci::before{padding-bottom:calc(11vmin * 1 / 4)}
}
@media only screen and (min-width:1600px){
    .rezultate{height:calc(60vmax - 1em)}
    div#ossf,.rezultate{max-width:1600px;margin:0 auto}
}
@media only screen and (min-width:1980px){
    .rezultate{height:calc(50vmax - 2em)}
}
@media only screen and (min-width:2700px){
    .divTableBody{min-width:50vmin}
}