media query issue

.css

/*Mobile styling*/ 

@media screen and (min-width: 600px){

.site-content {

  width: 100%;

}


@media screen and (min-width: 600px) {

    .site-branding {

        display:none;

    }

}



@media screen and (max-width: 600px) {

   .menu-item a img {
border: none;
box-shadow: none;
vertical-align: middle;
width: auto;
display: none;
}   

}

@media screen and (max-width:600px){
  
#social{
  height: 64px;
width: 400px;
float: right;
/* margin-top: -68px; */
/* margin-right: -114px; */
text-align: justify;
}
}