@media all and (max-width: 1234px) {
    .nav {
        padding-left: 30px;
        padding-right: 30px;
    }
    .nav-list {
      margin-left:0;
    }

    .grid-cards {
        overflow:scroll;
    }
    .card {
        margin:0 10px;
    }
    .grid-cards2 {
        overflow:scroll;
    }
    .card2 {
        margin:0 10px;
    }
    .grid-cards3 {
        overflow:scroll;
    }
    .card3 {
        margin:0 10px;
    }
    .cards-div {
      overflow:scroll;
    }
    .grid-for-cards {
      overflow:scroll;
    }
}
/* END 1234 WIDTH */

/* START 1024 WIDTH */

@media all and (max-width: 1024px) {
   
   /* index page strat */
 
   .row-cards {
       grid-template-columns: repeat(3,1fr);
       justify-items: center;
       grid-row-gap:30px;
   }
   .ino-left {
       margin-left:10px;
   }

   .tools-2 {
       flex-direction:column;
       margin-left:47px;
       margin-bottom:60px;
   }

   
    
   /* index page end */



    .nav {
        padding-top:45px;
    }
    .nav-list2 {
       position:absolute;
       right:35%;
       top:10px;
   }
   .header-cont h3 {
       font-size:20px;
       line-height:80px;
       top:110px;
   }
   .header-cont h1 {
       font-size:80px;
       line-height:76px;
   }
   .header-cont h4 {
       font-size:20px;
       line-height:25px;
   }


   .p-services h1 {
       font-size:50px;
   }
   .line {
       margin:25px auto;
   }
   .p-services p {
       max-width:650px;
   }

   .p-hq h1 {
    font-size:50px;
   }
   .grid-text {
       grid-template-columns: 1fr;
       margin-bottom:0;
   }
   .text {
       margin:0 auto;
   }

   .p-solutions h1 {
    font-size:50px;
   }
   .hosted-tools h1 {
    font-size:50px;
   }
   .hosted-tools h3 {
    max-width:650px;
   }
   .big-cards {
       grid-template-columns: 1fr;
       padding-bottom:20px;
   }

   .complete h1 {
    font-size:50px;
   }

   .tools {
       flex-direction:column;
   }
   .t-text {
       width:100%;
       
   }
   .t-text h1 {
    text-align:center;
    font-size:50px;
    max-width:650px;
   }
   .goal-list {
       max-width:100%;
       justify-content: center;
   }
   .list-gitem {
       display:flex;
       flex-direction:column;
       align-items: center;
   }

   .integration {
       min-height:850px;
       max-width:470px;
       background-image:url('../images/contact\ mobile.png');
       background-size:cover;
       background-position:center;
       background-repeat:no-repeat;
       flex-direction:column;
       justify-content: space-between;
       margin:40px 0;
   }
   .int-text {
       max-width:100%;
   }
   .int-img {
       display:none;
   }
   .int-img2 {
       max-width:100%;
       background-image:url('../images/developers_image.png');
       background-repeat: no-repeat;
       background-size:contain;
       background-position:top;
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       display:flex;
   }

   .plugg {
       flex-direction:column;
   }
   .plugg-word {
       margin-bottom:15px;
   }
   .plugg h2 {
       margin:0;
       font-size:20px;
       text-align:center;
   }

   .contact {
       padding:30px 0;
   }
   .m-part {
       max-width:470px;
       min-height:1152px;
       flex-direction:column;
       justify-content: space-between;
   }
   .left-div {
       max-width:100%;
   }
   .contact-right {
       max-width:100%;
   }
   .contact-right form {
       position:initial;
   }

   .row-top {
       flex-direction:column;
       align-items: center;
   }
   .logo {
       margin-bottom:20px;
   }
   .simbol {
       margin-bottom:20px;
   }
}
/* END 1024 WIDTH */

/* START 768  WIDTH */


