﻿@media (max-width:960px) { 
	
    body { word-break: break-word; }    

    /* General Page Layout */
    #page { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    /* Masthead */
    #masthead #logo img { width: 120px; }
    #masthead .tagline { font-size:12px; }    
    #masthead #language, #masthead #account, #masthead #search { display:none; }

    /* Navigation */
    .nav-desktop { display:none; }
    .nav-mobile { display:block; position: relative; width: 100%; clear: both; margin-bottom: 10px; display:inline-block; }
    .nav-mobile ul { margin-bottom:0; }
    .nav-mobile ul li { list-style: none; margin-left: 0; border-bottom:1px solid #666; }    
    .nav-mobile ul li a { font-weight:bold; color:#666; padding: 6px 10px; display: inline-block; }
    .nav-mobile ul li a:hover { text-decoration:none; }

    .slicknav_btn { font-size: 13px; color: #fff; background: url(../../images/bg_navigation.gif) 0 -31px repeat-x; font-weight: bold; position: relative; padding-left: 10px; height: 25px; display: block; display: block; padding-top: 6px; }
    .slicknav_btn:hover { text-decoration:none; }
    .slicknav_btn:after { content: ""; position: absolute; top: 8px; width: 28px; height: 4px; border-top: 10px double #fff; border-bottom: 3px solid #fff; float: right; right: 10px; }
    .slicknav_nav { background-color:#dce3e9; }

    .slicknav_arrow { color: #0079c2; font-size: 18px; position: absolute; right: 10px; }
  
    .nav-mobile .level-two { background-color:#e5ecf2; }
    .nav-mobile .level-two li { border-color:#999; }
    .nav-mobile .level-two li a { padding-left:20px; }
    .nav-mobile .level-two li:last-child { border:none; }

    .nav-mobile .level-three { background-color:#eef6fc; }
    .nav-mobile .level-three li { border-color:#bbb; }
    .nav-mobile .level-three li a { padding-left:30px; }
    .nav-mobile .level-three li:last-child { border:none; }
 
    .nav-mobile .mobile-utilities { background-color: #ccc; }
    .nav-mobile .mobile-language span { font-weight:bold; color:#666; padding: 6px 10px 0; display: inline-block; }
    .nav-mobile .mobile-language select { color:#666; margin: 6px 10px; display: block; width:97%; padding:5px; }

    #navigation { width:100%; }
    .leftnav .AspNet-TreeView li li.AspNet-TreeView-Selected a, 
    .AspNet-TreeView li li.AspNet-TreeView-ChildSelected a, 
    .AspNet-TreeView li li.AspNet-TreeView-ChildSelected a:hover { width:92%; }

    /* Home Page */
    .homepage .main_column { width:100%; }
    .homepage .side_column { width:100%; margin-bottom: 30px; }
    .side_column .block { background: none; width: 25%; display: inline-block; text-align:center; height: auto; vertical-align: middle; }
    .side_column .block img { float:none; }
    .side_column .block h4 { padding-left:0; }
    .homepage #contentBoxes .contentBox, .homepage #contentBoxes .box_news { width: 45%; margin: 0 10px 20px 10px; }
    #product_carousel #products { width:100%!important; }
    #product_carousel #products .product { width:98%!important; }
    #trans_bar { width:100%; }
    #product_thumbs { left: 50%; width: 600px; margin-left: -300px; }

    /* Product Landing Page */
    .innerpage .side_column { width:23%; }
    .innerpage .main_column { width:73% }
    .product_row .contentBox { width: 30%; margin: 1%; }
    .product_row .contentBox .contents img { max-width:100%; }

    /* Product Details Page */
    #content_column { width:100% }
    #sidebar, #industries #sidebar { width:100%; float:left; }
    #sidebar .distributer-callout { float:right; width:38%; }
    #sidebar #catalogs, #sidebar #installation { float:left; width:30%; }
    #content_column .description, .product-list .list { background-size:contain; }

    /* Content Page */    
    .lss1 { width:23%; }
    .lss2 { width:50%; }
    .lss3 { width:23%; }
    .maincontent img { width:auto!important; height:auto!important; max-width:100%; }
    .maincontent .ask { height:auto!important; }

    .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
    .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
    .iframe-container {  }


    /* Forms */    
    table textarea, table select, table input[type="text"], table input[type="submit"] { width:85%!important; max-width:100%; padding: 5px }
    table img { max-width:100%; width: auto; }
    #emailaddress { padding:5px; }

    /* Timeline */
    tr.timeline td:last-of-type, td.timeline p { padding-left:10px; }
    
    /* Find Distributor/Sales */
    a.find_button { right:0; }
    .filter_dist, #sales-rep .filter_sales_rep { height:auto; }
    .filter table td { text-align:center; }
    #filter_by_product input, #filter_by_product label { float:none; vertical-align: middle; }

    #by_region { width:48%; }
    #by_zip { width: 48%; padding-left:0; }
    #by_region .map, #by_region p { float:none; }

    #distributor_list, #sales_rep_list { top: 20px; }
    #distributor_list td, #sales_rep_list td { text-align:left; }
    #distributor_list img { width:auto; }    

    .filter select, .filter input[type="text"] { padding:5px; } 
}


@media (max-width:690px) { 

    /* Navigation */
    .nav-mobile .mobile-language select { width:96%; }

    /* Home Page */
    #product_carousel, #product_carousel #products, #product_carousel #products .product { height:395px!important; }
    #product_carousel .product img { float:none; }
    #product_carousel .product h2 { font-size:18px; line-height: 1.3; padding-left:0; width:85%; }
    #product_carousel .product ul, #product_carousel .product .extra { margin-left:0; width:85%; }
    #product_carousel a.arrow_control { display:none; }
    #product_thumbs { left: inherit; width: 100%; margin-left: 0; }
    #product_thumbs li { padding:5px; }    
    #product_thumbs a { border-width: 3px 1px; border-color:transparent; width: 40px; height: 40px; }
    #product_thumbs a img { height:auto; width:40px; }
    #intro h1 { line-height:1.3; }

    /* General */
    .maincontent { overflow:hidden; }

    /* Product Landing Page */
    .innerpage .side_column { display:none; }
    .innerpage .main_column { width:100% }

    /* Product Details Page */
    #sidebar .distributer-callout { width:50%; }
    #sidebar #catalogs { width:50%; } 
    #sidebar #installation { width:100%; }

    /* Content Page */    
    .maincontent .ask { width:100%!important; margin-bottom: 15px; }

    /* Search */
    .ektronSearch div.searchWrapper div#advancedTerms fieldset.findResults, .ektronSearch div.searchWrapper div#advancedTerms fieldset.searchFilters { width:100%; border-right:0; }
    .ektronSearch div.searchWrapper div#basicTerms input, .ektronSearch div.searchWrapper div#basicTerms input.basicSearchSubmit, .ektronSearch div.searchWrapper div#advancedTerms fieldset input, #parentForFilters select, .ektronSearch div.searchWrapper div#advancedTerms input.advancedSubmit { padding:5px; }

    /* Footer */
    #footer div, #footer .copyright { width:100%; text-align:left; }
}


@media (max-width:540px) {

    /* Home Page */    
    #product_carousel, #product_carousel #products, #product_carousel #products .product { height:450px!important; }    
    #trans_bar { height: 127px; }
    .homepage #contentBoxes .contentBox, .homepage #contentBoxes .box_news { width: 100%; margin: 0 0 10px 0; }
    .homepage #contentBoxes .contentBox .contents { height:auto; padding-bottom:10px; }

    /* Account */
    #account_users { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; }
}


@media (max-width:480px) { 

    /* Masthead */
    #masthead #logo { float:none; width:100%; text-align:center; }
    #masthead #logo img { width: 110px; }
    #masthead .tagline { margin-top: 15px; text-align: center; width: 100%; }

    /* Navigation */
    .nav-mobile .mobile-language select { width:94%; }

    /* Home Page */    
    #product_carousel, #product_carousel #products, #product_carousel #products .product { height:475px!important; }    
    .side_column .block { width:50%; }
    
    /* Product Landing Page */
    .product_row .contentBox { width: 95%; }

    /* Product Details Page */
    #content_column .product_img, .product-list .list .image { width:100%; text-align:center; }
    #content_column .product_bullets ul, .product-list .list .text { width:100%; padding-left:0; padding-top:10px; display:inline-block; }
    #sidebar .distributer-callout, #sidebar #catalogs, #sidebar #installation { width:100%; }

    /* Find Distributor/Sales */
    #by_region { width:100%; border-right:none; }
    #by_zip { width: 100%; margin-top: 20px; }
    #distributor_list td { padding: 8px 0px; font-size: 11px; word-wrap: break-word; }

    #sales-rep h1 { padding-top:80px; }
    .filter { margin-top:20px; }
    
    /* Search */
    .ektronSearch div.searchWrapper div#basicTerms input { width:70%; }
    .ektronSearch div.searchWrapper div#basicTerms input, .ektronSearch div.searchWrapper div#advancedTerms fieldset input, #parentForFilters select { width:85%; margin:0 0 10px 0; }
    .ektronSearch div.searchWrapper div#advancedTerms fieldset a { display:block; }

}


@media (max-width:340px) { 

    /* Home Page */
    #product_carousel, #product_carousel #products, #product_carousel #products .product { height:540px!important; }

    /* Find Distributor/Sales */
    #right-callout { position: absolute; right: 10px;}
    
}