@media screen and (max-width:1400px) {

  section.services .box .card-img-overlay {
    bottom: -70px;
  }

  section.services .box1 .card-img-overlay {
    bottom: -40px;
  }

  section.services .box2 .card-img-overlay {
    bottom: -40px;

  }

  section.services .box3 .card-img-overlay {
    bottom: -70px;

  }

  section.services .box4 .card-img-overlay {
    bottom: -70px;

  }




  section.services .box p,
  section.services .box1 p,
  section.services .box2 p,
  section.services .box3 p,
  section.services .box4 p {
    display: none;
  }

  section.services .box a,
  section.services .box1 a,
  section.services .box2 a,
  section.services .box3 a,
  section.services .box4 a {
    display: block;
    margin-top: 30px;
  }
}



@media screen and (max-width:1299px) {
  section.about .img {
    left: -120px;
  }

  section.other-banner .card-img-overlay {
    top: 57%;
  }
}

@media screen and (max-width:1100px) {
  section.about .img {
    left: -120px;
  }


  /* section.other-banner {
    margin-top: 40px;
   } */
}

@media screen and (max-width:990px) {

  section.other-banner .card-img-overlay {
    top: -33%;
  }


  header .nav-item:last-child {
    margin-top: 20px;
  }

  header .nav-item:first-child {
    margin-top: 20px;
  }

  section.services img {
    height: 360px !important;
    object-fit: cover;
  }

  section.banner img {
    height: 80vh;
  }


  .form h4 {
    color: #ffffff !important;
  }

  .form {
    background-color: #842924;
  }

  .fixed-top {
    background-color: #fff !important;
  }

  section.services .box p,
  section.services .box1 p,
  section.services .box2 p,
  section.services .box3 p,
  section.services .box4 p {
    opacity: 1;
    display: block;
    margin-top: 10px !important;
  }

  section.services .box .card-img-overlay,
  section.services .box1 .card-img-overlay,
  section.services .box2 .card-img-overlay,
  section.services .box3 .card-img-overlay,
  section.services .box4 .card-img-overlay {
    bottom: 0;
  }


  section.other-banner {
    margin-top: 67px;
  }


  section.about .img2 {
    display: none;
  }

  section.about .img {
    display: none;
  }
}



@media screen and (max-width:600px) {
  section.banner img {
    height: 90vh;
  }

  .btn_1 {
    font-size: 16px !important;
  }

  section.banner .card-img-overlay h2 {
    font-size: 37px;
  }

  section.banner .card-img-overlay h2 {
    line-height: 0 !important;
  }

  section.banner .card-img-overlay svg {
    width: 170px;
  }

  section.feedback .card {
    height: max-content;
  }

  section.services h3 {
    font-size: 28px !important;
  }




  section.why .icons img {
    width: 70px !important;
  }

  section.why .img {
    display: none;
  }

  section.why .img2 {
    position: absolute;
    right: -200px;
    top: 0;
    z-index: 0;
    display: none;
  }

  section.feedback .img {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
  }

  section.feedback .img2 {
    position: absolute;
    top: 0;
    right: -290px;
    display: none;
  }

  section.contact .img2 {
    top: 0;
    right: -45px;
    display: none;
  }


  .loader-mask img {
    width: 230px !important;
  }

  section.about .img {
    top: -200px;
    left: -100px;
  }


  input,
  .form-floating,
  select {
    font-size: 14px !important;
  }

  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    font-size: 14px !important;
  }

  body {
    overflow-x: hidden !important;
  }

  section.corporate_event_gallery h3 {
    font-size: 21px;
  }

  section.corporate_event_gallery .logo_bg {
    border-radius: 10px;
    padding: 6px 0 !important;
}

section.corporate_event_gallery .logo_bg img {
  width: 173px !important;
}



}

@media screen and (max-width:573px) {
  section.other-banner .card-img-overlay {
    left: 20px;
  }

}


@media screen and (max-width:490px) {
  section.banner img {
    height: 67vh;
  }

  section.other-banner .card-img-overlay {
    left: 20px;
  }

  section.banner .card-img-overlay h2 {
    font-size: 32px;
  }

  section.other-banner h4 {
    font-size: 30px !important;
  }

  section.other-banner .card-img-overlay {
    top: -25%;
  }
}


@media screen and (max-width:380px) {
  section.banner img {
    height: 90vh !important;
  }
}