@media (min-width: 320px) and (max-width: 390px){
    .text.sec-text{
      top: 36.3rem;
      left: 16px;
    }
  
    .hero-text  {
      margin-top: 117px;
    }
  }

  @media (min-width: 391px) and (max-width: 445px){
    .text.sec-text{
      top: 30.3rem;
      left: 13px;
    }
  
    .hero-text  {
      margin-top: 119px;
    }
  }

  @media (min-width: 446px) and (max-width: 550px){
    .text.sec-text{
      top: 32.3rem;
      left: 13px;
    }
  
    .hero-text  {
      margin-top: 119px;
    }
  }

  @media (min-width: 550px) and (max-width: 600px){
    .text.sec-text{
      top: 32.3rem;
      left: 45px;
    }
  
    .hero-text  {
      margin-top: 119px;
    }
  }


  @media (min-width: 601px) and (max-width: 640px){
    .text.sec-text{
      top: 32.3rem;
      left: 45px;
    }
  
    .hero-text  {
      margin-top: 119px;
    }
  }

  @media (min-width: 641px) and (max-width: 720px){
    .text.sec-text{
      top: 26rem;
      left: 280px;
      font-size: 29px;
    }
  
    .hero-text  {
      margin-top: 42px;
    }
  }

  @media (min-width: 721px) and (max-width: 767px){
    .text.sec-text{
      top: 26rem;
      left: 332px;
      font-size: 33px;
    }
  
    .hero-text  {
      margin-top: 42px;
    }
  }

  @media (min-width: 768px) and (max-width: 992px) {  
    .text.sec-text{
        top: 38.3rem;
        left: 14px;
      }
    
      .hero-text  {
        margin-top: 119px;
      } 
}  

@media (min-width: 992px) and (max-width: 1200px) {  
    .text.sec-text{
        top: 32.3rem;
        left: 26px;
      }
    
      .hero-text  {
        margin-top: 119px;
      } 
} 

@media (min-width: 1201px) and (max-width: 1240px) {  
  .text.sec-text{
      top: 23.3rem;
      left: 208px;
    }
  
    .hero-text  {
      margin-top: 119px;
    } 
} 

@media (min-width: 1241px) and (max-width: 1310px) {  
  .text.sec-text{
      top: 23.3rem;
      left: 260px;
    }
  
    .hero-text  {
      margin-top: 119px;
    } 
}

@media (min-width: 1378px) and (max-width: 1417px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 305px;
    }
} 

@media (min-width: 1418px) and (max-width: 1438px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 310px;
    }
} 

@media (min-width: 1439px) and (max-width: 1490px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 337px;
    }
} 

@media (min-width: 1491px) and (max-width: 1513px) {  
  .text.sec-text{
      top: 29.3rem;
      left: 355px;
      font-size: 31px;
    }
} 

@media (min-width: 1514px) and (max-width: 1590px) {  
  .text.sec-text{
      top: 29rem;
      left: 385px;
      font-size: 35px;
    }
} 

@media (min-width: 1591px) and (max-width: 1655px) {  
  .text.sec-text{
      top: 29rem;
      left: 423px;
      font-size: 31px;
    }
} 

@media (min-width: 1656px) and (max-width: 1677px) {  
  .text.sec-text{
      top: 28.2rem;
      left: 435px;
    }
} 

@media (min-width: 1678px) and (max-width: 1700px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 446px;
    }
} 


@media (min-width: 1701px) and (max-width: 1740px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 461px;
    }
} 

@media (min-width: 1741px) and (max-width: 1770px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 478px;
    }
} 

@media (min-width: 1771px) and (max-width: 1800px) {  
  .text.sec-text{
      top: 28.3rem;
      left: 497px;
    }
} 


@media (min-width:1801px) and (max-width:1850px) {
  .text.sec-text {
    top: 28.3rem;
    left: 518px
  }
}

@media (min-width:1850px) and (max-width:1880px) {
  .text.sec-text {
    top: 28.3rem;
    left: 548px
  }
}

@media (min-width:1881px) and (max-width:1950px) {
  .text.sec-text {
    top: 28.3rem;
    left: 580px;
    font-size: 38px;
  }
}

@media (min-width:1951px) and (max-width:2000px) {
  .text.sec-text {
    top: 28.3rem;
    left: 601px;
    font-size: 38px;
  }
}