Media_Query.php

YE sab se zarory hain 
/*xs*/			
@media (min-width: 1px) and (max-width: 767px){			mobile
			
}			
/*sm*/			
@media (min-width: 768px) and (max-width: 992px){			tablate
			
}			
/*MD*/			
@media (min-width: 992px) and (max-width: 1200px){			desktop
			
}			
/*Lg*/			
@media (min-width: 1200px){			desktop
 			
}			

<!-- agar har mobile ki media query deni ho tu istarha dege   -->

@media (min-width: 1200px){
}
@media only screen and (max-width: 1024px) {
}
@media (min-width: 1px) and (max-width: 767px){
}
@media (min-width: 768px) and (max-width: 992px){
}
@media (min-width: 992px) and (max-width: 1200px){
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 320px) {
}
===================================
Ye Azeem Bhai ki media query hain
===================================
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}