::selection {
  background: black;
  color: white;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap");

body {
  margin: 0 auto;
  background: white !important;
  color: #000;
  font-family: "Noto Sans", sans-serif !important;
  letter-spacing: -0.5px;
  font-weight: normal;
}

p {
  font-size: 14px;
  line-height: 22px;
  font-family: "Noto Sans", sans-serif !important;
  font-weight: normal;
}

.carousel-control-prev-icon {
  width: 30px;
  height: 30px;
  background: url(../img/sliderControl.svg) no-repeat center center !important;
  transform: rotate(180deg);
}

.carousel-control-next-icon {
  width: 30px;
  height: 30px;
  background: url(../img/sliderControl.svg) no-repeat center center !important;
}

.landingLogo {
  width: 120px;
  height: 30px;
  display: block;
  top: 35px;
  left: 35px;
  position: absolute;
  background: url(../img/logo-white.svg) no-repeat center left;
  z-index: 9999;
}

.newMenu {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  background: url(../img/menu.svg) no-repeat center center;
  background-size: contain;
  z-index: 9999;
  top: 30px;
  right: 35px;
}

.landingPage {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 0px;
}

.landingSliders {
  width: 100%;
  height: 100vh;
  background: black;
  padding: 0px;
}

.landingMenu {
  width: 100%;
  height: 200px;
  background: black;
  padding: 0px;
}

.landingMenuHolder {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
}

.upperMenuSet,
.bottomMenuSet {
  width: 100%;
  height: 100%;
  display: flex;
  background: black;
}

.menu1,
.menu2,
.menu3,
.menu4 {
  width: 100%;
  background: black;
  transition: all 0.2s ease;
}

.menu1:hover {
  background: url(../img/server.png) no-repeat center center;
  background-size: cover;
}

.menu2:hover {
  background: url(../img/commercial.png) no-repeat center center;
  background-size: cover;
}

.menu3:hover {
  background: url(../img/about.png) no-repeat center center;
  background-size: cover;
}

.menu4:hover {
  background: url(../img/contactSales.png) no-repeat center center;
  background-size: cover;
}

.menu1 {
  border-bottom: 1px dashed #333;
  border-right: 1px dashed #333;
}

.menu3 {
  border-right: 1px dashed #333;
}

.menu4 {
  border-top: 1px dashed #333;
}

.centerContent {
  position: relative;
}

.centerContentCopy {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.landingMenu a {
  text-decoration: none;
  font-family: "Klavika Medium Condensed";
  font-size: 20px;
  line-height: 20px;
  color: white;
  background: #000;
  text-align: center;
  width: 60%;
  padding: 50px;
}

.landingSliderHolder {
  width: 100%;
  height: 100%;
  display: block;
}

#landingSlider .carousel-indicators li {
  width: 8px;
  height: 9px;
  border-radius: 50%;
  margin: 0 10px;
  padding: 0px;
}

.ryzenPro_1_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/ryzenPRO_1_xs.svg) no-repeat center
    right;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.ryzenPro_2_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/ryzenPRO_2_xs.svg) no-repeat center
    left;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.ryzenPro_rope_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/RyzenPRO_Rope_mob.svg) no-repeat
    center right;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.ryzenPro_Survival {
  background: url(../img/sliders/newSliders/ryzenPRO_SurvivalBG_mob.jpg)
    no-repeat top left;
  background-size: cover;
}

.ryzenPro_Survival_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/survival_mob.svg) no-repeat bottom
    left;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.epyc_solar_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/epyc_solar_xs.svg) no-repeat center
    left;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.ryzenPro_1 {
  background: url(../img/sliders/newSliders/ryzenPRO_1.jpg) no-repeat center
    center;
  background-size: cover;
}

.epyc_solar {
  background: url(../img/sliders/newSliders/Epyc_Solar.jpg) no-repeat center
    center;
  background-size: cover;
}

.ryzenPro_lid {
  background: url(../img/sliders/newSliders/ryzenPRO_2.jpg) no-repeat center
    center;
  background-size: cover;
}

.epycChip {
  background: url(../img/assets/banners/v2/Blade.jpg) no-repeat center left;
  background-size: cover;
}

.epycChip_Arrow {
  width: 70%;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/sliders/newSliders/epycChip.svg) no-repeat center right;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  right: 20%;
}

.ryzenPro_rope {
  background: url(../img/sliders/newSliders/ryzenPRO_rope.jpg) no-repeat center
    center;
  background-size: cover;
}

.newBtn {
  padding: 10px 20px;
  display: block;
  position: absolute;
  bottom: 10%;
  background: white;
  color: black;
  left: 50%;
  font-size: 18px;
  transform: translateX(-50%);
  font-family: "Klavika Medium Condensed";
  text-transform: uppercase;
}

.productDetailsArea h3 {
  font-family: "Klavika Medium Condensed";
  letter-spacing: 0px;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  margin-top: 0px;
}

a {
  text-decoration: none !important;
}

.newBtn:hover {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: 1px solid white;
}

