﻿
.DVHesabimSol{
    position:absolute;left:-200px;z-index:1000;background-color:#f6f7f8;width:200px;padding:30px 10px;
}

.DVHesabimSol span{
    font-size:12px;font-weight:500;color:#222d4c;display:block;
}

.DVHesabimSol ul{
    margin-left:0px;padding-left:0px;list-style:none;
}

.DVHesabimSol ul li{
    transition:all .3s;padding: 8px 0px;
}

.DVHesabimSol ul li a{
    font-size:15px;font-weight:500;color:#222d4c;transition:all .3s;
}

.DVHesabimSol ul li a:hover{
    color:#ff0000;
}

.DVHesabimKapat{
    position:absolute;right: 10px;
    top: -10px;z-index:1000;
}

.DVHesabimKapat a{
    color:#ff0000;font-size:20px;font-weight:600;display:block;
}

.DVHesabimIc{
    position:relative;
}

.DVMenuBtn{
    background-color:#bc282e;position:absolute;z-index:100;padding:6px;right:-72px;top:0px;display:block;
}

.DVMenuBtn a{
    color:#fff;font-size:14px;font-weight:600;padding:6px;
}

@media only screen and (min-width: 880px) {
    .DVHesabimSol{
        position:static;width:initial;
    }

    .DVHesabimKapat a{
        display:none;
    }


    .DVHesabimIc{
        position:relative;
    }

    .DVMenuBtn{
        background-color:#bc282e;position:absolute;z-index:100;padding:6px;right:-72px;top:0px;display:none;
    }

    .DVMenuBtn a{
        color:#fff;font-size:14px;font-weight:600;padding:6px;
    }

}