/*-----------------------------------------------------------------*/  
/*-- CSS Document --*/
/*-----------------------------------------------------------------*/  

/*-----------------------------------------------------------------*/  
/*--- Reset List Styles ---*/
/*-----------------------------------------------------------------*/
.responsive .mobile-menu ul { padding: 0; margin: 0; list-style: none; }
.responsive #mainmenu .has-sub:hover .menu-items {display:block;}
.responsive #mobile-menu {display:none;}
.responsive html { -webkit-text-size-adjust: none; }
/*-----------------------------------------------------------------*/
/*--- Media Queries Styles ---*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*---------- Styles for desktop >1190px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 1191px) {
    .responsive #mobile-menu { display: none !important; }
    .responsive .mob-menu-icon-wrap { display: none !important; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for desktop >768px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
}

/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 1190px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1190px) {
    /*-----------------------------------------------------------------*/
    /*--- Header ---*/
    /*-----------------------------------------------------------------*/
	.responsive  #header { padding-top: 10px; }
    .responsive  #logo-container, .responsive  #top_right_link  { display: none; }
    .responsive  #top-nav-container { margin-top: 0; padding-top: 19px; }
    .responsive  #login_search_container { top: 47px; }
    .responsive  #header #ad_container { max-width: 100%; }
    .responsive  .centercol, .responsive  #ad_container, .responsive  #sub_nav_center { min-width: 1px; }
    /*-----------------------------------*/
    .responsive  #top-nav-container { height: 61px; z-index: 20001; }
    .responsive  #k-logo { margin-bottom: 0; }
    .responsive  #login_search_container { right: 10px; }
    .responsive  #my_kitco_acct_img, .responsive  #sign_up_img, .responsive  #refresh_link_img, .responsive  #searchbox_container .mobile-search-icon { background: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; background-position: -2px -22px; }
    .responsive  #refresh_link_img, .responsive  #my_kitco_acct_img, .responsive  #sign_up_img { height: 20px; width: 25px; margin-top: 8px; }
    .responsive  #my_kitco_acct_img { margin-top: 10px; width: 16px; }
    .responsive  #sign_up_img { background-position: -49px -22px; margin-top: 11px; width: 16px; }
    .responsive  #refresh_link_img { background-position: -20px -20px; }
    .responsive  #searchbox_container .mobile-search-icon { background-position: -69px -21px; width: 17px; height: 20px; margin-top: 5px; }
    /*-----------------------------------*/
    .responsive  #sub-nav-container { height: 71px; overflow: hidden; clear: none; width: 100%; margin-top: -15px; }
    .responsive  #sub-nav-center { padding-top: 30px; }
    .responsive  .has-sub .menu-items { display: none !important; }
    .responsive  #mainmenu { margin-right: 62px; }
    .responsive  #mainmenu li#online-store-tab a#online-store-img { background-image: url("/images/sprites_homepage.png"); background-position: -588px -177px; }
    .responsive  #mainmenu #online-store-tab-a { width: 172px; } 
    /*-----------------------------------*/
    .responsive  .mob-menu-icon-wrap { position: absolute; width: 62px; height: 41px; top: 30px; right: 0; z-index: 20001; background: #373737; cursor: pointer; }
    .responsive  .mob-menu-icon-wrap .mob-menu-icon { background: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; background-position: -23px -2px; width: 16px; height: 14px; margin: 14px auto 0; }
    .responsive  .mob-menu-icon-wrap:hover { background: url("/images/menu/hover_bg.jpg"); }
    .responsive  .mob-menu-icon-wrap:hover .mob-menu-icon { background-position: -2px -2px; }
    .responsive  .mob-menu-icon-wrap.close-mob-nav { background: #373737 !important; }
    .responsive  .mob-menu-icon-wrap.close-mob-nav .mob-menu-icon { background: url("/images/menu/responsive-nav.png") !important; background-size: 180px 136px !important; background-position: -23px -2px !important; }
    .responsive  .mob-menu-icon-wrap.open-mob-nav { background: url("/images/menu/hover_bg.jpg"); }
    .responsive  .mob-menu-icon-wrap.open-mob-nav .mob-menu-icon { background-position: -2px -2px !important; }

    /*-----------------------------------*/
    .responsive  #favorite-nav.favorites-navigation { border-top: 1px solid #fff; }
    .responsive  .favorites-navigation .favorite-head .fav-title { font-size: 12px; }
    .responsive  #favorite-list { width: 70%; }
    .responsive  .icon-edit-fav { background-image: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; background-position: -28px -45px; margin-top: 6px; }
    .responsive  #edit-favorite-link .icon-edit-fav { margin-top: 6px; }    
    .responsive  #icon-star-fav { background: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; background-position: 0 -44px; }
   .responsive   #icon-star-fav.modified { background-position: -60px -44px; }
    /*-----------------------------------------------------------------*/
    /*--- Mobile Menu ---*/
    /*-----------------------------------------------------------------*/
    .mobile-menu-open #favorite-nav { margin-bottom: 0; }
    /*-----------------------------------*/
    .mobile-menu { padding: 13px 0; background: #f0f1f2; }
    .mobile-menu-wrap { width: 100%; position: relative; }
    .mobile-menu ul a, .mobile-menu ul span { position: relative; word-wrap: break-word; padding: 12px 0 6px; display: block; font-weight: bold; font-size: 14px; text-decoration: none; color: #003871; }
    .mobile-menu ul a span { padding: 0; display: inline; }
    .mobile-menu ul li { padding: 0 10px; }
    .mobile-menu ul li.active > a, .mobile-menu ul a:hover, .mobile-menu ul li.active > span, .mobile-menu ul span:hover { text-decoration: underline; cursor: pointer; }
    .mobile-menu ul li > span { color: #373737; }
    .mobile-menu ul li.active > span { cursor: default; }
    .mobile-menu ul .has-sub-menu > a, .mobile-menu ul .has-sub-menu > span { padding-right: 5px; }
    .mobile-menu ul .mob-item-icon { position: absolute; top: 16px; right: 0; padding: 0; width: 5px; height: 10px; background: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; background-position: -100px -2px; }
    /*-----------------------------------*/
    .mobile-menu .zero-level-nav { width: 21.09%; box-sizing: border-box; height: 100%; border-right: 1px solid #ccc; }
    .mobile-menu .mobile-menu-nav li:first-child > a { padding-top: 5px; }
    .mobile-menu .mobile-menu-nav li:first-child > a .mob-item-icon { top: 10px; padding: 0; }
    /*-----------------------------------*/
    .mobile-menu .first-level-nav { display: none; position: absolute; left: 21.09%; top: 0; width: 20.31%; border-right: 1px solid #ccc; }
    .mobile-menu .first-level-nav ul { border: 0; }
    .mobile-menu li.active .first-level-nav { display: block; }
    .mobile-menu .first-level-nav a, .mobile-menu .first-level-nav span { font-size: 13px; padding-top: 10px; }
    .mobile-menu .first-level-nav .mob-item-icon { top: 15px; }
    .mobile-menu .mobile-menu-nav .first-level-nav li:first-child > a .mob-item-icon { top: 9px; }
    /*-----------------------------------*/
    .mobile-menu .second-level-nav { display: none; position: absolute; left: 100%; top: 0; width: 84%; border-right: 1px solid #ccc; }
    .mobile-menu .first-level-nav li.active .second-level-nav { display: block; }
    .mobile-menu .second-level-nav a, .mobile-menu .second-level-nav span { color: #333; font-weight: normal; font-size: 12px; padding-top: 9px; }
    .mobile-menu .second-level-nav h4 { color: #003871; font-weight: normal; font-size: 12px; line-height: 1.2em; padding-top: 9px; }
    .mobile-menu .second-level-nav h5 { font-weight: bold; font-size: 12px; line-height: 1.2em; padding-top: 7px; }
    .mobile-menu .second-level-nav.small-paddding li a, .mobile-menu .second-level-nav .small-paddding li span { padding: 4px 0; }
    .mobile-menu .second-level-nav.small-paddding .cur-exchange-rates li.title { width: 100%; display: block; }
    .mobile-menu .second-level-nav.small-paddding .cur-exchange-rates li { width: 30%; display: inline-block; }
    /*-----------------------------------*/
    .mobile-menu .menu-item-ad { display: none; width: 41.66%; padding-left: 9px; padding-right: 10px; box-sizing: border-box; position: absolute; left: 58.34%; top: 0; }
    .mobile-menu li.active .menu-item-ad { display: block; }
    .mobile-menu .menu-item-ad a { padding: 0; }    
    /*-----------------------------------------------------------------*/
    /*--- Footer ---*/
    /*-----------------------------------------------------------------*/    
    .responsive  .footer_container { width: 100%; box-sizing: border-box; }
    .responsive  #footer #top { margin-bottom: 20px; height: 247px; *height: 262px;}
    .responsive  #footer #top div.info_block, .responsive  #footer #top div.info_block.first, .responsive  #footer #top div.info_block.cust_service, .responsive  #footer #top div.info_block.feedback { height: 247px; *height: 262px;box-sizing: border-box; padding-left: 10px; padding-right: 10px; width: 100%; overflow: hidden; }
    .responsive  #footer #top .first-blocks-container, .responsive  #footer #top div.info_block.social { width: 32.42%; box-sizing: border-box; float: left; }
    .responsive  #footer #top .first-blocks-container { border-right: 2px solid #777; height: 242px; }
    .responsive  #footer #top div.info_block.first, .responsive  #footer #top div.info_block.cust_service { border: 0; height: auto; }
    .responsive  #footer #top div.info_block.feedback { width: 35.16%; *width: 28%;box-sizing: border-box; float: left; }
    /*-----------------------------------*/
    .responsive  #footer #top div.info_block.first .at_bottom { display: none; }
	.responsive   #footer #top div.info_block.cust_service { padding-top: 17px; }
    .responsive  #footer #top .at_bottom.margin_left_20 { left: 0; position: static; padding-top: 16px; }
    .responsive  #footer .icon_retail_location { margin-top: -2px; background-position: -2px -81px; }  
    /*-----------------------------------*/
	.responsive  #footer #top div.info_block.social > ul { height: 31px; position: relative; width: 100%; }
    .responsive  #footer #top div.info_block.social .social_icons { width: 32px; height: 31px; }
    .responsive  #footer .icon_retail_location, .responsive  #footer div.info_block.social .social_icons { background-image: url("/images/menu/responsive-nav.png"); background-size: 180px 136px; }
    .responsive  #footer .social_icons.facebook { background-position: -2px -102px; }
    .responsive  #footer .social_icons.twitter { background-position: -38px -102px; }
    .responsive  #footer .social_icons.twitter:hover { cursor: pointer; }
    .responsive  #footer .social_icons.youtube { background-position: -74px -102px; }
    .responsive  #footer .social_icons.linkedin { background-position: -110px -102px; }
    .responsive  #footer .social_icons.instagram { background-position: -146px -102px; }   
    .responsive  #footer #top div.info_block.social .at_bottom { width: 100%; position: static; padding-top: 14px; }
    .responsive  #footer #twitter_links { top: 31px; width: auto; }
    .responsive  #footer #twitter_links .arrow-top { background-image: url("/images/footer/sprites_footer.png"); background-position: -220px -53px; height: 6px; width: 26px; }
    .responsive  #footer #twitter_links ul { background: #777; width: auto; padding: 6px 8px; }
    .responsive  #footer #twitter_links a span { background-image: url("/images/footer/sprites_footer.png"); background-position: -205px -51px; }
    .responsive  #footer .link_sign_up { margin-top: 9px; }
	.responsive .how-help { display: block; }
    /*-----------------------------------*/
    .responsive  #footer .feedback fieldset.feedback_small, .responsive  #footer .feedback fieldset.feedback_small_right { width: 50%; *width:48%; margin: 0; box-sizing: border-box; padding-right: 3px; }
    .responsive  #footer .feedback fieldset.feedback_small_right { padding-right: 0; padding-left: 3px; }
    .responsive  .feedback fieldset.feedback_long { width: 100%; margin-top: 6px; }
    .responsive  #footer #top input, .responsive  #footer #top select, .responsive  #footer #top textarea { width: 100%; box-sizing: border-box; padding-top: 0; -webkit-border-radius: 0; -webkit-appearance: none; }
    .responsive  .feedback input, .responsive .feedback select { height: 23px; }
    .responsive  .feedback .message { height: 128px; }
    .responsive  #footer #top textarea { padding-top: 1px; margin-bottom: 11px; } 
    /*-----------------------------------*/
    .responsive  #footer #bottom #copyright {  box-sizing: border-box; padding-left: 10px; padding-right: 10px; width: 23%; }
    .responsive  #footer #bottom { height: auto; width: 100%; overflow: hidden; }
    .responsive  #footer #bottom #menufooter { width: 75%; text-align: right; padding-left: 3px; padding-right: 3px; box-sizing: border-box; }
    .responsive  #menufooter a { float: none; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 767px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 767px) {
    /*-----------------------------------------------------------------*/
    /*--- Header ---*/
    /*-----------------------------------------------------------------*/
    .responsive  #ad_space, .responsive  .ad_space_730, .responsive  .ad_space_730_320 { height: 50px; width: 100%; }
    .responsive  #top-nav-container { padding-top: 11px; height: 41px; }
    .responsive  #k-logo { height: 34px; width: 124px; margin-left: 10px; }
    .responsive  #k-logo a { height: 34px; width: 124px; }
    .responsive  #k-logo img { width: 100%; }
    .responsive  #login_search_container { height: 37px; top: 13px; overflow: hidden; }
    .responsive  .top-nav-icon { display: block; }
    .responsive  .top-nav-text .disabled, .responsive  #refresh_link_txt { display: none; }
    .responsive  #sub-nav-center { padding-top: 0; }
    .responsive  .mob-menu-icon-wrap { top: 0; }
    .responsive  #sub-nav-container { height: 41px; margin-top: 0; }
    .responsive  #mainmenu li > a { padding: 0 10px; }
    .responsive  #mainmenu #online-store-tab-a { width: 130px; }
    .responsive  #favorite-list { width: 59%; }
    /*-----------------------------------------------------------------*/
    /*--- Mobile Menu ---*/
    /*-----------------------------------------------------------------*/
    .mobile-menu .zero-level-nav { width: 35%; }
    /*-----------------------------------*/
    .mobile-menu .first-level-nav { left: 35%; width: 32.5%; height: auto; }
    /*-----------------------------------*/
    .mobile-menu .second-level-nav { width: 100%; border: 0; height: auto; }
    /*-----------------------------------*/
    .mobile-menu .menu-item-ad, .mobile-menu li.active .menu-item-ad { display: none; }
    /*-----------------------------------------------------------------*/
    /*--- Footer ---*/
    /*-----------------------------------------------------------------*/    
    .responsive  #footer #top { height: auto; }
    .responsive  .footer_container { padding: 0 10px; }
    .responsive  #footer #top div.info_block.first, .responsive  #footer #top div.info_block.cust_service { padding-left: 0; }
    .responsive  #footer #top div.info_block.social { padding-right: 0; }
    .responsive  #footer #top div.info_block.feedback { padding-left: 0; padding-right: 0; }
    .responsive  #footer #top .first-blocks-container, .responsive  #footer #top div.info_block.social { width: 50%; *width: 48%; height: 227px; }
    .responsive  #footer #top div.info_block.social { border: 0; border-left: 1px solid #777; }
    .responsive  #footer #top .first-blocks-container { border-right: 1px solid #777; }
    .responsive  #footer #top div.info_block.feedback { width: 100%; *width: 98%;margin-top: 19px; border-top: 2px solid #777; padding-top: 18px; height: auto; }
    /*-----------------------------------*/
    .responsive  #footer #top .at_bottom.margin_left_20 { padding-top: 15px; }
    .responsive  #footer .icon_retail_location { margin-top: -2px; }
    /*-----------------------------------*/
    .responsive  #footer #bottom .footer_container { padding: 0; }
    .responsive  #footer #bottom #copyright { width: 30%; }
    .responsive  #footer #bottom #menufooter { width: 70%; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 580px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 580px) {
    .responsive  .top-nav-text { display: none; }
	.responsive  #login_search_container ul li.disabled { display: inline; }
	.responsive  #login_search_container ul { margin-right: 0; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 479px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 479px) {
    /*-----------------------------------------------------------------*/
    /*--- Header ---*/
    /*-----------------------------------------------------------------*/
    .responsive  .vertical-separator { margin: 0 8px; }
    .responsive  #refresh_link_img, .responsive  #my_kitco_acct_img, .responsive  #sign_up_img { margin-right: 0; }
    .responsive  .mob-menu-icon-wrap { width: 34px; }
    .responsive  #mainmenu { margin-right: 34px; }
    .responsive  #mainmenu li > a { padding: 0 9px; }
    .responsive  #mainmenu li > a .disabled { display: none; }
    .responsive  .favorites-navigation .favorite-head .fav-logo { width: 36px; }
    .responsive  #edit-favorite-link { right: 4px; }
    .responsive  #favorite-list { width: 56%; }
    .responsive  .text-edit-fav { display: none; }
    /*-----------------------------------------------------------------*/
    /*--- Mobile Menu ---*/
    /*-----------------------------------------------------------------*/
    .mobile-menu .zero-level-nav { width: 52%; }
    /*-----------------------------------*/
    .mobile-menu .first-level-nav { left: 52%; width: 48%; border: 0; }
    .mobile-menu .first-level-nav .mob-item-icon { top: 14px; width: 10px; height: 8px; background: url("/images/menu/responsive-nav.png"); background-position: -109px -2px; background-size: 180px 136px; }
    .mobile-menu .first-level-nav li.active .mob-item-icon { top: 14px; background: url("/images/menu/responsive-nav.png"); background-position: -122px -2px; background-size: 180px 136px; }
    .mobile-menu .first-level-nav li.active:first-child > a .mob-item-icon { top: 9px; }
    /*-----------------------------------*/
    .mobile-menu .second-level-nav { width: 100%; border: 0; position: static; }
    .mobile-menu .second-level-nav li:first-child > a { padding-top: 11px; }
    /*-----------------------------------------------------------------*/
    /*--- Footer ---*/
    /*-----------------------------------------------------------------*/    
    .responsive  #footer #top div.info_block.first, .responsive  #footer #top div.info_block.cust_service, .responsive  #footer #top div.info_block.social { padding-left: 0; padding-right: 0; }
    .responsive  #footer #top .first-blocks-container, .responsive  #footer #top div.info_block.social { width: 100%; height: auto; border: 0; }
    .responsive  #footer #top div.info_block.social { margin-top: 20px; border-top: 2px solid #777; padding-top: 16px; }
    /*-----------------------------------*/
    .responsive  #footer #bottom #copyright { width: 50%; }
    .responsive  #footer #bottom #menufooter { width: 50%; padding-right: 10px; text-align: left; }
    .responsive  #menufooter a { display: block; width: 100%; padding: 0; }
}  
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 450px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 450px) {
    .responsive  #searchbox_container { width: 168px; }
    .responsive  .search_form.small .search_box { width: 130px; }
    ..responsive  vertical-separator { margin: 0 7px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 420px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 420px) { 
    .responsive  #login_search_container { height: 32px; top: 17px; overflow: hidden; }
    .responsive  .search_form.small { display: none; }
    .responsive  #searchbox_container { width: 18px; height: 28px; }
    .responsive  #searchbox_container .mobile-search-icon { display: block; }
}