.popUpProduct {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 99999;
  animation-name: scaleup;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

@keyframes scaleup {
  0% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.productDetailsHolder {
  width: 80%;
  height: 85vh;
  background: white;
  display: flex;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  flex-direction: column;
}

.productImageArea,
.productDetailsArea {
  width: 100%;
}

.productImageArea {
  background: black;
  height: 50%;
}

.productDetailsArea {
  background: white;
  height: 50%;
  overflow-y: scroll;
  padding: 25px;
}

.productDetailsArea::-webkit-scrollbar {
  width: 3px;
}

.AcerA515 {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A515/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.AcerA515:hover {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A515/2.png) no-repeat
    center center;
  background-size: contain;
}

.AcerA315 {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A315/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.AcerA315:hover {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A315/2.png) no-repeat
    center center;
  background-size: contain;
}

.AcerA314 {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A314/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.AcerA314:hover {
  background: #f2f2f2 url(../img/commercialProducts/Acer_A314/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP635Aero {
  background: #f2f2f2 url(../img/commercialProducts/HP635Aero/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP635Aero:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP635Aero/2.png) no-repeat
    center center;
  background-size: contain;
}

.vostro14 {
  background: #f2f2f2 url(../img/commercialProducts/vostro14/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.vostro14:hover {
  background: #f2f2f2 url(../img/commercialProducts/vostro14/2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_Think14_Gen2 {
  background: #f2f2f2 url(../img/products/ThinkBook14-Gen2.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LNV_Think14_Gen2:hover {
  background: #f2f2f2 url(../img/products/ThinkBook14-Gen2_2.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP835G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP835G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP835G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP835G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.R7515 {
  background: #f2f2f2 url(../img/commercialProducts/R7515/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.R7515:hover {
  background: #f2f2f2 url(../img/commercialProducts/R7515/1.png) no-repeat
    center center;
  background-size: contain;
}

.R6515 {
  background: #f2f2f2 url(../img/commercialProducts/R6515/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.R6515:hover {
  background: #f2f2f2 url(../img/commercialProducts/R6515/1.png) no-repeat
    center center;
  background-size: contain;
}

.DL325 {
  background: #f2f2f2 url(../img/commercialProducts/DL325/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.DL325:hover {
  background: #f2f2f2 url(../img/commercialProducts/DL325/1.png) no-repeat
    center center;
  background-size: contain;
}

.DL385 {
  background: #f2f2f2 url(../img/commercialProducts/DL385/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.DL385:hover {
  background: #f2f2f2 url(../img/commercialProducts/DL385/1.png) no-repeat
    center center;
  background-size: contain;
}

.R6525 {
  background: #f2f2f2 url(../img/commercialProducts/R6525/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.R6525:hover {
  background: #f2f2f2 url(../img/commercialProducts/R6525/1.png) no-repeat
    center center;
  background-size: contain;
}

.C6525 {
  background: #f2f2f2 url(../img/commercialProducts/C6525/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.C6525:hover {
  background: #f2f2f2 url(../img/commercialProducts/C6525/1.png) no-repeat
    center center;
  background-size: contain;
}

.SR655 {
  background: #f2f2f2 url(../img/commercialProducts/SR655/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.SR655:hover {
  background: #f2f2f2 url(../img/commercialProducts/SR655/1.png) no-repeat
    center center;
  background-size: contain;
}

.SR635 {
  background: #f2f2f2 url(../img/commercialProducts/SR635/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.SR635:hover {
  background: #f2f2f2 url(../img/commercialProducts/SR635/1.png) no-repeat
    center center;
  background-size: contain;
}

.HP455G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP455G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP455G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP455G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP845G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP845G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP845G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP845G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP855G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP855G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP855G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP855G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.HPx360-435 {
  background: #f2f2f2 url(../img/commercialProducts/HPx360-435/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HPx360-435:hover {
  background: #f2f2f2 url(../img/commercialProducts/HPx360-435/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP445G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP445G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP445G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP445G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP455G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP455G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP455G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP455G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.HP245G7 {
  background: #f2f2f2 url(../img/commercialProducts/HP245G7/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.HP245G7:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP245G7/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadX13 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadX13/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadX13:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadX13/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadT14s {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadT14s/1.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadT14s:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadT14s/2.png)
    no-repeat center center;
  background-size: contain;
}

.thinkPadT14 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadT14/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadT14:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadT14/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadL14 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadL14/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadL14:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadL14/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadL15 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadL15/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadL15:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadL15/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadE14 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadE14/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadE14:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadE14/2.png) no-repeat
    center center;
  background-size: contain;
}

.thinkPadE15 {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadE15/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.thinkPadE15:hover {
  background: #f2f2f2 url(../img/commercialProducts/thinkPadE15/2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14ARE {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V14ARE/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LNV_V14ARE:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V14ARE/2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14ADA {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V14ADA/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LNV_V14ADA:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V14ADA/2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V15ADA {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V15ADA/1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LNV_V15ADA:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V15ADA/2.png) no-repeat
    center center;
  background-size: contain;
}

.acerM200,
.acerM200:hover {
  background: #f2f2f2 url(../img/commercialProducts/acerM200.png) no-repeat
    center center;
  background-size: contain;
}

.acerB350,
.acerB350:hover {
  background: #f2f2f2 url(../img/commercialProducts/acerB350.png) no-repeat
    center center;
  background-size: contain;
}

.HPProAG3,
.HPProAG3:hover {
  background: #f2f2f2 url(../img/commercialProducts/HPProAG3.png) no-repeat
    center center;
  background-size: contain;
}

.HP405G4,
.HP405G4:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP405G4.png) no-repeat
    center center;
  background-size: contain;
}

