@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 90%;
  }
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media only screen and (min-width: 568px) and (max-width: 992px) {
  .homeTopSection h1, .homeTopFeature .textBluegradient {
    font-size: 46px;
  }
  .headingText {
    font-size: 40px;
  }
  .homeTopSections h1{
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .homeTopSection h1 {
    font-size: 46px;
  }
  .headingText {
    font-size: 40px;
  }
}

@media (min-width: 1100px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1490px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1500px;
  }
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .row {
    margin-right: -7px;
    margin-left: -7px;
  }
  .row > * {
    padding-right: 7px;
    padding-left: 7px;
  }

  .headingText {
    font-size: 37px;
  }

  .btn-lg {
    font-size: 19px;
    padding: 6px 17px;
  }
}
@media (max-width: 576px) {
  .homeTopSection h1,
  .headingText {
    font-size: 33px;
    line-height: 40px;
  }
  .headingSmallText {
    font-size: 16px;
    line-height: 24px;
  }
 .homeTopSections h1, .pricingTopSections h1{
    font-size: 40px;
        line-height: 44px;

  }
  .homeTopFeature .textBluegradient{
    font-size: 50px;
  }
  .smallHeading {
    font-size: 17px;
    line-height: 25px;}
}
@media (max-width: 444px) {
}

@media (max-width: 350px) {
  .row {
    margin-right: -4px;
    margin-left: -4px;
  }
  .row > * {
    padding-right: 4px;
    padding-left: 4px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 890px) {
}