@media(max-width:900px){
  nav,
  .btn-header{
    display:none;
  }

  .hero{
    padding-top:120px;
  }

  .hero-content{
    grid-template-columns:1fr;
    gap:40px;
    text-align:center;
  }

  .hero p{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-buttons{
    justify-content:center;
  }

  .hero-visual{
    min-height:420px;
  }

  .numbers-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:520px){
  .hero h1{
    font-size:46px;
  }

  .numbers-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){
  .services-grid{
    grid-template-columns:1fr;
  }

  .section-header{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:900px){

    .process-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:900px){

.portfolio-grid{

grid-template-columns:1fr;

}

}

@media(max-width:900px){
  .advantages-layout{
    grid-template-columns:1fr;
    gap:50px;
  }

  .advantages-header{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .advantages-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .advantage-card{
    min-height:auto;
    padding:26px;
  }
}

@media(max-width:900px){
  .faq-layout{
    grid-template-columns:1fr;
    gap:50px;
  }

  .faq-header{
    position:static;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:520px){
  .faq-question{
    padding:21px;
    font-size:16px;
  }

  .faq-answer p{
    padding:0 21px 22px;
  }
}

@media(max-width:900px){
  .internal-hero{
    padding-top:145px;
  }

  .internal-hero-content{
    grid-template-columns:1fr;
    gap:55px;
    text-align:center;
  }

  .internal-hero-text p{
    margin-left:auto;
    margin-right:auto;
  }

  .services-hero-visual{
    min-height:430px;
  }

  .service-detail-card,
  .service-detail-card.reverse{
    padding:34px;
    grid-template-columns:1fr;
    gap:35px;
  }

  .service-detail-card.reverse .service-detail-icon,
  .service-detail-card.reverse .service-detail-content{
    order:initial;
  }

  .service-detail-icon{
    min-height:250px;
  }

  .services-combination-box,
  .footer-cta{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .internal-hero-text h1{
    font-size:43px;
    letter-spacing:-2px;
  }

  .services-hero-visual{
    min-height:360px;
  }

  .services-core{
    width:190px;
    height:190px;
  }

  .services-core img{
    width:70px;
  }

  .service-orbit{
    min-width:auto;
    padding:11px 13px;
    font-size:12px;
  }

  .service-orbit-one{
    top:25px;
    left:0;
  }

  .service-orbit-two{
    top:80px;
    right:0;
  }

  .service-orbit-three{
    bottom:60px;
    left:0;
  }

  .service-orbit-four{
    right:10px;
    bottom:10px;
  }

  .service-detail-card{
    padding:25px;
    border-radius:26px;
  }

  .service-detail-icon{
    min-height:210px;
  }

  .service-detail-icon svg{
    width:68px;
    height:68px;
  }

  .service-features{
    grid-template-columns:1fr;
  }

  .services-combination-box{
    padding:35px 26px;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:620px){
  .service-detail-visual{
    min-height:230px;
  }

  .browser-mockup{
    width:96%;
  }
}
@media(max-width:1050px){
  .hero-premium-layout{
    grid-template-columns:1fr;
    text-align:center;
  }

  .hero-premium-content > p{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-premium-buttons,
  .hero-premium-services{
    justify-content:center;
  }

  .hero-tech-visual{
    width:min(720px,100%);
    margin:0 auto;
  }
}

@media(max-width:700px){
  .hero-premium{
    padding:135px 0 75px;
  }

  .hero-premium h1{
    font-size:45px;
    letter-spacing:-2px;
  }

  .hero-tech-visual{
    min-height:460px;
  }

  .hero-laptop{
    max-width:94%;
  }

  .hero-laptop-screen{
    height:270px;
    grid-template-columns:52px 1fr;
  }

  .floating-phone{
    width:110px;
    height:220px;
    right:-5px;
  }

  .phone-screen{
    height:188px;
  }

  .card-system{
    top:8px;
    right:0;
  }

  .card-online{
    left:0;
    bottom:5px;
  }

  .floating-tech-card{
    min-width:155px;
    padding:10px;
  }
}

@media(max-width:520px){
  .hero-premium-services{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .hero-premium-services div{
    justify-content:center;
  }

  .hero-tech-visual{
    min-height:370px;
  }

  .hero-laptop-screen{
    height:220px;
    padding:8px;
    grid-template-columns:42px 1fr;
  }

  .dashboard-menu{
    width:28px;
    height:28px;
  }

  .dashboard-metrics{
    gap:5px;
  }

  .metric-card{
    height:57px;
    padding:7px;
  }

  .metric-card strong{
    font-size:13px;
  }

  .dashboard-bottom{
    grid-template-columns:1fr;
  }

  .dashboard-status{
    display:none;
  }

  .chart-area{
    height:75px;
  }

  .floating-phone{
    display:none;
  }

  .floating-tech-card{
    min-width:140px;
  }

  .card-system{
    top:0;
  }

  .card-online{
    bottom:0;
  }
}