.HP705G5,
.HP705G5:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP705G5.png) no-repeat
    center center;
  background-size: contain;
}

.HP705G5SFF,
.HP705G5SFF:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP705G5SFF.png) no-repeat
    center center;
  background-size: contain;
}

.HP205ProG4,
.HP205ProG4:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP205ProG4.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V55t,
.LNV_V55t:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_V55t.png) no-repeat
    center center;
  background-size: contain;
}

.acerAIOZ5210G,
.acerAIOZ5210G:hover {
  background: #f2f2f2 url(../img/commercialProducts/acerAIOZ5210G.png) no-repeat
    center center;
  background-size: contain;
}

.HP285G3,
.HP285G3:hover {
  background: #f2f2f2 url(../img/commercialProducts/HP285G3.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_m75s,
.LNV_m75s:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_m75s.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_m75q,
.LNV_m75q:hover {
  background: #f2f2f2 url(../img/commercialProducts/LNV_m75q.png) no-repeat
    center center;
  background-size: contain;
}

.hpEliteDesk805,
.hpEliteDesk805:hover {
  background: #f2f2f2 url(../img/commercial/hpEliteDesk805.png) no-repeat center
    center;
  background-size: contain;
}

.hpEliteDesk805Mini,
.hpEliteDesk805Mini:hover {
  background: #f2f2f2 url(../img/commercial/hpEliteDesk805Mini.png) no-repeat
    center center;
  background-size: contain;
}

.hpProDesk405,
.hpProDesk405:hover {
  background: #f2f2f2 url(../img/commercial/hpProDesk405.png) no-repeat center
    center;
  background-size: contain;
}

.hpProDesk405Mini,
.hpProDesk405Mini:hover {
  background: #f2f2f2 url(../img/commercial/hpProDesk405Mini.png) no-repeat
    center center;
  background-size: contain;
}

.hp285G6,
.hp285G6:hover {
  background: #f2f2f2 url(../img/commercial/hp285G6.png) no-repeat center center;
  background-size: contain;
}

.hpProG4AAIO,
.hpProG4AAIO:hover {
  background: #f2f2f2 url(../img/commercial/hpProG4AAIO.png) no-repeat center
    center;
  background-size: contain;
}

.LNVm75t,
.LNVm75t:hover {
  background: #f2f2f2 url(../img/commercial/LNVm75t.png) no-repeat center center;
  background-size: contain;
}

.LNVm75q,
.LNVm75q:hover {
  background: #f2f2f2 url(../img/commercial/LNVm75q.png) no-repeat center center;
  background-size: contain;
}

.LNVm75s,
.LNVm75s:hover {
  background: #f2f2f2 url(../img/commercial/LNVm75s.png) no-repeat center center;
  background-size: contain;
}

.LNVm75t,
.LNVm75t:hover {
  background: #f2f2f2 url(../img/commercial/LNVm75t.png) no-repeat center center;
  background-size: contain;
}

.LNVv55t_15ARE,
.LNVv55t_15ARE:hover {
  background: #f2f2f2 url(../img/commercial/LNVv55t_15ARE.png) no-repeat center
    center;
  background-size: contain;
}

.productSubHead {
  font-family: "Klavika Light Condensed";
  font-weight: normal;
  font-size: 22px;
}

.productParagraph {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 23px;
  text-align: justify;
}

.tech {
  font-family: "Klavika" !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  color: grey;
  letter-spacing: 0px;
}

.oemLearnMore {
  text-decoration: none;
  color: black;
  font-family: "Klavika Medium Condensed";
  padding: 10px 20px;
  border: 2px solid black;
  transition: all 0.2s ease-out;
  font-size: 18px;
  letter-spacing: 0px;
  display: none !important;
}

.contactSalesBtn {
  text-decoration: none;
  color: white;
  font-family: "Klavika Medium Condensed";
  padding: 10px 20px;
  border: 2px solid black;
  background: black;
  transition: all 0.2s ease-out;
  font-size: 18px;
  letter-spacing: 0px;
}

.oemLearnMore:hover {
  background: black;
  color: white !important;
}

.contactSalesBtn:hover {
  background: none;
  border: 2px solid black;
  color: black;
}

.productFootnote {
  color: #888;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 16px;
  margin: 40px 0px 0px !important;
}

.productBadges {
  list-style: none;
  padding: 0px;
  margin-top: 30px;
}

.productBadges li {
  padding: 0px 10px 0 0;
  display: inline-block;
}

.closePopUp {
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 20px;
  cursor: pointer;
  background: url(../img/close.svg) no-repeat center center;
  background-size: 50%;
}

.laptopPCs hr {
  background: red;
  height: 2px;
  width: 10% !important;
  display: block;
  margin-bottom: 50px;
  margin-top: 0px;
}

.movetop {
  width: 100%;
  padding: 20px 0px;
  display: block;
  position: relative;
  bottom: 0px;
  background: none;
  border-top: 1px solid black;
  font-size: 18px;
  text-transform: uppercase;
  color: black;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 50px;
  transition: all 0.3s ease;
}

.movetop:hover {
  background: #f2f2f2;
  border-top: 1px solid #f2f2f2;
  color: black;
  letter-spacing: 1px;
}

.shots p {
  margin-left: auto;
  margin-right: auto;
}

.performanceFootnote {
  font-size: 12px;
  line-height: 18px;
  margin-top: 20px;
}

.performanceChart {
  width: 200% !important;
  margin-bottom: 20px !important;
  margin-top: 20px;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .ryzenPro_1_Arrow {
    background: url(../img/sliders/newSliders/ryzenPRO_1.svg) no-repeat center
      right;
    height: 60vh;
  }

  .ryzenPro_2_Arrow {
    background: url(../img/sliders/newSliders/ryzenPRO_2.svg) no-repeat center
      right;
    height: 60vh;
  }

  .newBtn {
    position: absolute;
    transform: translateX(0%);
    left: 35px;
  }

  .productDetailsHolder {
    flex-direction: row;
  }

  .productImageArea,
  .productDetailsArea {
    height: 100%;
  }

  .ryzenPro_Survival {
    background: url(../img/sliders/newSliders/ryzenPRO_SurvivalBG.jpg) no-repeat
      top left;
    background-size: cover;
  }

  .ryzenPro_Survival_Arrow {
    width: 70%;
    height: 80vh;
    background: url(../img/sliders/newSliders/survival.svg) no-repeat bottom
      left;
    background-size: 60%;
  }

  .ryzenPro_Survival .newBtn {
    left: 50% !important;
    position: absolute;
    transform: translateX(-50%);
  }

  .epycChip_Arrow {
    background: url(../img/sliders/newSliders/epycChip_wide.svg) no-repeat
      center right;
    height: 60vh;
  }

  .ryzenPro_rope_Arrow {
    height: 60vh;
    background: url(../img/sliders/newSliders/RyzenPRO_Rope.svg) no-repeat
      center right;
  }

  .epyc_solar_Arrow {
    height: 60vh;
    background: url(../img/sliders/newSliders/epyc_solar.svg) no-repeat center
      right;
  }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .landingLogo {
    width: 150px;
    height: 45px;
  }

  .landingPage {
    width: 100%;
    height: 100vh;
    flex-direction: row;
  }

  .landingSliders {
    width: 100%;
    height: 80vh;
  }

  .landingMenu {
    width: 100%;
    height: 400px;
  }

  .ryzenPro_1_Arrow {
    top: 60%;
    height: 450px;
    background: url(../img/sliders/newSliders/ryzenPRO_1_xs.svg) no-repeat
      center left;
  }

  .epyc_solar_Arrow {
    top: 50%;
    height: 450px;
    background: url(../img/sliders/newSliders/epyc_solar_xs.svg) no-repeat
      center left;
  }

  .ryzenPro_2_Arrow {
    top: 60%;
    height: 450px;
    background: url(../img/sliders/newSliders/ryzenPRO_2_xs.svg) no-repeat
      center left;
  }

  .epycChip_Arrow {
    top: 60%;
    height: 450px;
    background: url(../img/sliders/newSliders/epycChip.svg) no-repeat center
      right;
  }

  .epycChip {
    background-position: -300px;
  }

  .productDetailsHolder {
    flex-direction: column;
  }

  .ryzenPro_Survival_Arrow {
    top: 60%;
    height: 450px;
    background: url(../img/sliders/newSliders/survival.svg) no-repeat bottom
      left;
    background-size: contain;
  }

  .ryzenPro_Survival {
    background: url(../img/sliders/newSliders/ryzenPRO_SurvivalBG.jpg) no-repeat
      bottom right;
    background-size: 200%;
  }

  .ryzenPro_rope_Arrow {
    top: 60%;
    height: 450px;
    background: url(../img/sliders/newSliders/RyzenPRO_Rope.svg) no-repeat
      center left;
  }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .ryzenPro_1_Arrow {
    top: 50%;
    width: 80%;
    height: 350px;
    right: 10%;
    background: url(../img/sliders/newSliders/ryzenPRO_1.svg) no-repeat center
      left;
  }

  .ryzenPro_2_Arrow {
    top: 50%;
    width: 80%;
    height: 350px;
    right: 10%;
    background: url(../img/sliders/newSliders/ryzenPRO_2.svg) no-repeat center
      left;
  }

  .epyc_solar_Arrow {
    top: 50%;
    width: 80%;
    height: 350px;
    right: 10%;
    background: url(../img/sliders/newSliders/epyc_solar.svg) no-repeat center
      left;
  }

  .ryzenPro_rope_Arrow {
    top: 60%;
    width: 80%;
    height: 350px;
    right: 10%;
  }

  .ryzenPro_1,
  .epycChip {
    background-position: left;
  }

  .productDetailsHolder {
    flex-direction: row;
  }

  .ryzenPro_Survival_Arrow {
    top: 60%;
    width: 80%;
    height: 350px;
    right: 10%;
    background: url(../img/sliders/newSliders/survival.svg) no-repeat center
      left;
    background-size: contain;
  }

  .ryzenPro_Survival {
    background: url(../img/sliders/newSliders/ryzenPRO_SurvivalBG.jpg) no-repeat
      bottom right;
    background-size: cover;
  }

  .epycChip_Arrow {
    top: 50%;
    height: 350px;
    background: url(../img/sliders/newSliders/epycChip.svg) no-repeat center
      right;
  }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .landingLogo {
    width: 150px;
    height: 45px;
    left: 55px;
  }

  .landingPage {
    width: 100%;
    height: 100vh;
    flex-direction: column;
  }

  .landingSliders {
    width: 60%;
    height: 100vh;
  }

  .landingMenu {
    width: 40%;
    height: 100vh;
  }

  .newMenu {
    display: none;
  }

  .newBtn,
  .ryzenPro_Survival .newBtn {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
  }

  .ryzenPro_1 {
    background-position: -250px center;
  }

  .productDetailsArea {
    padding: 50px;
  }

  .productDetailsHolder {
    width: 75%;
    height: 70vh;
    box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.5);
  }

  .ryzenPro_Survival {
    background-position: -250px center;
  }
}

