@media (max-width: 1180px) {
   .TopBanner {
      padding: 80px 0 0;
   }

   .bannerInfo {
      text-align: center;
   }

   .brandLogo {
      margin: 0 0 40px;
   }

   .bannerImg-box {
      position: relative;
      margin: auto;
      bottom: 0;
      right: 0;
   }

   .circle-bg {
      display: none;
   }

   .circleSpin-effect {
      right: 10%;
   }

   .verifyInput {
      margin: auto;
   }

   .FollowUs-sec {
      position: relative;
      margin-top: -150px;
   }

   .ProductSwiper .swiper-slide {
      width: 320px;
   }
}

@media (max-width: 991.98px) {
   .detailsInfo {
      text-align: center;
   }

   .shortLogo {
      margin: auto;
   }

   .ProductSwiper .swiper-slide {
      width: 250px;
      height: 250px;
   }

   .custom-space {
      padding: 50px 0;
   }
}

@media (max-width: 767.98px) {
   .dot-effect {
      top: 20px;
   }

   .circleSpin-effect {
      right: -60px;
      width: 100px;
      height: 100px;
      top: 20px;
   }

   .TopBanner {
      padding: 60px 0 0;
   }

   .bannerInfo .brandLogo {
      width: 130px;
      padding: 15px;
   }

   .bannerInfo h1 {
      font-size: 28px;
   }

   .bannerInfo h4 {
      font-size: 18px;
   }

   .bannerImg-box {
      width: 350px;
      height: 350px;
      padding: 15px;
   }

   .bannerImg-box .dot-img2 {
      display: none;
   }

   .verifyInput .ThemeBtn {
      font-size: 14px;
      letter-spacing: 1px;
   }

   .FollowUs-sec {
      margin-top: -100px;
   }

   .custom-space {
      padding: 30px 0;
   }

   .secHead h2 {
      font-size: 28px;
   }

   .bottom-base {
      margin-top: -25px;
   }

   .shortLogo {
      width: 50px;
   }

   .ProductSwiper {
      margin-top: 20px;
   }

   .footerNav {
      padding: 30px 0 30px;
   }

   .footerNav .navCol h4 {
      font-size: 18px;
   }

   .footerNav .navCol a {
      font-size: 14px;
   }

   .copyRight p {
      font-size: 13px;
   }

   .verifyInfo {
      padding: 30px 20px;
   }

   .verifyInfo h5 {
      margin: 0 0 20px;
   }

   .verifyInfo .ThemeBtn {
      position: unset;
      transform: translateY(0%);
      min-height: 50px;
   }

   .verifyInfo .verifyInput .ThemeBtn {
      margin-top: 15px;
   }

   .verifyInfo .verifyInput input {
      padding-right: 25px;
      text-align: center;
   }

   .snack-animation {
      padding: 10px 30px;
   }
}

@media (max-width: 375px) {
   .ThemeBtn {
      padding: 10px 25px;
   }

   .verifyInput input {
      padding-right: 160px;
      font-size: 14px;
   }
}

@media (max-width: 360px) {

   .verifyInput input {
      padding-right: 25px;
      text-align: center;
   }

   .verifyInput .ThemeBtn {
      position: unset;
      transform: translateY(0%);
      margin-top: 15px;
   }

   .bannerImg-box {
      width: 300px;
      height: 300px;
   }

   .secHead h2 {
      font-size: 24px;
   }
}