.accordion {width: 100%;height:720px;max-width: 360px;background: var(--renk1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: var(--renk12);font-size: 14px;font-weight: 700;border-bottom: 1px solid var(--renk12);position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion .MobilMenuUyeHesabimLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordion .MobilMenuUyeCikisLinkAlan {padding-left: 10px;}
.accordion .MobilMenuUyeGirisLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordion .MobilMenuUyeUyeOlLinkAlan {padding-left: 10px;}
.accordion .MobilMenuDilLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordion .link a {color: var(--renk12);}
.accordion .link .MobileMenuUyeKullanici-CikisYap {color: var(--renk12);}
.MenuMobilListeImg {position: absolute;vertical-align: middle;left: 8px;top: 15px;height: 15px;}
.accordion li:last-child .link {}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: var(--renk9);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: var(--renk9);}
.accordion li.open i {color: var(--renk6);}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

/*** Submenu-----------------------------*/

.submenu {display: none;background: var(--renk4);font-size: 14px;}
.submenu li { border-bottom: 1px solid var(--renk12);}
.submenu a {display: block;text-decoration: none;color: var(--renk10);padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.MenuMobilAltiYok {display: block;text-decoration: none;color: var(--renk10);padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.submenu a:hover {background: var(--renk5);color: var(--renk12);}
.MenuMobilListeAcilirImg {float: left;margin: 0px 10px 0px 0px;width: 15px;}
.MenuMobilLinkAcImg {float: left;margin: -3px 10px 0px 0px;width: 19px;}
.MenuMobilListeAcImg {float: right;margin: 0;}

/* SubSubmenu */

.accordionSub {width: 100%;height:720px;max-width: 360px;background: var(--renk1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordionSub .linkSub {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: var(--renk2);font-size: 14px;font-weight: 700;border-bottom: 1px solid var(--renk10);position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionSub .MobilMenuUyeHesabimLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordionSub .MobilMenuUyeCikisLinkAlan {padding-left: 10px;}
.accordionSub .MobilMenuUyeGirisLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordionSub .MobilMenuUyeUyeOlLinkAlan {padding-left: 10px;}
.accordionSub .MobilMenuDilLinkAlan {padding-left: 10px;box-sizing: border-box;height: 47px;}
.accordionSub .linkSub a {color: var(--renk2);}
.accordionSub .linkSub .MobileMenuUyeKullanici-CikisYap {color: var(--renk12);}
.MenuMobilListeImg {position: absolute;vertical-align: middle;left: 8px;top: 15px;height: 15px;}
.accordionSub li:last-child .linkSub {}
.accordionSub li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: var(--renk6);-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordionSub li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordionSub li.open .linkSub {color: var(--renk2);}
.accordionSub li.open i {color: var(--renk6);}
.accordionSub li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.subsubmenu { display: none;background: var(--renk1);font-size: 14px;}
.subsubmenu li {border-bottom: 1px solid var(--renk2);}
.subsubmenu a {display: block;text-decoration: none;color: var(--renk3);padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.subsubmenu a:hover {background: var(--renk4);color: var(--renk1);}
.MenuMobilListeAcImgSub {float: right;margin: 0;margin-top: -34px;margin-right: 6px;}

/* -----------------------------*/