/************************************************************************************************/

/**UPDATES ON 29th July**/

.clientSliderWrap {
  width: 100%;
  min-height: 70vh;
  position: relative;
}

.tiger2 {
  background: url(../img/assets/banners/v2/Tiger.jpg) no-repeat center left;
  background-size: cover;
}

.tigerCopy2 {
  width: 300px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/Tiger_Copy.png) no-repeat center
    center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.baloon2 {
  background: url(../img/assets/banners/v2/Baloon.jpg) no-repeat center center;
  background-size: cover;
}

.baloonCopy2 {
  width: 300px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/Baloon_Copy.png) no-repeat center
    center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.bob2 {
  background: url(../img/assets/banners/v2/Bob.jpg) no-repeat center center;
  background-size: cover;
}

.bobCopy2 {
  width: 280px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/Bob_Copy.png) no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.f12 {
  background: url(../img/assets/banners/v2/F1.jpg) no-repeat center center;
  background-size: cover;
}

.turbine2 {
  background: url(../img/assets/banners/v2/turbine.jpg) no-repeat center center;
  background-size: cover;
}

.turbineCopy2 {
  width: 480px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/turbineCopy.png) no-repeat center
    center;
  background-size: contain;
  transform: translateY(-50%);
  top: 50%;
  left: 10%;
}

