/*==================== All Large Devices Start=============================*/
@media only screen and (min-width: 991px) {}

/*==================== All Large Devices End=============================*/
/*==================== Wide Screens Start=============================*/
@media only screen and (min-width: 1900px) {
  html {
    font-size: 16px;
  }
}

/*==================== Wide Screens End=============================*/
/*==================== Extra Large Devices=============================*/
@media only screen and (min-width : 1400px) and (max-width: 1900px) {
  html {
    font-size: 12px;
  }
}

/*==================== Extra Large Devices=============================*/
/*==================== Normal Devices Start=============================*/
@media only screen and (min-width : 1200px) and (max-width: 1400px) {}

/*==================== Normal Devices End=============================*/
/*==================== Normal Devices Start=============================*/
@media only screen and (min-width : 992px) and (max-width: 1200px) {}

/*==================== Normal Devices End=============================*/
/*==================== All Mobile Devices Start=============================*/
@media only screen and (max-width: 991px) {
  #header .navbar-brand-logo1 {
    /* width: 25%; */
  }

  h1 {
    font-size: 3rem;
  }

  .innerhome .innercolleft .data-card {
    width: 80%;
  }

  .innerhome {
    height: unset;
    min-height: 65rem;
    background: unset;
  }

  .innerhome .formdiv {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -10%;
    bottom: -10%;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
  }

  .checkhight {
    height: unset;
  }

  .cush {
    height: 38rem;
  }

  .inneroverview .para1 .innercolleft .data-card {
    width: 90%;
    margin: 9rem auto 11rem;
  }

  .inneroverview .para1 .innercolleft .data-card h1,
  .inneroverview .para1 .innercolleft .data-card p {
    text-align: start;
  }

  .inneroverview .para2 .data-card {
    padding: 2rem 0 1rem;
    width: 90%;
    margin: 6rem auto;
  }

  .inneroverview .para2 .data-card h1 {
    text-align: start;
  }

  .inneroverview .para2 .data-card p {
    text-align: start;
  }

  .innerservice .para2 .data-card {
    padding: 2rem 0 1rem;
    width: 90%;
    margin: 1rem auto 3rem;
  }

  .innerservice .para2 .data-card h1 {
    text-align: center;
  }

  .innerservice .para2 .data-card p {
    text-align: start;
  }

  h4 {
    font-size: 1.8rem;

  }
}

/*==================== All Mobile Devices End=============================*/
/*==================== Tablet Devices Start=============================*/
@media only screen and (min-width : 768px) and (max-width: 991px) {}

/*==================== Tablet Devices End=============================*/
/*==================== Middle Mobile Devices Start=============================*/
@media only screen and (max-width: 767px) {}

/*==================== Middle Mobile Devices End=============================*/
/*==================== Middle Mobile Devices Start=============================*/
@media only screen and (min-width : 480px) and (max-width: 767px) {}

/*==================== Middle Mobile Devices End=============================*/
/*==================== Small Mobile Devices Start=============================*/
@media only screen and (max-width : 480px) {}

/*==================== Small Mobile Devices End=============================*/
/*==================== Very Small Mobile Devices Start=============================*/
@media only screen and (max-width : 320px) {}

/*==================== Very Small Mobile Devices End=============================*/
/* =========== Lock Start ================ */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
  #lock {
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    font-size: 34px;
  }

  .wrapper {
    display: none;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }
}

/* =========== Lock End ================ */