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

}

@media only screen and (min-device-width : 321px) and (orientation : landscape){

}

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : landscape){

}

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : portrait){

}