@media only screen and (max-width:1400px) {
  .react-shadow{
    margin-top: -12px!important;
    z-index: 999;
   }
  }

  /* ////////////////////////////////////// */
  @media only screen and (max-width:1200px) {
    .react-shadow{
      margin-top: -14px!important;
      z-index: 999;
     }
  }

  /* ////////////////////////////////////////// */
  @media only screen and (max-width:992px) {
    .pre-header{
        display: none !important;
    }
    .slider {
      display: none !important;
    }
    .tablet {
      display: block !important;
    }
    .job-link{
            font-size: 20px!important;
    }
    .postcard__text { 
       align-items: center!important;
    }
    .react{
       min-height: 70vh!important;
   }
    .react-shadow{
     
       margin-top: 0px!important; 
       
    }
    .react-info p{
     
      font-size: 14px!important;
      
  }
  }

  /* /////////////////////////////////////////// */
  @media only screen and (max-width:768px) {
    
    .carousel {
      left: -1%!important;
    }
    .faq-container {
      width: 579px!important;
    }
    .avatar {
      display: none;
    }
    /* .login-content{
     
    } */
    .postcard__text { 
      align-items: center!important;
   }
   .next-img div{
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
   }

  }

  /* //////////////////////////////////////// */
  @media only screen and (max-width:576px) {
    .pre-header{
        display: none !important;
    }
    .header {
      margin: 20px 0px!important;}
    .slider {
      display: none !important;
    }
  
    .tablet {
      display: none !important;
    }
  
    .ipad {
      display: none !important;
    }
  
    .mob-pro {
      display: block !important;
      margin-top: 30px!important;
    }
  
    video::-webkit-media-controls {
      display: none !important;
    }
  
    video {
      outline: none;
    }
    .recruit-info p{
       font-size: 17px!important;
      
    }
    .faq-container {
      width: 338px!important;
    }
    .job-card{
      align-items: center;
    }
    .postcard__text { 
      align-items: center!important;
   }
   .postcard__preview-txt {
    font-size:14px!important;
    margin-left: 20px !important;
  }
  .react-shadow-info span{
   
    font-size: 15px!important;
   
}
.react-shadow-info small{
  
    font-size: 13px!important;
   
}
.table-head tr th{
  font-size: 13px!important;
  }
  .content img, .contents img {
    height:290px!important;
  }
  .drops{
    left:0%!important;
    width: 35%!important;
   
  }
  
.dropss{
  left:0%!important;
  }
 
  .front-details img{
    height: 200px!important;
  }
  .front-details span{
    font-size: 12px!important;
  }
  .front-details p{
    font-size: 18px!important;
}
.front-details h5{
  font-size: 16px!important;
}
.front-details small{
  font-size: 14px!important;
}
.services-infos h1{
  font-size: 18px!important;
}
.services-infos img{
  height: 100px!important;
}
.services-career img{
  height: 200px!important;
  border-radius: 15px;
}
}
/* ///////////////////////////////////// */
 
  @media only screen and (max-width:430px) {
    .react-shadow{
      margin-top:-16px!important;
      z-index: 999;
     }
  }
  @media only screen and (max-width:430px) {
    .slider {
      display: none !important;
    }
  
    .tablet {
      display: none !important;
    }
  
    .ipad {
      display: none !important;
    }
  
    .mob-pro {
      display: block !important;
    }
  
    video::-webkit-media-controls {
      display: none !important;
    }
  
    video {
      outline: none;
    }
    .job-card{
      align-items: center;
    }
   
  }
  @media only screen and (max-width:431px) {
    .services-infos h1{
      font-size: 16px!important;
    }
    .services-career img{
      max-height: 100px!important;
      border-radius: 15px;
    }
  }