/* Shared layout repairs; original branding and desktop layout retained. */
img {max-width:100%;height:auto}
iframe,video {max-width:100%}
textarea {max-width:100%;resize:vertical}
.form-control {max-width:100%}
.product-item h3,.product-item p,.content-page,.blog-posts,.breadcrumb {overflow-wrap:anywhere}
.product-item .pi-img-wrapper img {width:100%;object-fit:contain}
.product-item .pi-img-wrapper {overflow:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #245ca6;outline-offset:3px}
.table-responsive {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.card-body label {margin-top:8px}
@media(max-width:767px) {
 .site-logo {max-width:calc(100% - 64px);margin-right:0}
 .site-logo img {max-width:100%;width:260px;height:auto}
 .header .container {position:relative}
 .header .mobi-toggler {min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .header-navigation {clear:both;float:none!important;width:100%;max-width:100%}
 .header-navigation li,.header-navigation li a {max-width:100%;white-space:normal}
 .header-navigation .dropdown-menu {position:static;float:none;min-width:0;width:100%}
 .header-navigation ul {padding-left:0}
 .pre-header .additional-nav .pull-right {float:none!important}
 .content-page {padding:15px}
 .product-item {margin-bottom:16px}
 .product-item .pi-img-wrapper {height:auto;min-height:140px}
 .product-item .pi-img-wrapper img {max-height:280px;height:auto}
 .frmpaylas {display:flex;flex-wrap:wrap;gap:8px;float:none}
 .breadcrumb {display:block;white-space:normal}
 input,select,textarea,.form-control {font-size:16px!important}
 .input-group {width:100%}
 .modal-dialog {width:auto;max-width:calc(100% - 20px);margin:10px auto}
 .modal-body {max-height:75vh;overflow-y:auto;overflow-x:hidden}
 .modal-footer .btn {margin-bottom:6px}
 .page-title {display:flex;flex-wrap:wrap;gap:10px}
 .page-title h1 {font-size:23px}
 .card {padding:12px}
 .pre-footer {padding-top:24px}
 #gritter-notice-wrapper {max-width:calc(100vw - 24px);right:12px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto} *,*:before,*:after {transition:none!important;animation:none!important}}

.mobile-hero {display:none}
@media(max-width:767px) {
 #layerslider,.page-slider > .ls-wp-fullwidth-container {display:none!important}
 .mobile-hero {display:block;padding:28px 22px;background:linear-gradient(110deg,rgba(14,27,44,.96),rgba(14,27,44,.75)),url('../images/slide/banner1.jpg') center/cover;color:#fff}
 .mobile-hero p:first-child {font-size:12px;letter-spacing:2px;color:#ffcf4a;font-weight:700}
 .mobile-hero h1 {font-size:28px;line-height:1.2;color:#fff;max-width:500px;margin:12px 0}
 .mobile-hero p {font-size:15px;line-height:1.5;max-width:420px;color:#e2e8f0}
 .mobile-hero .btn {margin-top:10px;background:#f3ba24;color:#172235;border:0;padding:12px 18px;font-weight:700}
 .mobi-toggler,.mobi-toggler .fa {color:#374151!important}
 .owl-carousel .owl-wrapper-outer {height:auto!important}
 .sale-product {margin-bottom:0!important}
}