.thumbnails.imgBox.targetarea{background:#fff;height:500px;width:100%;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:320px) and (max-width:360px){}@media only screen and (max-width:375px){.header-link-search .header-search #search .input-lg{width:100%!important}}@media (min-width:376px) and (max-width:480px){.header-link-search .header-search #search .input-lg{width:100%!important}}@media only screen and (min-width:667px) and (max-width:767px){.header-link-search .header-search #search{margin-top:0px!important}.header-link-search{margin-top:0px}}@media only screen and (min-width:768px) and (max-width:991px){.shopcart #cart .btn #cart-total{bottom:0px}}@media only screen and (min-width:992px) and (max-width:1199px){.shopcart{margin-top:0px}}@media only screen and (min-width:1200px) and (max-width:1399px){.shopcart #cart{padding:0px}.shopcart{margin-top:10px}}@media only screen and (min-width:320px) and (max-width:375px){.thumbnails.imgBox.targetarea{width:100%}}@media only screen and (min-width:320px) and (max-width:767px){.cursorshade,.magnifyarea{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.small-img{left:0px}.small-container .show-small-img{height:40px}.zoomtracker{left:81px!important;top:170px!important;height:207px!important;width:250px!important}.magnifyarea{width:50%!important;left:330px!important;top:120px!important}}@media only screen and (min-width:992px) and (max-width:1199px){.magnifyarea{width:50%!important;left:440px!important;top:150px!important}.thumbnails.imgBox.targetarea{margin-left:10px!important}}@media only screen and (min-width:1440px){.magnifyarea{left:600px!important}}@media only screen and (min-width:1280px) and (max-width:1365px){.magnifyarea{left:540px!important}}@media only screen and (max-width:320px){.account-image .account-image-upload input+label{width:100%!important}}@media only screen and (min-width:320px) and (max-width:480px){.enter_loc_css{position:absolute;top:20px;left:0px}#dis_err{margin-left:8px;margin-top:45px;line-height:1.3;margin-bottom:0}.localinput{margin-bottom:10px}.custom-map-control-button{right:unset!important;left:10px!important;top:50px!important}}@media only screen and (min-width:481px){#dis_err{margin-left:8px;margin-top:25px;line-height:1.3;margin-bottom:0}.localinput{margin-bottom:10px}}@media only screen and (max-width:360px){.orderactiontext{display:none}.dropdown-toggle:after{margin-left:0}}@media only screen and (max-width:767px){.notify1{display:block!important}.notify2{display:none!important}}@media only screen and (max-width:360px){.orderactiontext{display:none}.dropdown-toggle:after{margin-left:0}}.pending_issue a{padding:5px 10px}@media only screen and (max-width:375px){.issue_subject,.ticket_id{width:65%}.ticket_list h3{width:unset}}@media only screen and (max-width:480px){.issue_date,.pending_issue{width:unset}.ticket_list .add_ticket{width:unset}}
/* Search suggestions */
#showSearchDiv{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:2000;width:430px;max-height:430px;overflow-y:auto;padding:10px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 12px 30px rgba(7,39,60,.18)}
.header-link-search .header-search{position:relative}
#showSearchDiv .related_search{padding:2px 8px 8px;color:#fff;font-size:13px}
#showSearchDiv #suggestProduct{margin:0;padding:0;list-style:none}
#showSearchDiv #suggestProduct>li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:9px 8px!important;border-top:1px solid #f0f1f3}
#showSearchDiv #suggestProduct>li:hover{background:#07273c}
#showSearchDiv .src_img_container,#showSearchDiv .src_img_container a{width:64px;height:64px;display:block}
#showSearchDiv .src_img_container img{width:64px;height:64px;display:block;object-fit:contain;border-radius:8px;background:#f8fafc}
#showSearchDiv .content-search{min-width:0}
#showSearchDiv .content-search p{margin:0;line-height:1.35}
#showSearchDiv .content-search .search_text{margin-bottom:5px}
#showSearchDiv .content-search .search_text a{color:#fff;font-weight:600}
#showSearchDiv .content-search p:last-child{color:#ff7010;font-weight:700}
@media (max-width:767px){#showSearchDiv{width:min(430px,calc(100vw - 30px));left:0}}
/* Final override for legacy product image rules in the autocomplete list */
#showSearchDiv .src_img_container,
#showSearchDiv .src_img_container a{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important}
#showSearchDiv .src_img_container img{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important}
/* Keep the mobile navigation consistent with the desktop navigation. */
@media (max-width:767px){
  #responsive-menu .navbar-collapse>.codex-mobile-site-links{display:block!important}
  #responsive-menu .navbar-collapse>.codex-mobile-site-links~ul,
  #responsive-menu .navbar-collapse>.codex-mobile-site-links~.header-link{display:none!important}
  #responsive-menu .codex-mobile-site-links li{display:block!important}
  #responsive-menu .codex-mobile-site-links a{display:flex;align-items:center;gap:6px}
}
@media (max-width:767px){
  #responsive-menu .legacy-mobile-site-links,
  #responsive-menu .legacy-mobile-site-links~.header-link{display:none!important}
}