javascript - @media query is not supporting in IE 8 -

i have applied @media query in website make responsive according screen resolution it's not working whereas earlier, working fine.

i sharing page code below. please me out here why code getting failed.

<link href="header.css" rel="stylesheet"> <link href="indexcss.css" rel="stylesheet">  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet"> <link href="css/prettyphoto.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <!--[if lt ie 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->        <link rel="shortcut icon" href="images/icon.jpg"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 

unfortunately, media queries not supported in ie8.

http://caniuse.com/#feat=css-media-resolution