.f1Copy2 {
  width: 280px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/F1_Copy.png) no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.wave2 {
  background: url(../img/assets/banners/v2/Wave.jpg) no-repeat center center;
  background-size: cover;
}

.waveCopy2 {
  width: 280px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/Wave_Copy.png) no-repeat center
    center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.epycStack {
  background: url(../img/assets/banners/v2/Stack.jpg) no-repeat center center;
  background-size: cover;
}

.epycStackCopy {
  width: 280px;
  height: 400px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/stacksCopy.svg) no-repeat center
    center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.epycBlade {
  background: url(../img/assets/banners/v2/Blade.jpg) no-repeat -200px -350px;
  background-size: 280%;
}

.epycBladeCopy {
  width: 280px;
  height: 300px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/bladesCopy_wide.svg) no-repeat center
    center;
  background-size: contain;
  transform: translate(-80%, -70%);
  top: 80%;
  left: 70%;
}

.epycStack {
  background: url(../img/assets/banners/v2/Stack.jpg) no-repeat center center;
  background-size: cover;
}

.epycStackCopy {
  width: 280px;
  height: 250px;
  display: block;
  position: absolute;
  background: url(../img/assets/banners/v2/stacksCopy.svg) no-repeat center
    center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  background: none;
}

.carousel-indicators li.active {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  background: white;
}

.Ryzen7Chart {
  width: 100%;
  height: 300px;
  display: block;
  background: url(../img/assets/V2/Ryzen7_Chart_mob.svg) no-repeat center left;
}

.Ryzen5Chart {
  width: 100%;
  height: 300px;
  display: block;
  background: url(../img/assets/V2/Ryzen5_Chart_mob.svg) no-repeat center left;
}

