@media screen and (min-device-width: 1024px) /* */ {
#mt{color:black}
			#mt:after {
			  content: "";
			
			}
		 
		}

@media screen and (min-device-width: 600px) and (max-device-width: 900px) {
#mt{color:black}
}
     /* Wider than desktop */
@media (min-device-width: 1200px) { #mt{color:black} }

/* Landscape phone to desktop */
@media (max-device-width: 1199px) {#mt{color:black} }

/* Landscape phone to landscape tablet */
@media (max-device-width: 979px) { #mt{color:red}}

/* Small desktop */
@media (min-device-width: 980px) and (max-device-width: 1199px) { ... }

		@media screen  and (max-device-width: 979px) /* */ {
		#mt{color:red}
		#mt:after {
			  content: "mt";
			}
		 
		}

		@media screen and (max-device-width: 500px) /* */ {
		#mt{color:red}
		  #mt:after {
			  content: "mt";
			}
		}
		
		@media screen and (max-device-width: 480px) and (orientation: portrait){
			#mt{color:red}
			#mt:after {
			  content: "mt";
			}
		}

		//## Mobile Phones Landscape #### 
		@media screen and (max-device-width: 640px) and (orientation: landscape){
		#mt{color:red}
			#mt:after {
			  content: "mt";
			}
		}

		//#### Mobile Phones Portrait or Landscape #### 
		@media screen and (max-device-width: 640px){
		#mt{color:red}
			#mt:after {
			  content: "mt";
			}
		}

		//#### iPhone 4+ Portrait or Landscape #### 
		@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
		#mt{color:red}
		 #mt:after {
			  content: "mt";
			}
		}

		//#### iPhone 5 Portrait or Landscape #### 
		@media (max-device-height: 568px) and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
#mt{color:red}
			#mt:after {
			  content: "mt";
			}
		}
		//#### iPhone 6 and 6 plus Portrait or Landscape #### 
		@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
#mt{color:red}
		  #mt:after {
			  content: "mt";
			}
		}

		//#### Tablets Portrait or Landscape #### 
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 1)  {
#mt{color:red}
		  #mt:after {
			  content: "mt";
			}
		}
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)and (-webkit-min-device-pixel-ratio: 1)  {
#mt{color:red}
		  #mt:after {
			  content: "mt";
			}
		}
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { 
#mt{color:red}
		  #mt:after {
			  content: "mt";
			}
		 }
		 
		 /* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  #mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
#mt{color:red}
 #mt:after {
			  content: "mt";
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
#mt{color:red}
 #mt:after {
			  content: "mt";
			}
}