/*Mustafa*/
/*responsive decoration*/


.test3 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 98px;
    max-height: 23px;

}
.lbl1 {
    margin-top: -36px;
    margin-left: -17px;
}



@media only screen and (min-width: 1800px) {
    .sag-alt {
        top: 608px;
        left: 287px;
        margin: initial;
    }
    .sol-ust {
        top: 162px;
        left: 92px;
        margin: initial;
    }
    .sag-ust {
        top: 162px;
        left: 287px;
        margin: initial;

    }
    .sol-alt {
        top: 608px;
        left: 91px;
        margin: initial;
    }
}



@media only screen and (min-width: 1763px) and (max-width: 1799px) {
    .sag-alt {
        top: 608px;
        left: 287px;
        margin: initial;
    }
    .sol-ust {
        top: 162px;
        left: 92px;
        margin: initial;
    }
    .sag-ust {
        top: 162px;
        left: 287px;
        margin: initial;

    }
    .sol-alt {
        top: 608px;
        left: 91px;
        margin: initial;
    }
}

@media only screen and (min-width: 1690px) and (max-width: 1763px) {
    .sag-alt {
        top: 569px;
        left: 257px;
        margin: initial;
    }
    .sol-ust {
        top: 171px;
        left: 75px;
        margin: initial;

    }
    .sag-ust {
        top: 162px;
        left: 257px;
        margin: initial;

    }
    .sol-alt {
        top: 569px;
        left: 76px;
        margin: initial;
    }
}

@media only screen and (min-width: 1640px) and (max-width: 1689px) {
    .sag-alt {
        top: 535px;
        left: 219px;
        margin:initial;
    }

    .sol-ust {
        top: 132px;
        left: 82px;
        margin: initial;
    }

    .sag-ust {
        top: 138px;
        left: 229px;
        margin:initial;
    }

    .sol-alt {
        top: 535px;
        left: 79px;
        margin: initial;
    }
}


@media only screen and (min-width: 1610px) and (max-width: 1639px) {
    .sag-alt {
        top: 533px;
        left: 213px;
        margin: initial;
    }

    .sol-ust {
        top: 141px;
        left: 70px;
        margin: initial;
    }

    .sag-ust {
        top: 164px;
        left: 230px;
        margin: initial;
    }

    .sol-alt {
        top: 536px;
        left: 78px;
        margin: initial;
    }
}

@media only screen and (min-width: 1581px) and (max-width: 1609px) {
    .sag-alt {
        top: 515px;
        left: 218px;
        margin: initial;
    }

    .sol-ust {
        top: 152px;
        left: 69px;
        margin:initial;
    }

    .sag-ust {
        top: 152px;
        left: 218px;
        margin: initial;
    }

    .sol-alt {
        top: 519px;
        left: 69px;
        margin: initial;
    }
}

@media only screen and (min-width: 1554px) and (max-width: 1580px) {
    .sag-alt {
        top: 509px;
        left: 205px;
        margin: initial;
    }

    .sol-ust {
        top: 153px;
        left: 70px;
        margin: initial;
    }

    .sag-ust {
        top: 153px;
        left: 205px;
        margin: initial;
    }

    .sol-alt {
        top: 509px;
        left: 70px;
    }
}

@media only screen and (min-width: 1480px) and (max-width: 1553px) {
    .sag-alt {
        top: 476px;
        left: 184px;
        margin: initial;
    }

    .sol-ust {
        top: 153px;
        left: 70px;
        margin: initial;
    }

    .sag-ust {
        top: 153px;
        left: 191px;
        margin: initial;
    }

    .sol-alt {
        top: 476px;
        left: 70px;
        margin: initial;
    }
}

@media only screen and (min-width: 1396px) and (max-width: 1479px) {
    .sag-alt {
        top: 465px;
        left: 152px;
        margin: initial;
    }

    .sol-ust {
        top: 170px;
        left: 70px;
        margin: initial;
    }

    .sag-ust {
        top: 170px;
        left: 152px;
        margin: initial;
    }

    .sol-alt {
        top: 465px;
        left: 70px;
        margin: initial;
    }
}

@media only screen and (min-width: 1320px) and (max-width: 1396px) {
    .sag-alt {
        top: 433px;
        left: 141px;
        margin: initial;
    }

    .sol-ust {
        top: 170px;
        left: 70px;
        margin: initial;
    }

    .sag-ust {
        top: 170px;
        left: 141px;
        margin: initial;
    }

    .sol-alt {
        top: 433px;
        left: 70px;
        margin: initial;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1319px) {
    .sag-alt {
        top: 382px;
        left: 78px;
        margin: initial;
    }

    .sol-ust {
        top: 200px;
        left: 30px;
        margin: initial;
    }

    .sag-ust {
        top: 200px;
        left: 78px;
        margin: initial;
    }

    .sol-alt {
        top: 382px;
        left: 30px;
        margin: initial;
    }
}





/*mobile*/
/*İpads*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .sag-alt {
        top: 389px;
        left: 122px;
        margin: initial;
    }

    .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-width: 109px !important;
        max-height: 10px !important;
    }
    .kt-portlet .kt-portlet__head .kt-portlet__head-label {
        margin-top: -39px;
        margin-left: -9px;
        margin-right: 5px;
    }

    .sol-ust {
        top: 165px;
        left: 48px;
        margin: initial;
    }

    .sag-ust {
        top: 165px;
        left: 122px;
        margin: initial;

    }

    .sol-alt {
        top: 389px;
        left: 46px;
        margin: initial;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 376px) {
    .sag-alt {
        top: 269px;
        left: 219px;
    }
    .yazi-isim{
        font-size: 6px !important;
    }
    .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-width: 109px !important;
        max-height: 10px !important;
    }
    .kt-portlet .kt-portlet__head .kt-portlet__head-label {
        margin-top: -39px;
        margin-left: -9px;
        margin-right: 5px;
    }

    .sol-ust {
        top: 125px;
        left: 21px;
        margin: initial;
    }

    .sag-ust {
        top: 128px;
        left: 225px;
        margin: initial;

    }

    .sol-alt {
        top: 269px;
        left: 22px;
        margin: initial;
    }

}

@media only screen and (min-device-width: 377px) and (max-device-width: 500px) {
    .sag-alt {
        top: 287px;
        left: 253px;
        margin: initial;
    }
    .yazi-isim{
        font-size: 6px !important;
    }
    .kt-portlet.kt-portlet--fit.kt-portlet--height-fluid-half {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        max-width: 109px !important;
        max-height: 10px !important;
    }
    .kt-portlet .kt-portlet__head .kt-portlet__head-label {
        margin-top: -39px;
        margin-left: -9px;
        margin-right: 5px;
    }

    .sol-ust {
        top: 125px;
        left: 21px;
        margin: initial;
    }

    .sag-ust {
        top: 128px;
        left: 225px;
        margin: initial;

    }

    .sol-alt {
        top: 290px;
        left: 29px;
        margin: initial;
    }

}




#ss {
    position: relative;
}

.active {
    display: block;
}

.deactive {
    display: none;
}