/**State — State CSS Rulesets are basically to define Styles for a different state of a UI component. 
These basically overrides the default Styling of a UI module.
For example — A message may be in a success or error state.**/
/*---------------Large Devices, Wide Screens---------------*/
@media only screen and (max-width : 1200px) {}
/*---------------Medium Devices, Desktops---------------*/
@media only screen and (max-width : 992px) {}
/*---------------Small Devices, Tablets---------------*/
@media only screen and (max-width : 768px) {}
/*---------------Extra Small Devices, Phones---------------*/ 
@media only screen and (max-width : 480px) {}