@media all and (max-width: 768px) {

   /* index page start */

   .header-cont2 h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    transform:translateY(5px);
   }
   .header-cont2 h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 50px;
    max-width:320px;
   }
   .header-cont2 h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    max-width:289px;
   }

   .p-serve h1 {
       font-size:36px;
       line-height:40px;
       font-weight:700;

   }

   .row-cards {
       grid-template-columns: repeat(2,1fr);
       grid-column-gap:10px;
       
   }

   .inovate {
       flex-direction:column;
       margin-bottom:40px;
   }
   .ino-left {
       display:none;
   }
   .ino-mob {
       display:block;
       width:100%;
       max-width:100%;
       min-height:485px;
   }
   .box h1 {
    font-size:36px;
    line-height:40px;
    font-weight:700;

}
   .box p {
    font-size:16px;
    line-height:20px;
    font-weight:600;

}

.t-text2 h1 {
    font-size:36px;
    font-weight:700;
    line-height:40px;
}
.t-text2 h3 {
    font-size:20px;
    font-weight:700;
    line-height:24px;
    height:55px;
}
.goal-list2 {
    flex-direction:column;
}
.list-gitem2 {
    margin-bottom:20px;
    max-width:100%;
}


   /* index page end */


   /* maestro page start */

   .header-cont3 h3 {
    font-size: 16px;
    line-height: 23px;
    position: initial;
    transform: translateY(-15px);
}
.header-cont3 h1 {
    font-size: 46px;
    line-height: 50px;
}
.header-cont3 h4 {
    font-size: 16px;
    line-height: 22px;
    max-width: 241px;
}

.serve-info {
    padding:0 10px;
}
.maestro h1 {
    font-size: 36px;
    line-height: 40px;
}
.payments-div h1 {
    font-size: 36px;
    line-height: 40px;
}
.d-solutions h1 {
    font-size: 36px;
    line-height: 40px;
}
.hosted-tools2 h1 {
    font-size: 36px;
    line-height: 40px;
}
.hosted-tools2 h3 {
    max-width: 512px; 
}

