Media query is one of the powerful tools to design a responsive website. It allows us to create CSS rules on various parameter based…