@media screen and (max-width: 1200px) {
  body#index-body .contact-us-div {
    height: 400px !important;
  }
}

@media screen and (max-width: 991px) {
  body#eb-5-body section.min-area.sub-bg .container .valign {
    /* color: red !important; */
    padding: 0 !important;
  }

  body#index-body header {
    /* background-size: 100% !important; */
  }

  body#index-body .contact-us-sub-div {
    padding-left: 60px !important;
  }
  body#index-body .contact-us-div {
    height: 340px !important;
  }

  body#about-body .container .content {
    /* color: red !important; */
    padding: 0 0 10px 0;
  }

  .faq-content-section { 
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  body#eb-5-body section.min-area.sub-bg .container .valign {
    /* color: red !important; */
  }

  body#eb-5-body .container.position-re {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body#eb-5-body .testimonials.section-padding.bg-img.parallaxie {
    padding: 100px 0 40px 0 !important;
  }

  body#eb-5-body .container.position-re .image {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 65px !important;
  }

  body#eb-5-body .intro-section.section-padding.pb-0 {
    padding: 100px 0;
  }

  /* index page  */
  body#index-body .main-content .about.section-padding .container {
    max-width: 100% !important;
  }

  body#index-body .contact-us-div {
    height: 280px !important;
  }

  body#index-body .why-text-div,
  body#index-body .contact-us-div-text {
    padding: 0 20px !important;
  }
  /* body#index-body .contact-us-div-text {
    font-size: 18px !important;
  } */

  body#index-body .why-table {
    width: 90% !important;
  }

  body#index-body .section-padding {
    padding: 100px 0 60px 0 !important;
  }

  /* about page  */
  body#about-body .min-area.sub-bg.section-2 .container,
  body#about-body .min-area.sub-bg.section-3 .container {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body#about-body .min-area.sub-bg.section-2 .container img {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .img-1-div {
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 880px;
    margin: 1.75rem auto;
  }
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 50px !important;
  }
  body#index-body .contact-us-div-text {
    font-size: 16px !important;
    padding-bottom: 10px !important;
  }
  body#index-body .contact-us-div {
    /* height: 190px !important; */
    height: calc((796 / 1920) * 100vw - 5px) !important;
  }

  body#index-body .contact-us-sub-div {
    padding-left: 16px !important;
  }

  body#index-body .container.why {
    padding-left: 5px;
    padding-right: 5px;
  }
  body#index-body .why-table {
    width: 100% !important;
  }

  body#index-body #mobile {
    display: flex;
  }
  body#index-body #mobile-1 {
    display: block;
    margin-top: 30px;
  }
  body#index-body #website {
    display: none;
  }

  body#index-body .about.section-padding {
    padding: 50px 0 30px 0 !important;
  }

  body#index-body .about.section-padding .content {
    margin-bottom: 0 !important;
  }

  body#index-body footer.section-padding {
    padding: 100px 0 0 0 !important;
  }

  body#eb-5-body .intro-section.section-padding.pb-0 {
    padding: 50px 0 !important;
  }
  body#eb-5-body .intro-section.section-padding.pb-0 .text {
    padding-bottom: 0 !important;
  }
  body#eb-5-body .min-area .content {
    padding: 60px 20px !important;
  }

  body#about-body h6.words.chars.splitting {
    padding: 30px 20px 10px 20px !important;
    /* padding-bottom: 30px !important; */
  }

  body#about-body p.custom-font.words.chars.splitting {
    padding-bottom: 30px !important;
  }

  body#about-body section.min-area.sub-bg.section-2 .row,
  body#about-body section.min-area.sub-bg.section-3 .row {
    margin-left: 0;
    margin-right: 0;
  }

  body#about-body section.min-area.sub-bg.section-2 .row .col-lg-6,
  body#about-body section.min-area.sub-bg.section-3 .row .col-lg-6 {
    padding-left: 0;
    padding-right: 0;
  }

  body#project-body .min-area .content {
    padding: 40px 0 0 0 !important;
  }
  body#project-body .min-area .content p {
    padding-bottom: 40px !important;
  }

  body#project-body .about.section-padding {
    padding: 60px 0;
  }

  body#project-body .about .blc-img .bimg:after {
    right: 0px !important;
  }

  body#contact-body .contact.section-padding {
    padding: 70px 0;
  }

  .footer-half.sub-bg.section-padding.pb-0 .logo {
    padding-bottom: 10px;
  }

  .navbar-toggler:not(:disabled):not(.disabled) {
    min-height: 60px;
  }
  .navbar-toggler:focus {
    outline: 0;
  }

  .pages-header {
    height: calc((1280 / 1920) * 100vw - 5px);
    background-size: contain !important;
    /* background-attachment: scroll !important; */
    background-position-y: 0 !important;
  }

  .fqa-body .pages-header {
    height: calc((1282 / 2550) * 100vw - 5px) !important;
  }
}

@media screen and (max-width: 320px) {
  h1 {
    font-size: 40px !important;
  }
  body#index-body .contact-us-div-text {
    font-size: 15px !important;
    padding-bottom: 10px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  body#index-body .contact-us-div {
    /* height: 150px !important; */
  }
  .index-button {
    width: 150px !important;
    height: 35px !important;
  }
  /* body#index-body .section-padding {
    padding: 50px 0 0 0 !important;
  } */
}

@media screen and (min-width: 481px) {
  body#index-body #mobile {
    display: none;
  }
  body#index-body #mobile-1 {
    display: none;
  }
  body#index-body #website {
    display: flex;
  }
}