@media (width<=1200px) {
  .greenText {
    max-width: 700px;
  }
  .cardBox {
    padding: 15px;
  }
  .sectionPadding {
    padding: 50px 0;
  }
  .contactLink a {
    font-size: 15px;
    white-space: nowrap;
  }
  .title h1 {
    font-size: 40px;
  }
  .share {
    padding: 9px;
  }
  .contactFormBox,
  .linearContact {
    padding: 18px;
  }
  .greenBox,
  .levelUPdesc {
    padding: 40px 24px;
  }
  .timeLineFull .timeLineBox::before {
    content: unset;
  }

  .headerItem {
    padding: 10px !important;
  }
  .hostCard {
    padding: 15px;
  }
  .levelUpExp {
    padding: 40px;
  }
}
@media (width<=992px) {
  .greyCircleHost {
    padding: 12px;
  }
  .mapData {
    height: 400px;
  }
  .linearSection {
    padding: 24px;
    margin-bottom: 50px;
  }
  .greenCircle {
    padding: 10px;
  }
  .whyChooseUs {
    padding: 40px 0;
  }
  .timeLineData {
    gap: 25px;
  }
  .levelUpExp {
    padding: 20px 30px;
  }
  /* .levelUpEstate {
    padding-bottom: 40px;
  } */
  .timeLineBox {
    width: 48%;
  }
  .cardEstate,
  .timeLineBox {
    padding: 16px;
  }

  .logo img {
    /* mix-blend-mode: multiply; */
    width: 57px;
    height: 57px;
  }
  .bannerPages .bannerBtn a {
    height: auto !important;
  }
  h1,
  .eventBox h1 {
    font-size: 22px;
  }
  h2 {
    font-size: 19px;
  }
  p,
  a,
  .hostEvent a {
    font-size: 14px;
  }

  .sectionGap {
    gap: 35px;
  }
  h4,
  .contactLink a,
  .contactLink p {
    font-size: 15px;
  }
  h3,
  .footerText h1 {
    font-size: 17px;
  }
  .ourStoryText {
    padding: 0;
  }
  .headerItem,
  span,
  .footer-top ul li a,
  .footer-bottom a,
  input,
  ::placeholder {
    font-size: 12px;
  }
  .headerGap {
    gap: 15px;
    padding-top: 10px;
  }
  /* .circle {
    width: 30px;
    height: 30px;
  } */
  .smallTitle {
    padding: 8px;
  }
  .formData {
    padding: 20px;
    gap: 30px;
  }

  .footer-bottom {
    padding-top: 10px;
  }
  .bannerData h1 {
    font-size: 30px;
  }
  .socialBox {
    padding: 8px;
  }
  .footer-top input {
    padding: 10px;
  }
  .sectionPadding {
    padding: 30px 0;
  }
  footer {
    padding: 30px 0;
  }
  .footer-top {
    padding-bottom: 30px;
  }
  .filterPadding {
    padding: 12px 0;
  }
  .totalGuest {
    right: 0;
    top: 72px;
    padding: 12px;
    border-radius: 9999px 0 0 9999px;
    max-width: 117px;
  }
  /* .totalGuest h4 {
    font-weight: 400;
  } */
  .title h1 {
    font-size: 25px;
    line-height: 120%;
  }
  .bs-gutter-x-48,
  .bs-gutter-x-32,
  .bs-gutter-x-64 {
    --bs-gutter-x: 1.5rem;
  }
  .spaceImage {
    height: 400px;
    border-radius: 12px;
  }
  .contactBox {
    padding: 0 15px 20px;
  }
  .counterEexceptional {
    padding: 20px;
  }
  .totalGuest h4,
  .headerItem,
  span,
  label,
  ::placeholder,
  select.form-select,
  .footer-top ul li a,
  .footer-bottom a,
  ul li,
  .recapLink a {
    font-size: 12px !important;
    line-height: 133.333% !important;
  }
  .whiteGreenBtn,
  .lightGreen {
    padding: 12px 20px;
  }
  .greenBox {
    padding: 30px 20px;
  }
  .banner {
    height: 100vh;
  }
  .spacesGap {
    row-gap: 40px;
  }
  .filterData {
    padding: 12px 0;
  }
  .fliterItem {
    max-height: 34px;
  }
  .whiteBtn,
  .greenBtn,
  .bannerData .greenBtn,
  .errorSection .whiteGreenBtn,
  .boxCard {
    padding: 12px !important;
  }
  .fixedSectionPadding {
    padding: 32px 0;
  }
}

@media (width<=767px) {
  input:not([type="button"]),
  textarea,
  select,
  .uploadFile .uploadLabel {
    padding: 10px 13px !important;
  }
  .uploadFile .uploadLabel {
    height: 40px;
  }
  .uploadFile .fileUploadImage {
    max-width: 20px;
  }
  .imageGallaryModal {
    height: 300px;
  }
  .eventCard {
    padding: 10px;
  }
  .storyNotes {
    padding: 12px;
  }
  .timeLineFull:nth-child(even),
  .timeLineFull:nth-child(odd) .timeLineBox {
    align-items: flex-start;
  }
  .timeLineData::after {
    left: 0;
  }
  .timeLineBox {
    width: 100%;
  }
  .exceptionalNext {
    right: -10px !important;
  }
  .boxData {
    padding: 24px;
  }
  .exceptionalPrev {
    left: -10px !important;
  }
  .gap-32 {
    gap: 16px;
  }
  .whiteCircle {
    padding: 7px;
  }
  .pastEventImage {
    height: 80px;
  }
  .gallaryImage .imageGallary {
    height: 500px;
  }
  .gallaryImage span {
    display: block !important;
    opacity: 1;
  }
  .textGallary {
    width: unset !important;
    max-width: 327px;
  }
  a,
  .hostEvent a {
    font-size: 12px;
  }
  .whiteBtn,
  .greenBtn,
  .bannerData .greenBtn,
  .errorSection .whiteGreenBtn,
  .boxCard {
    padding: 10px !important;
  }
  .storyNotes h3 {
    font-size: 15px;
  }
  .GallarySwiperNext .boxShadow,
  .GallarySwiperPrev .boxShadow {
    width: 35px;
    z-index: 100;
    padding: 5px;
    height: 35px;
  }
  .gallaryImage::after {
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(0, 0, 0, 0.3) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  /* .GallarySwiperNext {
    right: -18px !important;
  }
  .GallarySwiperPrev {
    left: -18px;
  } */
  .bannerBtn a,
  .whiteGreenBtn,
  .whiteBtn,
  .linearLinks a,
  .levelUPdesc .greenBtn,
  .errorSection .greenBtn,
  .errorSection .whiteGreenBtn {
    height: auto !important;
  }
  .errorSection {
    padding: 100px 0 50px;
  }
  .exceptionalSwier {
    padding-top: 40px;
  }
  .contactFormBox,
  .linearContact,
  .timeLineBox,
  .cardEstate,
  .cardEstate,
  .hostCard,
  .counterEexceptional,
  .boxQutation,
  .eventQutation {
    padding: 16px;
  }
  .beginningTitle {
    height: 50px;
  }
  .multiImages {
    gap: 8px;
  }
  .exceptionalData {
    padding: 20px 40px;
  }
  .counterEexceptionalImage {
    width: 50px;
    height: 50px;
  }
}

@media (width<=500px) {
  .contactLink a {
    font-size: 13px;
  }
  .greyCircleCounter {
    padding: 11px;
  }
  .greyCircleCounter img,
  .greyCircleHost img {
    max-width: 20px;
  }
  .pastEventsText {
    flex-wrap: wrap;
  }
}