.big-cards2 {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
}
.complete2 {
    padding:0 10px;
}
.complete2 h1 {
    font-size: 36px;
    line-height: 40px;
    max-width:500px;
}

   /* maestro page end */

   .nav-list {
        display:none;
    }
   .nav-list2 {
       position:initial;
       display:none;
   }
   .nav-btn {
       display:flex;
   }

   .nav-list-mob {
    display:flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom:95px; 
}
.nav-list-mob li {
    margin:0 5px;
}
.nav-list-mob li a {
    color:#fff;
    font-size:26px;
    line-height:46px;
    font-weight:700;
    padding:5px 15px;
}

   .mob-nav {
       width:100%;
       min-height:680px;
       background-image:url('../images/contact\ mobile.png');
       background-size:cover;
       background-position:center;
       background-repeat: no-repeat;
       display:flex;
       flex-direction:column;
       justify-content: center;
       align-items: center;
       position:absolute;
       z-index:100;
       display:none;
      
   }
   .open {
    display:flex;
   }
   .wrap {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    position:absolute;
   }
   .info-list-mob {
       margin-bottom:50px;
       width:202px;
   }
   .info-list-mob li {
       display:flex;
       
   }
   .info-list-mob li h2 {
       font-size:16px;
       line-height:34px;
       font-weight:700;
       color:#fff;
       margin-bottom:0;
       padding-left:15px;
   }


   .register-mob {
    width:278px;
    height:46px;
    border-radius:28px;
    padding-left:17px;
    display:flex;
    align-items: center;
    background: linear-gradient(352deg, rgba(29,34,44,1) 0%, rgba(49,51,67,1) 100%, rgba(85,29,171,1) 100%);
    color:#fff;
    font-size:16px;
    font-weight:700;
    position:relative;

}
.register-mob:hover {
    color:#fff;
}
.register-mob::after {
    
    content: '>';
    width: 12px;
    height: 7;
    position: absolute;
    top: 15%;
    right: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.top-part {
    position:absolute;
    top:0;
    width:100%;
    display:flex;
    justify-content: space-between;
}
.logo-mob {
    width:90px;
    height:31px;
    margin-top:15px;
    margin-left:25px;
}
.logo-mob img {
    width:100%;
    
}
.close-nav {
    width:35px;
    height:35px;
    margin-right:25px;
}
.close-nav::after {
    
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
  color:#fff;
  font-size:30px;
}

.nav {
    padding-top:20px;
}

.header-cont h3 {
    font-size:16px;
    line-height:23px;
    position:initial;
}
.header-cont h1 {
    font-size:46px;
    line-height:50px;
    
}
.header-cont h4 {
    font-size:16px;
    line-height:22px;
    max-width:241px;
    
}

.p-services h1 {
    font-size:36px;
    line-height:40px;
}
.p-services p {
    font-size:16px;
    line-height:20px;
    max-width:400px;
    padding:0 10px;
}

.p-hq h1 {
    font-size:36px;
    line-height:40px;
}
.p-solutions h1 {
    font-size:36px;
    line-height:40px;
}
.hosted-tools h1 {
    font-size:36px;
    line-height:40px;
}
.hosted-tools h3 {
    font-size:16px;
    line-height:20px;
    max-width:300px;
}
.big-card h2 {
    font-size:26px;
    line-height:60px;
    margin-bottom:15px;
}
.complete h1 {
    font-size:36px;
    line-height:40px;
    max-width:500px;
}

.goal-list {
    flex-direction:column;
    align-items: center;
}
.list-gitem {
    margin-bottom:0;
}
.int-text {
    padding-top:0px;
    transform:translateY(-50px);
}
.int-text h2 {
    font-size:35px;
    line-height:40px;
    max-width:200px;
}
.int-text p {
    font-size:16px;
    line-height:22px;
    max-width:278px;
}

.register {
    width:228px;
}
.plugg {
    padding:50px 0;
}
.plugg-word {
    margin-bottom:80px;
    

}
.plugg h2 {
    line-height:28px;
    max-width:269px;
}

.left-div h1 {
    font-size:36px;
    line-height:40px;
}
.left-div h2 {
    font-size:20px;
    line-height:24px;
}
.m-part {
    min-height:auto;
}

.btm-nav {
    flex-direction:column;
    align-items: center;
}


}

/* END 768  WIDTH */


/* START 425  WIDTH */


@media all and (max-width: 425px) {

  /* index page start */
 
  .row-cards {
      padding:0 10px;
      grid-column-gap:6px;
      grid-row-gap:6px;
  }
  .goal-list2 {
      max-width:100%;
  }
  .list-gitem2 {
      margin-bottom:20px;
      
  }
  .t-text2 {
      width:100%;
  }
  .plugg-word h3 {
      margin-bottom:20px;
  }

  /* index page end */



  /* maestro page start */

.header-cont3 h1 {
    max-width:320px;
}
.maestro {
    margin:50px 0;
}
.maestro p {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #495057;
    width:290px;
}
.payments-div>p {
    width:300px;
}
.d-solutions p {
    width:300px;
}
.hosted-tools2 h3 {
    max-width: 300px;
}
.big-card2 p {
    max-width: 290px;
    margin: 0 auto;
}
.complete2 h1 {
    font-size: 36px;
    line-height: 40px;
    max-width: 300px;
    padding-top:86px;
}
.lgo {
    margin-bottom:70px;
}
.t-text h1 {
    padding-top:0;
    width:300px;
    text-align:center!important;
}

  /* maestro page end */

  .big-card {
    margin-bottom:80px;
  }
  .big-card p {
    max-width:290px;
    margin:0 auto;
    
  }
  .complete h1 {
      max-width:301px;
  }

  .form input {
      width:290px;
     
  }
  .form textarea {
      width:290px;
  }
  .div1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .labelname {
      left:50px;
  }
  #contact-btn {
      max-width:290px;
  }

  .copy-r {
      max-width:209px;
  }
  .copy-r  h4{
      text-align:center;
  }
}

/* END 425  WIDTH */