.Ryzen7ProChart {
  width: 100%;
  height: 300px;
  display: block;
  background: url(../img/assets/V2/Ryzen7_Pro_5750G_Mob.svg) no-repeat center
    left;
}

.Ryzen5ProChart {
  width: 100%;
  height: 300px;
  display: block;
  background: url(../img/assets/V2/Ryzen5_Pro_5650G_Mob.svg) no-repeat center
    left;
}

.sectionImage {
  margin: 0 auto;
  display: block;
  position: relative;
  height: 200px;
}

.thinkpadWrap {
  background: white;
  padding: 30px;
}

.thinkpadWrap .row {
  align-items: center;
}

.thinkpadLogo {
  width: 200px;
  height: 30px;
  display: block;
  background: url(../img/assets/V2/Thinkpad_P14s_Logo.svg) no-repeat center left;
  background-size: contain;
  margin: 30px 0;
}

.thinkstationLogo {
  width: 200px;
  height: 30px;
  display: block;
  background: url(../img/assets/V2/ThinkStations_P620_Logo.svg) no-repeat center
    left;
  background-size: contain;
  margin: 30px 0;
}

.thinkProducts {
  width: 80%;
  margin-top: 80px;
}

.ryzenPROBadge {
  width: 80px;
  height: 80px;
  display: block;
  position: relative;
  background: url(../img/assets/V2/RyzenPROBadge.png) no-repeat center center;
  background-size: contain;
  margin-bottom: 20px;
}

.lenovoLogo {
  width: 150px;
  height: 60px;
  display: block;
  position: absolute;
  background: url(../img/assets/V2/lenovoLogo.svg) no-repeat center left;
  background-size: contain;
}

.p620sSpecs {
  width: 100%;
  height: 250px;
  display: block;
  background: url(../img/assets/V2/P620S_Spec.svg) no-repeat center left;
  background-size: contain;
}

.epycBtn {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 18px;
  border: 1px solid black;
  color: black;
  border-radius: 50px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.epycBtn.active {
  background: black;
  color: white;
}

.epycBtn:hover {
  background: white;
  color: black;
  padding: 10px 35px;
}

.specialLinks {
  background: white;
  padding: 10px 25px;
  color: black;
  border-radius: 500px;
  font-size: 18px;
  text-transform: uppercase;
  box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  margin-bottom: 20px;
}

.specialLinks:hover {
  background: black;
  color: white;
  box-shadow: 0px 00px 30px -10px rgba(0, 0, 0, 0);
}

.swordBG {
  width: 100%;
  height: 100vh;
  background: url(../img/assets/V2/Sword_mob.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center center;
  position: relative;
}

.SwordCopy {
  width: 300px;
  height: 400px;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 5%;
  background: url(../img/assets/V2/SwordContent_mob.svg) no-repeat center right;
  background-size: contain;
}

#epyc7002Wrap {
  display: none;
}

#epyc90048004Wrap {
  display: none;
}

.ITBenefits .row {
  flex-direction: column-reverse;
}

.LNV_L13_Gen2 {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/ThinkPad_L13_Gen2_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_L13_Gen2:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/ThinkPad_L13_Gen2_2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_X13_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/Thinkpad_X13_Gen2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_X13_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/Thinkpad_X13_Gen2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_T14s_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_T14s_Gen2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_T14s_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_T14s_Gen2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_T14_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_T14_Gen_2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_T14_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_T14_Gen_2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L13Yoga_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L13_Yoga_Gen2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L13Yoga_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L13_Yoga_Gen2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L14_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L14_Gen2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L14_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L14_Gen2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L15_Gen2 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L15_Gen2_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_L15_Gen2:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_L15_Gen2_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_E15_Gen3 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_E15_Gen3_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_E15_Gen3:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_E15_Gen3_2.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_E14_Gen3 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_E14_Gen3_1.png)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.LNV_E14_Gen3:hover {
  background: url(../img/assets/V2/commercial_Laptops/ThinkPad_E14_Gen3_2.png)
    no-repeat center center;
  background-color: #f2f2f2;
  background-size: contain;
}

.LNV_thinkBook14_Gen3 {
  background: url(../img/assets/V2/commercial_Laptops/ThinkBook_14_Gen3_2.png)
    no-repeat center center;
  background-color: #f2f2f2;
  background-size: contain;
}

