Responsive css main theme

/*medium screen*/
@media only screen and (min-width:992px) and (max-width:1199px){
	/*all medium screen code is going hear*/
	body{
		background-color:red;
	}
}

/*Tablet layout*/
@media only screen and (min-width:768px) and (max-width:991px){
	/*all tablet screen code is going hear*/
	body{
		background-color:green;
	}
}

/*Mobile layout*/
@media only screen and (min-width:200px) and (max-width:767px){
	/*all mobile screen code is going hear*/
	body{
		background-color:yellow;
	}
}

/*Wide mobile screen*/
@media only screen and (min-width:480px) and (max-width:767px){
	/*all wide mobile screen code is going hear*/
	body{
		background-color:blue;
	}
}