#Submenu button {
 width: auto;
}
.imageChange{
 width: 65vw;
}
.Image-Left-15{
 left: 9vw;
}
.T16-Size{
 font-size: 0.99vw  !important;
}
.T20-Size{
 font-size: 1.25vw !important;
}
.T24-Size{
 font-size: 1.5vw !important;
}


.btnColores{
  width: 2.2vw;
  height: 2.2vw;
  border-radius: 2.2vw;
  border: 2px solid transparent;
  padding: 2px;
  background-color: transparent;
}

.btnColoresWhite{
  width: 2.2vw;
  height: 2.2vw;
  border-radius: 2.2vw;
  border: 2px solid #00000038;
  padding: 2px;
  background-color: transparent;
}

.btnColores:hover, .btnColores:focus,
.btnColoresWhite:hover, .btnColoresWhite:focus,
.btnColores.active
{
 outline: none;
 border-radius: 2.2vw;
 border: 2px solid var(--title-color);
}

.displayNone{
 display: none;
}
.ipad11Class{
 width: 3.5vw;
 margin-left: 2vw;
}
.ipad12Class{
 width: 3.5vw;
}
.diplay-mobile{
 display: none;
}


#rowImgTopCortada{
 height: 25vw;
}
.img360Dux{
 z-index: -2;
 position: absolute;
 left: 44vw;
 top: 0;
 width: 9.35vw;
}
.imgTopCortada{
 left: 9%;
 width: 70vw;
 top: -41vw;
 position: relative;
 z-index: -1;
}

.imgTopCortadaDuxGrip{
  width: 70vw;
  top: -15vw;
  position: relative;
  z-index: -1;
}

