@media screen and (max-width:960px) {
   #head li ,#head li a{width: 100%;display: block;padding: 0;}
   #head .right,#head .left,#head .sosyal,#head .menu>.right {float:none ;}
   #head ul{width: 100%;display: block;} 
   #head ul ul{display:none;}
 #head .menu>.right>li>a {    line-height: 60px;    padding: 0 15px;}
  #head .menu>.right>li,#head .sosyal>li {width:auto;}
  #head .menu>.left>li>a {padding:15px;}
  #head .menualt>.left>li>a {padding: 15px;line-height: normal;}
	#head .sosyal{padding-bottom: 15px;}
	#head .sosyal a{text-align: center;}
}