/* media */
@media screen and (max-width: 1200px) {
  .homePageHeroSection {
    width: 100%;
    padding: 0.5rem;
  }
  .heroSectionContainer {
    min-height: calc(100vh - 0.5rem);
    background-position: left center;
  }
  .lgHeading {
    font-size: 25px;
    word-break: break-all;
  }
  .lineLayerIcon {
    display: none;
  }
  .mainText {
    font-size: 13px;
  }
  .buttonWrapper {
    padding: 4px;
    border-radius: 60px;
  }
  .heroButton {
    border-radius: 30px;
    padding: 0.4rem 1.1rem;
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .formBoxContainer {
    padding: 2rem 1rem;
    width: 100%;
  }
  .sliderContianer .swiper {
    padding: 17px 0;
  }
  .customPaginationArrow {
    width: 100%;
  }
  .navigationButton {
    width: 38px;
    height: 38px;
  }
  .mdHeading {
    font-size: 15px;
  }
  .sliderSection .swiper-pagination {
    margin-top: 30px;
  }
  .sliderSection .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 3px !important;
  }
  /* constantPadding */
  .constantPadding {
    padding: 4rem 0;
  }
  .brandLogoImage {
    width: 110px;
    height: auto;
  }
  /* activeAuctionsSection */
  .activeAuctionsSection {
    background-size: cover;
    background-position: center center;
    padding: 5rem 0 !important;
  }
  .sectionHeader .mdHeading {
    font-size: 25px;
  }
  .sectionHeader .mainText {
    font-size: 15px;
  }

  /* ourSuccessPartnersSection */
  .ourSuccessPartnersSection .sectionHeader .mdHeading {
    font-size: 22px;
  }
  .ourSuccessPartnersSection .sectionHeader .mainText {
    font-size: 16px;
  }
  .circleEllipceBg {
    display: none;
  }
  .ourCard .mdHeading {
    font-size: 20px;
  }
  .ourCard .mainText {
    font-size: 13px;
  }
  .whyOxCiraSection.constantPadding {
    padding: 4rem 0;
  }
  .ourCard.cardDown {
    transform: translateY(0%);
  }
  /* aboutOxciraContent */
  .aboutOxciraContent .mdHeading {
    font-size: 1.5rem;
  }
  .circleBg {
    width: 38px;
    height: 38px;
    transform: translate(0, -50%);
  }
  .aboutOxciraContent .mainText {
    font-size: 19px;
  }
  .smThemeHeading {
    font-size: 15px;
  }
  .mainButton {
    font-size: 14px;
  }

  .footerRowWrapper {
    padding: 5rem 0;
    border-bottom: 1px solid #ffffff2b;
  }

  /* footerContent */
  .footerContent .mainText {
    font-size: 18px;
  }
  .footerLink {
    margin-bottom: 0.5rem;
    font-size: 15px;
  }
  .heroSection {
    min-height: 50vh;
    padding: 9rem 1rem;
  }
  .heroSection .lgHeading {
    font-size: 30px;
  }
  .heroSection .mainText {
    font-size: 16px;
  }
  /* aboutBoxContainer */
  .aboutBoxContainer {
    border-radius: 20px;
    padding: 1rem;
  }

  /* aboutMissionBox */
  .aboutMissionBox {
    width: 50px;
    height: 50px;
  }
  .aboutBoxContainer .mdHeading {
    font-size: 22px;
  }
  .aboutBoxContainer .mainText {
    font-size: 16px;
    margin: 0.5rem 0;
  }
  .aboutBoxTopSpacing {
    margin-top: 0rem;
  }
  /* ourValueBox */
  .ourValueBox {
    padding: 1rem 1.3rem;
  }
  .ourValueBox .mdHeading {
    font-size: 17px;
  }
  /* ourValuesSection */
  .ourValuesSection {
    background-size: cover;
    background-position: center center;
    padding: 8rem 1rem;
  }
  /* aboutSection */
  .aboutSection .sectionHeader {
    padding: 1rem;
    border-left: 4px solid #21579c;
  }
  .aboutSection .sectionHeader .mdHeading {
    font-size: 30px;
  }
  .aboutSection .sectionHeader .mainText {
    font-size: 16px;
  }
  .outServicesTopRowWrapper {
    margin: 2.5rem 0;
  }
  .serviceIconWrapper {
    width: 60px;
    height: 60px;
  }
  .serviceIconWrapper img {
    width: 22px;
    height: auto;
  }
  .serviceCard .mdHeading {
    font-size: 22px;
  }
  .serviceCard .mainText {
    font-size: 16px;
  }

  /* meterialsCard */
  .meterialsCardBody .mdHeading {
    font-size: 22px;
  }
  .meterialsCardBody .mainButton {
    padding: 0.44rem 1.2rem;
    border-radius: 50px;
    font-size: 14px;
  }
  /* materialsSection */
  .materialsSection {
    padding: 6rem 0;
  }

  .bgRectangleImage {
    height: 100vh;
    object-fit: cover;
    object-position: center center;
  }
  /* questionsContainer */
  .questionsContainer {
    padding: 4rem 1rem;
  }
  .questionsContainer .mdHeading {
    font-size: 22px;
  }
  .questionsContainer .mainText {
    font-size: 14px;
  }
  .questionsContainer .mainButton {
    padding: 0.45rem 1.3rem;
    font-size: 14px;
  }
  .bgcirclelayers {
    display: none;
  }
  .partnershipsSection .mdHeading {
    font-size: 1.7rem;
  }
  .faqSection {
    padding: 4rem 1rem;
  }
  .faqContainer {
    padding: 20px;
    border-radius: 17px;
  }
  .faqButton {
    font-size: 16px;
    padding: 0.7em 0;
  }
  .faqButton::after {
    font-size: 1.8rem;
  }
  .faqBody {
    padding: 0 0 16px 0;
    font-size: 14px;
  }
  .circleLayer {
    width: 9rem;
    height: 9rem;
    border: 25px solid #21579c0f;
  }
  .faqQuestionSectionContaienr .mdHeading {
    font-size: 37px;
  }

  .contactInfoPanel {
    padding: 1rem;
  }
  .contactInfoPanel .mdHeading {
    font-size: 25px;
  }
  .contactInfoPanel .mainText {
    font-size: 14px;
    margin: 0.7rem 0;
  }

  .infoItem {
    margin-bottom: 20px;
  }
  .infoItem img {
    width: 22px;
  }
  .infoIconWrapper {
    margin-right: 9px;
  }
  .infoHeading {
    font-size: 16px;
  }
  .infoDetail {
    font-size: 14px;
  }
  .socialIconsWrapper {
    margin-top: 18px;
  }
  .contactFormPanel {
    padding: 30px 16px;
  }

  .formInput,
  .formSelect,
  .formTextarea {
    padding: 9px 16px;
    font-size: 15px;
  }

  .selectWrapper::after {
    font-size: 16px;
  }

  .contactFormPanel .mainButton {
    padding: 0.4rem;
    font-size: 17px;
  }
  .conditionsListMenuWrapper {
    margin-bottom: 3rem;
  }
  .conditionsListMenuWrapper .mdHeading {
    font-size: 20px;
    gap: 0.6rem;
  }
  .conditionsListMenuWrapper .mdHeading span {
    padding-right: 0.7rem;
    font-size: 16px;
  }
  .conditionListMenu {
    padding-left: 2.5rem;
  }
  .conditionList {
    font-size: 14px;
  }
  .warningText {
    font-size: 14px;
  }

  /* --------------------- */
  .paymentPageContainer {
    flex: 1;
    padding: 4rem 0;
  }
  .ImageBox {
    height: auto;
    padding: 1.3rem 1rem;
  }
  .paymentImageCol .row .ImageBox {
    height: auto;
    padding: 0.8rem;
  }
  .certifcateDownloader {
    gap: 1rem;
  }
  .certifcateDownloader .mdHeading {
    padding: 0.7rem 0;
    font-size: 19px;
  }

  /* paymentContentWrapper */
  .paymentContentWrapper .mdHeading {
    font-size: 28px;
  }
  .paymentContentWrapper .mainText {
    font-size: 15px;
  }

  /* paymentLabel */
  .paymentLabel {
    padding: 0.7rem 0;
  }
  .paymentLabel .smText {
    font-size: 15px;
  }

  /* paymentLabel */
  .paymentLabel .sellerInfo .smHeading {
    font-size: 15px;
  }
  .paymentLabel .sellerInfo .sellerName {
    font-size: 15px;
  }
  .paymentLabel .sellerInfo .sellerAvatar {
    width: 50px;
    height: 50px;
  }
  .paymentLabel .mdHeading {
    font-size: 15px;
  }
  .paymentContentWrapper .themeHeading {
    font-size: 15px;
  }
  .mainOutlineButton {
    padding: 0.5rem 1rem;
    font-size: 14px;
  }
  .paymentButtonsWrapper {
    flex-wrap: wrap;
  }
  .paymentPageBodyFooter {
    flex-wrap: wrap;
    gap: 1;
  }
  .paymentPageBodyFooter .mainText {
    font-size: 14px;
  }
  .paymentFooterLink {
    font-size: 14px;
  }

  .termsCheckInput {
    width: 20px;
    height: 20px;
    accent-color: #269f59;
  }
  .checkInputLable {
    font-weight: 400;
    font-size: 20px;
    color: #10100e;
  }
  .checkInputLable span {
    color: #269f59;
  }

  /* paymentCard */
  .paymentCard {
    padding: 1.5rem 1.2rem;
  }
  .paymentCard .mdHeading {
    font-size: 22px;
  }
  .radioLabel {
    font-size: 14px;
  }
  .shippingOption {
    padding: 0.8rem;
  }
  .shippingOption .checkInputLable {
    font-size: 14px;
  }
  .shippingOption .checkInputLable span {
    font-size: 12px;
  }
  .shippingOption .mdHeading {
    font-size: 14px;
  }

  .orderSummaryList .smText {
    font-size: 14px;
  }
  .orderSummaryList .smHeading {
    font-size: 14px;
  }
  .mainGreenButton {
    padding: 0.5rem 1.2rem;
    font-size: 14px;
  }

  .orderPageContainer {
    box-shadow: 0px 0px 25px 10px #f8f8fb;
    background: #ffffff;
    font-family: "Lato", sans-serif;
  }
  .pageTitle {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #2d995c;
  }
  .orderPageContainer .pageTitle {
    text-align: center;
    padding: 1rem;
    border-bottom: 1px solid #c4c4c47d;
  }
  .orderPageBody {
    padding: 1.3rem;
  }
  .orderInfoSection {
    padding: 1.4rem;
  }
  .tableInfoRow {
    padding: 1.4rem;
  }
  .infoRow {
    font-size: 15px;
  }
  .sectionTableHeader {
    padding: 0.5rem 1rem;
    font-size: 16px;
  }
  .tableHeader {
    padding: 0.5rem 0;
    font-size: 13px;
  }
  .tableCell {
    font-size: 13px;
    padding: 0.5rem 0;
  }
  .orderPageBody {
    padding: 1.3rem 0.6rem;
  }
  .orderPageBody .mainOutlineButton {
    padding: 0.5rem 1.6rem;
  }

  .modalInput {
    padding: 0.5rem 0.7rem;
    font-size: 14px;
  }
  .submitOfferModal .mainButton {
    font-size: 16px;
    padding: 0.5rem 0.4rem;
  }
  .submitOfferModal .mdHeading {
    font-size: 30px;
  }
  .checkModalContentWrapper .mainText {
    font-size: 16px;
  }
  .pageLink,
  .pageEllipsis {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }
}