/* Extra small devices (phones, less than 768px) */
@media (max-width: 400px) {
}
@media (min-width: 401px ) and (max-width: 759px) {
}
@media (min-width: 759px ) and (max-width: 992px) {
}
@media (min-width: 992px ) and (max-width: 1199px) {
}
@media (min-width: 1200px ) and (max-width: 1499px)  { /* Large devices */
}
@media (min-width: 1500px ) { /* X-Large devices */
}

@media (max-width: 850px) {
header .logo > .menu {display:block;position: absolute;right: 0; top: 0;    padding-left:100px;}
header .logo > .menu > a {color: rgba(255,255,255,.85);display: block;font-size: 0.85em;font-weight: 600;}

header .logo > .menu > a.acik {transform: rotate(90deg);}
header .logo > .menu > a.caret {border-bottom: 15px solid transparent;border-top: 15px solid rgba(255,255,255,.3);border-right: 15px solid transparent;border-left: 15px solid transparent;transition: 100ms all ease;}

header .menuDown {box-shadow: 0 3px 5px rgba(0,0,0,.15);}

.menu > .menuicon {display:inline-block;cursor:pointer;margin-right:0px;}
.menu > .menuicon > .bar1, .menuicon > .bar2, .menuicon > .bar3 {width:30px; height: 5px;background-color:#ccc;margin:6px 0;transition:0.4s;}
.menu > .change > .bar1 {transform: translate(-7px, 13px) rotate(45deg) scale(0.7, 1);}
.menu > .change > .bar2 {opacity:0;}
.menu > .change > .bar3 {transform: translate(5px, -9px) rotate(-45deg) scale(0.7, 1);}

header > div{flex-direction: column; text-align:center; padding:0;}
header > div > nav {display: none; background-color:white; border-bottom: 1px solid rgba(0,0,0,.15);}
header > div > nav > ul{display: block;}
header > div > nav > ul > li{border-bottom: none; line-height: 35px;}
header > div > nav > ul > li:last-of-type{border-bottom: none;}
header > div > nav > ul > li > a{color:#333;}

div.headerbir {line-height: 40px;}
div.headerbir > nav > ul > li{line-height: 40px;}
div.headerbir > .logo > h1 {line-height: 40px;}

div.headerbir > nav .active{background-color:rgb(51,204,255);color:white;}
div.headeriki > nav .active{background-color:rgb(51,204,255);color:white;}
div.headeruc > nav .active{background-color:rgb(51,204,255);color:white;}
div.headerdort > nav .active{background-color:rgb(51,204,255);color:white;}

footer > div{padding:0;}
footer > div > nav > ul{display: block;}
footer > div > nav > ul.acik{display: flex;flex-direction: column-reverse;justify-content: flex-start;position: fixed;bottom:0; right:0}
footer > div > nav > ul > li:not(.lih1) {background-color: white}
footer > div > nav > ul > li:not(.lih1):hover {background-color: rgb(51,204,255)}
footer > div > nav > ul > li > a{display: none;color:#333;}
footer > div > nav > ul > li > a:hover{color:#333;}

}
