.divInfoSolutionsProducts{
 z-index: 2 !important;
}
@media only screen and (max-width: 768px){
 .learnMoreBanner, .btnOrg, .titleGoboldRegular, .subTitleGoboldRegular{
  margin-left: 2.5%;
 }

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

 .subTitleCamelia, .titleBgCamelia{
  margin-left: 3.5%;
 }
 .sectionDuxDuo h1, .sectionDuxDuo h2, .sectionDuxDuo a{
  color: #ffffff !important;
 }
 .subTitleGoboldRegular, .subTitleCamelia{
  /* margin-bottom: 20vw !important; */
  margin-bottom: 10vw !important;
  /* line-height: 1;   */
  line-height: 1.2;
 }
 .learnMoreBannerCharge{
  font-size: 3vw;
  text-decoration: underline !important;
  line-height: 1 !important;
  font-weight: bold !important;
  color: #2F2F33 !important;
 }
 .learnMoreBannerCharge:hover{
  color: #000000;
 }
 .bodyBannerHome{
  margin-bottom: 0;
  font-size: 2.085vw !important;
 }
 .m3{
  margin-left: 3.5%;
  margin-bottom: .5em;
 }
 .btnOrg{
  font-size: 3vw;
 }
 .learnMoreW, .learnMoreBanner{
  font-size: 3vw;
  color: #ffffff !important;
 }
 .learnMoreW:hover, .learnMoreBanner:hover{
  color: #ffffff !important;
 }
 .centerElements{
  width: fit-content;
  margin: auto auto auto auto;
  text-align: center;
  width: 100%;
 }
 .colorCharge{
  color: #8E908F;
 }
 .BG-HOME-1{
  background-image: url('../images/HOME/STMS_Home_DuxPlus_BG.jpg');
  background-size: cover;
 }
 .BG-HOME-2{
  background-image: url('../images/HOME/STMS_Home_ChargeTree_BG.jpg');
  background-size: cover;
 }
 .BG-HOME-3{
  background-image: url('../images/HOME/STMS_Home_DuxShell_BG.jpg');
  background-position: center 0;
 }
 .BG-HOME-4{
  background-image: url('../images/HOME/Home_Banner_MagSafe_00.jpg');
  background-size: cover;
  /* background: url() center center no-repeat; */
 }

 .BG-HOME-5{
  background-image: url('../images/HOME/STMS_Home_DuxBackpack.jpg');
  background-size: cover;
 }

 .BG-HOME-6{
  /* height: 100vh;  */
  background: radial-gradient(71.67% 165.09% at 81.16% 21.78%, #3C3945 0%, #141417 79.07%, #09090B 100%);
}


 .titleBanner4Home{
   margin-bottom: 1em !important;
 }

 .imgDux1{
  position: relative;
  left: 12vw;
 }
 .imgDux2{
  position: absolute;
  left: -20vw;
 }
 .imgDuxShell1{
  position: relative;
  left: 10vw;
  width: 80vw !important;
  top: 60vw;
 }
 .imgDuxShell2{
  width: 100vw !important;
  position: relative;
  /* top: -10vw; */
  left: 50vw;
  width: 50vw !important;
 }
 .order-position-img{
  order: 2;
 }
 .order-position-content{
  order: 1;
 }
 .marginTop{
  margin-top: 50px !important;
 }
 .mb{
  margin-bottom: 1em;
 }
}

@media only screen and (min-width: 768px){
 .mb{
  margin-bottom: 10vw;
 }
 .learnMoreBannerCharge{
  font-size: 0.85vw;
  text-decoration: underline !important;
  line-height: 1 !important;
  font-weight: bold !important;
  color: #2F2F33 !important;
 }
 .learnMoreBannerCharge:hover{
  color: #000000;
 }
 .order-position-img{
  order: 1;
 }
 .order-position-content{
  order: 2;
 }
 .learnMoreBanner, .btnOrg, .titleGoboldRegular, .subTitleGoboldRegular{
  margin-left: 2.5%;
 }

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

 .subTitleCamelia, .titleBgCamelia{
  margin-left: 3.5%;
 }
 .sectionDuxDuo h1, .sectionDuxDuo h2, .sectionDuxDuo a{
  color: #ffffff !important;
 }
 .subTitleGoboldRegular, .subTitleCamelia{
  margin-bottom: 5vw !important;
  line-height: 1;
 }

 .titleBanner4Home{
  margin-bottom: 1em !important;
}

 .mbListingIpad{
    margin-bottom: 0.5vw !important;
 }
 .learnMoreBanner{
  color: #2F2F33;
 }
 .learnMoreBanner:hover{
  color: #000000;
 }
 .bodyBannerHome{
  margin-bottom: 0;
  font-size: 2.085vw !important;
 }
 .m3{
  margin-left: 3.5%;
  margin-bottom: .5em;
 }
 .btnOrg{
  font-size: 0.85vw;
 }
 .learnMoreW, .learnMoreBanner{
  color: #ffffff !important;
 }
 .learnMoreW:hover, .learnMoreBanner:hover{
  color: #ffffff !important;
 }
 .centerElements{
  width: fit-content;
  margin: auto auto auto auto;
  text-align: center;
  width: 30%;
 }
 .colorCharge{
  color: #8E908F;
 }
 .BG-HOME-1{
  background-image: url('../images/HOME/STMS_Home_DuxPlus_BG.jpg');
  background-size: cover;
 }
 .BG-HOME-2{
  background-image: url('../images/HOME/STMS_Home_ChargeTree_BG.jpg');
  background-size: cover;
 }
 .BG-HOME-3{
  background-image: url('../images/HOME/STMS_Home_DuxShell_BG.jpg');
  background-position: center 0;
  background-size: cover;
  position: relative;
  /* background-size: 100vw; */
  background-repeat: no-repeat;
  /* margin-bottom: -60vw; */
 }
 .BG-HOME-4{
  background-image: url('../images/HOME/Home_Banner_MagSafe_00.jpg');
  background-size: cover;
  /* background: url() center center no-repeat; */
 }

 .BG-HOME-5{
  background-image: url('../images/HOME/STMS_Home_DuxBackpack.jpg');
  background-size: cover;
 }

 .BG-HOME-6{
   /* height: 100vh;  */
   background: radial-gradient(71.67% 165.09% at 81.16% 21.78%, #3C3945 0%, #141417 79.07%, #09090B 100%);
 }

 .imgDux1{
  position: relative;
  left: 12vw;
 }
 .imgDux2{
  position: absolute;
  left: -5vw;
 }
 .imgDuxShell1{
  position: absolute;
  left: 10vw;
  top: 4vw;
  width: 70vw !important;
 }
 .imgDuxShell2{
  width: 100vw !important;
  position: relative;
  /* top: -60vw; */
  left: 50vw;
  width: 50vw !important;
 }
}