While other browsers recognize and function properly, it seems like IE is not recognizing my media queries. Could there be something wrong with my code? I've created a similar design before without any issues, so why is this one causing problems?
Here is the CSS:
/* This css is for small Mobile Devices */
@media (max-width: 767px) {
a, a:focus, a:hover, a:active {outline: 0;}
.slogan h2 {padding: 10px 0px;font-size: 18px;}
.navbar-header a {padding: 14px 0;}
.left_content_video {float: none;}
.right_content_video {float: none;}
.left_content_video {float: none;}
.right_content_video {float: none;padding-bottom: 4px;}
.left_content_video {margin-right: 0px;margin-bottom: 30px;padding-bottom: 5px;}
.navbar-nav {margin: 0px;}
.single_content_btm_ico {margin-bottom: 30px;}
.content_videos h1 {margin-left: 14px;}
.navbar-form {display: none;}
.open > .dropdown-menu {
/*customization*/
display: block;}
.video_panel {}
.video_panel h1 {background: #23262a none repeat scroll 0 0;font-size: 15px;padding: 12px 10px;}
.clip_content {width: 100%;background: #FFFFFF;margin-bottom: 30px;}
.video_panel_maincontent_1 h1, .video_panel_maincontent_2 h1, .video_panel_maincontent_3 h1, .video_panel_maincontent_4 h1 {margin-left: 15px;color: #ddd;display: inline-block;}
}
/* This css is for Tablet Devices */
@media (min-width: 768px) {
a, a:focus, a:hover, a:active {outline: 0;border: none;}
.slogan h2 {padding-top: 32px;}
.logo img {padding: 12px 0px 0px;}
.dropdown-toggle, .divider {display: none;}
.navbar-header a {padding: 27px 0;}
.videos {
float: left;
margin-right: 30px;
width: 185px;}
.left_content_video {
margin-bottom: 30px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-...