.header{
    align-items: center;
    justify-content: flex-start;
    justify-content: space-between;
}
.header-area .menu{
    margin-bottom: 0 !important;
}
.header-area .menu ul li a{
    font-weight: 600;
}
.header-area .search form{
    width: 160px;
    width: 130px;
}
.header-area .search input{
    font-size: 14px;
}

.header-area .search input::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 400;
}

.header-area .search input:-moz-placeholder {
    font-size: 15px;
    font-weight: 400;
}

.header-area .search input::-moz-placeholder {
    font-size: 15px;
    font-weight: 400;
}

.header-area .search input:-ms-input-placeholder {
    font-size: 15px;
    font-weight: 400;
}
.header-area .logo {
    margin-right: 20px;
}
.header-area .logo img{
    width: 110px;
    width: 130px;
}
.header-area .search .lang,
.header-area .search {
    margin-left: 20px;

}
.header-area {
    padding: 18px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}
.banner-area {
    margin-top: 86px;
}
.header-area .turm {
    position: absolute;
    right: 0;
    top: unset;
    bottom: -15px;
    width: 20px;
}
.side-nav {
    height: 100vh;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
}
.side-nav a,
.flagge-header a{
    transition: .3s;
}

.side-nav a:not(:last-of-type) {
  margin-bottom: 10px;
}

.flagge-header li:not(:last-of-type) > a {
  margin-right: 20px;
}

.side-social {
    background: #007caf;
    padding: 15px 10px;
    border-radius: 20px;
    margin-bottom: 15px;

    width: 50px;

    margin-left: auto;
    margin-bottom: 50px;
}

.side-social,
.side-nav .side-menu {
    display: flex;
    flex-direction: column;
}

.side-nav .side-menu {
  gap: 20px;
  flex-direction: row;
}

.side-menu a,
.flagge-header a {
    background: #ea516d;
    padding: 17px 10px;
    border-radius: 20px;
    margin-bottom: 5px;
}

.flagge-header a {
  padding-left: 40px;
  padding-right: 40px;
}

.side-menu{


}

.side-social i {
    color: #fff;
    font-size: 25px;
}
.side-social li:hover > a i,
.flagge-header li:hover > a i {
    color: #fff;
}

.side-menu li:hover > a,
.flagge-header li:hover > a {
    color: #fff;
    background: #007caf;
}
.side-menu a,
.flagge-header li > a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.side-menu a {
  font-size: 15px;
}

.side-nav nav{
    position: absolute;
    bottom: 50px;
    right: 10px;
}
.side-nav {
    display: block;
    text-align: center;
    position: fixed;
    top: 0;
    right: 10px;
    transition: .5s ease-out;
}

.header-area li,
.side-nav li {
    display: table-cell;
    font-size: 15px;

}

.side-nav.retracted {
    transform: translateY(130px);
}


@media (max-width: 1199px) {

    .header-area .logo{
        margin-right: 15px;
    }
    .menu ul li a{
        padding: 0 5px;
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    #menu .lang {
      display: block;
      float: left;
      width: 100%;
      margin-bottom: 30px;
    }

    #menu .lang .current-lang {
      display: none;
    }

    #menu .lang a {
      text-transform: none;
    }

    .panel-header{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }
    .banner-area{
        margin-top: 0;
    }
    .header-area .menu ul li a{
        padding: 15px 0;
    }
}
@media (max-width: 575px) {
    .side-nav a:not(:last-of-type) {
      margin-right: 10px;
    }

    .go-top {
        bottom: 35px !important;
        position: fixed;
        right: 0 !important;
        z-index: 999;
    }
    .side-nav {
        top: unset;
        right: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        background: #007caf;
    }
    .side-nav nav {
        height: auto;
        position: unset;
        top: unset;
        right: unset;
        margin-top: unset;
    }
    .side-nav {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        /*IE*/
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        /* OPera/webkit*/
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;

    }
    .side-social{
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        border-radius: 0;
        padding: 0;
        padding-top: 7px;
        line-height: 43px;
        margin: 0;
        background: transparent;
    }
    .side-menu{
        display: block;
        width: 219px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 35px;
    }

    .side-menu a {
      font-size: 20px;
    }
    .side-menu > li:not(:last-of-type) {
      margin-right: 15px;
    }
    .side-social i {
        color: #fff;
    }
    .side-menu{
        border-radius: 0;
    }
    .side-menu a {
        background-color: transparent;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 0 3px;
    }
    /* .side-menu,
    .side-social{
        display: block;
        width: 100%;
        padding: 10px;
        margin-bottom: 5px;
    } */
}