/*SAĞ ÜST MENU*/
@media(min-width: 768px) {
  .ust-cizgi{
    height: 5px; 
    top:0;
    background: rgb(117, 44, 122);
  }
  .sag-ust-govde{
    position: relative;
  }
  .sag-ust-nav{
    float: right;
    width: 380px;
    height: 42px;
    background: rgb(117, 44, 122);
    border-radius: 0px 0px 12px 12px;
  }
  .sag-ust-btn{
    float: left;
    width: 43%;
    height: 42px;
    line-height: 40px;
    margin-left: 5%;
    margin-right: 2%;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center; 
  }
  .sag-ust-btn > a{
   display: block;
   color: #fff;
   text-decoration: none;
 }
 .sag-ust-btn > a:hover{
   color: #EC8928;
 }
 .sag-ust-btn2{
   margin-left: 2%;
   margin-right: 5%;
   float: left;
   width: 43%;
   height: 42px;
   line-height: 40px;
   font-size: 13px;
   font-weight: 600;
   color: #fff;
   text-align: center;
 }
 .sag-ust-btn2 > a{
  display: block;
  color: #fff;
  text-decoration: none;
}
.sag-ust-btn2 > a:hover{
 color: #EC8928;
}
.sag-ust-iletisim{
  position: absolute;
  right: 0;
  top: 48px;
  float: right;
  width: 380px;
}
.sag-ust-iletisim-menu{
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.sag-ust-iletisim-menu > li{
  justify-content: center;
}
.sag-ust-iletisim-menu > li > a{
  display: block;
  color: #000;
  text-align: center;
  padding: 15px;
  font-size: 14px;
  font-weight: 600;
}
}
@media(max-width: 768px) {
  .ust-cizgi{
    height: 5px; 
    top:0;
    background: rgb(117, 44, 122);
  }
  .sag-ust-govde{
    position: relative;
  }
  .sag-ust-nav{
    float: right;
    width: 200px;
    height: 30px;
    background: rgb(117, 44, 122);
    border-radius: 0px 0px 12px 12px;
    position: relative;
    z-index: 100; 
    margin-bottom: 15px;
  }
  .sag-ust-btn{
    float: left;
    width: 43%;
    height: 30px;
    line-height: 30px;
    margin-left: 5%;
    margin-right: 2%;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-align: center;
  }
  .sag-ust-btn > a{
   display: block;
   color: #fff;
   text-decoration: none;
 }
 .sag-ust-btn > a:hover{
   color: #EC8928;
 }
 .sag-ust-btn2{
   margin-left: 2%;
   margin-right: 5%;
   float: left;
   width: 43%;
   height: 30px;
   line-height: 30px;
   font-size: 13px;
   font-weight: 600;
   color: #fff;
   text-align: center;
 }
 .sag-ust-btn2 > a{
  display: block;
  color: #fff;
  text-decoration: none;
}
.sag-ust-btn2 > a:hover{
 color: #EC8928;
}
}

@media (max-width: 768px) and (min-width: 330px) { 
  .sag-ust-iletisim{
    position: absolute;
    top: 55px;
    width: 380px;
     right: 10px;
  }
  .sag-ust-iletisim-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;

  }
  .sag-ust-iletisim-menu > li{
    justify-content: center;
  }
  .sag-ust-iletisim-menu > li > a{
    display: block;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
  }
}

@media(max-width: 330px) {
  .sag-ust-iletisim{
   display: none;
  }
  .sag-ust-iletisim-menu{
   display: none;
  }
}





 


/***********************************************************************************************************************/



/******** MENU  AYARLAR ********/
.menubar {
  width: 100%;
  z-index: 100;
  height: 58px;
  position: relative;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;   
  background: #b8b8b8;
}
nav{
  width: 100%;
}


nav .ust_menu{
  list-style: none; 
  overflow: hidden;
  color: #fff;
  padding: 0;
  text-align: right;
  margin: 0;
  transition: 1s;
}

.ust_menu > li{
  float: left;
}
.ust_menu > li:first-child a {
 border-top-left-radius: 10px;

}
.ust_menu > li > a{
 font-weight: 400;
 padding: 0px 20px;
 cursor: pointer;
 line-height: 58px;
 color:#676767;
 display: block;
 font-size: 14px;
 font-family: "Poppins",sans-serif;
 position: relative;
 text-transform: uppercase;
 -webkit-text-transform: uppercase;
 -moz-text-transform: uppercase;
 -o-text-transform: uppercase;
}
.ust_menu > li > a:hover{
 color:#E7E7E7;
 background: #5f5f5f;
 transition-duration: 0.8s;
}
.menu-icon{

  box-sizing: border-box;
  padding: 12px 24px;
  cursor: pointer;
  display: none;
  color: #000;
}
.menu-icon b{
  font-size: 20px;
}
.menu-icon > i,.menu-icon > svg{
  float: right;
}



.alt_menu{
  display: none ;
  position: absolute;
  background: #fff;
  box-shadow: 0px 4px 10px #000;
  
}


.alt_menu li{
  display: block;
}

.alt_menu > li > a{
  text-decoration: none;
  text-align: left;
  color: #505050;
  background-color: #ededed;
  font-weight: 400;
  padding: 5px 8px;
  cursor: pointer;
  display: block;
  position: static;
  font-family: "Poppins",sans-serif;
  z-index: 10;
  min-width: 220px;
  font-size: 13px;
  border-bottom:1px solid #c7c5c5;
  
}
.alt_menu > li > a:hover{
  background-color: #dedede;
}

@media(max-width: 1029px) {
  .ust_menu{
    max-height: 0px;
     background: #b8b8b8;

  }
  nav.black{
    background: #fff;
    box-shadow: 0px 2px 5px #8e8888;

  }
  .showing{
    max-height: 100em;

  }
  .ust_menu li{
    box-sizing: border-box;
    width: 100%;
    padding: 0px 0;
    text-align: center;
  }
  .ust_menu > li > a{
   font-weight: 400;
   padding: 0px 20px;
   cursor: pointer;
   line-height: 58px;
   color:#676767;
   display: block;
   font-size: 14px;
   font-family: "Poppins",sans-serif;
   position: relative;
   text-transform: uppercase;
   -webkit-text-transform: uppercase;
   -moz-text-transform: uppercase;
   -o-text-transform: uppercase;
 }
 .menu-icon{
  display: block;
}

.alt_menu{
  display: none ;
  position: inherit !important;
  background: #141414 !important;
  width: 100%;
  transition: inherit !important;
}
.alt_menu li a{
  text-decoration: none;
  text-align: left;
  color: #505050;
  background-color: #ededed;
  font-weight: 400;
  padding: 5px 8px;
  cursor: pointer;
  display: block;
  position: static;
  font-family: "Poppins",sans-serif;
  z-index: 10;
  min-width: 220px;
  font-size: 13px;
  border-bottom:1px solid #c7c5c5;
}
}