.wrap-all .name-color {font-size: 16px;}
.ekl-sun  {background: #e2e2e2;    padding: 5px;margin-top: 20px;    margin-bottom: 10px;    width: 100%;}
.headertilt {   width: 100%;}
.ekl-sun.mob {  display: none;}
.wrap-all .leg-wrap h3 {margin: 10px;color: #464646; letter-spacing: 2px;   font-family: myriad pro;    text-transform: uppercase;    font-weight: 300;font-size: 34px;}
.wrap-all .leg-wrap a{text-decoration:none}
.wrap-all{text-align: center;  font-family: sans-serif;  margin-top: 40px;    width: 100%; }
.al-logo{width:610px;    margin-top: 37px;}
.ekl-logo {    width: 201px;    margin-top: -94px;    margin-left: 382px;}
.psif {font-size: 43px;color: #ffffff;}
.legend h4 {
    margin: 14px;
    font-size: 22px;
    font-weight: 600;
    margin-top:0;    vertical-align: bottom;
}
.wrap-all .leg-wrap h3,.legend h4{
    display: inline-block;
    padding: 1px;
}
.legend .headertilt h4:before {
    content: "";
    padding-right: 20px;
    margin-left: -16px;
    border-left: 2px solid black;
}
span.ttl-1 {color: #3179c3;font-weight: 900;}
.pos {
    font-size: 42px;
    color: white;
    font-weight: 600;
}

.powered{margin-top:50px;text-align:center;font-family: sans-serif;}
.legend img {width: auto;height: 115px;}
.leg-wrap {min-width: 320px;padding: 10px 5px;display: inline-block;width: 100%;margin: 40px 0;}
.legend .name-color div {width: 100%;}
.leg-item {background: white;text-align: center;margin: 10px 0;box-shadow: 2px 2px 10px #00000052;width: 100%;display: flex;align-items: center;align-content: center;justify-content: space-between;background: rgb(64 116 237);background: linear-gradient(128deg, rgba(34,193,195,0) 54%, rgb(49 121 195) 100%);flex-direction: row;}
.dhm .leg-item{    background: linear-gradient(128deg, rgba(34,193,195,0) 54%, #e32028 100%);}
.leg-item:last-child {margin-bottom: 0;}
.btn-img {width: calc(50% - 50px); display: inline-block;}
.btn-img img { width: 280px;}
.web-live-btn {margin-top: 25px;    max-width: 775px;    width: 100%;    margin: auto;    text-align: center;}
.name-color {}
.coldiv {font-size: 30px;line-height: 41px;}
.name-color div{}
.updated-wrap{margin-top:20px;}
div#updated {display: initial;}
.btn-morers a {background: #3892e3;padding: 10px;text-decoration:none;color: white;margin:10px;}
.cand-wrap { text-align: left; width: calc(23% ); float: left; border: 2px solid black; margin: 15px;border-radius: 100px; overflow: hidden;}
.cand-img img {width: 100px;border-radius: 100%;margin: 5px;height: 100px;}
.ypops-wrap {width: 100%;display: inline-block;}
.cand-name {text-align: center;padding: 12px 10px 9px 0;background: #efefef;}
.cand-synd {text-align: center;background: #e2e2e2;padding: 6px;float: left;width: 100%;position: absolute;bottom: 0;}
.cand-info {width: calc(100% - 110px);float: right;position: relative;height: 110px;}
.cand-img {width: 110px;position: absolute;}
.cand-posost,.cand-psif {width: 50%;padding: 5px;font-size: 26px;background: #8996ab;float:left;text-align: center;}
.cand-posost {text-shadow: 2px 2px 5px black;color: white;border-right: 1px solid black;}
.even .cand-img {float: right;position: inherit;}
.even .cand-synd {}
.cand-wrap-all  .cand-wrap.odd{float:right}
.cand-wrap-all {float: left;width: 50%;}
.ekleg-wrap .cand-wrap {width:450px;box-shadow: 2px 2px 10px #00000052;}
.ekleg-wrap { width: 100%;display: inline-block; padding: 15px 0 55px 0; }
.ekleg-wrap h3,.ekleg-wrap  h4{    display: inline-block; padding: 1px;}
.ekleg-wrap h3 {  letter-spacing: 2px; font-family: myriad pro; text-transform: uppercase; font-weight: 300; font-size: 34px;}
.ekleg-wrap  h4 {margin: 14px;font-size: 22px;font-weight: 100;margin-top: 0;vertical-align: bottom;}
.ekleg-wrap h4:before {content: "";padding-right: 20px; margin-left: -16px; border-left: 2px solid black;}
.ypops-wrap h3 {
 color: #464646;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-weight: 600;
 font-size: 29px;
}
.ypops-sun{width:100%;float: left;margin-bottom: 30px;}
.ypops-sun-in{
    background: #e2e2e2;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 50%;
    margin: auto;
}
.ypops-wrap .cand-wrap{width: calc(50% - 30px);}
.ypops-wrap .cand-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 0px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xrysh-border{border: 2px solid black;}



.mpara{    width: 100%;    height: 30px;    background: #cecccc;    margin: 10px 0;}
.mpara-xroma {animation: progressAnimation 6s;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;height: 30px;
  transition-property: width, background-color;filter: drop-shadow(2px 4px 6px #0000003e);
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}

.kom-ttl {   font-size: 18px;    text-align: center;    margin-top: -2px;    padding: 0px 0 1px 19px;    font-weight: 600;}
.nopososta .pososto {display:none}
.nopososta .psifoi span{    display: block;    font-size: 23px;}
.nopososta .psifoi{font-size: 36px;padding-top:20px}

.list-wrap{    display: flex;width: calc(50% - 20px );    flex-direction: column;      align-items: center;  float: left;    padding: 10px 10px 20px 10px;        border: 1px solid #d8d8d8;    margin: 40px 20px 40px 0;    background: white;    filter: drop-shadow(2px 4px 6px #0000003e);}
.list-wrap h4{margin-top: 20px;font-family: myriad pro;}
.item-inner-info {    width: 50%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: flex-end;    padding-right: 25px;}
.item-inner-synd {    width: 65%;    display: flex;    flex-direction: column;    align-items: flex-start;}
.headertilt {    width: 100%;    margin-top: 80px;    float: left;}

.v-gyros .leg-item {width: 100%;margin: 10px 0;}
.v-gyros {    width: 93%;}
div#eklogiko-dedomena,div#eklogiko-dedomena1,div#eklogiko-dedomena2,div#eklogiko-dedomena3,div#eklogiko-dedomena4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
div#eklogiko-dedomena1 .v-gyros {    width: 100%;}
.v-gyros:before {    content: "Β' Γύρος";    position: absolute;       margin-left: -409px;transform: rotate(-90deg);    font-size: 18px;    background: #3179c3;    color: white;    padding: 1px 15px;    width: 290px;    margin-top: 141px;}
.dhm.oinous .v-gyros:before,.dhm.psara .v-gyros:before {    content: "Δήμαρχος"; background:#e52a32;   width: 140px;    margin-left: -334px;    margin-top: 66px;}
.dhm .v-gyros:before{background:#e52a32;}
.perifereiakes-main-page .headertilt{margin-top:0}
.leg-item:nth-child(3) {margin-top:40px}
.dhm.psara.list-wrap {    margin-bottom: 0;  margin-top:15px;}
.dhm.oinous.list-wrap .leg-item:nth-child(2),div#eklogiko-dedomena4 .v-gyros .ekl-sun {    margin-top: 40px;    width: calc(100% + 35px);    margin-left: -35px;}


#block-block-55 .dhm.psara.list-wrap .ekl-sun.ekl-info-head div,#block-block-55 .dhm.oinous.list-wrap .ekl-sun.ekl-info-head div{width:98px}
#eklogiko-dedomena.winner .v-gyros:before,
#eklogiko-dedomena2.winner .v-gyros:before {
    content: "Περιφερειάρχης";
    margin-left: -334px;
    padding: 1px 4px;
    width: 140px;
    margin-top: 66px;
}
#eklogiko-dedomena2.winner .v-gyros:before { content: "Δήμαρχος";}
#eklogiko-dedomena.winner .leg-item:nth-child(3),
#eklogiko-dedomena2.winner .leg-item:nth-child(3){    margin-top: 10px;}
#eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2),
#eklogiko-dedomena2.winner .v-gyros .leg-item:nth-child(2){    margin-top: 40px; width: calc(100% + 35px);    margin-left: -35px;}
.perifereiakes-main-page option {    font-size: 14px;}




/* /////////////////////////////////////////////////////////////////////////////////////*/
h4#eklogikaSelectEnDiv option ,h4#eklogikaSelectYPESEnDiv option{    margin: 15px;    font-size: 18px;    font-weight: 100;    margin-top: 0;    vertical-align: bottom;}
select#sygkentrwtikaSelect, select#sygkentrwtikaYPESSelect, select #eklogikaSelect ,select#sygkentrwtikaYPESSelectb,.per.perifereiakes-main-page #sygkentrwtikaSelectb{    border: 1px solid #f2f2f2;    font-size: 22px;    width: 100%;}
select#sygkentrwtikaSelect:focus-visible {    outline: none;}
#eklogikaSelect, #eklogikaSelectOin,#eklogikaSelectPsara ,#eklogikaSelectb,.per.perifereiakes-main-page #eklogikaSelectb {border: 1px solid #f2f2f2;font-size: 19px;margin: -3px 0;width: 90%;margin-bottom: 17px;  height: 31px;}
#eklogikaSelect option{font-size: 15px;}
select#eklogikaSelect option:first-child {   text-align: center;    margin: auto;}
.ekl-sun.ekl-info-head {    display: flex;    justify-content: space-around;}
.ekl-sun.ekl-info-head span{font-size:22px}
.perifereiakes-main-page .ekl-sun.ekl-info-head div {padding-right:10px;}
.perifereiakes-main-page .leg-wrap {   width: calc(100% - 50px);    margin-top: 0;} 
.perifereiakes-main-page .list-wrap {   width: calc(50% - 70px);}
.perifereiakes-main-page .v-gyros:before {margin-left: 0;    width: 209px;    margin-top: 120px;    left: -100px;}
.perifereiakes-main-page .item-inner-synd {    width: 100%;    display: flex;    flex-direction: row;    align-items: center;}
.perifereiakes-main-page .kom-ttl {    padding: 0px 0 1px 40px;}
.perifereiakes-main-page .two-cols-wrap {    display: flex;    flex-direction: row;    flex-wrap: wrap;    width: 100%;    justify-content: space-evenly;    }
.perifereiakes-main-page .v-gyros {    margin-top: 50px;}
.perifereiakes-main-page #eklogiko-dedomena1, .perifereiakes-main-page #eklogiko-dedomena,  .perifereiakes-main-page #eklogiko-dedomena2 {    width:100%;display: flex;    flex-direction: column;align-items: center;    align-content: space-around;}
.perifereiakes-main-page .pos {    border-bottom: 1px solid #cbcbcb9c;}
.perifereiakes-main-page #eklogikaSelect, .dhm.perifereiakes-main-page #eklogikaSelectOin,.dhm.perifereiakes-main-page #eklogikaSelectPsara,.per.perifereiakes-main-page #eklogikaSelectb  {text-wrap: wrap;height: 50px;}
.perifereiakes-main-page #eklogikaSelectDiv {width: 100%;}
.perifereiakes-main-page #eklogikaSelect:focus-visible {    outline: none;}
.perifereiakes-main-page .v-gyros.hidden:before, .v-gyros.vhidden:before {display:none}
.dhm.two-cols-wrap { display: block;}
.per.dhm.psara.list-wrap {margin-top: 31px;}
.perifereiakes-main-page .dhm.oinous .v-gyros:before, .perifereiakes-main-page .dhm.psara .v-gyros:before { margin:0;  width: 85px;    margin-top: 56px;    left: -39px;}
.dhm.perifereiakes-main-page .ekl-sun.ekl-info-head {    width: calc(100% - 0px);}
.dhm.perifereiakes-main-page .v-gyros {width:100%;margin-left: 55px;}
.dhm.perifereiakes-main-page .dhm.oinous.list-wrap .leg-item:nth-child(2) {    margin-top: 40px;   width: 100%;    margin-left: -28px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena2 .v-gyros .ekl-sun {    margin-left: -33px;}
.dhm.perifereiakes-main-page .per.dhm.psara.list-wrap {    margin-top: -14px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena.winner .v-gyros:before {    content: "Δήμαρχος";    margin-left: 62px;    width: 106px;    margin-top: 56px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2) { margin-top: 40px;    width: 100%;    margin-left: -28px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(1),
.dhm.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros .leg-item:nth-child(1),
.dhm.perifereiakes-main-page #eklogiko-dedomena2 .v-gyros .leg-item:nth-child(1){    width: calc(100% - 27px);    margin-left: -1px;}
.dhm.perifereiakes-main-page .v-gyros .leg-item {    width: calc(100% - 28px);}
.dhm.perifereiakes-main-page .winner .leg-item {    width: 100%;}
.dhm.perifereiakes-main-page #eklogiko-dedomena .v-gyros.hidden .leg-item:nth-child(1),
.dhm.perifereiakes-main-page #eklogiko-dedomena .v-gyros.hidden .leg-item:nth-child(2),
.dhm.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros.hidden .leg-item:nth-child(1){    width: 100%;    margin-left: -28px;}

/* /////////////////////////////////////////////////////////////////////////////////////*/


/* /////////////////////////////////////////////////////////////////////////////////////*/
.per.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros .leg-item:nth-child(1),
.per.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros .leg-item:nth-child(2) {  width: calc(100% - 28px);    margin-left: 28px;}
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros:before {    content: "Περιφερειάρχης";    font-size: 16px;    margin-left: 63px;    padding: 2px;    width: 114px;    margin-top: 57px;}
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros .leg-item:nth-child(1) {    width: calc(100% - 28px);    margin-left: 28px;}
.per.perifereiakes-main-page #eklogiko-dedomena .v-gyros.hidden .leg-item,
.per.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros.hidden .leg-item:nth-child(1),
.per.perifereiakes-main-page #eklogiko-dedomena1 .v-gyros.hidden .leg-item:nth-child(2),
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros.hidden .leg-item:nth-child(1),
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros .leg-item:nth-child(2)  { width: 100%;    margin-left: 0px;}
.per.perifereiakes-main-page .v-gyros.hidden { width: 100%;}


/* /////////////////////////////////////////////////////////////////////////////////////*/



#eklogikaSelectOin, #eklogikaSelectPsara {    width: 100%;}
.dhm-vgyros .leg-item {       margin: 20px 0; width: calc(50% - 20px);}
.dhm.perifereiakes-main-page .dhm-vgyros .list-wrap {    width:calc(100% - 20px)}
.ekl-sun {    width: calc(100% - 10px);}
.dhm-vgyros .vv-gyros {    width: 100%;    display: flex;    justify-content: space-between;}
.vv-gyros {  width: 100%;}



.dhm.two-cols-wrap .per.dhm.oinous.list-wrap,
.dhm.two-cols-wrap .per.dhm.psara.list-wrap {margin-right:0}
.dhm.perifereiakes-main-page  .list-wrap {    width: calc(50% - 35px);}

.dhm.perifereiakes-main-page .dhm-vgyros .ekl-sun.ekl-info-head,.perifereiakes-main-page .per-vgyros .ekl-sun.ekl-info-head ,#eklogiko-dedomena-b .ekl-sun.ekl-info-head{    width: calc(100% - 10px);}
div#eklogiko-dedomena-b,#eklogiko-dedomena1-b {    width: 100%;    max-width: 1180px;}
.dhm.perifereiakes-main-page .dhm-vgyros .leg-item {    width: calc(50% - 20px);    margin: 20px 0;}









@keyframes progressAnimation {
  0% {
    width: 15%;
    background-color: #282b676b;
  }
  100% {
    width: 55%;
    background-color: #282b67;
  }
}
.voul {    display: flex;    align-items: center;    justify-content: space-evenly;}
.eikona-voul img {    width: 280px;}
.edra-icon img {    width: 120px;}
.komma-voul img {    width: 250px;    max-height: 230px;}
.info {    font-size: 12px;}
.info-star {    color: red;    font-size: 23px;}
.voul {    max-width: 1400px;    margin: auto;}
.voul-wrap {    background: #f1f1f1;    border: 2px solid #c1c1c1;    border-right: none;    border-left: none;    margin: 50px 0;}
.voul-wrap.nd {    background: linear-gradient(45deg, #8da4cd 2%,white 62%);}
.voul-wrap.siriza {    background: linear-gradient(45deg, #ee818f 2%,white 62%);}
.voul-wrap.kinal {    background: linear-gradient(45deg, #179046 2%,white 62%);}
.synol {    font-size: 18px;    font-weight: 600;}
.mpara-pososto {    font-size: 26px;    font-weight: 600;}
.synol {   font-size: 18px;    font-weight: 600;    height: 30px;    color: #ffffff;    display: flex;    justify-content: flex-end;    margin-top: -24px;    margin-right: 10px;}
.pososto {font-size: 34px;padding: 10px;font-weight: 600;color: #282b67;}
.psifoi {       width: 110px; font-size: 21px;}
.voul-name {      font-size: 24px;  font-weight: 600;}
.mpara-voul {    padding: 15px;}



@media(max-width:1580px){
    .ekl-sun.ekl-info-head div{width:98px}
    .perifereiakes-main-page .psifisan,.perifereiakes-main-page .grammenoi,.perifereiakes-main-page .egkyra,.perifereiakes-main-page .akyraLefka  {    display: flex;    flex-direction: column;}

}

@media(max-width:1490px){
    .perifereiakes-main-page .v-gyros:before {    left: -124px;    width: 260px;    margin-top: 143px;}
    .per.dhm.psara.list-wrap {    margin-top: 80px;}
    .perifereiakes-main-page .dhm.oinous .v-gyros:before, .perifereiakes-main-page .dhm.psara .v-gyros:before {margin: 0;  width: 110px;    margin-top: 69px;    left: -50px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena.winner .v-gyros:before {    content: "Δήμαρχος";    margin-left: 75px;    padding: 1px 4px;    width: 130px;    margin-top: 68px;}

}
@media(max-width:1490px) and (min-width:1200px){
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros:before {   margin-left: 73px;   padding: 2px;   width: 137px;   margin-top: 69px;}
}

@media(max-width:1490px) and (min-width:1150px){
     .perifereiakes-main-page .item-inner-synd {    width: 100%;    display: flex;    flex-direction: column;    align-items: flex-start;}
    .perifereiakes-main-page .kom-ttl {    padding: 0px 0 6px 13px;}
}


@media(max-width:1289px){
.perifereiakes-main-page .leg-item{background: linear-gradient(128deg, rgba(34,193,195,0) 47%, rgb(49 121 195) 100%);}
.dhm.perifereiakes-main-page .leg-item {background: linear-gradient(128deg, rgba(34,193,195,0) 54%, #e32028 100%);}
.perifereiakes-main-page .leg-image img {    width: 180px;    height: auto;}
.perifereiakes-main-page .leg-item{    height: 140px;}
}
@media(max-width:1199px){
#eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2),
#eklogiko-dedomena2.winner .v-gyros .leg-item:nth-child(2){width: calc(100% + 30px);    margin-left: -30px;} 
#eklogiko-dedomena.winner .v-gyros:before,
#eklogiko-dedomena2.winner .v-gyros:before {   margin-left: -282px;   width: 142px;   margin-top: 69px;}

}
@media(max-width:1199px) and (min-width:1150px){
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros:before {    margin-left: 80px;    width: 142px;    margin-top: 71px;}
}
@media(max-width:1199px) and (min-width:1050px){
.legend img {    width: 180px;    height: auto;}
.dhm.psara.list-wrap {    margin-top: -16px;}
.perifereiakes-main-page .v-gyros:before {    left: -132px;    width: 267px;    margin-top: 149px;}
.perifereiakes-main-page  .psif {    font-size: 40px;}
.perifereiakes-main-page  .kom-ttl {    width: 220px;}
.perifereiakes-main-page .dhm.oinous .v-gyros:before, .perifereiakes-main-page .dhm.psara .v-gyros:before {    margin: 0;    width: 113px;    margin-top: 72px;    left: -55px;}
}

@media(max-width:1199px) and (min-width:992px){
.pos {    font-size: 38px;}
.komma-voul img {    width: 140px;    padding-left: 20px;}
.eikona-voul img {    width: 220px;}
.v-gyros:before {    margin-left: -361px;    font-size: 17px;    padding: 0px 15px;    width: 298px;    margin-top: 147px;}

.dhm.oinous .v-gyros:before, .dhm.psara .v-gyros:before {       width: 144px;    margin-left: -284px;    margin-top: 70px;}
.v-gyros .leg-item {    height: 144px;}
.leg-item {
    background: linear-gradient(128deg, rgba(34,193,195,0) 52%, rgb(49 121 195) 100%);
}
.dhm .leg-item {
    background: linear-gradient(128deg, rgba(34,193,195,0) 52%, #e32028 100%);
}
.kom-ttl {    width: 250px;    padding: 0 0 0 11px;    text-align: left;}
.item-inner-info {    padding-right: 17px;}
.psif {    line-height: 40px;}
}

@media(max-width:1149px){
.perifereiakes-main-page .v-gyros:before {    left: -119px;    width: 267px;    margin-top: 149px;}    
.perifereiakes-main-page .list-wrap {    width: calc(100% - 22px); }
.perifereiakes-main-page .kom-ttl {    height: unset;}
.perifereiakes-main-page .legend img {    margin-top: 0px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena.winner .v-gyros:before{    margin-left: 67px;    width: 135px;    margin-top: 71px;}
.dhm.perifereiakes-main-page #eklogiko-dedomena .v-gyros:before{    margin-left: -11px;}
.per.perifereiakes-main-page #eklogiko-dedomena1.winner .v-gyros:before {    margin-left: 73px;    width: 142px;    margin-top: 71px;}    
.dhm.perifereiakes-main-page .dhm-vgyros .vv-gyros {    width: 100%;    display: flex;    justify-content: space-between;    flex-direction: column;}
.dhm.perifereiakes-main-page .dhm-vgyros .leg-item{width:100%}
.dhm.perifereiakes-main-page .list-wrap {    width: calc(100% - 20px);}
}
@media(max-width:1149px) and (min-width:770px){
.per.perifereiakes-main-page .v-gyros:before {    left: -126px;}
}
@media(max-width:1049px){
.legend img {    height: auto;    max-width: 188px;    margin-top: 13px;}
.kom-ttl {    width: 257px;    padding: 0 0 0 10px;    text-align: left;}
.pos {    font-size: 38px;}
.item-inner-info {    padding-right: 13px;    margin-top: 14px;}
.dhm.psara.list-wrap {    margin-top: 23px;}
.leg-item {    height: 144px;}
}

@media(max-width:1049px) and (min-width:992px){
    .kom-ttl {    width: 260px;    height: 55px;    justify-content: flex-start;    padding-left: 10px;}
}


@media(max-width:992px){
.eikona-voul img {  width: 200px;}
.list-wrap { width:100%;  float: none;}
.v-gyros:before{    font-size: 19px;    color: white;    padding: 1px 15px;    width: 299px;    margin-top: 145px;    margin-left: -501px;}
.pos {    font-size: 45px;}
.legend .headertilt h4:before{display:none}
.leg-item {    background: linear-gradient(128deg, rgba(34,193,195,0) 42%, rgb(49 121 195) 100%);}
.dhm .leg-item {    background: linear-gradient(128deg, rgba(34,193,195,0) 42%, #e32028 100%);} 
.dhm.oinous .v-gyros:before, .dhm.psara .v-gyros:before {    width: 144px;    margin-left: -424px;    margin-top: 68px;}
.dhm.psara.list-wrap {    margin:40px 20px 40px 0px;}
.perifereiakes-main-page .v-gyros:before {   width: 260px;   margin-top: 143px;}
.perifereiakes-main-page .dhm.oinous .v-gyros:before, .perifereiakes-main-page .dhm.psara .v-gyros:before {    margin: 0;    width: 108px;    margin-top: 67px;    left: -47px;}
.dhm.oinous.list-wrap .leg-item:nth-child(2), div#eklogiko-dedomena4 .v-gyros .ekl-sun {    margin-top: 40px;    width: calc(100% + 45px);    margin-left: -45px;}
#eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2),
#eklogiko-dedomena2.winner .v-gyros .leg-item:nth-child(2){width: calc(100% + 45px);margin-left: -45px;} 
#eklogiko-dedomena.winner .v-gyros:before,
#eklogiko-dedomena2.winner .v-gyros:before {margin-left: -423px;width: 145px;margin-top: 67px;}    
.dhm.perifereiakes-main-page #eklogiko-dedomena .v-gyros:before {    left: -115px;    width: 262px;    margin-top: 143px;}
.dhm-vgyros .leg-item {    width: 100%;}
.dhm-vgyros .vv-gyros {    width: 100%;    flex-direction: column;}    
}
@media(max-width:992px) and (min-width:861px){
.komma-voul img {    width: 100px;    padding-left: 10px;}
.edra-icon img {    width: 70px;}
}
@media(max-width:970px){
.ekleg-wrap .cand-wrap-all {float: none;width: 100%;}
.ekleg-wrap .cand-wrap { float: none;width: 65%; margin: auto;}
.ekleg-wrap .cand-wrap-all .cand-wrap.odd,.cand-wrap-all .cand-wrap.even{float:none;margin-top: 25px;}
.ekleg-wrap .cand-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}

@media(max-width:909px)
{
.legend h4:before {border:none}    
}
@media(max-width:870px){
.perifereiakes-main-page .item-inner-synd {    display: flex;    flex-direction: column;    align-items: flex-start;} 
.perifereiakes-main-page .kom-ttl {  padding: 0px 0 1px 15px;}

}
@media(max-width:860px) and (min-width:601px){
.voul {   display: block;}
.komma-voul , .mpara-voul ,.eikona-voul { width: 30%; display: block;float: left;}
.pososto-voul {width:66%;}
.edra-icon {width:33%}
.edra-icon img {margin-left: -60px;}
.pososto-voul,.edra-icon {display: block;float:left;padding: 32px 0;border-top: 2px solid #d9d9d9;}
.voul-wrap {    display: block;    overflow: auto;}
.mpara-voul {margin-top: 33px;}
.ekleg-wrap .voul-wrap:not(:first-child){margin-top:100px}
.komma-voul img {    width: 120px;    padding-left: 10px;}
.edra-icon img {    width: 150px;}
.komma-voul {    margin-top: 45px;}
}

@media(max-width:835px){
.ekleg-wrap .cand-wrap-all .cand-wrap.odd, .cand-wrap-all .cand-wrap.even {zoom:1}
}
@media(max-width:769px){
.v-gyros:before {    position: fixed;    margin-left: 0;    width: 298px;    margin-top: 144px;    left: -129px;}
.dhm.oinous .v-gyros:before, .dhm.psara .v-gyros:before {    width: 143px;    margin-left: 0;    margin-top: 67px;    position: fixed;    left: -50px;}
#eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2),
#eklogiko-dedomena2.winner .v-gyros .leg-item:nth-child(2){width: calc(100% + 45px);margin-left: -45px;} 
#eklogiko-dedomena.winner .v-gyros:before,
#eklogiko-dedomena2.winner .v-gyros:before {margin-left: 85px;}
 .perifereiakes-main-page .leg-item {width: 100%;}
.perifereiakes-main-page .v-gyros:before {left: -126px;}
.perifereiakes-main-page .v-gyros .leg-item {width: 92%;}   
}

@media(max-width:756px){
    .ypops-wrap .cand-wrap{width: calc(100% - 34px)}
    .perifereiakes-main-page #eklogikaSelect {   height: 80px;}
}
@media(max-width:730px){
img.al-logo,.wrap-all { width: 100%;}
.name-color {width: calc(100% - 155px);}
.ekl-logo-wrap {background: none;}
.leg-wrap{ width: calc(100% - 20px);margin:0;min-width:auto;border: none;width: 100%;}
.headertilt h3 {/*display: none!important;*/}
.name-color {width: 100%;}
.perifereiakes-main-page .v-gyros:before {    left: -130px;}
.perifereiakes-main-page .al-logo {    width: 87%;}
.perifereiakes-main-page .ekl-logo {width: 25%;    margin-top: -13%;    min-width: 132px;    margin-left: unset;    right: 10%;    position: absolute;}
#eklogiko-dedomena.winner .v-gyros .leg-item:nth-child(2), #eklogiko-dedomena2.winner .v-gyros .leg-item:nth-child(2) {
    width: calc(100% + 7%);
    margin-left: -7%;
}
    
}

@media(max-width:675px){
.ekleg-wrap .cand-wrap {  width: 100%;}
}
@media(max-width:680px){
.leg-item {    background: linear-gradient(128deg, rgba(34,193,195,0) 53%, rgb(49 121 195) 100%);}
.dhm .leg-item {    background: linear-gradient(128deg, rgba(34,193,195,0) 53%, #e32028 100%);}
}
@media(max-width:650px){
.btn-img { width: 100%;}
}
@media(max-width:630px){
.perifereiakes-main-page .list-wrap {margin-right: 0;width: calc(100% - 45px);}
.perifereiakes-main-page .leg-wrap {width:100%;}
.perifereiakes-main-page .kom-ttl {    width: auto;}
.perifereiakes-main-page .leg-image img {    width: 150px;    height: auto;} 
.perifereiakes-main-page .leg-item{ background: linear-gradient(128deg, rgba(34,193,195,0) 49%, rgb(49 121 195) 100%);}
.perifereiakes-main-page .leg-wrap {padding: 0;}
.perifereiakes-main-page .v-gyros .leg-item {width: 91%;}
}
@media(max-width:630px) and (min-width:530px){
    .wrap-all .leg-wrap h3 {font-size: 27px;}
}
@media(max-width:605px){
    .v-gyros:before {   left: -131px;}
    .dhm.oinous .v-gyros:before, .dhm.psara .v-gyros:before {   left: -53px;}
}

@media(max-width:600px){
 .voul {display: flex;flex-direction: column;}   
 .komma-voul img{width:100px;padding:5px;}
 .eikona-voul{border-bottom: 4px solid #d9d9d9;margin-bottom: 15px;}
.nopososta .psifoi{margin-bottom:50px;}
 .edra-icon img{width:100px;margin-bottom:30px}
}

@media(max-width:510px){
.legend img {    max-width: 154px;    margin-top: -14px;}
.psif,.pos {    font-size: 35px;}
.kom-ttl {    width: 195px;    padding: 0 0 0 15px;}
}
@media(max-width:490px){
.ekl-sun.ekl-info-head {    flex-direction: column;}
.ekl-sun.ekl-info-head div,
#block-block-55 .dhm.psara.list-wrap .ekl-sun.ekl-info-head div, #block-block-55 .dhm.oinous.list-wrap .ekl-sun.ekl-info-head div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-bottom: 1px solid #cccccc;padding:5px 0
}
.ekl-sun.ekl-info-head div:last-child,
#block-block-55 .dhm.psara.list-wrap .ekl-sun.ekl-info-head div:last-child,
#block-block-55 .dhm.oinous.list-wrap .ekl-sun.ekl-info-head div:last-child {border-bottom:none}
.psif, .pos {    font-size: 32px;color:black}
.kom-ttl {    width: 145px;}
.dhm.oinous.list-wrap .leg-item:nth-child(2), div#eklogiko-dedomena4 .v-gyros .ekl-sun {    margin-top: 40px;    width: calc(100% + 25px);    margin-left: -25px;}
 .perifereiakes-main-page .ekl-sun.ekl-info-head div {    padding-right: 0px;}   
}

@media(max-width:480px){
.perifereiakes-main-page .ekl-sun.ekl-info-head {   display: flex;    align-items: center;    flex-wrap: wrap;}
.perifereiakes-main-page .ekl-sun.ekl-info-head div {    border-bottom:1px solid #d2d2d2;padding:5px 0}
.perifereiakes-main-page .ekl-sun.ekl-info-head div:last-child,.perifereiakes-main-page .ekl-sun.ekl-info-head div:nth-child(4) {    border-bottom:none}
select#sygkentrwtikaSelect, select#sygkentrwtikaYPESSelect, select #eklogikaSelect {    font-size: 20px;}
.perifereiakes-main-page .leg-image img {    width: 120px;    height: auto;}  
.perifereiakes-main-page .ekl-logo {margin-top: -15%;min-width: 120px;right: 8%;}
.perifereiakes-main-page .psifisan,.perifereiakes-main-page .grammenoi,.perifereiakes-main-page .egkyra,.perifereiakes-main-page .akyraLefka  {    display: flex;    flex-direction: column;}
.perifereiakes-main-page #eklogikaSelect {   height: 100px;}
}


@media(min-width:1803px){
  .dhm.perifereiakes-main-page .kom-ttl { width: 250px;}  
  .dhm.perifereiakes-main-page .kom-ttl {   padding-left:0;   width: 200px;}
}
@media(min-width:993px){
    .dhm-vgyros .dhm.list-wrap { width: calc(100% - 20px);}
}