@media only screen and (min-width: 200px) and (max-width: 576px) {
  p {
    font-size: 14px !important;
  }
	.sm-fs-22px {
        font-size: 22px !important;
    }
  .sm-fs-30px {
    font-size: 30px !important;
  }

  .gap-media-11px {
    gap: 11px !important;
  }

  .media-fs-14px {
    font-size: 14px !important;
  }

  .media-fs-20px {
    font-size: 20px;
  }

  .media-fs-small {
    font-size: small;
  }
  .media-px-21px {
    padding-left: 21px;
    padding-right: 21px;
  }
  .media-fs-26 {
    font-size: 26px !important;
  }
  .mobile-shadow {
    box-shadow: 0 0 10px rgba(249, 249, 249, 0.3);
    border-radius: 8px;
    padding: 1rem;
  }
  .media-w-100 {
    width: 100% !important;
  }
  .media-h-100 {
    height: max-content !important;
  }
  .fs-sm-20px {
    font-size: 12px;
  }
  .h-sm-auto {
    height: auto;
  }

  .h-max-fill-available {
    max-height: -webkit-fill-available !important;
  }
  .mobile-height-25px {
    height: 25px;
  }
  .mobile-fs-10px {
    font-size: 9.41px !important;
  }
  .mb-h-auto {
    height: auto !important;
  }
  .mb-position-static {
    position: static !important;
  }
  .translate-none {
    transform: none !important;
  }
  .mb-pbottom-35px {
    padding-bottom: 32px !important;
  }
  .mb-gap-5px {
    gap: 5px !important;
  }
  .mb-w-inherit {
    width: inherit;
  }
  .mb-py-60px {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mb-fs-22px {
    font-size: 22px !important;
  }
  .lh-mb-30 {
    line-height: 30px;
  }
  .detail-btn {
    position: static !important;
    transform: none !important;
  }
  .mb-modal-content {
    padding: 20px 14px;
  }
  .mb-lh-30px {
    line-height: 30px;
  }
  .mb-fs-17px {
    font-size: 17px !important;
  }
  .mb-lh-22px {
    line-height: 22px;
  }
  .pb-23px {
    padding-bottom: 0px !important;
  }
  .lh-17px {
    line-height: 17px;
  }
  .fs-13px {
    font-size: 13px !important;
  }
  .ms-16px {
    margin-left: 0px !important;
  }
  .fs-18px {
    font-size: 12px;
  }
  .fs-30px {
    font-size: 13px !important;
    line-height: 16px;
  }
  .fs-12 {
    font-size: 7px;
  }
  .form-btn {
    padding: 5px 23px;
    font-size: 7px !important;
  }
 .col-lg-custom {
    width: 50% !important;
}
	.lh-91{
		line-height: 104%;
	}
	.height-22px{
		height: 14.99px;
	}
	.textarea-lb-grey{
		font-size:12px !important
	}
	.fs-12{
		font-size:14px
	}
	.fs-7{
		font-size:8px
	}
	.gap-30px {
    gap: 0px !important;
}
	.fs-40px {
    font-size: 28px !important;
    line-height: 34px;
}
	.fs-24 {
    font-size: 21px !important;
}
	.why-join-heading{
		font-size:22px !important
	}
	.mb-form-head{
		line-height:26px !important;
		font-size:21px !important;
		margin-bottom:0px !important
	}
}

@media only screen and (min-width: 577px) and (max-width: 768px) {
  .fs-lg-20px {
    font-size: 20px;
  }
  .fs-10 {
    font-size: 10px;
  }

  .tab-fs-23px {
    font-size: 23px;
  }
  .tab-gap-5px {
    gap: 5px !important;
  }
  .gap-5px {
    gap: 5px !important;
  }

  .carousel-indicators {
    bottom: -23px;
  }

  .gap-md-11px {
    gap: 11px !important;
  }

  .px-md-21px {
    padding-left: 21px;
    padding-right: 21px;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-100 {
    height: max-content !important;
  }
  .tab-fs-14px {
    font-size: 14px !important;
  }
  .tab-fs-18px {
    font-size: 18px !important;
  }
  .tab-fs-12px {
    font-size: 12px !important;
  }
  .tab-gap-14px {
    gap: 14px !important;
  }
  .tab-h-auto {
    height: auto !important;
  }
  .tab-position-static {
    position: static !important;
  }
  .tab-translate-none {
    transform: none !important;
  }
  .tab-pbottom-32px {
    padding-bottom: 32px !important;
  }
  .tab-fs-30px {
    font-size: 30px !important;
  }
	.col-lg-custom {
    width: 33.33% !important;
}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .md-fs-30px {
    font-size: 30px;
  }
  .md-gap-17px {
    gap: 17px !important;
  }
  .md-fs-10px {
    font-size: 10px !important;
  }
  .md-fs-19px {
    font-size: 19px !important;
  }
  .lg-position-static {
    position: static !important;
  }
  .lg-translate-none {
    transform: none !important;
  }
  .lg-h-auto {
    height: auto !important;
  }
  .lg-fs-30px {
    font-size: 30px !important;
  }
  .md-h-auto {
    height: auto;
  }
	.col-lg-custom {
    width: 25% !important;
}
}

@media (max-width: 991px) {
  .row-gap-40px {
    row-gap: 40px;
  }
  .sm-px-18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .sm-lh-26px {
    line-height: 26px !important;
  }
}
@media (min-width: 992px) {
  .col-lg-custom {
    flex: 0 0 20%;
    max-width: 25%;
  }
  .lg-max-h-697px {
    max-height: 697px;
  }
  .lg-row-gap-120px {
    row-gap: 120px;
  }
}

@media (max-width: 996px){
  .office-bgimage {
    width: 100% !important;
      height: 450px !important;
  }
}

@media (max-width: 1050px) {
  .tab-w-140px {
    width: 140px;
  }
  .header-link{
    font-size: 13px !important;
    padding: 0px !important;
  }
  .header-btn{
    padding: 6px !important;
    font-size: 11px;
  }
  .navbar-nav .nav-link.active{
       font-size: 13px !important;
 
  }
}