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

 /*Siyah   #231f20 */

 @media(min-width: 1201px) {
     /* Masaüstü Menü Ayarları */
     .navHeader, .mobilMenu {
         display: none;
     }
     .anamenu ul {
         list-style: none;
         margin: 0;
         padding: 0;
         z-index: 10000;
     }
     .anamenu ul ul:before {
         content: "";
         left: 50%;
         top: -2px;
         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: 72px;
         background-color: #fff;
         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 {
         left: inherit;
         right: -115%;
         top: 0;
         ;
         -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);
     }
     .anamenu ul li li:last-child {
         display: block;
         border-bottom: none;
     }
     .anamenu ul li li a {
         padding: 10px 15px;
         font-size: 14px;
         font-weight: 600;
     }
     .anamenu ul li a {
         color: #fff;
         display: block;
         white-space: nowrap;
         padding: 25px 10px;
         font-size: 15px;
         font-weight: 600;
         transition: all 0.3s ease-in-out;
     }
     .anamenu ul ul li a {
         color: #000;
     }
     .anamenu ul li:hover, .anamenu ul li:hover>a, .anamenu ul li a:hover {
         color: #febf00
     }
     .anamenu ul ul li span {
         height: 42px;
         width: 15px;
         position: absolute;
         right: 0;
         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: -10px;
     }
     .anamenu ul li a::after {
         content: '';
         position: absolute;
         left: 100%;
         width: 2px;
         top: 40%;
         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: whitesmoke;
     }
     .navHeader img {
         display: block;
         height: 42px;
         position: relative;
         z-index: 1000;
         margin-top: 15px;
     }
     .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: #fff;
         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: #fff;
         overflow-y: auto;
         overflow-x: hidden
     }
     .anamenu ul li a {
         display: block;
         padding: 13px;
         white-space: nowrap;
         border-bottom: 1px solid #dddddd;
         font-size: 18px;
     }
     .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: #8f8f8f;
     }
     .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)
     }
 }