@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) {
 .card-deck {
  margin-right: 0;
  margin-left: 0;
 }

 .card-fake {
  margin-right: 0;
  margin-left: 0;
 }

 .block-card {
  position: relative;
  display: block;
  flex: 1 0 0%;
 }

 .titleGoboldRegular {
  font-size: 5.3vw !important;
 }

 .subTitleGoboldRegular {
  font-size: 3.085vw !important;
 }

 .bodyBannerSolutionsProducts {
  font-size: 2.3vw !important;
 }

 .learnMoreBanner,
 .btnOrg,
 .learnMoreBannerCharge {
  font-size: 1.4vw !important;
  margin-left: 5%;
 }

 .btnOrgNoMargin {
  margin-left: 0% !important;
 }

 .btnOrgRightBanner,
 .btnOrgLeftBanner {
  margin-top: 15px !important;
 }

 .titleBgCamelia {
  font-size: 5.6vw !important;
 }

 .subTitleCamelia {
  font-size: 3.085vw !important;
 }

 .fitContentInfoRight {
  width: 50vw;
  /* margin: auto 0 auto 6vw; */
  margin: auto 0 auto 2vw;
 }

 .m3 {
  margin-left: 4.5%;
 }

 .bodyBannerSolutionsProducts {
  font-size: 1.7vw !important;
 }

 .divInfo70 {
  margin: auto 0 auto 6vw;
 }

 /* ------------------------------------------------------------------ */
 #showcase {
  display: none;
 }

 .info3_GoboldLowPlus {
  font-size: 2.2vw !important;
 }

 .titleBgGoboldRegularNaranja {
  font-size: 5.5vw !important;
 }

 .info_OpenSans_Bold {
  font-size: 2.25vw !important;
 }

 .T16-Size {
  font-size: 1.5vw !important;
 }

 .T20,
 .T24 {
  font-size: 2.25vw !important;
 }

 .Image-Left-15 {
  left: -4vw;
 }

 .imageChange {
  width: 85vw;
 }

 .img50 {
  width: 48vw;
 }

 /*.buttonDutcheBlue, .buttonDenim, .buttonCharcoal, .buttonDarkRed, .buttonBlue, .buttonBlack, .buttonRed,.btnGranite_black, .btnSlate_blue, .Windsor_Wine{
   width: 3.2vw;
  height: 3.2vw;  
  border-radius: 3.2vw; 
 }*/
 /*.buttonRed,.buttonDutcheBlue, .buttonDenim{
   margin-left: 3.2vw;
  margin-right: 3.2vw; 
 }*/

 .txtPrivacyPolicy,
 .divSubmit {
  width: 60vw;
 }

 input[type="text"] {
  width: 40vw;
 }

 .ipad12Class,
 .ipad11Class {
  width: 4.5vw;
 }

 .watchVideo {
  font-size: 2.25vw !important;
 }

 .divBeforeAR {
  /* margin-bottom: 5vw !important; */
  padding-bottom: 5vw !important;
 }

 #trust {
  height: 30vw;
 }

 /* .logoFooter{
  width: 40vw;
 } */

 .imgDuxTabletHLP {
  top: -2vw;
 }

 #collapsingNavbarLg {
  opacity: 1;
 }

 #divGridMthy {
  display: grid;
  grid-template-columns: repeat(31, 3vw);
  grid-template-rows: repeat(30, 2vw);
  margin: auto;
  z-index: 1;
 }

 #divImgGridMyth {
  margin: auto;
  grid-column: 7/27;
  grid-row: 1/30;
  z-index: -1;
  height: 100%;
 }

 #divTxt1GridMyth {
  grid-column: 1/10;
  grid-row: 5/14;
 }

 #divTxt2GridMyth {
  grid-column: 1/10;
  grid-row: 19/25;
 }

 #divTxt3GridMyth {
  grid-column: 23/32;
  grid-row: 5/18;
 }

 #divTxt4GridMyth {
  grid-column: 22/32;
  grid-row: 19/25;
 }

 #menu ul i,
 .socialMedia i,
 .subMenuSticky a,
 .subMenuNoSticky a,
 .shoppingCart {
  margin: 4px 4px;
 }

 .divSubmit input[type="text"] {
  padding-right: 50px;

  grid-column: 2/10;
  grid-row: 1;
  width: 100%;
  justify-self: center;
  font-size: 1.085vw !important;
  width: 100%;
 }

 .divSubmit input[type="submit"] {
  background: var(--btn-Submit-subscribe);
  color: var(--submenu-bg-color);
  border: 0;
  -webkit-appearance: none;

  grid-column: 9/10;
  grid-row: 1;
  margin: auto auto auto auto;
  align-self: center;
  justify-self: center;
  width: 5.5vw;
  height: 3vw;
  font-size: 1.085vw !important;
  padding: 0px;
 }

 .divSubmit {
  margin: auto;
  text-align: center;
  position: relative;

  display: grid !important;
  grid-template-columns: repeat(10, 6vw) !important;
  grid-template-rows: 1fr !important;
 }

 .divColorMyth {
  /* width: fit-content; */
  width: 85%;
  margin: 0 0 0 auto;
 }

 .imgAnimatic {
  width: 100%;
  margin: auto;
 }

 .divPowerBankBanner {
  display: grid;
  grid-template-rows: repeat(29, 2vw);
  z-index: 1;
  grid-template-columns: repeat(22, 4vw);
  margin: auto;
 }

 #divPowerBank1 {
  grid-column: 1/23;
  grid-row: 1/30;
  z-index: -1;
  padding: 0;
 }

 #divPowerBank2 {
  grid-column: 1/10;
  grid-row: 5/19;
 }

 #divPowerBank3 {
  grid-column: 14/22;
  grid-row: 10/14;
 }

 #divPowerBank4 {
  grid-column: 14/22;
  grid-row: 19/24;
 }

 .divConfidence {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
  grid-template-rows: repeat(8, 5vw);
 }

 .txtConfidence {
  grid-column: 3/13;
  grid-row: 2/8;
 }

 .imgConfidence {
  grid-column: 7/14;
  grid-row: 1/9;
 }

 .titleBgGoboldRegular {
  font-size: 10vw !important;
 }

 /*SMARTER*/
 .gridCarruselSmarter {
  display: grid;
  grid-template-columns: repeat(30, 3vw);
  grid-template-rows: repeat(30, 2vw);
  margin: auto;
  z-index: -1;
 }

 .divImgGridCarruselSmarter {
  margin: auto;
  grid-column: 1/31;
  grid-row: 1/25;
  z-index: -1;
  width: 100%;
  height: 100%;
 }

 .divTxt1GridCarruselSmarter {
  grid-column: 24/29;
  grid-row: 2/15;
  text-align: right;
 }

 .divTxt2GridCarruselSmarter {
  grid-column: 3/12;
  grid-row: 17/24;
  text-align: left;
 }

 .divTxt3GridCarruselSmarter {
  grid-column: 8/22;
  grid-row: 24/28;
  text-align: center;
 }

 .divTxt4GridCarruselSmarter {
  grid-column: 21/29;
  grid-row: 17/21;
  text-align: right;
 }

 .imgGridCarruselSmarter {
  width: 80%;
 }

 .divHeightCarrusel {
  height: 85vw;
 }

 .carousel-indicators {
  bottom: 0px;
 }

 .imgCarruselSmarter {
  width: 45vw;
 }

 .subTitleCarruselSmarter {
  font-size: 2.5vw !important;
 }

 .infoCarruselSmarter {
  font-size: 1.3vw !important;
 }

 .mtopSmarterCarrusel {
  /* margin-top: 6vw; */
  margin-top: 10vw;
 }

 .divInfo80R {
  width: 90%;
 }

 .mt-PenStorage-DuxSurfaceGo {
  margin-top: 5vw;
 }

 .divGridSmarter {
  display: grid;
  grid-template-columns: repeat(25, 3vw);
  grid-template-rows: repeat(30, 2vw);
  margin: auto;
  z-index: -1;
 }

 .divImgGridSmarter {
  margin: auto;
  grid-column: 3/21;
  grid-row: 1/30;
  z-index: -1;
  width: 100%;
 }

 .divTxt1GridSmarter {
  grid-column: 3/10;
  grid-row: 11/18;
 }

 .divTxt2GridSmarter {
  grid-column: 19/24;
  grid-row: 8/13;
  text-align: right;
 }

 .divTxt3GridSmarter {
  grid-column: 19/24;
  grid-row: 20/25;
  text-align: right;
 }

 .learnmore {
  height: 3vw;
 }

 /*MagPod*/
 .widthParagraph {
  width: 90%;
 }

 /* dux backpack */
 #divGridDuxBackpack1 {
  display: grid;
  grid-template-columns: repeat(30, 3vw);
  grid-template-rows: repeat(40, 2vw);
  margin: auto;
  z-index: 1;
 }

 #divImgGridBackpack1 {
  margin: auto;
  grid-column: 1/30;
  grid-row: 2/39;
  z-index: -1;
  height: auto;
 }

 .imgAbsGridBackpack {
  top: 0;
 }

 #divTxt1GridBackpack1 {
  grid-column: 4/15;
  grid-row: 7/13;
 }

 #divTxt2GridBackpack1 {
  grid-column: 19/30;
  grid-row: 5/12;
 }

 #divTxt3GridBackpack1 {
  grid-column: 4/15;
  grid-row: 28/34;
 }

 #divTxt4GridBackpack1 {
  grid-column: 17/30;
  grid-row: 30/40;
 }

 #divGridDuxBackpack2 {
  display: grid;
  grid-template-columns: repeat(35, 2.5vw);
  grid-template-rows: repeat(30, 2vw);
  margin: auto;
  z-index: 1;
 }

 #divImgGridBackpack2 {
  margin: auto;
  grid-column: 7/30;
  grid-row: 9/32;
  z-index: -1;
  height: 100%;
 }

 #divTxt1GridBackpack2 {
  grid-column: 1/14;
  grid-row: 12/22;
 }

 #divTxt2GridBackpack2 {
  grid-column: 25/36;
  grid-row: 5/17;
 }

 .heightRowVideo {
  height: auto;
 }

 /*BagHLP*/
 /* .itemImageSTM_Backpacks{
  position: absolute;
  left: 10vw;
}
.itemImageSTM_Briefs{
  position: absolute;
  left: 35vw;
}
 .itemImageSTM2_Sleeves{
  position: absolute;
  left: 56vw;
}
.itemImageSTM_Collection{
  position: absolute;
  left: 75vw;
}

.navSubItemsBagHLPBackpack{
  position: absolute;
  left: 11vw;
  bottom: 10px;
  width: 115px;
  top: -140px;
}

.navSubItemsBagHLP{
  position: absolute;
  left: 8vw;
  bottom: 10px;
  width: 130px;
  top: -140px;
}

.navSubItemsBagHLP2{
  position: absolute;
  left: 6vw;
  bottom: 10px;
  width: 130px;
  top: -140px;
} */