.LNV_thinkBook14_Gen3:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/ThinkBook_14_Gen3_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14_G2 {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V14_G2_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14_G2:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V14_G2_2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V15_G2 {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V15_G2_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V15_G2:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V15_G2_2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14_ADA {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V14_ADA_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V14_ADA:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V14_ADA_2.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V15_ADA {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V15_ADA_1.png) no-repeat
    center center;
  background-size: contain;
}

.LNV_V15_ADA:hover {
  background: #f2f2f2
    url(../img/assets/V2/commercial_Laptops/Lenovo_V15_ADA_2.png) no-repeat
    center center;
  background-size: contain;
}

.hp_835_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_835_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_835_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_835_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_635Aero_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/proBook_635_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_635Aero_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/proBook_635_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_x360_435_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/proBook_X360_g8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_x360_435_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/proBook_X360_g8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_845_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_845_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_845_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_845_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_855_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_855_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_855_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/elitebook_855_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_445_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/probook_445_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_445_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/probook_445_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_455_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/probook_455_G8_2.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_455_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/probook_455_G8_1.jpg)
    no-repeat center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_245_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/245_G8_1.jpg) no-repeat
    center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_245_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/245_G8_2.jpg) no-repeat
    center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_255_G8 {
  background: url(../img/assets/V2/commercial_Laptops/hp/255_G8_1.jpg) no-repeat
    center center;
  background-size: contain;
  background-color: #f2f2f2;
}

.hp_255_G8:hover {
  background: url(../img/assets/V2/commercial_Laptops/hp/255_G8_2.jpg) no-repeat
    center center;
  background-size: contain;
  background-color: #f2f2f2;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .clientSliderWrap {
    height: 90vh;
  }

  .baloonCopy2,
  .tigerCopy2,
  .bobCopy2,
  .f1Copy2,
  .waveCopy2,
  .epycStackCopy {
    height: 250px;
    transform: translate(-80%, -50%);
    top: 50%;
    left: 80%;
  }

  .Ryzen7Chart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Chart.svg) no-repeat center left;
  }

  .Ryzen5Chart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Chart.svg) no-repeat center left;
  }

  .Ryzen7ProChart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Pro_5750G.svg) no-repeat center left;
  }

  .Ryzen5ProChart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Pro_5650G.svg) no-repeat center left;
  }

  .epycBlade {
    background-size: cover;
    background-position: center left;
  }

  .epycBladeCopy {
    width: 280px;
    height: 300px;
    display: block;
    position: absolute;
    background: url(../img/assets/banners/v2/bladesCopy_wide.svg) no-repeat
      center center;
    background-size: contain;
    transform: translate(-60%, -70%);
    top: 60%;
    left: 70%;
  }

  .swordBG {
    width: 100%;
    height: 100vh;
    background: url(../img/assets/V2/Sword_md.jpg) no-repeat;
    background-attachment: fixed;
    background-position: bottom left;
    position: relative;
  }

  .SwordCopy {
    width: 600px;
    height: 250px;
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 5%;
    background: url(../img/assets/V2/SwordContent-wide.svg) no-repeat center
      right;
    background-size: contain;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .clientSliderWrap {
    height: 60vh;
  }

  .baloonCopy2,
  .tigerCopy2,
  .bobCopy2,
  .f1Copy2,
  .waveCopy2 {
    width: 400px;
    height: 550px;
    transform: translate(-80%, -50%);
    top: 50%;
    left: 80%;
  }

  .Ryzen7Chart {
    width: 100%;
    height: 350px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Chart_mob.svg) no-repeat center left;
  }

  .Ryzen5Chart {
    width: 100%;
    height: 350px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Chart_mob.svg) no-repeat center left;
  }

  .Ryzen7ProChart {
    width: 100%;
    height: 350px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Pro_5750G_Mob.svg) no-repeat center
      left;
  }

  .Ryzen5ProChart {
    width: 100%;
    height: 350px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Pro_5650G_Mob.svg) no-repeat center
      left;
  }

  .epycBlade {
    background-size: 180%;
    background-position: -180px -180px;
  }

  .epycBladeCopy {
    width: 350px;
    height: 400px;
    display: block;
    position: absolute;
    background: url(../img/assets/banners/v2/bladesCopy.svg) no-repeat center
      center;
    background-size: contain;
    transform: translate(-60%, -70%);
    top: 60%;
    left: 70%;
  }

  .epycStackCopy {
    width: 350px;
    height: 400px;
  }

  .ITBenefits .row,
  .elementsWrap .row {
    flex-direction: column-reverse;
  }

  .ITBenefits img,
  .elementsWrap img {
    width: 70%;
  }

  .SwordCopy {
    background: url(../img/assets/V2/SwordContent_mob.svg) no-repeat center
      right;
    height: 450px;
    right: 10%;
  }

  .swordBG {
    height: 60vh;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .clientSliderWrap {
    height: 60vh;
  }

  .baloonCopy2,
  .tigerCopy2,
  .bobCopy2,
  .f1Copy2,
  .waveCopy2 {
    width: 380px;
    height: 400px;
    transform: translate(-80%, -50%);
    top: 50%;
    left: 80%;
  }

  .Ryzen7Chart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Chart.svg) no-repeat Top left;
  }

  .Ryzen5Chart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Chart.svg) no-repeat Top left;
  }

  .Ryzen7ProChart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen7_Pro_5750G.svg) no-repeat Top left;
  }

  .Ryzen5ProChart {
    width: 100%;
    height: 300px;
    display: block;
    background: url(../img/assets/V2/Ryzen5_Pro_5650G.svg) no-repeat Top left;
  }

  .chartHeading {
    margin-bottom: 20px !important;
    max-width: 80%;
  }

  .p620sSpecs {
    width: 100%;
    height: 300px;
  }

  .epycBlade {
    background-size: cover;
    background-position: center left;
  }

  .epycBladeCopy {
    width: 390px;
    height: 400px;
    display: block;
    position: absolute;
    background: url(../img/assets/banners/v2/bladesCopy_wide.svg) no-repeat
      center center;
    background-size: contain;
    transform: translate(-60%, -70%);
    top: 60%;
    left: 70%;
  }

  .ITBenefits .row,
  .elementsWrap .row {
    flex-direction: row-reverse;
  }

  .swordBG {
    background: url(../img/assets/V2/Sword.jpg) no-repeat;
    background-attachment: fixed;
    background-position: -50px -100px;
    height: 80vh;
  }

  .SwordCopy {
    background: url(../img/assets/V2/SwordContent-wide.svg) no-repeat center
      right;
    height: 350px;
  }
}

