/*Kırmızı #ed1b24 */

 /*Siyah   #231f20 */

 @media(min-width: 1201px) {
     /* Masaüstü Menü Ayarları */
     .anamenu ul li:nth-last-child(2) a::after {
         content: unset;
     }
     .anamenu>ul>li:last-child {
         margin-left: 30px;
         background-color: #156bad;
         border-radius: 5px;
         padding: 5px 10px;
     }
     .navHeader, .mobilMenu {
         display: none;
     }
     .anamenu ul {
         list-style: none;
         margin: 0;
         padding: 0;
         z-index: 10000;
     }
     .anamenu ul ul:before {
         content: "";
         left: 50%;
         top: 9px;
         width: 12px;
         height: 12px;
         background-color: #fff;
         position: absolute;
         z-index: 999;
         box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.04);
         -webkit-transform: rotate(45deg) translateX(-50%);
         -moz-transform: rotate(45deg) translateX(-50%);
         -ms-transform: rotate(45deg) translateX(-50%);
         -o-transform: rotate(45deg) translateX(-50%);
     }
     .anamenu ul ul ul:before {
         left: -2px;
         top: 11px;
         -webkit-transform: rotate(-45deg) translateX(-50%);
         -moz-transform: rotate(-45deg) translateX(-50%);
         -ms-transform: rotate(-45deg) translateX(-50%);
         -o-transform: rotate(-45deg) translateX(-50%);
     }
     .anamenu ul ul ul:after {
         content: '';
         position: absolute;
         left: -15px;
         top: 0;
         width: 15px;
         height: 54px;
     }
     .anamenu ul li {
         display: inline-block;
         position: relative;
     }
     .anamenu ul ul {
         display: none;
         position: absolute;
         left: 50%;
         top: 21px;
         padding-top: 11px !important;
         box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);
         -webkit-transform: translateX(-50%) translateY(0px);
         -moz-transform: translateX(-50%) translateY(0px);
         -ms-transform: translateX(-50%) translateY(0px);
         -o-transform: translateX(-50%) translateY(0px);
         animation: menuLiftUp 0.3s;
     }
     .anamenu ul ul ul {
        top: 0;
        left: calc(100% - 15px);
        background-color: #fff;
        padding: 15px !important;
        -webkit-transform: translateX(10%) translateY(0px);
        -moz-transform: translateX(10%) translateY(0px);
        -ms-transform: translateX(10%) translateY(0px);
        -o-transform: translateX(10%) translateY(0px);
        animation: subMenuLiftUp 0.3s;
     }
     .anamenu ul li:hover>ul {
         display: block;
         padding: 15px;
     }
     .anamenu ul li li {
         display: block;
         border-bottom: 1px solid rgba(0, 103, 148, 0.08);
         background-color: #fff;
     }
     .anamenu ul li li:last-child {
         display: block;
         border-bottom: none;
     }
     .anamenu ul li li a {
         padding: 10px 20px;
         font-size: 14px;
         font-weight: 500;
     }
     .anamenu ul li a {
         color: #fff;
         display: block;
         /* white-space: nowrap; */
         padding: 0 10px;
         font-size: 16px;
         transition: all 0.3s ease-in-out;
     }
     .anamenu ul ul li a {
         color: #000;
         white-space: nowrap;
     }
     .anamenu ul li:hover, .anamenu ul li:hover>a, .anamenu ul li a:hover {
         color: #00baea
     }
     .anamenu ul ul li span {
         height: 42px;
         width: 20px;
         position: absolute;
         right: 2px;
         top: 0;
         background-image: url(../img/ileri.svg);
         background-size: 10px;
         background-position: center;
         background-repeat: no-repeat;
         transition: all .3s ease-in-out;
     }
     .anamenu ul ul li:hover>span {
         margin-right: -5px;
     }
     .anamenu ul li a::after {
         content: '';
         position: absolute;
         left: 100%;
         width: 2px;
         top: 19%;
         height: 12px;
         background-color: #fff;
     }
     .anamenu ul li li a::after {
         background-color: transparent;
     }
     .anamenu ul li:last-child a::after {
         content: '';
         position: absolute;
         left: 100%;
         width: 2px;
         top: 40%;
         height: 12px;
         background-color: transparent;
     }
 }

 @media(max-width: 1200px) {
     /* Mobil Menü Ayarları */
     .navHeader, .mobilMenu {
         display: inline-block;
     }
     .mobilMenu svg {
         width: 28px;
         padding: 10px 0;
     }
     .navHeader {
         display: block;
         height: 71px;
         position: relative;
         z-index: 1000;
         background-color: #000;
     }
     .navHeader img {
        display: block;
        height: 60px;
        position: relative;
        z-index: 1000;
        margin-top: 5px;
     }
     .navHeader span {
         display: inline-block;
         height: 65px;
         width: 65px;
         float: right;
         top: 0;
         margin: 3px;
         background-image: url('../img/close.svg');
         background-size: 20px;
         background-position: center;
         background-repeat: no-repeat;
     }
     .anamenu {
         position: fixed;
         z-index: 10000;
         left: -100%;
         top: 0;
         width: 100%;
         height: 100%;
         background: #0f0f0f;
         overflow: hidden;
         transition: all .3s ease-in-out;
     }
     .fixMenu {
         position: fixed!important;
     }
     .anamenu ul ul:before {
         content: '';
         display: block;
         height: 71px;
     }
     .anamenu ul {
         list-style: none;
         margin: 0;
         padding: 0;
         transition: all 300ms ease-in-out;
     }
     .anamenu ul ul {
         position: absolute;
         top: 0;
         width: 100%;
         height: 100%;
         left: 100%;
         background-color: #0f0f0f;
         overflow-y: auto;
         overflow-x: hidden
     }
     .anamenu ul li a {
         display: block;
         padding: 13px;
         white-space: nowrap;
         border-bottom: 1px solid #1f1f1f;
         font-size: 18px;
         font-weight: bolder;
     }
     .anamenu ul li a:hover {
         color: #febf00;
     }
     .anamenu ul li span {
         display: inline-block;
         background-color: #f5f5f5;
         height: 53px;
         width: 53px;
         float: right;
         top: 0;
         border-left: 1px solid #dddddd;
         background-image: url('../img/ileri.svg');
         background-size: 15px;
         background-position: center;
         background-repeat: no-repeat;
     }
     .ustmenu {
         padding: 15px;
         color: #fff;
         font-size: 18px;
         font-weight: 700;
         background-color: #171616;
     }
     .ustmenu i {
         display: inline-block;
         background-color: #e8e6e6;
         height: 57px;
         width: 57px;
         float: left;
         top: 0;
         margin: -15px 15px 0 -15px;
         background-image: url('../img/geri.svg');
         background-size: 20px;
         background-position: center;
         background-repeat: no-repeat;
     }
 }

 @keyframes menuLiftUp {
     0% {
         -webkit-transform: translateX(-50%) translateY(20%);
         -moz-transform: translateX(-50%) translateY(20%);
         -ms-transform: translateX(-50%) translateY(20%);
         -o-transform: translateX(-50%) translateY(20%)
     }
     100% {
         -webkit-transform: translateX(-50%) translateY(0);
         -moz-transform: translateX(-50%) translateY(0);
         -ms-transform: translateX(-50%) translateY(0);
         -o-transform: translateX(-50%) translateY(0)
     }
 }

 @keyframes subMenuLiftUp {
     0% {
         -webkit-transform: translateX(40%) translateY(0);
         -moz-transform: translateX(40%) translateY(0);
         -ms-transform: translateX(40%) translateY(0);
         -o-transform: translateX(40%) translateY(0)
     }
     100% {
         -webkit-transform: translateX(10%) translateY(0);
         -moz-transform: translateX(10%) translateY(0);
         -ms-transform: translateX(10%) translateY(0);
         -o-transform: translateX(10%) translateY(0)
     }
 }