/* sm */
    @media (min-width: 1200px) {
        .banner p {
    padding-right: 76px;
}
.top-header img.logo {
    margin-top: -11px;
}
.banner h1 {
    line-height: 1.3;
}
}
  @media (max-width: 1200px) {
      .errornew h1 {
    font-size: 106px!important;
}
    .navbar-default .navbar-nav>li>a {
      margin: 2px 0px 0px 35px;
    }
    .navbar-default .navbar-nav>.btn-header>a {
      margin-left: 33px;
    }
  }
  
  @media (max-width: 991px) {
    .work .col-md-12 {
      width: 100%!important;
    }
    .single-table.single-table h3 {
      font-size: 18px;
    }
    .navbar-right {
      display: none;
    }
    .navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-right {
      display: block!important;
    }
    .navbar-header {
      width: 100%;
    }
    .work .col-md-12 .slick-slider .slick-list .wow {
      padding-left: 40px;
    }
    .contact-form-right {
      margin-top: -2px;
      text-align: center;
    }
    .navbar-toggle {
      display: block;
      position: relative;
      float: right;
      padding: 9px 10px;
      margin-top: 8px;
      margin-right: 15px;
      margin-bottom: 8px;
      background-color: transparent;
      background-image: none;
      border: 1px solid transparent;
      border-radius: 4px;
    }
    .navbar-header {
      padding-left: 15px;
    }
    .top-header {
      background: #1b1d35;
    }
    .navbar-default .navbar-nav>li>a {
      margin: 2px 0px 0px 0px!important;
    }
    ul.nav {
      padding: 12px 0px 37px 0px;
    }
    ul.nav {
      padding: 12px 0px 37px 0px!important;
      text-align: left!important;
    }
    .navbar-default .navbar-nav>.btn-header>a {
      padding: 20px 40px;
    }
    .nav>li {
      display: flex!important;
    }
    li.btn-header {
      margin-top: 35px!important;
    }
    .navbar-toggle {
      margin-bottom: 20px!important;
      border-radius: 4px!important;
    }
    .container-fluid>.navbar-collapse {
      border-top: 0px solid #1b1d35;
      -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
      box-shadow: inset 0 0px 0 rgb(255 255 255 / 10%);
    }
    .nav>li {
      display: flex!important;
      justify-content: flex-start;
      flex-direction: column;
      flex-wrap: wrap;
      align-content: flex-start;
      width: 100%;
    }
    .navbar-right {
      float: left!important;
    }
    .nav-bar {
      margin-top: 10px;
    }
    .top-header .col-md-12 {
      padding-right: 0px;
    }
    .navbar-default .navbar-toggle {
      border-radius: 0px!important;
    }
    .navbar-default .navbar-toggle {
      margin-right: 0px;
      border-radius: 0px!important;
      padding: 9px 14px;
    }
    .navbar-toggle .icon-bar {
      display: block;
      width: 34px;
      height: 1px;
      border-radius: 1px;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: rgb(56 73 160 / 14%);
    }
  }
  
  @media (min-width: 991px) {
    .contact-form {
      padding: 50px;
    }
    .contact-form-right {
      display: inline-block;
      padding-right: 22px;
      padding-left: 22px;
      width: 100%;
      margin: auto;
      text-align: center;
      justify-content: center;
    }
    .contact-form textarea {
      width: 100%;
      height: 88px;
      border-radius: 5px;
      border: 1px solid #444348;
      margin-bottom: 40px;
      background: transparent;
      padding: 12px;
      color: #fff;
    }
    .contact-form-left {
      display: inline-block;
      padding-right: 22px;
      padding-left: 22px;
      width: 100%;
      margin: auto;
      text-align: center;
      justify-content: center;
      position: relative;
    }
    .contact-form-left input {
      width: 398px;
      height: 60px;
      padding: 12px;
      border-radius: 5px;
      border: 1px solid #444348;
      margin-bottom: 13px;
      background: transparent;
      color: #fff;
      margin-top: 10px;
    }
    input.email {
      margin-left: 0px;
      margin-right: 0px;
    }
    .contact-form-left {
      display: inline-block;
      padding-right: 22px;
      padding-left: 22px;
      width: 100%;
      margin: auto;
      text-align: center;
      justify-content: center;
      position: relative;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .banner h3 {
      font-size: 13px;
      margin-top: 120px;
    }
    .banner h1 {
      font-size: 30px;
    }
    .banner p {
      font-size: 15px;
      margin-top: 20px;
    }
    .pricing-slide p {
      font-size: 20px;
      margin-top: 50px;
    }
    .item img {
      margin-bottom: 120px;
    }
    .download p {
      font-size: 25px;
      padding: 30px 0;
    }
    .download button {
      margin-top: 13px;
      margin-bottom: 0;
      margin-left: 16px;
    }
    .contact {
      height: auto;
    }
  }
  /* xs */
  
  @media (max-width: 767px) {
    .slick-slide h2 {
      font-size: 25px!important;
      margin-bottom: 20px;
    }
    .details img.img-responsive {
      margin-bottom: 30px;
    }
    .contact-form-left input {
      margin-bottom: 10px!important;
    }
    .navbar-default .navbar-toggle {
      margin-right: 0px;
    }
    .contact-form {
      padding-top: 30px!important;
    }
    .top-header img.logo {
      max-width: 23px;
      margin-right: 12px;
      margin-top: -2px;
    }
    .contact-form {
      border-radius: 4px;
    }
    .nav-bar {
      margin-top: 16px;
    }
    .col-xs-6.wow {
      width: 100%;
    }
    .banner-img {
      display: none;
    }
    .banner p {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .banner h1 {
      margin-top: 72px!important;
    }
    .banner h1 {
      line-height: 1.4;
      margin-bottom: 31px;
    }
    .details h4 {
      margin-top: 64px!important;
    }
    .details {
      background-position: 58% 100%!important;
    }
    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
      width: 100%!important;
    }
    .pricing-tables {
      margin-top: 31px!important;
      margin-bottom: 39px!important;
      padding: 0px 0px 0px 0px!important;
      width: 100%!important;
    }
    .pricing-tables .first-child {
      padding-left: 0px!important;
    }
    .table-description {
      min-height: auto!important;
      margin-top: 0px!important;
    }
    .single-table {
      margin-bottom: -6px!important;
    }
    .pricing-tables .last-child {
      padding-left: 0px!important;
      margin-left: 0!important;
      padding-right: 0px!important;
    }
    .contact-form-left,
    .contact-form-right {
      margin-top: 20px!important;
    }
    .contact-form-right {
      text-align: center;
    }
    .contact-form-right {
      margin-top: 0px!important;
    }
    .contact-form-right input.submit-btn {
      width: 245px;
    }
    .contact-form-left,
    .contact-form-right {
      padding-right: 30px!important;
      padding-left: 30px!important;
    }
    .contact-form textarea {
      height: 130px!important;
    }
    .details ul li {
      font-size: 16px!important;
      line-height: 1.8!important;
    }
    .features p,
    .details p {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .single-table.single-table h3 {
      font-size: 18px!important;
    }
    .work .col-md-12 .slick-slider .slick-list .wow {
      padding-left: 30px!important;
      padding-right: 30px!important;
    }
    .slick-slide .wow {
      margin-top: 15px!important;
    }
    .details-logo {
      max-width: 69px!important;
      border-radius: 13px!important;
    }
    .logoapp h3 {
      margin-top: 23px!important;
      padding-left: 30px!important;
      font-size: 19px;
    }
    .slick-slide p {
      font-size: 16px!important;
      line-height: 1.5!important;
    }
    .work-btn {
      margin-top: 20px;
      font-size: 18px;
    }
    .slick-slide h2 {
      margin-bottom: 0px!important;
    }
    .slick-slide h2 {
      line-height: 33px!important;
    }
    .slick-slide h2 {
      margin-bottom: 18px!important;
    }
    .detailsabout .img-responsive {
      margin-bottom: 26px!important;
      margin-top: 18px!important;
    }
    section#detailsabout h4 {
      margin-top: 40px!important;
    }
  }
  
  @media (min-width: 480px) and (max-width: 767px) {
    .banner h3 {
      font-size: 11px;
      margin-top: 105px;
    }
    .banner h1 {
      font-size: 25px;
    }
    .banner p {
      font-size: 14px;
      margin-top: 17px;
    }
    .download-btn {
      width: 130px;
      height: 40px;
      font-size: 12px;
      margin-top: 30px;
    }
    .features-btn {
      width: 130px;
      height: 40px;
      font-size: 12px;
      margin-top: 30px;
    }
    h2 {
      font-size: 25px;
      margin-bottom: 20px;
    }
    .contact {
      height: auto;
    }
    h4 {
      font-size: 14px;
      margin-top: 40px;
    }
    .features p {
      font-size: 16px;
      margin-bottom: 40px;
    }
    .features h3 {
      font-size: 24px;
    }
    .details p {
      font-size: 16px;
      margin: 8px 0 32px 0;
    }
    .details ul li {
      font-size: 16px;
    }
    .feature-detail h4 {
      margin-top: 50px;
    }
    .feature-detail p {
      font-size: 13px;
      margin-top: 10px;
    }
    .pricing-slide p {
      font-size: 16px;
      margin-top: 35px;
      margin-bottom: 20px;
    }
    .item h6 {
      font-size: 13px;
    }
    .item h5 {
      font-size: 12px;
    }
    .item img {
      margin-bottom: 95px;
    }
    .download p {
      font-size: 24px;
      padding: 30px 0;
    }
    .download button {
      margin-top: 0;
      margin-bottom: 20px;
    }
    .contact p {
      font-size: 16px;
    }
    .contact-heading img {
      margin-bottom: 25px;
    }
  }
  /* XS Portrait */
  
  @media (max-width: 479px) {
    .banner h3 {
      font-size: 11px;
      margin-top: 100px;
    }
    .banner h1 {
      font-size: 24px;
      margin-top: 0;
    }
    .banner p {
      font-size: 12px;
      margin-top: 12px;
      line-height: 1;
    }
    .download-btn {
      width: 80px;
      height: 29px;
      font-size: 8px;
      margin-top: 10px;
      margin-right: 0px;
      font-weight: 400;
    }
    .features-btn {
      width: 80px;
      height: 29px;
      font-size: 8px;
      margin-top: 10px;
      margin-right: 0px;
      font-weight: 400;
      margin-bottom: 25px;
    }
    h4 {
      font-size: 13px;
      margin-top: 30px;
      font-weight: 600;
    }
    h2 {
      font-size: 25px;
      margin-bottom: 15px;
    }
    .features img {
      margin-bottom: 35px;
    }
    .features i.fa {
      font-size: 20px;
      width: 80px;
      height: 80px;
    }
    .features h3 {
      font-size: 24px;
    }
    .features p {
      font-size: 16px;
      margin-bottom: 30px;
    }
    .details p {
      font-size: 16px;
      margin: 8px 0 32px 0;
    }
    .details ul li {
      font-size: 16px;
    }
    .details ul li i.fa {
      font-size: 16px;
      height: 20px;
      width: 20px;
    }
    .feature-detail h4 {
      margin-top: 40px;
    }
    .feature-detail p {
      font-size: 12px;
      margin-top: 10px;
    }
    .pricing-slide p {
      font-size: 14px;
      margin-top: 25px;
      margin-bottom: 15px;
    }
    .item h5 {
      font-size: 10px;
    }
    .item h6 {
      font-size: 12px;
    }
    .item img {
      margin-right: 10px;
      margin-bottom: 21px;
    }
    .download p {
      font-size: 20px;
      padding: 25px 0;
    }
    .download button {
      margin-bottom: 35px;
      margin-top: 0;
    }
    .price-plan img {
      margin-bottom: 25px;
    }
    .contact-heading img {
      margin-bottom: 5px;
    }
    .contact p {
      font-size: 16px;
    }
    .contact-form {
      margin-top: 10px;
    }
    .footer i.fa {
      padding: 15px;
    }
    .footer p {
      font-size: 12px;
    }
  }
  
  @media only screen and (min-height: 550px) {
    .banner {
      height: 100vh !important;
      min-height: 550px !important;
    }
  }