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

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

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

}
@media screen and (max-width: 1024px) {
  
  .logo-bracket{
      opacity: 0 !important;
  }
  .texture-bg .container h1{
    line-height: 50px;
    font-size: 30px;
  }
  .texture-bg .experience-info{
    min-height: auto;
  }
  .footer-title h6{
    white-space: nowrap;
  }
  .footer-title h1{
    white-space: nowrap;
  }
}

@media screen and (max-width: 1100px) {
  .hero-details-wrapper{
    height: 100%;
  }
  .circle-pattern{
      opacity: 0 !important;
  }
  /* .logo-bracket img{
    position: absolute;
    right: -24vh;
    bottom: -13vh;
    height: 85vh;
  } */

  .wordpress-logo {
    top: 52.5vh;
    right: 61vh;
    width: 15vh;
  }
  .umbraco-logo{
    top: 41.5vh;
    width: 14vh;
  }
  .website-logo{
    width: 14vh;
    top: 30vh;
  }
  .react-logo{
    width: 14vh;
    top: 41vh;
    right: 1vh;
  }
  .handshake-logo{
    width: 14vh;
    top: 54.5vh;
    right: 21vh;
  }
  .location-logo{
    width: 12vh;
    top: 63vh;
    right: 42vh;
  }
  .code-logo{
    width: 14vh;
    top: 77vh;
    right: 61vh;
  }
  .nop-logo{
    width: 13vh;
    top: 65vh;
    right: 2vh;
  }
  .adobe-logo {
    width: 13vh;
    top: 76.5vh;
    right: 22vh;
  }
  .design-logo{
    width: 14vh;
    top: 89vh;
    right: 41vh;
  }
  .apple-store{
    top: 88vh;
    right: 81.5vh;
    width: 14vh;
  }
  .play-store{
    width: 14vh;
    top: 87vh;
    right: 1vh;
  }
  .grid-wrapper{
    display: flex;
    flex-direction:column ;
  }
  .connect-info{
    padding-bottom: 50px;
  }
  .outro-wrapper .outro-end label{
    text-align: center;
    width: 600px;
  }
  .join-btn-wrapper a.join-now-btn{
    white-space: nowrap;
  }
  .gradient-img .img-fluid.w-100{
    height: 150px;
  }
  .texture-bg{
    background-size: cover;
  }
}

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

}

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

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

@media screen and (max-width: 768px) {
  .phone-info.footer-contact-info{
    text-align: left;
  }
}

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

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

}

@media screen and (max-width: 520px) {
  .location,.social,.email,.phone{
    width: 100%;
  }
  .texture-bg .container h1{
    line-height: 35px;
    font-size: 20px;
  }
  .join-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}
.contact-frame_captcha-wrp{
  position: relative;
  transform: translate(0, 0);
  left: 0;
}
}

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

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

}

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