/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .footer .row1 .col {
    flex-basis: 100%;
  }

  .footer .row1 .col:nth-child(2),
  .footer .row1 .col:nth-child(3) {
    flex-basis: 100%;
  }

  .bg-color {
    background: #f5f5f7;
  }

  .container1 {
    width: 100%;
    margin: 10px 0;
  }

  .work-with-me h1 {
    font-size: 50px;
  }

  .bar-body .output h1 {
    font-size: 70px;
  }

  .word-section h1 {
    font-size: 60px !important;
  }


  .banner_section2 .mani-tag-line h2 {

    font-size: 42px !important;
    letter-spacing: 0;

    line-height: 34px;
    font-weight: 650;
   


  }

  
.container-popup .project-start p{
  width: 250px;
  margin-left: 50px;
}
  .newZealand {
    top: 85%;
    left: 83%;
    
  }



  
.banner_section2 .link {
 font-size: 15px !important;
 margin-top: -20px;
}



  .banner_section2 .name h5 {
    font-size: 17px !important;
  }



  .faq-section .title h1 {
    font-size: 50px;
  }

  .banner_section2 .link {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 20px;
    font-weight: 500;
  }

  .contact-section {
    margin: 10px;
  }
  .contact-section .form {
    padding: 0;
  }

  .contact-section .from-titel .check-5 {
    margin: 20px 20px;
  }

  .banner_section2 .main-pp {
    width: 50%;
    height: 50%;
  }

  .coustemer-section .title h2 {
    font-size: 25px;
  
  }



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .footer .row1 .col {
    flex-basis: 100%;
  }

  .footer .row1 .col:nth-child(2),
  .footer .row1 .col:nth-child(3) {
    flex-basis: 100%;
  }

  .bg-color {
    background: #f5f5f7;
    width: 100%;
  }

  .container1 {
    width: 100%;
    margin: 10px 0;
  }

  .banner_section2 .mani-tag-line h2 {
    font-size: 80px;
  }

  .banner_section2 .name h5 {
    font-size: 25px;
  }

  .work-with-me h1 {
    font-size: 80px;
  }

  .bar-body .output h1 {
    font-size: 80px;
  }
  .word-section h1 {
    font-size: 80px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .footer .row1 .col {
    flex-basis: 25%;
    padding: 10px;
  }

  .footer .row1 .col:nth-child(2),
  .footer .row1 .col:nth-child(3) {
    flex-basis: 15%;
  }
  .banner_section2 .mani-tag-line h2 {
    font-size: 90px;
  }

  .banner_section2 .name h5 {
    font-size: 30px;
  }

  .work-with-me h1 {
    font-size: 100px;
  }

  .bar-body .output h1 {
    font-size: 100px;
  }

  .word-section h1 {
    font-size: 110px;
  }
}



/* Large devices (laptops/desktops, 1025px and up) */
@media only screen and (min-width: 1025px) {
  .banner_section2 .mani-tag-line h2 {
    font-size: 80px;
  }

  .header {
    padding: 20px 25px;
  }

  .bar-body .output h1 {
    font-size: 120px !important;
  }
}
@media only screen and (max-width: 1025px) {
  .header {
    padding: 1.25rem 4%;
  }

  .header #menu-icon {
    display: block;
  }

  .header .navbar1 {
    position: fixed;
    top: 85px;
    left: 0;
    width: 100%;
    padding: 0.5rem 6%;
    display: none;
    background: rgba(255, 255, 255, 0.6);
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
  }

  .header .navbar1.active {
    display: block;
  }

  .header .navbar1 a {
    display: block;
    margin: 1.5rem 0;
  }

  .nav-bg.active {
    display: block;
  }

  .header .navbar1 ul li {
    width: 100%;
  }

  .header .navbar1 ul li ul {
    position: relative;
    width: 100%;
  }

  .header .logo {
    font-size: 15px;
  }

  .navbar2 {
    display: none;
  }

  .word-section h1 {
    font-size: 120px;
    font-weight: 700;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .header {
    padding: 20px 120px;
  }
}