@media only screen and (min-device-width:320px) and (max-device-width : 480px) {

  .logoimg {
    max-width: 220px;
  }

  .futuretxt-1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 4px;
    line-height: 18px;
    text-align: center;

    color: #1F1F1F;
  }

  .head-text-about {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    text-align: center;

    color: #000000;
  }

  .whatis {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
  }

  .cybermny-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 130%;
    /* or 16px */

    text-align: center;

    color: #000000;
  }

  .hwitworks {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: rgba(0, 0, 0, 0.4);
  }

  .maintext {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;

    line-height: 130%;
    text-align: center;
    color: #000000;

  }

  .nocredit-header {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    color: #000000;
  }

  .nocredit-text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 175%;
    /* or 21px */

    text-align: center;

    color: #000000;
  }


  .modal-dialog {
    width: 250px;
    margin: 0 auto;
  }

  .partners {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;

    color: #000000;
  }

  .yelwbg p {
    font-size: 12px;
    line-height: 20px;
  }

  .team-name {
    font-weight: bold;
    font-size: 1.1rem;
  }

  .consumer-head {
    font-size: 20px;
    line-height: 24px;
  }

  .merchant-header {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
  }

  .merhant-Text {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 200%;
    color: #000000;
  }

  p.team-profile {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: -14px;
    color: #000000;
  }


  .prophead {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.2);
  }

  .integratetxt {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
  }

  .valueproptxt {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 200%;
    color: #000000;
  }

  .owl-next {
    position: relative;
    bottom: 100px;
    left: 125px;
  }

  .owl-prev {
    position: relative;
    bottom: 100px;
    right: 125px;
  }

}

@media (min-device-width:481px) and (max-device-width : 641px) {

  

  .form-field>label {
    font-size: 14px;
  }
  .owl-next {
    position: relative;
    bottom: 100px;
    left: 235px;
  }

  .owl-prev {
    position: relative;
    bottom: 100px;
    right: 235px;
  }

 
}
@media only screen and (min-device-width:642px) and (max-device-width : 768px) {

/* @media (max-width: 768px) { */
  
  .owl-carousel .owl-item img {
    width: 100% !important;

  }

  .owl-next span,
  .owl-prev span {
    font-size: 62px;
    line-height: 80%;
    align-items: center;
    text-align: center;
    color: darkgray;
  }

  .owl-next span:hover,
  .owl-prev span:hover {
    color: white;
  }


  .mx-30 {
    margin: 30px !important;
  }

  .aboutbg {
    min-height: 300px;
  }

  .teamcard {
    width: 260px;
    margin: 20px;
  }

  .btn-blockm {
    width: 100%;
  }
  
  .owl-next {
    position: relative;
    bottom: 100px;
    left: 305px;
  }

  .owl-prev {
    position: relative;
    bottom: 100px;
    right: 305px;
  }

}

@media only screen and (min-device-width:769px) and (max-device-width : 992px) {
  .owl-next {
    position: relative;
    bottom: 100px;
    left: 315px;
  }

  .owl-prev {
    position: relative;
    bottom: 100px;
    right: 315px;
  }
  
}