.divTextBagHLP{
  width: 100%;
  position: absolute;
  top: 0;
}

}

/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) { */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }

 #collapsingNavbarLg {
  opacity: 1;
 }

 .divHeightCarrusel {
  height: 70vw;
  /* height: 73vw; */
 }

 .mtopSmarterCarrusel {
  margin-top: 9.5vw;
 }

 .learnmore {
  height: 3vw;
 }

 .btnOrgNoMargin {
  margin-left: 0% !important;
 }

 .carousel-indicators {
  bottom: 30px;
 }

 /*MagPod*/
 .widthParagraph {
  width: 70%;
 }

 /* BagHLP */
 .itemImageSTM_Backpacks {
  position: absolute;
  left: 10vw;
 }

 .itemImageSTM_Briefs {
  position: absolute;
  left: 35vw;
 }

 .itemImageSTM2_Sleeves {
  position: absolute;
  left: 56vw;
 }

 .itemImageSTM_Collection {
  position: absolute;
  left: 75vw;
 }

 .navSubItemsBagHLPBackpack {
  position: absolute;
  left: 11vw;
  bottom: 10px;
  width: 115px;
  top: -140px;
 }

 .navSubItemsBagHLP {
  position: absolute;
  /* left: 8vw; */
  left: 9vw;
  bottom: 10px;
  /* width: 130px; */
  width: 150px;
  top: -140px;
 }

 .navSubItemsBagHLP2 {
  position: absolute;
  left: 6vw;
  bottom: 10px;
  width: 130px;
  top: -140px;
 }


 #ulListBagHLP{
  width: 76%;
 }

}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) {
 .divHeightCarrusel {
  /* height: 70vw; */
  /* height: 73vw; */
  height: 65vw;
 }

 .mtopSmarterCarrusel {
  margin-top: 9.5vw;
 }

 .learnmore {
  height: 3vw;
 }

 .btnOrgNoMargin {
  margin-left: 0% !important;
 }

 .carousel-indicators {
  bottom: 40px;
 }

 /*MagPod*/
 .widthParagraph {
  width: 70%;
 }



 .navSubItemsBagHLP {
  position: absolute;
  left: 7vw;
  bottom: 10px;
  width: 150px;
  top: -140px;
 }

 #ulListBagHLP{
  width: 76%;
 }


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) {
 .itemImageSTM_Backpacks {
  position: absolute;
  left: 10vw;
 }

 .itemImageSTM_Briefs {
  position: absolute;
  left: 35vw;
 }

 .itemImageSTM2_Sleeves {
  position: absolute;
  left: 56vw;
 }

 .itemImageSTM_Collection {
  position: absolute;
  left: 75vw;
 }

 .navSubItemsBagHLPBackpack {
  position: absolute;
  left: 11vw;
  bottom: 10px;
  width: 115px;
  top: -140px;
 }

 .navSubItemsBagHLP {
  position: absolute;
  left: 9vw;
  bottom: 10px;
  width: 150px;
  top: -140px;
 }

 .navSubItemsBagHLP2 {
  position: absolute;
  left: 6vw;
  bottom: 10px;
  width: 130px;
  top: -140px;
 }

 #ulListBagHLP{
  width: 76%;
 }


}

@media only screen and (min-width: 768px) {
 .mb {
  margin-bottom: 10vw !important;
 }

 .mbss {
  margin-bottom: 5vw;
 }

 #collapsingNavbarLg {
  opacity: 1;
 }
}

@media only screen and (device-width: 768px) {
 .mm-h {
  height: 100vh;
 }
}

@media only screen and (orientation: portrait) {
 .mm-h {
  height: 50vh;
 }
}

@media only screen and (orientation: landscape) {
 .mm-h {
  height: 100vh;
 }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
 #showcase {
  display: none;
 }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
 #showcase {
  display: none;
 }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
 #showcase {
  display: none;
 }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
 #showcase {
  display: none;
 }
}