/**** UPDATION ON 22nd OCT ****/

.whyAMDWrap {
  width: 100%;
  height: calc(100vh - 100px);
  display: block;
  position: relative;
  color: white;
  background: black;
}

.roadmapBGs {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 0;
}

.roadmapLinks {
  position: relative;
  z-index: 1;
}

.epycChipshot {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../img/roadmaps/epyc.png") no-repeat -80px top;
  background-size: 100%;
}

.ryzenChipshot {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../img/roadmaps/RyzenPro.png") no-repeat bottom right;
  background-size: 100%;
}

.roadmapLinks {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 50px;
}

.ryzenlink {
  margin-top: 50px;
}

.epyclink {
  align-self: flex-end;
}

.roadmapLinks h1 {
  font-family: "Klavika-Bold-Condensed" !important;
  text-transform: uppercase;
  line-height: 25px;
  font-size: 30px;
}

.roadmapBtn {
  background: none;
  border: 1px solid white;
  color: white;
  font-family: "Klavika-Medium-Condensed";
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.5px;
  border-radius: 0px;
  transition: all 0.5s ease;
  margin-bottom: 0px;
}

.roadmapBtn:hover {
  background: white;
  color: black;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .epycChipshot {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/roadmaps/epyc.png") no-repeat -50px top;
    background-size: 60%;
  }

  .ryzenChipshot {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("../img/roadmaps/RyzenPro.png") no-repeat bottom right;
    background-size: 50%;
  }

  .ryzenlink {
    margin-top: 00px !important;
  }

  .roadmapLinks {
    flex-direction: row;
  }

  .epyclink {
    align-self: auto;
  }

  .ryzenlink {
    align-self: auto;
    margin-left: 50px;
  }
}

/* nMedium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .epycChipshot {
    background: url("../img/roadmaps/epyc.png") no-repeat left top;
    background-size: 90%;
  }

  .ryzenChipshot {
    background: url("../img/roadmaps/RyzenPro.png") no-repeat bottom right;
    background-size: 90%;
  }

  .ryzenlink {
    margin: 0px;
  }

  .epyclink {
    align-self: flex-end;
  }

  .roadmapLinks {
    height: 60%;
    width: 90%;
    left: 5%;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    flex-direction: column;
    justify-content: space-between;
  }

  .roadmapLinks h1 {
    line-height: 40px;
    font-size: 45px;
  }

  .roadmapLinks h5 {
    font-size: 25px;
  }

  .roadmapBtn {
    font-size: 18px;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .epycChipshot {
    background: url("../img/roadmaps/epyc.png") no-repeat left top;
    background-size: 60%;
  }

  .ryzenChipshot {
    background: url("../img/roadmaps/RyzenPro.png") no-repeat bottom right;
    background-size: 60%;
  }

  .roadmapLinks {
    height: 80%;
    width: 90%;
    left: 5%;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    flex-direction: column;
    justify-content: space-between;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .epycChipshot {
    background: url("../img/roadmaps/epyc.png") no-repeat left top;
    background-size: 50%;
  }

  .ryzenChipshot {
    background: url("../img/roadmaps/RyzenPro.png") no-repeat bottom right;
    background-size: 50%;
  }

  .roadmapLinks {
    height: 60%;
    width: 50%;
    position: relative;
    transform: translateY(-70%) translateX(-50%);
    top: 70%;
    left: 50%;
    flex-direction: column-reverse;
    justify-content: space-between;
  }

  .ryzenlink {
    margin: 0px;
    align-self: flex-end;
  }

  .epyclink {
    align-self: flex-start;
  }
}

.whitepaperPopup {
  width: 30%;
  height: 45vh;
  background: white;
  display: flex;
  position: relative;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  flex-direction: column;
}

.whitepaperArea {
  background: white;
  height: 100%;
  overflow-y: scroll;
  padding: 35px;
  width: 100%;
}

@media (max-width: 767px) {
  .whitepaperPopup {
    width: 100%;
  }
}

@media (min-width: 1920px) {
  .whitepaperPopup {
    height: 30vh;
  }
}