@media only screen and (max-width: 1440px) {
    .link-wrap {
        top:5px;
        right:45px;
    }
    .tool-1 {
        padding:0 15px;
    }
    .tool-1 h1 {
        font-size:40px;
    }
    .div-img {
        margin:0 40px;
    }

    .tool-2 {
        padding:0 15px;
    }
    .tool-2 h1 {
        font-size:40px;
    }

    .tool-3 {
        padding:0 15px;
    }
    .tool-3 h1 {
        font-size:40px;
    }
    .tool-4 {
        padding:0 15px;
    }
    .tool-4 h1 {
        font-size:40px;
    }

    .omni-text h1 {
        font-size:40px;
    }
}

/* END  1440 WIDTH */

/* START 1024 WIDTH */

@media only screen and (max-width: 1024px) {
  .navbar-brand {
      position:absolute;
  }
  .navbar-nav {
      transform:translateY(55px);
  }

  .prod-text {
      padding:0 15px;
  }
  .prod-text h1 {
      font-size:40px;
  }

  .card-div2:hover {
    height:552px;
    position: static;
    justify-content: center;
}
.card-div2:hover::after{
    content:'';
    background-image:none;
    background-repeat: no-repeat;
   
}
.c-1::before {
    content: '';
    height:552px;
    width:100%;
    max-width:380px;
   
    position: absolute;
    opacity: 0.8;
}
.c-2::before {
    content: '';
    height:552px;
    width:100%;
    max-width:380px;
    
    position: absolute;
    opacity: 0.8;
}
.c-3::before {
    content: '';
    height:552px;
    width:100%;
    max-width:380px;
    
    position: absolute;
    opacity: 0.8;
}
.c-4::before {
    content: '';
    height:552px;
    width:100%;
    max-width:380px;
    
    position: absolute;
    opacity: 0.8;
}
.c-5::before {
    content: '';
    height:552px;
    width:100%;
    max-width:380px;
    background-color: #a0d158;
    position: absolute;
    opacity: 0.8;
}

.card-div2 h2 {
    font-size:20px;
}
.card-div2 p {
    font-size:16px;
}

.pay-sol h2 {
    font-size:30px;
}

.card-div h2 {
    font-size:20px;
}
.card-div p {
    font-size:16px;
}
.card-div:hover {
    height:552px;
    position: static;
    justify-content: center;
}
.card-div:hover::after{
    content:'';
    background-image:none;
    background-repeat: no-repeat;
   
}
.tools-title h2 {
    font-size:30px;
}

.sol-text {
    max-width:400px;
}
.omni-text h1 {
    font-size:30px;
}

.developers {
    justify-content: center;
}
.dev-text {
    margin:0;
}
.dev-text h2 {
    font-size:30px;
}
.dev-text h1 {
    font-size:40px;
}

}

/* END 1024 WIDTH */

/* START 768 WIDTH */

@media only screen and (max-width: 768px) {
    .header {
        min-height:500px;
    }
    .navbar-brand {
        position:static;
    }
    
    .nav2 {
        position:absolute;
        top:10px;
        right:45%;
    }

    .navbar-collapse {
        background-color:#233b86;
        padding:20px 0;
        z-index:5;
    }
    .navbar-toggler {
        background-color:#233b86;
    }
    .navbar-nav {
        margin:0!important;
        transform: none;
    }
    .nav-item {
        margin-bottom:15px;
    }
    .link-w {
        text-align:center;
    }

    .c-row {
        flex-direction: column;
    }
    .md-2 {
        width:100%;
        display:flex;
        justify-content: center;
    }

    .card-div {
        max-width:100%;

    }
    .card-div:hover {
        
        position:static;
        height:552px;
        z-index:20;
        justify-content: center;
    }
    .card-div:hover::after{
        content:'';
    }

    .tool-1 {
        flex-direction: column;
        padding:20px 10px;
    }
    .tool-1 h1 {
        font-size:25px;
    }
    .tool-1 p  {
        font-size:16px;
        line-height:normal;
        text-align:center;
    }
    .div-img {
        margin-bottom:15px;
    }

    .tool-2 {
        flex-direction: column;
        padding:20px 10px;
    }
    .tool-2 h1 {
        font-size:25px;
    }
    .tool-2 p  {
        font-size:16px;
        line-height:normal;
        text-align:center;
    }

    .tool-3 {
        flex-direction: column;
        padding:20px 10px;
    }
    .tool-3 h1 {
        font-size:25px;
    }
    .tool-3 p  {
        font-size:16px;
        line-height:normal;
        text-align:center;
    }

    .tool-4 {
        flex-direction: column;
        padding:20px 10px;
    }
    .tool-4 h1 {
        font-size:25px;
    }
    .tool-4 p  {
        font-size:16px;
        line-height:normal;
        text-align:center;
    }

    .div-1 {
        flex-direction: column;
        margin-bottom:15px;
    }

    .solutions {
        padding:30px 0;
    }
    .sol-text {
        padding:0;
        text-align:center;
    }

    .extra h1 {
        font-size:20px;
    }

    .dev-text {
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align:center;
    }

    .footer {
        flex-direction: column;
        align-items: center;
        padding:20px;
    }

    .explore-1 {
        text-align:center;
    }
    .ex-links {
        justify-content: center;
    }
    
}

/* END OF 768 WIDTH  */

/* START 435 WIDTH */

@media only screen and (max-width: 425px) {
  .nav2 {
      right:-10px;
  }
  .navbar-brand {
      transform: translateY(30px);
  }
  .navbar-toggler {
      margin-top:30px;
  }

  .header-content {
      margin-top:100px;
      padding:10px;
  }

  .header-content  h1{
      font-size:30px;
  }
  .header-content  h2{
      font-size:25px;
  }

  .h-btn {
      font-size:20px;
  }

  .prod-text h1 {
      font-size:30px;
  }

  .payments h2 {
      font-size:30px;
  }
  .products {
      background-image:none;
  }

  .sup-img {
      display:none;

  }
  .sup-ul {
      
      width:100%;
      padding:10 20px
  }
  .sup-ul li {
      font-size:16px;
  }
  .sup-cont {
      width:100%;
      
  }
  .dev-text {
      padding:0 15px;
  }
  .dev-text h1 {
      font-size:30px;
  }
 
  .extra h1 {
      text-align:center;
  }
  .ex-links {
      flex-direction: column;
  }
  .ex-links a {
      margin-bottom:25px;
  }

  .copy {
      font-size:10px;
  }
}
/* END 425 WIDTH */  

/* START 320 WIDTH */



@media only screen and (max-width: 320px) {
    .select {
        font-size:10px;
    }
    .link-wrap p {
        font-size:10px;
    }
    .navbar-brand {
        max-width:150px;
    }
    .navbar-brand img {
        width:100%;
    }
    .div-1 {
        padding:0 20px;
    }
    .sol-text h3 {
        font-size:18px;
    }
    .sol-text p {
        font-size:15px;
        line-height:normal;
    }
}