/* =========================
   RESPONSIVE
========================= */
@media (max-width:1728px){
  /* .psHeroImgCenter{max-width: 630px;} */
}

@media (max-width:1680px){
  .psHeroImgCenter{max-width: 525px;}
  .psHeroImgLeft, .psHeroImgRight{max-width: 342px;}
  .psHeroImgRight .heroSideImg{margin-top: 120px;}
}

@media (max-width:1600px){
  .psHero{padding-bottom: 40px;}
  .psHeroImgCenter{max-width: 36%;}
  .psHeroImgLeft, .psHeroImgRight{max-width: 22%;}
  .psHeroImgRight .heroSideImg{margin-top: 150px;}
  .psHeroDescription{max-width: 27%;}
  .psProfilePic{width:50px;height:50px;}
  .psBrandCount {font-size: 18px;}
} 

@media (max-width: 1536px){
  .psHero{margin-top: 100px;}
  .psHeroHeading h2{font-size: 62px;}
  .psHeroHeading{top: 80px;}
  .psHeroImgRight .heroSideImg {margin-top: 120px;}
}

@media (max-width:1440px){
  .psHeroHeading h2 {font-size: 50px;line-height: 65px;}
  .psHeroImgLeft,.psHeroImgRight{max-width:23%;}
  .heroRightBtn a{width:65px !important;height:65px;padding:21px;}
  .psHeroDescription p{font-size: 26px;}
  .psHeroImgCenter {max-width: 38%;}
}

@media (max-width:1366px){
  .psHero {padding-bottom: 6px;}
  .psHeroImages{gap: 30px;}
  .psHeroImgCenter{max-width:36%;}
  .psHeroHeading{top: 90px;} 
  .psHeroImgLeft .heroSideImg{margin-bottom: -75px;}
  .psHeroImgRight .heroSideImg{margin-top:98px;}
  .psHeroDescription{max-width:28%;}
  .psHeroDescription p{font-size: 24px;}

  .heroCenterBtn a{padding: 16px 32px; font-size: 22px; padding-right: 82px;}
  .heroCenterBtn a span{width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; padding: 15px;}
  /* .heroCenterBtn a span svg {width: 20px;} */
}


@media (max-width: 1280px) {
  .psHeroImgRight .heroSideImg {margin-top: 85px;}
  .heroRightBtn {top: -10px; right: -10px;}
  .heroRightBtn a {width: 50px !important;height: 50px;padding: 16px;}
}


@media (max-width:1200px){
  .psHeroDescription p {font-size: 22px;}
  .psBrandCount {font-size: 16px;}
  .psProfilePic {width: 46px; height: 46px;}
}

@media (max-width: 1024px) {
  .psHero {padding-bottom: 0px; background-size: 101% 93%;}
  .psHeroHeading {top: 61px;}
  .psHeroHeading h2{font-size:36px;line-height:47px;}
  .heroCenterBtn a{padding:10px 20px;font-size:16px;padding-right:68px;}
  .heroCenterBtn a span{width:35px;height:35px;padding:12px;}


  .psHeroImgLeft, .psHeroImgRight {max-width: 23%;}
  .psHeroDescription p{font-size:19px;}
  .psProfilePic{width:35px;height:35px;}
  .psBrandCount{font-size:14px;}

  .psHeroDescription {max-width: 29%; bottom: 15%;}
  .psHeroDescription p {font-size: 18px; line-height: 24px;}
  .heroRightBtn a {width: 45px !important;height: 45px;padding: 14px;}
  .slick-dots li button {width: 12px;height: 12px;}

}

@media (min-width:821px){
  .centerDeskImg{display: block;}
  .centerMobImg{display: none !important;}
}

@media (max-width: 820px){
  .psHero{background: transparent; padding-bottom: 50px;}
  .psHeroSlider{padding-inline: 0;}
  .psHeroSlide {padding-bottom: 60px;}
  .psHeroHeading, .psHeroImages, .psHeroDescription{padding-inline: 60px;}
  .psHeroImages{position: relative; isolation: isolate; padding-top: 41px;}
  .psHeroImages::after{content: ""; position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; background: url(../images/bgLineMob.png); background-size: 100%; background-size: 100% 100%; background-repeat: no-repeat;}
  .psHeroHeading{position: relative;top: 0; margin-bottom: 10px;}
  .psHeroImages {gap: 30px; row-gap: 50px; flex-wrap: wrap;}
  .psHeroImgCenter {max-width: 100%; order: -1;}
  .psHeroImgLeft, .psHeroImgRight {max-width: 47%;}
  .psHeroImgLeft .heroSideImg {margin: 0;}
  .psHeroImgRight .heroSideImg {margin-top: 0;}
  .psHeroDescription {max-width: 100%;bottom: 0; position: relative; margin-top: 30px;}
  .centerDeskImg{display: none !important;}
  .centerMobImg{display: block;}

  .psHeroImgLeft{padding-left: 40px;}
  .psHeroImgRight{padding-right: 60px;}
  .heroRightBtn a {padding: 13px;}
  .psHero ul.slick-dots{bottom: 0;}
  .psProfilePic {width: 50px;height: 50px;}

  .psHero ul.slick-dots {gap: 0;}
  .psHero .slick-dots li button {width: 10px !important;height: 10px !important;}
  .psHeroImgCenter, .heroSideImg, .psHeroImgLeft .heroSideImg::after, .heroSideImg img, .psHeroImgRight .heroSideImg::after{border-radius: 20px;}

  
}


@media (max-width:610px){
  .psHero {margin-top: 84px;}
  .psHeroSlide {padding-bottom: 40px;}
 
  .psHeroImages{column-gap: 15px;}
  .psHeroImgLeft, .psHeroImgRight {max-width: 48%;}
  .psHeroHeading, .psHeroImages, .psHeroDescription {padding-inline: 30px;}
  .psProfilePic {width: 40px;height: 40px;}
  .psBrandCount {font-size: 12px;}

  
}

@media (max-width:430px){
  .psHeroImages {padding-top: 20px;}
  .psHeroHeading h2{font-size:26px;line-height:35px;}
  .psHeroHeading, .psHeroImages, .psHeroDescription {padding-inline: 20px;}
  .psHeroImgLeft {padding-left: 30px;}
  .psHeroImgRight {padding-right: 40px;}
  .psBrandSection{top: 25px; padding: 2px;}
  .psProfilePic {width: 30px; height: 30px;}
  .psBrandCount {font-size: 10px;}
  .psHeroDescription p {font-size: 14px;line-height: 20px;}
  .psHeroImages {gap: 0;row-gap: 20px;flex-wrap: wrap;}
}

@media (max-width:414px){
  .psHero {margin-top: 70px;}
  .psHeroImages {column-gap: 0;}
  .psHeroHeading h2 {font-size: 22px;line-height: 33px;}
  .heroRightBtn a{width:35px !important;height:35px;padding:14px;display:flex;justify-content:center;align-items:center; padding: 12px;}
  .heroCenterBtn{bottom: 13px;}
  .heroCenterBtn a {padding: 8px 16px; font-size: 15px; padding-right: 60px;}
  .psHeroImgLeft {padding-left: 21px;}
  .psHeroImgRight {padding-right: 26px;}
  .psHeroHeading{margin-bottom: 0;}
  
}


@media (max-width:350px){
  .psHeroHeading h2{font-size:19px;line-height:27px;}
  .psBrandCount {font-size: 8px; margin-left: 16px;}
}