@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {  }


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { }


@media all and (min-width: 300px) and (max-width: 586px) {  }


@media all and (min-width: 786px) and (max-width: 1024px) and (orientation : landscape) {  }