@media (min-width: 20em) {
    .mobile { display: block; } .desktop { display: none; }
    .hexagon {
    height: 1000px;
    width:1250px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-400px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:0px solid #454545;}
    .v-bg{display: none;}
    .nav-tabs .nav-link { border: 0px !important; padding: 3px; }
    .product-bottom-title{ display: none; position:absolute; font-size:80px; color:#fff; opacity:0.9; font-weight: 600; bottom: -37px; right: 0; }
    .copy-text { text-align: center; } .wc-text {text-align: center; } }
  @media (min-width: 48em) {
    .mobile { display: block; } .desktop { display: none; }
    .hexagon {
    height: 1000px;
    width:1250px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-400px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:0px solid #454545;}
    .v-bg{display: none;}
    .nav-tabs .nav-link {  border: 0px !important; padding: 3px; }
    .product-bottom-title{ display: none; position:absolute; font-size:80px; color:#fff; opacity:0.9; font-weight: 600; bottom: -37px; right: 0; }
    .copy-text { text-align: center; }.wc-text { text-align: center; } }
  
  @media (min-width: 64em) {
    .mobile { display: none; }.desktop { display: block; }
    .hexagon {
    height: 840px;
    width:1250px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-400px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:1px solid #454545;}
    .v-bg{display: block;}
    .nav-tabs .nav-link {  border: 0px !important; padding: 3px 8px; }
    .product-bottom-title{ display: block; text-align: right; position:absolute; font-size:80px; color:#fff; opacity:0.9; font-weight: 600; bottom: -37px; right: 0; }
    .copy-text { text-align: left; } .wc-text { text-align: right; } }
  
  @media (min-width: 85.375em) {
    .mobile { display: none; } .desktop {  display: block; }
    .hexagon {
    height: 1000px;
    width:1250px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-400px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:1px solid #454545;}
    .v-bg{display: block;}
    .nav-tabs .nav-link {  border: 0px !important; padding: 3px 8px; }
    .product-bottom-title{ display: block; text-align: right; position:absolute; font-size:40px; color:#fff; opacity:0.9; font-weight: 600; bottom: -16px; right: 0; }
     .copy-text {text-align: left; }.wc-text {text-align: right; } }
  
  @media (min-width: 120em) {
    .mobile {display: none; } .desktop { display: block; }
    .hexagon {
    height: 1080px;
    width:1420px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-455px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:1px solid #454545;}
    .v-bg{display: block;}
    .nav-tabs .nav-link {  border: 0px !important; padding: 3px 8px; }
    .product-bottom-title{ display: block; text-align: right; position:absolute; font-size:80px; color:#fff; opacity:0.9; font-weight: 600; bottom: -37px; right: 0; }
    .copy-text { text-align: left; } .wc-text {text-align: right; } }
  
  @media (min-width: 160em) {
    .mobile {display: none; } .desktop { display: block; }
    .hexagon {
    height: 1000px;
    width:1250px;
    position: absolute;
    z-index: 12;
    right: -100px;
    top:-400px;
    border: 4px solid #d51b28;
    aspect-ratio: 1/cos(30deg);
    clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
    background: #e4e4e4;
    rotate: 10deg;
    overflow: hidden;
    }
    .vision{border-left:1px solid #454545;}
    .v-bg{display: block;}
    .nav-tabs .nav-link {  border: 0px !important; padding: 3px 8px; }
    .product-bottom-title{ display: block; text-align: right; position:absolute; font-size:80px; color:#fff; opacity:0.9; font-weight: 600; bottom: -37px; right: 0; }
    .copy-text { text-align: left; }.wc-text { text-align: right; } }