@media (max-width:2560px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 8%!important;
   }
}
@media (max-width:1600px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 9%!important;
   }
}
@media (max-width:1470px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 10%!important;
   }
}
@media (max-width:1320px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 11%!important;
   }
}
@media (max-width:1200px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 12%!important;
   }
}
@media (max-width:1100px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 13%!important;
   }
}
@media  (max-width: 991px) {
   .mobileloginheader .box{
      padding: 30px 0px 40px 0px;
   }
   .mobileloginheader .mkdir{
     margin-top: -30px;
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     padding-bottom:60px;
   }
   .mobileloginheader .box1 img{
      width:30%;
      margin-top: 10px;
    }
    /* otp verification */
    .mobileotpheader .otp-container .col-md-2{
      max-width: 8%!important;
   }
   .mobileotpheader .box1 .btn{
   
      margin-top: 60px;
      margin-bottom: 60px;
    
   }
   .mobileotpheader .mkdir{
      margin-top: -30px;
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
      background-color: #ffffff;
    }
    .mobileotpheader h1{
      color: #0000009c !important;;
     
    }
 }
@media  (max-width: 575px) {
   .mobileotpheader .otp-container .col-md-2{
      max-width: 16%!important;
      padding: 10px;
   }
    .cartsectionhome .box {
        padding: 14px 0px 10px 0px;
    }
    .cartsectionhome .box h5{
       
        font-size: 12px;
     }
     .footerhome .box {
        padding: 14px 0px 10px 0px;
    }
    .footerhome .box h5{
       
        font-size: 12px;
     }
     .footerhome .box img{
       
       width:50%;
       text-align: center;
     }
     .categoryheader img{
        padding:60px 0px 60px 0px;
        width:50%;
     }
     .categorybackground {
        background-image: url(../images/categorybackground1.jpg);
        width:100%;
        background-size: cover;
        height: 700px;
     }
     /* login */
     .mobileloginheader .box{
      padding: 50px 0px 35px 0px;
   }
     .mobileloginheader .box img{
      width:40%;
      margin-top: 10px;
    }
    .mobileloginheader .box1 h1{
      text-align: center;
      margin-top: 24px;
      color:#000000ad;
      font-family: var(--sm-font);
      font-size: 30px;
      font-weight: 600;
   }
   .mobileloginheader .box1 h4{
      text-align: center;
      color:#000000ad;
      font-family: var(--sm-font);
      font-size: 16px;
      margin-top: 20px;
   
    }
    /* otp verification */

    .mobileotpheader h1{
      color: #0000009c !important;
      font-size: 22px!important;
      font-weight: 500!important;
    }
    .mobileotpheader h4{
      font-size: 17px!important;
    }
    .mobileotpheader h6{
      font-size: 16px!important;
    }
    .mobileotpheader h6{
      font-size: 16px!important;
    }
    .mobileotpheader .box{
      padding:46px 0px 88px 0px;
   }
   .mobileotpheader .box img{
      width:50%;
   }
   /* category */
   .categoryheader .box {
 
      padding: 24px 0px 2px 0px;
   }
   .categoryheader .box img {
 
      width:40%;
   }

   .categoryheader .mkdirs {
      background-image: url(../images/mobilecategoryimage.jpg);
      background-repeat: no-repeat;
      background-position: fixed;
      width:100%;
   }
   .joblist{
      padding-top: 157px;
   }
   /* .joblist .asdf{
    margin: 0px;
   } */
   .dddddd h4{
      font-size: 14px;
   }
   .abouthome img{
      width:25%;
       margin-top:10px;
      }
      .about-content img {
         width: 30%;
         margin-top: 12px;
     }
      .about-content h1{
         font-family: var(--sm-font);
         font-size: 23px;
      }
       .joblist .box .asdf h1 {
         font-size: 15px;
         background-color: #6c757d5e;
         padding: 10px;
         border-radius: 3px;
         text-align: center;
         margin-top: 8px;
        
      }
       .joblist .ratingandreviews{
         margin-top: 40px;
         padding: 10px 0px 10px 10px;
      
      }
      
      .joblist .ratingandreviews .card i{
         font-size: 24px;
       
         border-radius: 5px;
         text-align: center;
         padding:5px;
         color:#e5e5e5;
      }

   


  }


/* hide shoe */
  @media (max-width: 2560px) {
   .footerhome {
       display: none;
   }
 
}
@media (max-width: 575px) {
  
   .footerhome{
      display: block;
  }
  .top-banner-home-page img{
   padding-top: 133px;
}
/* JOB */
.joblist .box .box-content h4 {
   font-size: 19px;
}
.joblist .box .asdf .btn12 {
   margin-top:10px;
}
}
@media (max-width: 508px) {
  .top-banner-home-page img{
   padding-top: 126px;
}

}
@media (max-width: 485px) {
   .joblist .box .asdf .btn12 {
      margin-top:10px;
   } 
   .joblist .box .box-content h4 {
      font-size: 16px;
   }
   .joblist .box .box-content h5 {
      font-size: 15px;
   }
   .joblist .box .box-content h6 {
      font-size: 14px;
   }
   .joblist .box .asdf .btn11 {
      width: 95% !important;
   }
   .joblist .box .asdf .btn12 {
      width: 75% !important;
   }
   .joblist .box .address h4 {
     font-size: 16px;
  }
  .joblist .box .address p {
   font-size: 15px;
}
}
@media (max-width: 472px) {
   .top-banner-home-page img{
    padding-top: 121px;
 }
}
@media (max-width: 426px) {
   .top-banner-home-page img{
    padding-top: 112px;
 }
}
@media (max-width: 375px) {
   .top-banner-home-page img{
    padding-top: 102px;
 }
}
@media (max-width: 320px) {
   .top-banner-home-page img{
    padding-top: 90px;
 }
}


/* @media (max-width: 576px) {
   .footerhome {
      display: block;
  }
  .categoryheader .mkdirs {
   display: none;
}
}
@media (max-width: 576px) {
   .categoryheader .mkdirs {
      display: block;
  }
  .categoryheader .mkdir {
   display: none;
} */