.mobile-menu-toggle{display:none}
.slideshow .buttons li a{background:none!important;display:flex;align-items:center;justify-content:center;font-size:0}
.slideshow .buttons li a::after{content:"";display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#d3d7d9}
.slideshow .buttons li.active a::after{background:#879299}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #23648a;outline-offset:3px}
#contend{height:auto}#footer{clear:both}
.email-note{padding-top:12px;line-height:1.5}.submit input{width:100px;background-size:100% 100%}.submit{margin-left:336px}
.map-address{padding:10px 0 6px}.directions-link{display:inline-block;color:#014ea2;padding:8px 0}
#map iframe{border:0}.tabpane:not(.c-tab){display:none!important}
.image-viewer{border:0;background:#fff;color:#2b495c;padding:18px;max-width:min(90vw,1200px);max-height:90vh;margin:auto;box-shadow:0 20px 100px #0005}
.image-viewer::backdrop{background:#102530c9}.image-viewer img{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.image-viewer p{text-align:center;padding:12px}
.image-viewer button{border:1px solid #bdd0d8;background:#e6f5fa;color:#2b495c;padding:10px 16px;cursor:pointer}.viewer-controls{display:flex;justify-content:space-between;gap:12px}
@media(max-width:1000px){
 body{font-size:15px;line-height:1.6}
 img{max-width:100%;height:auto}
 #banner .banner-wrapper{width:100%;height:auto;min-height:92px;box-sizing:border-box;padding:0 18px 12px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
 #banner .logo{float:none;width:76px;padding:0;line-height:0}#banner .logo img{width:76px}
 .mobile-menu-toggle{display:flex;gap:24px;align-items:center;border:1px solid #c5d7de;border-radius:4px;padding:10px 14px;background:#e6f5fa;color:#2b495c;font-size:15px;font-weight:bold;cursor:pointer}
 #banner .menu{display:none;width:100%;margin:8px 0 0;float:none}#banner .menu.is-open{display:block}
 #banner .menu ul{height:auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
 #banner .menu ul li{float:none;margin:0;list-style:none;line-height:normal}
 #banner .menu ul li a{padding:16px 12px;border:0;min-height:20px;display:flex;align-items:center;border-radius:3px;background:#f5fafc}
 #banner .menu ul li.active a{border:0;background:#dce9ef}
 #banner .menu ul .clear{display:none}
 #slide{width:100%;height:auto;margin:0 auto 22px}
 .slideshow .slides{height:auto;aspect-ratio:950/337;position:relative;overflow:hidden}
 .slideshow .slides li.slide{width:100%;inset:0}.slideshow .slides img{width:100%!important;height:100%;object-fit:contain;display:block}
 .slideshow #buttons{position:relative;top:auto;background:#fff;width:100%;height:46px;border-bottom:1px solid #ccdde3;display:flex;justify-content:space-between;align-items:center}
 #buttons ul.buttons{width:auto!important;float:none;display:flex;gap:0;margin-right:8px}
 .slideshow .buttons li{float:none;margin:0}.slideshow .buttons li a{width:24px;height:40px;background-position:center;}
 #contend,#service{width:auto;max-width:950px;margin:0 18px;top:auto;left:auto}
 #top-contend .top-left-contend,#top-contend .top-mid-contend,#top-contend .top-right-contend,#bottom-contend .bottom-left-contend,#bottom-contend .bottom-right-contend,#contact-form,#contact-right,.left-menu,#tab-content .tab-content{float:none;width:100%!important;box-sizing:border-box;margin:0 0 28px}
 #top-contend .top-right-contend{height:auto}.heading{margin-bottom:16px}.heading h2,.blue-heading h2{font-size:18px}.heading span{font-size:13px}
 .our-company p{padding-right:0}.our-company p:after{content:"";display:block;clear:both}
 .our-company img{max-width:40%;margin-bottom:10px}.list li{padding-bottom:8px;background-position:0 5px}
 #bottom-contend{padding:20px 16px}#bottom-contend .product{display:flow-root}#bottom-contend .product>img{max-width:29%;height:auto;box-sizing:border-box}
 #bottom-contend .bottom-right-contend h4,#contact-right h4{font-size:15px}#contact-form h3,#contact-right h3{font-size:20px}
 #contact-form .inputbox{margin-top:18px}.inputbox label{float:none;display:block;width:auto;margin-bottom:6px;padding:0}
 .inputbox input{width:100%;box-sizing:border-box;min-height:44px;padding:8px;font:inherit;border:1px solid #bdd0d8;border-radius:3px;background:#fff}
 .inputbox textarea{width:100%;box-sizing:border-box;height:170px;background:#fff;border:1px solid #bdd0d8;border-radius:3px;padding:12px;font:inherit}
 .submit{margin:12px 0 0}.submit input{width:auto;min-height:44px;padding:10px 22px;background:#2b495c;color:#fff;border-radius:3px;font-size:16px}
 #contact-right p{padding-top:10px}#contact-right a{overflow-wrap:anywhere}.contact-inner p{line-height:1.7}.contact-inner h2{font-size:21px}
 #map{padding:0}#map iframe{width:100%;height:300px;display:block}.map-address{line-height:1.6}
 .top-curve,.bottom-curve{width:100%;background-size:100% 100%}#curve-bottom-content{padding:20px 14px}
 .left-menu ul{margin:0;display:flex;flex-wrap:wrap;gap:6px}.left-menu ul li{padding:0;border:0;flex:1 1 45%}.left-menu ul li a{display:block;padding:12px 10px 12px 22px;background-position:8px center;background-color:#fff;height:100%;box-sizing:border-box}
 #product-tabs,#latestnews-tabs{width:100%;height:auto;background:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:6px;margin-bottom:16px}
 #product-tabs li,#latestnews-tabs li{float:none;margin:0;flex:1 1 30%}#product-tabs li a,#latestnews-tabs li a{width:auto;height:auto;min-height:44px;padding:10px 12px;box-sizing:border-box;font-size:13px;line-height:1.5;display:flex;align-items:center;background:#2b495c;color:#fff;height:100%;overflow-wrap:anywhere}
 #product-tabs .selected-tab a,#latestnews-tabs .selected-tab a{background:#d0e0e8;color:#2b495c}
 #product-tabs>.clear,#latestnews-tabs>.clear{display:none}.product-tab-content{padding:4px 6px 16px}
 #tab-content h3{font-size:20px;padding-bottom:16px}#tab-content h4{font-size:16px}#tab-content h5{font-size:19px}#tab-content p{padding-bottom:16px}
 .product-img{width:calc(50% - 12px);height:145px;box-sizing:border-box;background:#f5fafc;border:1px solid #d3e0e6;display:flex;align-items:center;padding:8px;gap:8px;margin:10px 6px 0}
 .product-small-img{width:38%;flex-shrink:0;float:none}.product-small-img img{margin:0;max-height:120px;object-fit:contain}.product-text{float:none;width:auto;min-width:0}.product-img h2{font-size:20px;padding:0 0 8px;margin:0 0 8px}.product-text span{font-size:12px;line-height:1.3;display:block}.product-text p{font-size:12px;line-height:1.4;padding:5px 0 0!important}
 .mm-gallery,.mm-gallery-last,.latestnews-gallery{width:calc(50% - 12px);height:auto;aspect-ratio:226/154;background:#fff;border:1px solid #cfdee5;box-sizing:border-box;margin:6px!important;padding:4px}
 .mm-gallery img,.mm-gallery-last img,.latestnews-gallery img{width:100%!important;height:auto!important;aspect-ratio:216/135;object-fit:cover;margin:0!important;display:block}
 .service-img{margin:16px auto;display:block}#jquery img{float:none}.customGal{float:none;display:block;margin:0 auto 16px;width:fit-content}
 #tab-content table{width:100%!important}#tab-content table td{display:block;width:100%!important}
 #footer{font-size:12px;line-height:1.7;padding:24px 0 30px;overflow-wrap:anywhere;display:flow-root}span.fb a{margin-top:8px}
}
@media(max-width:440px){.product-img{float:none;width:calc(100% - 12px);height:auto;min-height:132px}.product-small-img{width:78px}.product-img h2{font-size:22px}.product-text p,.product-text span{font-size:14px}.slideshow #buttons{background-image:none;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:441px) and (max-width:1000px){.slideshow #buttons::before{content:"Products of MK Distribution";font-size:12px;font-weight:bold;padding-left:12px}}

@media(max-width:1000px){#banner .banner-wrapper>.clear{display:none}}

/* Preserve tab surfaces while changing only foreground colour. */
#tabs .selected-tab{background:none}
@media(max-width:1000px){
 .left-menu ul li a,.left-menu ul li a:hover,#tabs .selected-tab a{background-color:#fff;background-position:8px center;background-repeat:no-repeat}
 .service li{position:relative;background:none;padding-left:20px;margin-bottom:18px;line-height:1.6}
 .service li::before{content:"";position:absolute;left:0;top:.8em;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#327da8}
}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hover feedback belongs only to devices with a pointing cursor. */
@media(max-width:1000px) and (hover:hover) and (pointer:fine){
 #product-tabs li:not(.selected-tab) a:hover,#latestnews-tabs li:not(.selected-tab) a:hover{color:#ffcf76}
 #banner .menu ul li:not(.active) a:hover{color:#014ea2}
}
@media(hover:none){
 .left-menu ul li:not(.selected-tab) a:hover{color:#014ea2;background-image:url(../images/blue-bullet.jpg)}
}
@media(min-width:650px) and (max-width:1000px){#product-tabs,#latestnews-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){
 #product-tabs li:not(.selected-tab) a:hover,#latestnews-tabs li:not(.selected-tab) a:hover{background:#2b495c;color:#fff}
 #banner .menu ul li:not(.active) a:hover{background:#f5fafc}
}
@media(max-width:1000px) and (hover:hover) and (pointer:fine){
 #product-tabs li:not(.selected-tab) a:hover,#latestnews-tabs li:not(.selected-tab) a:hover{color:#ffcf76}
}