*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#003b00;font-family:"Times New Roman",serif}
*{max-width:100%}
body{overflow-x:hidden}

.sidebar{
 position:fixed;left:0;top:0;width:178px;height:100vh;overflow-y:auto;overflow-x:hidden;
 background:#eee;border-right:1px solid #888;z-index:1000;text-align:center;
 font-size:12px
}
.notice{color:red;font-weight:bold;font-family:Arial,sans-serif;padding:5px;line-height:14px}
.sidebar-space{height:575px}
.side-title{font-weight:bold}
.side-link{font-weight:bold;text-decoration:underline;margin:3px}
.can{font-weight:bold;text-decoration:underline;color:#003b00;margin:5px}
.side-section{text-align:left;padding:8px 7px 0;line-height:14px}
.side-section a{text-decoration:underline}

.page{margin-left:178px;width:calc(100% - 178px);min-height:2800px;position:relative}
.top{height:350px;text-align:center;border-top:1px solid #184c1b;padding-top:25px}
.top h1{font-family:Arial,sans-serif;font-size:29px;font-style:italic;color:green;margin:0 0 25px}
.logos{height:110px;display:flex;justify-content:center;align-items:flex-start;gap:25px}
.logo{font-family:Arial,sans-serif;font-weight:bold}
.tru{font-size:35px;color:white;background:#bd2c1f;border-radius:50%;padding:8px 25px;text-shadow:1px 1px #333}
.tru small{display:block;font-size:10px}
.tiger{font-size:10px;color:#222;margin-top:8px}
.georgia{background:#7e876e;color:#222;font-family:Georgia,serif;font-size:25px;padding:10px 25px}
.georgia span{font-size:18px}.georgia small{display:block;font-size:11px}
.top button{display:block;margin:10px auto;background:linear-gradient(#fff,#ffb33d);border:1px solid #e88b00;border-radius:7px;width:108px;font-weight:bold;color:#004ca8}
.top nav a{margin:0 12px;text-decoration:underline;font-weight:bold;color:#005000}
.payment{margin:12px auto;font-family:Arial,sans-serif;color:#16477c;font-weight:bold}

/* Featured links: thumbnail and live HTML text are separate elements. */
.announcement{
  height:150px;
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:12px;
  font-family:Arial,sans-serif;
  font-size:23px;
  font-weight:bold;
  color:#0017d7;
}
.announcement .feature-thumb{
  width:66px;
  height:84px;
  object-fit:cover;
  margin-right:5px;
  margin-top:2px;
}
.announcement a{
  color:#0017d7;
  text-decoration:underline;
  line-height:84px;
  white-space:nowrap;
}

.trutac{
  height:115px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:5px;
  font-family:Arial,sans-serif;
  font-size:23px;
  font-weight:bold;
  font-style:italic;
}
.trutac .feature-thumb{
  width:66px;
  height:88px;
  object-fit:cover;
  margin-right:4px;
  margin-top:0;
}
.trutac a{
  color:#39453b;
  text-decoration:underline;
  line-height:88px;
  white-space:nowrap;
}

.product-showcase{
  width:min(750px, calc(100% - 24px));
  height:345px;
  margin:0 auto;
  font-family:"Times New Roman",serif;
  color:#003b00;
}

.product-row{
  display:flex;
  width:750px;
  height:180px;
}

.product-row h2{
  margin:0;
  height:45px;
  font-size:20px;
  line-height:22px;
  text-align:center;
  font-weight:bold;
}

.tiger-column{
  width:219px;
  background:#f0f0f0;
  border-right:1px solid #fff;
}

.military-column{
  width:531px;
  background:#c8c8c8;
}

.tiger-column img{
  width:219px;
  height:133px;
  display:block;
  object-fit:cover;
  object-position:left top;
}

.military-column img{
  width:521px;
  height:133px;
  margin-left:0;
  display:block;
  object-fit:cover;
  object-position:left top;
}

.tactical-row{
  width:705px;
  height:164px;
  margin-left:37px;
  background:#e8e8e8;
}

.tactical-row h2{
  height:30px;
  margin:0;
  text-align:center;
  font-size:22px;
  line-height:30px;
  color:#111;
}

.tactical-row img{
  display:block;
  width:668px;
  height:129px;
  object-fit:cover;
  object-position:left top;
}

.gear{
  width:min(550px, calc(100% - 24px));
  height:165px;
  margin:0 auto;
  position:relative;
  font-family:"Times New Roman",serif;
  font-weight:bold;
  font-size:13px;
  font-style:italic;
}

.gear-item{
  position:absolute;
  text-align:center;
}

.gear-item a{
  display:block;
  color:#003b00;
  text-decoration:underline;
  line-height:15px;
}

.belt-item{
  left:30px;
  top:0;
  width:230px;
}

.belt-item img{
  display:block;
  width:260px;
  height:130px;
  object-fit:contain;
  margin-top:3px;
  margin-left:-15px;
}

.opener-item{
  left:275px;
  top:0;
  width:170px;
  font-style:normal;
}

.opener-item img{
  display:block;
  width:145px;
  height:92px;
  object-fit:contain;
  margin:2px auto 0;
}

.opener-item a:last-child{
  margin-top:-1px;
}
.bottom-brand{text-align:center;height:110px;border-bottom:1px solid #28652d}
.bottom-brand img{width:770px;height:108px;object-fit:contain;margin:auto}

.size-page{padding-top:18px;text-align:center}
.brand-header{height:125px}
.mini-tru{display:inline-block;margin-top:20px;background:#bd2c1f;color:#fff;border-radius:50%;font:bold 27px Arial;padding:8px 25px}
.mini-tru small{display:block;font-size:8px}
.professional{font-weight:bold;margin-top:5px}
.description{border:2px solid #396b3c;margin:0 5px;padding:5px;text-align:left;font:11px Arial,sans-serif;line-height:12px}

.size-box{width:710px;margin:45px auto 0;border:1px solid #333;padding:18px;text-align:left;color:#111}
.size-box h2{font:bold 19px Arial,sans-serif;color:#d72c1e;text-shadow:1px 1px #111;margin:0 0 8px}
.size-box h2:nth-of-type(2){margin-top:48px}
.measure{border-collapse:separate;border-spacing:4px;width:100%;font:bold 11px Arial,sans-serif}
.measure th:first-child{text-align:left;background:#fff;color:#222;border:0}
.measure th:not(:first-child),.measure td{background:#222;color:#fff;text-align:center;padding:5px 3px;min-width:42px}
.measure th{padding:2px}
.measure td{font-size:11px}
.measure .ladies{}
.sizes{margin-top:4px}

.policy{width:275px;margin:70px auto 0;border:4px double #555;padding:18px;text-align:center;color:#004b16;font-family:Arial,sans-serif;min-height:300px}
.policy h3{font-size:12px;margin:0 0 18px}
.policy p{font-size:11px;line-height:13px;margin:16px 0}
.policy small{font-size:9px}

@media(max-width:900px){
 body{min-width:1100px}
 .page{width:1100px}
}


/* ---------------- RESPONSIVE LAYOUT ---------------- */

@media (max-width: 900px){
  .sidebar{
    width:120px;
    font-size:10px;
  }

  .sidebar-space{height:430px}
  .side-section{padding-left:5px;padding-right:5px;line-height:13px}

  .page{
    margin-left:120px;
    width:calc(100% - 120px);
  }

  .top{
    height:auto;
    min-height:300px;
    padding:18px 10px 20px;
  }

  .top h1{
    font-size:clamp(18px,4vw,29px);
  }

  .logos{
    height:auto;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
  }

  .georgia{font-size:clamp(15px,3vw,25px)}
  .tru{font-size:clamp(22px,4vw,35px)}

  .announcement{
    height:auto;
    min-height:130px;
    padding:10px;
    font-size:clamp(17px,3vw,23px);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
  }

  .announcement img{
    width:55px;
    height:70px;
  }

  .trutac{
    height:auto;
    padding:10px 0;
  }

  .trutac img{
    width:min(720px,100%);
    height:auto;
  }

  .product-showcase{
    height:auto;
    min-height:345px;
  }
}

@media (max-width: 650px){
  .sidebar{
    position:relative;
    width:100%;
    height:auto;
    max-height:none;
    border-right:0;
    border-bottom:1px solid #888;
    padding-bottom:10px;
  }

  .notice{
    display:none;
  }

  .sidebar-space{
    display:none;
  }

  .side-title,
  .side-link,
  .can{
    display:inline-block;
    margin:8px;
    vertical-align:top;
  }

  .side-section{
    display:inline-block;
    vertical-align:top;
    text-align:left;
    width:auto;
    margin:0 8px;
  }

  .page{
    margin-left:0;
    width:100%;
  }

  .top{
    min-height:260px;
  }

  .payment{
    font-size:11px;
  }

  .announcement{
    min-height:100px;
  }

  /* Product grid becomes stacked on narrow screens. */
  .product-showcase{
    width:calc(100% - 16px);
    min-height:0;
  }

  .product-row{
    width:100%;
    height:auto;
    flex-direction:column;
  }

  .tiger-column,
  .military-column{
    width:100%;
  }

  .tiger-column{
    border-right:0;
    border-bottom:1px solid #fff;
  }

  .tiger-column img,
  .military-column img{
    width:100%;
    height:auto;
    max-height:180px;
    object-fit:contain;
  }

  .tactical-row{
    width:100%;
    height:auto;
    margin:10px 0 0;
  }

  .tactical-row h2{
    height:auto;
    min-height:30px;
    line-height:25px;
    font-size:clamp(17px,5vw,22px);
  }

  .tactical-row img{
    width:100%;
    height:auto;
    max-height:190px;
    object-fit:contain;
  }

  .gear{
    width:100%;
    height:auto;
    min-height:350px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:10px;
    position:relative;
    padding:10px;
  }

  .gear-item{
    position:relative;
    left:auto;
    top:auto;
    width:45%;
  }

  .belt-item img,
  .opener-item img{
    width:100%;
    height:auto;
    max-height:140px;
    margin:5px auto;
  }

  .bottom-brand{
    height:auto;
    padding:10px;
  }

  .bottom-brand img{
    width:100%;
    height:auto;
  }

  .size-box{
    width:calc(100% - 20px);
    margin-top:25px;
    overflow-x:auto;
    padding:10px;
  }

  .measure{
    min-width:680px;
  }

  .description{
    font-size:10px;
    line-height:12px;
  }

  .policy{
    width:calc(100% - 30px);
    max-width:275px;
    margin-top:35px;
  }
}

@media (max-width: 420px){
  .logos{
    flex-direction:column;
  }

  .top nav a{
    display:inline-block;
    margin:4px 7px;
  }

  .announcement{
    display:block;
    text-align:center;
  }

  .announcement img{
    display:block;
    margin:0 auto 5px;
  }

  .gear{
    flex-direction:column;
    align-items:center;
    min-height:500px;
  }

  .gear-item{
    width:80%;
  }

  .size-box h2{
    font-size:16px;
  }
}