﻿@font-face {
  font-family: 'socicon';
  src: url("/Content/Fonts/socicon-webfont.eot");
  src: url("/Content/Fonts/socicon-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/Fonts/socicon-webfont.woff") format("woff"), url("/Content/Fonts/socicon-webfont.woff2") format("woff2"), url("/Content/Fonts/socicon-webfont.ttf") format("truetype"), url("/Content/Fonts/socicon-webfont.svg#sociconregular") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial; }

/************************************************************************************
Responsive Designs
*************************************************************************************/
/* Fix for IE10 and Windows 8 Mobile Phones. Microsoft still can't seem to make web browsers correctly and because of this we have to create a hack to trick the browser into rendering the page properly */
@-ms-viewport {
  width: device-width; }

img {
  max-width: 100%;
  height: auto;
  display: block; }

p {
  color: #606060;
  font-family: "Helvetica Neue",Helvetica,Arial,san-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px; }

/* Full Site View */
@media (max-width: 1200px) {
  /* Begin Landing Page */
  #site_wrapper {
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #FFF;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    overflow-x: hidden; }
  #site_menu_container {
    display: none; }
  .page_banner_container,
  .page_banner_container img {
    width: 100%;
    max-width: 100%;
    max-height: 312px;
    height: auto; } }

/* Tablet Landscape View */
@media (max-width: 959px) {
  /* Begin Landing Page */
  #site_wrapper {
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #FFF;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow-x: hidden; }
  header {
    width: 100%;
    background-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .header_container {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 10px 0 0 0; }
  .logo_container {
    float: none;
    width: 211px;
    height: auto;
    display: block;
    margin: 0 auto; }
  nav.landing_navigation {
    float: none;
    width: 100%;
    height: 25px;
    margin: 25px 0 0 0; }
  nav.landing_navigation ul {
    width: 300px;
    margin: 0 auto;
    display: block; }
  .rotator_container {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
  article {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0; }
  .channel_container {
    float: none;
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #CC0033; }
  .kidde_fs {
    width: 80%; }
  img.kidde_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  img.channel_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  .last_channel {
    border: 1px solid #CC0033; }
  .channel_container p {
    text-align: left;
    padding: 0 20px; }
  .landing_image_container {
    float: right; }
  img.landing_image {
    display: block; }
  /* End Landing Page */
  /* Begin Master Page */
  #page_container,
  #main_content {
    width: 100%;
    padding: 0; }
  .header_nav_container {
    display: none;
    /* Hide the gray bar that shows on the desktop view */ }
  .main_header_container {
    display: none;
    /* Hide the container that is used for desktop view */ }
  .mobile_header_container {
    height: 90px;
    padding: 20px 0 0 0;
    display: block;
    /* Show the mobile header container that holds the logo, search and navigation toggle */
    clear: both; }
  .mobile_menu_icon {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px 10px 0 20px;
    cursor: pointer; }
  .branding_container {
    float: none;
    width: 160px;
    height: 48px;
    display: block;
    overflow: hidden;
    margin: 0 auto; }
  .mobile_search_icon {
    float: right;
    width: 30px;
    height: 30px;
    display: block;
    margin: -40px 10px 0 0;
    cursor: pointer; }
  .mobile_search_section {
    width: 100%;
    background: #ececec;
    margin: 10px 0 0 0;
    padding: 5px; }
  .site_search_container {
    width: 250px;
    margin: 0 auto; }
  input.mobile_site_search {
    width: 250px;
    height: 20px;
    background: none;
    font-size: 12px;
    font-weight: 402;
    color: #434343;
    border-style: solid;
    border: none;
    border-bottom: 1px solid #434343;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto; }
  #site_canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .show_nav #site_canvas {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  #site_menu_container {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    background: #2d2d2d;
    display: block; }
  #site_menu {
    margin: 10px 0; }
  .brand_options_container {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #6b6b6b; }
  select.mobile_brand_dropdown {
    width: 240px;
    height: 35px;
    margin: 10px 0 0 25px;
    padding: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #2d2d2d;
    line-height: 20px;
    background: #fff;
    border: none; }
  nav {
    float: none;
    margin: 0; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop,
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.megamenu_nodrop {
    background: #4c4a4b;
    width: 280px;
    height: 30px;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop:first-parent {
    border-top: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links .show_sub_nav {
    display: block; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links > ul > li a {
    background: none;
    width: auto;
    height: auto;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 35px;
    margin: 0 0 0 30px; }
  /* End Master Page */
  /* Begin Branding Page */
  .feature_content_container {
    float: none;
    margin: 0 auto; }
  /* End Branding Page */
  /* Begin Applications Page */
  .page_banner_container,
  .page_banner_container img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto; }
  .page_description_container {
    top: 0;
    z-index: 0; }
  .page_description_content {
    width: 100%;
    height: auto;
    background: none;
    padding: 0; }
  .page_description_container h1 {
    margin: 10px 0 0 20px; }
  .video_container {
    float: none;
    margin: 0 0 20px 0; }
  .video_content_container {
    margin: 0; }
  .applications_container {
    width: 100%; }
  /* End Applications Page */
  /* Begin Systems Page */
  .systems_column_left_container {
    float: none;
    width: 100%;
    margin: 0; }
  .systems_column_right_container {
    float: none;
    width: 100%;
    margin: 0; }
  .system_image_container {
    float: none;
    margin: 0; }
  .system_title_description_container {
    float: none;
    width: 100%; }
  /* End Systems Page */
  /* Begin System Details Page */
  .list_section_container {
    float: none;
    width: 100%;
    margin: 0 0 20px 0; }
  .related_documents_container {
    float: none;
    width: 95%;
    margin: 0 0 20px 0;
    padding: 10px; }
  /* End System Details Page */
  /* Begin Document Library Page */
  .document_search_container {
    width: 90%;
    height: auto; }
  .document_search_container h1 {
    float: none; }
  ul.document_list li {
    margin: 0 0 10px 0; }
  /* End Document Library Page */
  /* Begin About Us Page */
  .content_image_container {
    float: none;
    margin: 0 0 10px 0; }
  .about_content_container {
    float: none;
    width: 100%;
    margin: 0 0 30px 0; }
  .about_sidebar_container {
    float: none;
    width: 90%; }
  /* End About Us Page */
  /* Begin Support Page */
  .support_address_container {
    float: none;
    margin: 0; }
  .support_find_distributor_button,
  .support_find_distributor_button:visited,
  .support_find_distributor_button:hover,
  .support_find_distributor_button:active {
    width: auto; }
  .division {
    display: none; }
  p.sales_manager_list {
    float: none;
    margin: 20px 0 0 0; }
  /* End Support Page */
  /* Begin Where To Buy Page */
  .where_to_buy_options_container {
    width: 400px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden; }
  .where_to_buy_option {
    width: 400px;
    margin: 0 0 10px 0; }
  .where_to_buy_option img {
    margin: 0 auto; }
  select.zip_product_filter_dropdown {
    width: 200px;
    margin: 0 10px 0 0; }
  table#results_table {
    width: 100%; }
  table#results_table thead tr th {
    padding: 5px; }
  table#results_table tbody tr td {
    padding: 5px; }
  table#results_table tbody tr td .distance {
    width: 3.5em;
    padding: 0.5em; }
  ul.states_list,
  ul.countries_list {
    float: left;
    width: 160px;
    margin: 0 10px 20px 0;
    padding: 0; }
  #map_canvas {
    width: 100%;
    height: 300px; }
  /* End Where To Buy Page */
  /* Begin Footer */
  footer {
    width: 100%;
    height: 325px;
    padding: 20px;
    background-color: #434343; }
  .footer_content_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block; }
  .footer_content_container ul {
    list-style-type: none; }
  .footer_content_container ul li {
    display: block;
    overflow: visible;
    margin: 0 0 5px 0;
    padding: 0;
    border-right: none;
    border-bottom: 1 px solid #858585; }
  .footer_content_container ul li:first-child {
    display: block;
    overflow: visible;
    padding: 0;
    border-top: 1 px solid #858585;
    border-right: none; }
  .footer_content_container ul li:last-child {
    border-right: none; }
  .footer_content_container ul li a:link,
  .footer_content_container ul li a:visited,
  .footer_content_container a:link,
  .footer_content_container a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 600;
    color: #858585;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none; }
  .footer_content_container ul li a:hover,
  .footer_content_container ul li a:active,
  .footer_content_container a:hover,
  .footer_content_container a:active {
    text-decoration: underline; }
  .footer_content_container p {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 400;
    color: #858585;
    line-height: 20px;
    margin-top: 10px; }
  p.trademarks_disclaimer {
    margin: 0; }
  .natural_leadership_small {
    width: 150px;
    height: 75px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    overflow: hidden; }
  /* End Footer */ }

/* Tablet Portrait View */
@media (max-width: 600px) {
  /* Begin Landing Page */
  #site_wrapper {
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #FFF;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow-x: hidden; }
  header {
    width: 100%;
    background-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .header_container {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 10px 0 0 0; }
  .logo_container {
    float: none;
    width: 225px;
    height: auto;
    display: block;
    margin: 0 auto; }
  nav.landing_navigation {
    float: none;
    width: 100%;
    height: 25px;
    margin: 25px 0 0 0; }
  nav.landing_navigation ul {
    width: 280px;
    margin: 0 auto; }
  .rotator_container {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
  article {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0; }
  .channel_container {
    float: none;
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #CC0033; }
  .kidde_fs {
    width: 80%; }
  img.kidde_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  img.channel_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  .last_channel {
    border: 1px solid #CC0033; }
  .channel_container p {
    text-align: left;
    padding: 0 20px; }
  .landing_image_container {
    float: right; }
  img.landing_image {
    display: block; }
  /* End Landing Page */
  /* Begin Master Page */
  #page_container,
  #main_content {
    width: 100%;
    padding: 0; }
  .header_nav_container {
    display: none;
    /* Hide the gray bar that shows on the desktop view */ }
  .main_header_container {
    display: none;
    /* Hide the container that is used for desktop view */ }
  .mobile_header_container {
    height: 90px;
    padding: 20px 0 0 0;
    display: block;
    /* Show the mobile header container that holds the logo, search and navigation toggle */
    clear: both; }
  .mobile_menu_icon {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px 10px 0 20px;
    cursor: pointer; }
  .branding_container {
    float: none;
    width: 160px;
    height: 48px;
    display: block;
    overflow: hidden;
    margin: 0 auto; }
  .mobile_search_icon {
    float: right;
    width: 30px;
    height: 30px;
    display: block;
    margin: -40px 10px 0 0;
    cursor: pointer; }
  .mobile_search_section {
    width: 100%;
    background: #ececec;
    margin: 10px 0 0 0;
    padding: 5px; }
  .site_search_container {
    width: 250px;
    margin: 0 auto; }
  input.mobile_site_search {
    width: 250px;
    height: 20px;
    background: none;
    font-size: 12px;
    font-weight: 402;
    color: #434343;
    border-style: solid;
    border: none;
    border-bottom: 1px solid #434343;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto; }
  #site_canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .show_nav #site_canvas {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  #site_menu_container {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    background: #2d2d2d;
    display: block; }
  #site_menu {
    margin: 10px 0; }
  .brand_options_container {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #6b6b6b; }
  select.mobile_brand_dropdown {
    width: 240px;
    height: 35px;
    margin: 10px 0 0 25px;
    padding: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #2d2d2d;
    line-height: 20px;
    background: #fff;
    border: none; }
  nav {
    float: none;
    margin: 0; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop,
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.megamenu_nodrop {
    background: #4c4a4b;
    width: 280px;
    height: 30px;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop:first-parent {
    border-top: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links .show_sub_nav {
    display: block; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links > ul > li a {
    background: none;
    width: auto;
    height: auto;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 35px;
    margin: 0 0 0 30px; }
  /* End Master Page */
  /* Begin Branding Page */
  .brand_content_image_container {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px; }
  .feature_content_container {
    float: none;
    width: 100%; }
  .feature_content_container a img {
    width: 100%; }
  /* End Branding Page */
  /* Begin Applications Page */
  .page_banner_container,
  .page_banner_container img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto; }
  .page_description_container {
    top: 0;
    z-index: 0; }
  .page_description_content {
    width: 100%;
    height: auto;
    background: none;
    padding: 0; }
  .page_description_container h1 {
    margin: 10px 0 0 20px; }
  .video_container {
    float: none;
    margin: 0 0 20px 0; }
  .video_content_container {
    margin: 0; }
  .applications_container {
    width: 100%; }
  /* End Applications Page */
  /* Begin Systems Page */
  .systems_column_left_container {
    float: none;
    width: 100%;
    margin: 0; }
  .systems_column_right_container {
    float: none;
    width: 100%;
    margin: 0; }
  .system_image_container {
    float: none;
    margin: 0; }
  .system_title_description_container {
    float: none;
    width: 100%; }
  /* End Systems Page */
  /* Begin System Details Page */
  .list_section_container {
    float: none;
    width: 100%;
    margin: 0 0 20px 0; }
  .related_documents_container {
    float: none;
    width: 95%;
    margin: 0 0 20px 0;
    padding: 10px; }
  /* End System Details Page */
  /* Begin Document Library Page */
  .document_search_container {
    width: 90%;
    height: auto; }
  .document_search_container h1 {
    float: none; }
  ul.document_list li {
    margin: 0 0 10px 0; }
  /* End Document Library Page */
  /* Begin About Us Page */
  .content_image_container {
    float: none;
    margin: 0 0 10px 0; }
  .about_content_container {
    float: none;
    width: 100%;
    margin: 0 0 30px 0; }
  .about_sidebar_container {
    float: none;
    width: 90%; }
  /* End About Us Page */
  /* Begin Support Page */
  .support_address_container {
    float: none;
    margin: 0; }
  .support_find_distributor_button,
  .support_find_distributor_button:visited,
  .support_find_distributor_button:hover,
  .support_find_distributor_button:active {
    width: 90%; }
  .division {
    display: none; }
  p.sales_manager_list {
    float: none;
    margin: 20px 0 0 0; }
  /* End Support Page */
  /* Begin Where To Buy Page */
  .where_to_buy_options_container {
    width: 400px;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden; }
  .where_to_buy_option {
    width: 400px;
    margin: 0 0 10px 0; }
  .where_to_buy_option img {
    margin: 0 auto; }
  select.mileage_radius_filter {
    float: none;
    margin: 0; }
  select.zip_product_filter_dropdown {
    width: 200px;
    margin: 10px 10px 0 0; }
  button.whereToBuy_search_button {
    margin: 10px 0 0 0; }
  table#results_table {
    width: 100%; }
  table#results_table thead tr th {
    padding: 5px; }
  table#results_table tbody tr td {
    padding: 5px; }
  table#results_table tbody tr td .distance {
    width: 3.5em;
    padding: 0.5em; }
  ul.states_list,
  ul.countries_list {
    float: left;
    width: 160px;
    margin: 0 20px 20px 0;
    padding: 0; }
  #map_canvas {
    width: 100%;
    height: 300px; }
  ul.systems_list {
    float: left;
    width: 230px;
    list-style-type: none;
    margin: 5px 20px 0 0;
    padding: 0; }
  /* End Where To Buy Page */
  /* Begin FC Distributor Pages */
  .critical_safety_container {
    float: none;
    width: 100%;
    margin: 20px 0 0 0; }
  .oem_list_container {
    float: none;
    width: 100%;
    margin: 0 0 10px 0; }
  .oem_list_container h3 {
    text-align: left; }
  ul.oem_list {
    width: 100%;
    margin: 0; }
  ul.oem_list li {
    text-align: left;
    margin: 0 0 0 0; }
  /* End FC Distributor Pages */
  /* Begin Sample Evaluation Request Form */
  .field_container {
    float: none;
    margin: 0 0 20px 0; }
  .application_information {
    width: 90%;
    min-width: 90%;
    max-width: 90%; }
  /* End Sample Evaluation Request Form */
  /* 404 Error Page */
  p.message_error {
    width: 100%; }
  ul.four_oh_four_links {
    margin: 0; }
  /* End 404 Error Page */
  /* Begin Footer */
  footer {
    width: 92%;
    height: 350px;
    padding: 20px;
    background-color: #434343; }
  .footer_content_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block; }
  .footer_content_container ul {
    list-style-type: none; }
  .footer_content_container ul li {
    width: 70%;
    display: block;
    overflow: visible;
    margin: 0 0 5px 0;
    padding: 0;
    border-right: none;
    border-bottom: 1 px solid #858585; }
  .footer_content_container ul li:first-child {
    display: block;
    overflow: visible;
    padding: 0;
    border-top: 1 px solid #858585;
    border-right: none; }
  .footer_content_container ul li:last-child {
    border-right: none; }
  .footer_content_container ul li a:link,
  .footer_content_container ul li a:visited,
  .footer_content_container a:link,
  .footer_content_container a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 600;
    color: #858585;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none; }
  .footer_content_container ul li a:hover,
  .footer_content_container ul li a:active,
  .footer_content_container a:hover,
  .footer_content_container a:active {
    text-decoration: underline; }
  .footer_content_container p {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 400;
    color: #858585;
    line-height: 20px;
    margin-top: 10px; }
  p.trademarks_disclaimer {
    margin: 0; }
  .natural_leadership_small {
    width: 150px;
    height: 75px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    overflow: hidden; }
  /* End Footer */ }

/* Mobile Landscape and Portrait View */
@media (max-width: 480px) {
  /* Begin Landing Page */
  #site_wrapper {
    max-width: 100%;
    min-height: 100%;
    width: 100%;
    position: relative;
    background: #FFF;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    overflow-x: hidden; }
  header {
    width: 100%;
    background-color: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .header_container {
    width: 100%;
    height: 100px;
    margin: 0 auto;
    padding: 10px 0 0 0; }
  .logo_container {
    float: none;
    width: 225px;
    height: auto;
    display: block;
    margin: 0 auto; }
  nav.landing_navigation {
    float: none;
    width: 100%;
    height: 25px;
    margin: 25px 0 0 0; }
  nav.landing_navigation ul {
    width: 280px;
    margin: 0 auto; }
  .rotator_container {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
  article {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0; }
  .channel_container {
    float: none;
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #CC0033; }
  .kidde_fs {
    width: 80%; }
  img.kidde_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  img.channel_logo {
    width: auto;
    height: 60px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    display: block; }
  .last_channel {
    border: 1px solid #CC0033; }
  .channel_container p {
    text-align: left;
    padding: 0 20px; }
  .landing_image_container {
    float: right; }
  img.landing_image {
    display: block; }
  /* End Landing Page */
  /* Begin Master Page */
  #page_container,
  #main_content {
    width: 100%;
    padding: 0; }
  .header_nav_container {
    display: none;
    /* Hide the gray bar that shows on the desktop view */ }
  .main_header_container {
    display: none;
    /* Hide the container that is used for desktop view */ }
  .mobile_header_container {
    height: 90px;
    padding: 20px 0 0 0;
    display: block;
    /* Show the mobile header container that holds the logo, search and navigation toggle */
    clear: both; }
  .mobile_menu_icon {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    margin: 5px 10px 0 20px;
    cursor: pointer; }
  .branding_container {
    float: none;
    width: 160px;
    height: 48px;
    display: block;
    overflow: hidden;
    margin: 0 auto; }
  .mobile_search_icon {
    float: right;
    width: 30px;
    height: 30px;
    display: block;
    margin: -40px 10px 0 0;
    cursor: pointer; }
  .mobile_search_section {
    width: 100%;
    background: #ececec;
    margin: 10px 0 0 0;
    padding: 5px; }
  .site_search_container {
    width: 250px;
    margin: 0 auto; }
  input.mobile_site_search {
    width: 250px;
    height: 20px;
    background: none;
    font-size: 12px;
    font-weight: 402;
    color: #434343;
    border-style: solid;
    border: none;
    border-bottom: 1px solid #434343;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto; }
  #site_canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .show_nav #site_canvas {
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0); }
  #site_menu_container {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -300px;
    background: #2d2d2d;
    display: block; }
  #site_menu {
    margin: 10px 0; }
  .brand_options_container {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #6b6b6b; }
  select.mobile_brand_dropdown {
    width: 240px;
    height: 35px;
    margin: 10px 0 0 25px;
    padding: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #2d2d2d;
    line-height: 20px;
    background: #fff;
    border: none; }
  nav {
    float: none;
    margin: 0; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop,
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.megamenu_nodrop {
    background: #4c4a4b;
    width: 280px;
    height: 30px;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
    margin: 0;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li a.mobile_megamenu_drop:first-parent {
    border-top: 1px solid #828081; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links .show_sub_nav {
    display: block; }
  nav.mobile_megamenu_area ul.mobile_megamenu > li .mega_menu_links > ul > li a {
    background: none;
    width: auto;
    height: auto;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #c9c9c9;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 35px;
    margin: 0 0 0 30px; }
  /* End Master Page */
  /* Begin Branding Page */
  #myCarousel {
    display: none; }
  .brand_content_image_container {
    display: none; }
  .feature_content_container {
    float: none;
    width: 100%; }
  .feature_zebra {
    background: none; }
  .feature_content_container a img {
    width: 100%; }
  /* End Branding Page */
  /* Begin Applications Page */
  .page_banner_container,
  .page_banner_container img {
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto; }
  .page_description_container {
    top: 0;
    z-index: 0; }
  .page_description_content {
    width: 100%;
    height: auto;
    background: none;
    padding: 0; }
  .page_description_container h1 {
    margin: 10px 0 0 20px; }
  .video_container {
    float: none;
    margin: 0 0 20px 0; }
  .video_content_container {
    margin: 0; }
  .applications_container {
    width: 100%; }
  /* End Applications Page */
  /* Begin Systems Page */
  .systems_column_left_container {
    float: none;
    width: 100%;
    margin: 0; }
  .systems_column_right_container {
    float: none;
    width: 100%;
    margin: 0; }
  .system_image_container {
    float: none;
    margin: 0; }
  .system_title_description_container {
    float: none;
    width: 100%; }
  /* End Systems Page */
  /* Begin System Details Page */
  .list_section_container {
    float: none;
    width: 100%;
    margin: 0 0 20px 0; }
  .related_documents_container {
    float: none;
    width: 95%;
    margin: 0 0 20px 0;
    padding: 10px; }
  /* End System Details Page */
  /* Begin Document Library Page */
  .document_search_container {
    width: 90%;
    height: auto; }
  .document_search_container h1 {
    float: none; }
  ul.document_list li {
    margin: 0 0 10px 0; }
  /* End Document Library Page */
  /* Begin About Us Page */
  .content_image_container {
    float: none;
    margin: 0 0 10px 0; }
  .about_content_container {
    float: none;
    width: 100%;
    margin: 0 0 30px 0; }
  .about_sidebar_container {
    float: none;
    width: 90%; }
  /* End About Us Page */
  /* Begin Support Page */
  .support_address_container {
    float: none;
    margin: 0; }
  .support_find_distributor_button,
  .support_find_distributor_button:visited,
  .support_find_distributor_button:hover,
  .support_find_distributor_button:active {
    width: 90%; }
  .division {
    display: none; }
  p.sales_manager_list {
    float: none;
    margin: 20px 0 0 0; }
  /* End Support Page */
  /* Begin Where To Buy Page */
  .where_to_buy_options_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden; }
  .where_to_buy_option {
    width: 100%;
    margin: 0 0 10px 0; }
  .where_to_buy_option img {
    margin: 0 auto; }
  select.mileage_radius_filter {
    float: none;
    margin: 0; }
  select.zip_product_filter_dropdown {
    width: 200px;
    margin: 10px 10px 0 0; }
  button.whereToBuy_search_button {
    margin: 10px 0 0 0; }
  table#results_table {
    width: 100%; }
  table#results_table thead tr th {
    padding: 5px; }
  table#results_table tbody tr td {
    padding: 5px; }
  table#results_table tbody tr td .distance {
    width: 3.5em;
    padding: 0.5em; }
  ul.states_list,
  ul.countries_list {
    float: none;
    width: auto;
    margin: 0;
    padding: 0; }
  #map_canvas {
    width: 100%;
    height: 300px; }
  /* End Where To Buy Page */
  /* Begin FC Distributor Pages */
  .critical_safety_container {
    float: none;
    width: 100%;
    margin: 20px 0 0 0; }
  .oem_list_container {
    float: none;
    width: 100%;
    margin: 0 0 10px 0; }
  .oem_list_container h3 {
    text-align: left; }
  ul.oem_list {
    width: 100%;
    margin: 0; }
  ul.oem_list li {
    text-align: left;
    margin: 0 0 0 0; }
  /* End FC Distributor Pages */
  /* Begin Sample Evaluation Request Form */
  .field_container {
    float: none;
    margin: 0 0 20px 0; }
  .application_information {
    width: 90%;
    min-width: 90%;
    max-width: 90%; }
  /* End Sample Evaluation Request Form */
  /* 404 Error Page */
  p.message_error {
    width: 100%; }
  ul.four_oh_four_links {
    margin: 0; }
  /* End 404 Error Page */
  /* Begin Footer */
  footer {
    width: 92%;
    height: 350px;
    padding: 20px;
    background-color: #434343; }
  .footer_content_container {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block; }
  .footer_content_container ul {
    list-style-type: none; }
  .footer_content_container ul li {
    width: 70%;
    display: block;
    overflow: visible;
    margin: 0 0 5px 0;
    padding: 0;
    border-right: none;
    border-bottom: 1 px solid #858585; }
  .footer_content_container ul li:first-child {
    display: block;
    overflow: visible;
    padding: 0;
    border-top: 1 px solid #858585;
    border-right: none; }
  .footer_content_container ul li:last-child {
    border-right: none; }
  .footer_content_container ul li a:link,
  .footer_content_container ul li a:visited,
  .footer_content_container a:link,
  .footer_content_container a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 600;
    color: #858585;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none; }
  .footer_content_container ul li a:hover,
  .footer_content_container ul li a:active,
  .footer_content_container a:hover,
  .footer_content_container a:active {
    text-decoration: underline; }
  .footer_content_container p {
    font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
    font-size: 11px;
    font-weight: 400;
    color: #858585;
    line-height: 20px;
    margin-top: 10px; }
  p.trademarks_disclaimer {
    margin: 0; }
  .natural_leadership_small {
    width: 150px;
    height: 75px;
    margin: 0 auto;
    margin-top: 20px;
    display: block;
    overflow: hidden; }
  /* End Footer */
  .gdpr_cookies_bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #606060;
    margin: 0;
    padding: 10px;
    display: none;
    overflow: hidden;
    z-index: 10000;
    text-align: center; }
  .gdpr_cookies_bar p {
    color: #fff;
    display: inline-block;
    margin-bottom: 0; }
  .gdpr_cookies_bar p a:link,
  .gdpr_cookies_bar p a:visited {
    color: #fff;
    text-decoration: underline; }
  .gdpr_cookies_bar p a:link:focus, .gdpr_cookies_bar p a:link:hover, .gdpr_cookies_bar p a:link:active,
  .gdpr_cookies_bar p a:visited:focus,
  .gdpr_cookies_bar p a:visited:hover,
  .gdpr_cookies_bar p a:visited:active {
    text-decoration: none; }
  .cookie_close {
    float: right;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-right: 20px;
    cursor: pointer; } }
