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

@media screen and (max-width: 1660px) {
  
  
  .texth3 {
    margin: 0;
    font-size: 54px;
  }
  .sec2nd p {
    font-size: 16px;
  }

  
}
@media screen and (max-width: 1440px) {
  
  .nav-tabs-wrapper {
    width: 90%;
  }
  .nav-tabs-wrapper .tab-btn {
    padding: 1rem;
  }
  
  .texth3 {
    font-size: 30px;
  }
  .sec2nd p {
    font-size: 16px;
  }

  
}
@media screen and (max-width: 1280px) {
  
  .nav-tabs-wrapper {
    width: 100%;
  }
  .nav-tabs-wrapper .tab-btn {
    padding: 1rem;
    font-size: 16px;
  }
  .feature img {
    width: 90px;
  }
  .feature h6 {
    font-size: 20px;
  }
  .apply-btn {
    font-size: 20px;
  }
  .apply-btn img {
    width: 24px;
  }

  .texth3 {
    font-size: 38px;
  }
  .sec2nd p {
    font-size: 18px;
  }
 
}
@media screen and (max-width: 1080px) {
 
  .texth3 {
    font-size: 34px;
  }
  .sec2nd p {
    font-size: 16px;
  }

  .text {
    font-size: 16px;
    padding: 0 10px;
    border-right: 2px solid #000;
  }
  .feature img {
    width: 80px;
  }
  .feature h6 {
    font-size: 17px;
  }
}
@media screen and (max-width: 990px) {
  
  .nav-tabs-wrapper .tab-btn {
    width: auto;
    font-size: 16px;
  }
  
  .texth3 {
    text-align: center;
  }
  .sec2nd p {
    text-align: center;
  }
  .feature {
    width: 25%;
    padding: 2rem 1rem;
  }
  .borderRight {
    border-left: none !important;
    border-right: 1px solid #adadad;
  }
  .borderButtonMid {
    border-bottom: 1px solid #adadad;
  }
  .feature img {
    width: 70px;
  }
  .feature h6 {
    font-size: 16px;
  }
  .rankingCard:hover {
    transform: translateY(0px);
  }
  .rankingCard {
    height: 280px;
  }
  .footerImg {
    height: 450px;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 768px) {
  
  .footerImg {
    object-position: left;
  }
  
  .herosection {
    margin-top: 80px !important;
    height: 800px !important;
  }
  .texth3 {
    font-size: 28px;
  }
  
}
@media screen and (max-width: 600px) {
 
}
@media screen and (max-width: 500px) {
 
}
@media screen and (max-width: 450px) {
  
  .herosection {
    margin-top: 30px !important;
  }
  .sec2nd p {
    margin: 0;
  }
}
@media screen and (max-width: 425px) {
  
  .texth3 {
    font-size: 24px;
  }
 
}