.evoTable3{
    display:grid;
    grid-gap: 0.8em;
}
.evoTable3 > div{
    padding: 0.4em;
    border-radius: 0.4em;
}

/* (1920x1080) Full HD Display */
@media screen and (max-width: 1920px) {
    .evoTable3 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
    .evoTable3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* Portrait*/
@media all and (orientation:portrait) {
    .evoTable3 {
        grid-template-columns: 1fr;
    }
}

/*Div Tablo V2*/
.evoTable2{
    width: 100%;
    display: table;
    border-collapse: collapse;
    /*position: relative;*/
}
.evoTable2, .evoTable2Count{
    font-size: 0.9em;
}

.evoTable2Row, .evoTable2Pri{
    display: table-row;
}

.evoTable2 .evoTable2Pri > div{
    display: table-cell;
    height: 2.5em;
    line-height: 2.5em;
    padding-left: 0.3em;
    text-align: left;
    font-size: 0.9em;
    font-weight : bold;
}

.evoTable2 .evoTable2Row{
    display: table-row;
    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable2 > .evoTable2Row:hover > div{
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable2 > .evoTable2Row > div, .evoTable2Count{
    vertical-align: middle;
    padding: 0.3em;
}
.evoTable2 > .evoTable2Row > div{
    display: table-cell;
}

.evoTable2 > .evoTable2Row > div > a{
    width: 100%;
    height: 100%;
    display: block;
}

.evoTable2 > .evoTable2Row > div .evoButtonImga,
.evoTable2 > .evoTable2Row > div .evoButton,
.evoTable2 > .evoTable2Row > div .evoOptionBox
{
    margin: 0;
    width: 100%;
}

.evoTable2 > .evoTable2Row > div .evoButtonImga:hover,
.evoTable2 > .evoTable2Row > div .evoButton:hover,
.evoTable2 > .evoTable2Row > div .evoOptionBox:hover
{
    border-color:rgb(255,255,255);
}
/*--------------------------------------------------COLOR PALET-------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*--blue ()-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Row1 > div{
    color: rgb(0,0,0);
    /*border: 0.1em solid rgba(52,152,219,100);*/
}
.evoTable21 > .evoTable2Row1:nth-child(even), .evoTable31 > div:nth-child(even){
    background-color: rgba(238, 238, 238,80);
}
.evoTable21 > .evoTable2Row1:nth-child(odd), .evoTable31 > div:nth-child(odd){
    background-color: rgba(247, 247, 247,80);
}
.evoTable21 > .evoTable2Row1 > div > a{
    color: rgb(35,45,48);
}
/*--HOVER-------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Row1:hover > div{
    background-color: rgba(99,140,216,80);

    color: rgb(255,255,255);

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable21 > .evoTable2Row1:hover > a{
    color: rgb(255,255,255);

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Pri1 > div, .evoTable2Count1{
    background-color: rgba(52, 152, 219,80);
    color: rgb(255,255,255);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Siyah-------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Row2 > div{
    color: rgba(255,255,255,100);
    /*border: 0.01em solid rgb(0,0,0);*/
}
.evoTable22 > .evoTable2Row2:nth-child(even), .evoTable32 > div:nth-child(even){
    background-color: rgba(35, 35, 35,80);
}
.evoTable22 > .evoTable2Row2:nth-child(odd), .evoTable32 > div:nth-child(odd){
    background-color: rgba(15, 15, 15,80);
}
.evoTable22 > .evoTable2Row2 > div > a{
    color: rgba(255,255,255,100);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Row2:hover > div{
    background-color: rgb(255,255,255);

    color: rgba(0, 0, 0,80);

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable22 > .evoTable2Row2:hover > a{
    color: rgba(0, 0, 0,80);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Pri2 div, .evoTable2Count2{
    background-color: rgba(0, 0, 0,80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Lacivert----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Row3 > div{
    /*border: 0.01em solid rgb(37.json,77,110);*/
    color: rgb(35,45,48);
}
.evoTable23 .evoTable2Row3:nth-child(even), .evoTable33 > div:nth-child(even){
    background-color: rgba(244, 243, 238,80);
}
.evoTable23 > .evoTable2Row3:nth-child(odd), .evoTable33 > div:nth-child(odd){
    background-color: rgba(217, 226, 225,80);
}
.evoTable23 > .evoTable2Row3 > div > a{
    color: rgb(35,45,48);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Row3:hover > div{
    background-color: rgba(55, 84, 109,80);

    color: rgb(255,255,255);

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable23 > .evoTable2Row3:hover > a{
    color: rgb(255,255,255);

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Pri3 div, .evoTable2Count3{
    background-color: rgba(37, 77, 110,80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Orange------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Row4 > div{
    color: rgb(10,10,10);
}
.evoTable24 > .evoTable2Row4:nth-child(even), .evoTable34 > div:nth-child(even){
    background-color: rgba(251, 202, 162,80);
}
.evoTable24 > .evoTable2Row4:nth-child(odd), .evoTable34 > div:nth-child(odd){
    background-color: rgba(253, 228, 208,80);
}
.evoTable24 > .evoTable2Row4 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Row4:hover > div{
    background-color: rgba(247, 180, 124,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable24 > .evoTable2Row4:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Pri4 div, .evoTable2Count4{
    background-color: rgba(247, 150, 71,80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--RED---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Row5 > div{
    color: rgb(10,10,10);
}
.evoTable25 > .evoTable2Row5:nth-child(even), .evoTable35 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable25 > .evoTable2Row5:nth-child(odd), .evoTable35 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable25 > .evoTable2Row5 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Row5:hover > div{
    background-color: rgba(182, 88, 93,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable25 > .evoTable2Row5:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Pri5 div, .evoTable2Count5{
    background-color: rgba(182, 52, 52,80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Green---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Row6 > div{
    color: rgb(10,10,10);
}
.evoTable26 > .evoTable2Row6:nth-child(even), .evoTable36 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable26 > .evoTable2Row6:nth-child(odd), .evoTable36 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable26 > .evoTable2Row6 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Row6:hover > div{
    background-color: rgba(0, 160, 0,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable26 >.evoTable2Row6:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Pri6 div, .evoTable2Count6{
    background-color: rgba(0, 204, 0, 80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Bondi---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable27 > .evoTable2Row7 > div{
    color: rgb(10,10,10);
}
.evoTable27 > .evoTable2Row7:nth-child(even), .evoTable37 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable27 > .evoTable2Row7:nth-child(odd), .evoTable37 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable27 > .evoTable2Row7 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable27 > .evoTable2Row7:hover > div{
    background-color: rgba(0, 149, 182,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable27 > .evoTable2Row7:hover a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable27 >.evoTable2Pri7 div, .evoTable2Count7{
    background-color: rgba(0, 149, 182, 80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Turquas-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable28 > .evoTable2Row8 > div{
    color: rgb(10,10,10);
}
.evoTable28 > .evoTable2Row8:nth-child(even), .evoTable38 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable28 > .evoTable2Row8:nth-child(odd), .evoTable38 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable28 > .evoTable2Row8 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable28 > .evoTable2Row8:hover > div{
    background-color: rgba(48, 214, 200,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable28 > .evoTable2Row8:hover a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable28 >.evoTable2Pri8 div, .evoTable2Count8{
    background-color: rgba(48, 214, 200,80);
    color: rgb(240,240,240);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Gray-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable29 > .evoTable2Row9 > div{
    color: rgb(10,10,10);
}
.evoTable29 > .evoTable2Row9:nth-child(even), .evoTable39 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable29 > .evoTable2Row9:nth-child(odd), .evoTable39 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable29 > .evoTable2Row9 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable29 > .evoTable2Row9:hover > div{
    background-color: rgba(191, 191, 191,80);

    color: #ffffff;

    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable29 > .evoTable2Row9:hover a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable29 >.evoTable2Pri9 div, .evoTable2Count9{
    background-color: rgba(191, 191, 191,80);
    color: rgb(240,240,240);
}