@media (min-width: 600px){

  .our-main-cate .title-area{

      display: flex;

      flex-direction: column;

      align-items: center;

  }

  .our-main-cate .title-area p{

      width: 80%;

      text-align: center;

  }

  .our-main-cate .sec-title{

      margin-bottom: 0px;

  }

  .our-main-cate .sub-title{

      margin-bottom: 0px;

  }

}



.center{

  display: flex;

  width: 100%;

  justify-content: center;

}



.our-main-cate .img{

  height: 250px ;

  overflow: hidden;

  cursor: pointer;

}

.our-main-cate .img img{

  height: 100% ;

  width: 100%;

  transition: all 400ms linear;

}

.our-main-cate .img img:hover{

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  scale: 1.2;

}

.our-main-cate h5{

  margin-top: 1rem;

  text-align: center;

}







/* ------ Shop ---  */

.shop-products-harsh h3{

  text-align: center !important;

}







/* --- our-categories */

.our-categories .boxes{

padding: 1rem 0.5rem;

display: flex;

align-items: center;

justify-content: center;

flex-direction: column;

background: #ffde7c;

/* background: var(--theme-color); */

transition: all 0.3s ease-in;

height: 90%;

border-radius: 5px;

margin-bottom: 1rem;

}

.our-categories .boxes:hover{

background: #f5d26a;

}

.our-categories .boxes h5{

max-width: 90%;

text-align: center;

font-weight: 500;

color: white;

}

.our-categories .boxes p{

color: black;

}





/* ==================== Whatsapp =================  */

.whatsapp_float {

  position: fixed;

  width: 60px;

  height: 60px;

  bottom: 100px;

  right: 40px;

  background-color: #25d366;

  color: #fff;

  border-radius: 50px;

  text-align: center;

  /* font-size: 30px; */

  font-size: 30px;

  box-shadow: 2px 2px 3px #999;

  z-index: 100;



  transform: all .5s ease;

  background-color: #25d366;

  line-height: 50px;



}



.whatsapp_float::before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 50px;

  height: 50px;

  background-color: #25d366;

  border-radius: 50%;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

  animation: pulse-border 1500ms ease-out infinite;

}



.whatsapp_float:focus {

  border: none;

  outline: none;

}



.whatsapp-icon {

  margin-top: 16px;

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 1;

  }

}



/* for mobile */

@media screen and (max-width: 767px) {

  .whatsapp-icon {

    margin-top: 0px;

    /* margin-top: 10px; */

  }



  .whatsapp_float {

    width: 40px;

    height: 40px;

    bottom: 15%;

    right: 10%;

    font-size: 2rem;

    /* font-size: 22px; */



    display: flex;

    justify-content: center;

    align-items: center;

  }

}













.pdf-main .main{

    position: fixed;

    bottom: 10%;

    left: 3%;

    height: 55px;

    width: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f7cd00;

    font-size: 1.4rem;

    border-radius: 50%;

    cursor: pointer;

    color:white;

    z-index: 10;

    border: 1px dashed #f7cd00;

}

/*.pdf-main .main::before{*/

/*    position: absolute;*/

/*    content:"See Our Cateloge";*/

/*    right: -150px;*/

/*    font-size: 1rem;*/

/*    background: #f57821;*/

/*    color: white;*/

/*    padding: 0.2rem 0.5rem;*/

/*    border-radius: 15px;*/

/*}*/

.pdf-main .main::before{

    content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 50px;

  height: 50px;

  background-color: #f7cd008f;

  border-radius: 50%;

  -webkit-animation: pulse-border 1500ms ease-out infinite;

  animation: pdf-border 1500ms ease-out infinite;

}



@keyframes pdf-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 1;

  }

}



.pdf-main .pdf{

    position: fixed;

    bottom: 10%;

    left: 3%;

    height: 55px;

    width: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f7cd008f;

    border: 1px dashed white;

    color: white;

    z-index:9;

    font-size: 1.4rem;

    border-radius: 50%;

    cursor: pointer;

    transition: all 400ms ease-in-out;

}



.pdf-main.active .pdf-1{

    bottom: 20%;

}

.pdf-main.active .pdf-2{

    bottom: 30%;

}

.pdf-main.active .pdf-3{

    bottom: 40%;

}



.pdf-main.active .pdf-1::before , .pdf-main.active .pdf-2::before , .pdf-main.active .pdf-3::before{

    position: absolute;

    content:"POWER STEERING KITS";

    left: 70px;

    width: max-content;

    font-size: 1rem;

    /*background: #f57821;*/

    background: #f7cd00;

    color: white;

    padding: 0.2rem 0.5rem;

    border-radius: 15px;

}

.pdf-main.active .pdf-2::before{

    content:"HYD PISTON KITS";

}

.pdf-main.active .pdf-3::before{

    content:"SPINDLE KITS";

}







@media only screen and (min-width: 1100px){

    .th-hero-bg img {

        height: 100%;

        width: 100%;

        object-fit: inherit !important;

    }

    .slick-track {

         height: 600px !important; 

    }

}

@media only screen and (max-width: 500px){

    .space#about-sec{

        padding-top:0rem ;

    }

}

@media only screen and (max-width: 450px){

    .th-menu-toggle {

        width: 40px;

        height: 40px;

    }

    .header-layout1 .header-logo {

        padding-top: 15px;

        padding-bottom: 15px;

        width: 45px;

    }

    .img-box2.tilt-active .img1{

        width:60%;

        margin:auto;

    }

}

.pdf-main{

    display:none !important;

}