/* .pt10{
 padding-top: 10vw;
} */
.bgSectionDux{
 background-color: white;
}
.block-card {
 /* display: block; */
 display: flex;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.card-fake{
 display: flex;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;

 position: relative;
 display: flex;
 flex: 1 0 0%;
}
.card{
 margin-right: 4px !important;
 margin-left: 4px !important; 
}
.padding1 {
 padding: 4px !important;
  }
.width-50VW{
  width: 50vw; 
}
.buttonDutcheBlue{
 margin-right: 0;
}
.width-25VW{
 width: 24.5vw; 
}
.card img {
 transform: scale(0.9);
 transition: transform 0.5s ease;
  }
  .card img:hover {
 transform: scale(1);
  }

  .card-deck {
 margin-right: 0; 
 margin-left: 0;
}
.Colors-Grid3{
 display: grid;
 grid-template-columns: auto 2.2vw 2.2vw 2.2vw auto;
 column-gap: 2.2vw;
 grid-template-areas: ". button1 button2 button3 .";
 margin: auto;
 padding-bottom: 2.1vw;
}
.Colors-Grid4{
 display: grid;
 grid-template-columns: auto 2.2vw 2.2vw 2.2vw 2.2vw auto;
 column-gap: 2.2vw;
 grid-template-areas: ". button1 button2 button3 button4 .";
 margin: auto;
 padding-bottom: 2.1vw;
}
.Colors-Grid6{
 display: grid;
 grid-template-columns: auto 2.2vw 2.2vw 2.2vw 2.2vw 2.2vw 2.2vw auto;
 column-gap: .5vw;
 grid-template-areas: ". button1 button2 button3 button4 button5 button6 .";
 margin: auto;
 padding-bottom: 2.1vw;
}
.Colors-Grid8{
 display: grid;
 grid-template-columns: auto 2.2vw 2.2vw 2.2vw 2.2vw auto;
 row-gap: .5vw;
 column-gap: 2.2vw;
 grid-template-areas: ". button1 button2 button3 button4 ." ". button5 button6 button7 button8 .";
 margin: auto;
 padding-bottom: 2.1vw;
}
.Colors-Grid8 button{
 width: 2.2vw;
 height: 2.2vw;
}
.Colors-Grid2{
 display: grid;
 grid-template-columns: auto 2.2vw 2.2vw auto;
 column-gap: 2.2vw;
 grid-template-areas: ". button1 button2 .";
 margin: auto;
 padding-bottom: 2.1vw;
}


.Colors-Grid3-individual{
 display: grid;
 grid-template-columns:  2.2vw 2.2vw 2.2vw ;
 column-gap: 2.2vw;
 grid-template-areas: "button1 button2 button3";
 margin: auto;
}
.Colors-Grid4-individual{
 display: grid;
 grid-template-columns:  2.2vw 2.2vw 2.2vw 2.2vw ;
 column-gap: 2.2vw;
 grid-template-areas: "button1 button2 button3 button4";
 margin: auto;
}
.Colors-Grid2-individual{
 display: grid;
 grid-template-columns:  2.2vw 2.2vw ;
 column-gap: 2.2vw;
 grid-template-areas: "button1 button2";
 margin: auto;
}

.button1, .buttonBlack, .buttonCharcoal, .btnGranite_black{
 grid-area: button1;
}
.button2,.buttonRed, .buttonDutcheBlue, .buttonDarkRed2, .btnSlate_blue{
 grid-area: button2;
}
.button3,.buttonBlue, .buttonDarkRed, .Windsor_Wine{
 grid-area: button3;
}
.button4 ,.buttonDenim{
 grid-area: button4;
}

.button1{
 grid-area: button1;
}
.button2{
 grid-area: button2;
}
.button3{
 grid-area: button3;
}
.button4{
 grid-area: button4;
}
.button5{
 grid-area: button5;
}
.button6{
 grid-area: button6;
}
.button7{
 grid-area: button7;
}
.button8{
 grid-area: button8;
}

.GridParent{
 margin: auto;
 padding-top: .5vw;
}

.imgShoulderDuxGrip{
  width: 50vw;
}

.divRelativeShoulderDuxGrip{
  position: relative;
  left: -6vw;
}

@media only screen and (max-width: 767px){
  .Colors-Grid8 button{
    width: 5.2vw;
    height: 5.2vw;
   }
   .Colors-Grid8{
    display: grid;
    grid-template-columns: auto 5.2vw 5.2vw 5.2vw 5.2vw auto;
  }
  .Colors-Grid6{
    grid-template-columns: auto 5.2vw 5.2vw 5.2vw 5.2vw 5.2vw 5.2vw auto;
   }
 .Colors-Grid3, .Colors-Grid3-individual{
  grid-template-columns: auto 5.2vw 5.2vw 5.2vw auto;
  column-gap: 2.2vw;
  grid-template-areas: ". button1 button2 button3 .";
 }
 .Colors-Grid4, .Colors-Grid4-individual{

  grid-template-columns: auto 5.2vw 5.2vw 5.2vw 5.2vw auto;
  column-gap: 2.2vw;
  grid-template-areas: ". button1 button2 button3 button4 .";

 }
 .Colors-Grid2, .Colors-Grid2-individual{
  grid-template-columns: auto 5.2vw 5.2vw auto;
  column-gap: 2.2vw;
  grid-template-areas: ". button1 button2 .";
 }

 .width-50VW, .width-25VW{
   width: 95vw; 
 }
 .card{
  margin-bottom: 8px !important; 
 }
 .block-card {
  position: relative;
  display: block;
  flex: 1 0 0%;
 }
 #rowImgTopCortada{
  height: 40vw;
 }
 .imgTopCortada{
  width: 90vw;
  top: -54vw;
 }

 .imgTopCortadaDuxGrip{
  width: 90vw;
  top: -22vw;
 }
 .pt10{
  padding-top: 0vw;
 }
 .diplay-mobile{
 display: initial;
 }
 .ipad11Class{
  width: 3.5vw;
 width: 9vw;
 }
 .ipad12Class{
  width: 9vw;
 }


 .btnColores{
  width: 5.2vw;
  height: 5.2vw;
  border-radius: 5.2vw;
  border: 2px solid var(--submenu-bg-color);
 }
 .btnColores:hover, .btnColores:focus {
  outline: none;
  border-radius: 5.2vw;
  border: 2px solid var(--title-color);
 }


 .titleGoboldRegular{
  line-height: 1.2;
 }
 .Image-Left-15{
  left: 26vw;
 }
 .imageChange{
  width: 123%;
 }
 .T16-Size{
  font-size: 2.5vw  !important;
 }
 .T20-Size{
  font-size: 2.25vw !important;
 }
 .T24-Size{
  font-size: 2.5vw !important;
 }

 .imgShoulderDuxGrip{
  width: 80vw;
}

.divRelativeShoulderDuxGrip{
  left: 0vw;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2)
{
 .btnColores{
  width: 3.2vw;
  height: 3.2vw;
 }
}