@media (max-width: 1799.98px) {
  /* HEADER PADDING  */

  .header-padding {
    padding-top: 149px;
  }
  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: calc(1610px + 24px);
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(500px + 149px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 800px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 900px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 860px;
  }
}

@media (max-width: 1699.98px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 66px;
    line-height: 84px;
  }

  .h2 {
    font-size: 56px;
    line-height: 84px;
  }

  .h3 {
    font-size: 50px;
    line-height: 58px;
  }

  .h4 {
    font-size: 48px;
    line-height: 51px;
  }

  .h5 {
    font-size: 46px;
    line-height: 50px;
  }

  .font_32 {
    font-size: 30px;
    line-height: 38px;
  }

  .font_28 {
    font-size: 26px;
    line-height: 32px;
  }

  .font_22 {
    font-size: 21px;
    line-height: 26px;
  }

  /* COMMON PADDING  */
  .common-padding,
  .common-padding-t {
    padding-top: 90px;
  }

  .common-padding,
  .common-padding-b {
    padding-bottom: 90px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 144px;
  }

  /* ======================================================
                  COMMON TITLE SOC
  ====================================================== */

  .common-title-wrapper {
    max-width: 1470px;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: calc(1510px + 24px);
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  /* OUR WORK TAB CONTENT CSS */
  .common-gallery-card .gallery-img {
    min-height: 650px;
    max-height: 650px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(465px + 144px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 724px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 860px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 840px;
  }
}

@media (max-width: 1599.98px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 62px;
    line-height: 76px;
  }

  .h2 {
    font-size: 52px;
    line-height: 76px;
  }

  .h3 {
    font-size: 47px;
    line-height: 56px;
  }

  .h4 {
    font-size: 46px;
    line-height: 49px;
  }

  .h5 {
    font-size: 44px;
    line-height: 48px;
  }

  .h6 {
    font-size: 36px;
    line-height: 46px;
  }

  .font_24 {
    font-size: 23px;
    line-height: 28px;
  }

  .font_32 {
    font-size: 28px;
    line-height: 36px;
  }

  .font_28 {
    font-size: 22px;
    line-height: 30px;
  }

  .font_22 {
    font-size: 20px;
    line-height: 24px;
  }

  /*** Buttton Varilation CSS BOF ***/
  .bttn {
    padding: 13px 28px;
    font-size: 17px;
    line-height: 21px;
    min-width: 164px;
  }

  .loadmore_bttn {
    min-width: 280px;
  }

  /* 11 : Form & Input Style BOF
  ==================================================== */

  .form-control,
  .form-select {
    padding: 20px 28px;
  }

  .form-select {
    background-size: 20px;
    background-position: right 28px center;
  }

  textarea.form-control {
    padding: 20px 28px;
  }

  /* COMMON PADDING  */
  .common-padding,
  .common-padding-t {
    padding-top: 80px;
  }

  .common-padding,
  .common-padding-b {
    padding-bottom: 80px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 137px;
  }

  /* COMMON CIRCLE CHECK MARK ICON */
  .circle-check-icon {
    width: 32px;
    height: 32px;
  }

  /* ======================================================
                  COMMON TITLE SOC
  ====================================================== */

  .common-title-wrapper {
    max-width: 1300px;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: calc(1330px + 24px);
  }

  /* ====================================================== 
                    COMMON CONTACT CTA 
 ====================================================== */

  .contact-cta-sec .cta-wrapper {
    max-width: 1048px;
    margin: 30px auto;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 800px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 1200px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs {
    max-width: 750px;
  }

  .ourwork-wrapper .ourwork-tabs .nav-link {
    font-size: 19px;
    line-height: 23px;
    min-width: 185px;
  }

  /* OUR WORK TAB CONTENT CSS */
  .common-gallery-card .gallery-img {
    min-height: 620px;
    max-height: 620px;
  }

  .common-gallery-card .gallerycard-content-wrapper {
    padding: 10px 26px 38px;
    min-height: 118px;
  }

  .common-gallery-card .gallerycard-content-wrapper::before {
    top: -72px;
    height: 72px;
    background-size: 100% 72px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(400px + 137px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 672px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 760px;
  }

  /* ===================================================================================
                      PRIVACY POLICY - TERMS & CONDITION PAGE
=================================================================================== */
  .privacypolicy-wrapper h2,
  .termscondition-wrapper h2 {
    font-size: 26px;
    line-height: 32px;
    margin: 22px 0;
    padding-top: 35px;
  }

  .privacypolicy-wrapper p,
  .termscondition-wrapper p,
  .termscondition-wrapper span {
    margin: 22px 0;
  }

  .privacypolicy-wrapper p,
  .privacypolicy-wrapper ul li,
  .termscondition-wrapper p,
  .termscondition-wrapper span,
  .termscondition-wrapper ul li,
  .termscondition-wrapper ol li {
    font-size: 20px;
    line-height: 25px;
  }

  .privacypolicy-wrapper table thead tr th,
  .privacypolicy-wrapper table tbody tr td {
    padding: 14px;
    font-size: 20px;
    line-height: 25px;
  }

  /* TERMS CONDITION CSS */
  .termscondition-wrapper ol {
    margin: 22px 0 22px 40px;
    padding-left: 22px;
  }

  .termscondition-wrapper h3 {
    font-size: 22px;
    line-height: 26px;
    margin: 28px 0 22px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 790px;
  }

  .pagenotfound-banner-wrapper .pnf-content-wrapper {
    max-width: 900px;
  }
}

@media (max-width: 1499.98px) {
  /* HEADER PADDING  */

  .header-padding {
    padding-top: 131px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(400px + 131px);
  }
}

@media (max-width: 1399.98px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 57px;
    line-height: 68px;
  }

  .h2 {
    font-size: 48px;
    line-height: 70px;
  }

  .h3 {
    font-size: 44px;
    line-height: 54px;
  }

  .h4 {
    font-size: 42px;
    line-height: 46px;
  }

  .h5 {
    font-size: 40px;
    line-height: 46px;
  }

  .h6 {
    font-size: 33px;
    line-height: 44px;
  }

  .font_24 {
    font-size: 22px;
  }

  .font_32 {
    font-size: 27px;
    line-height: 34px;
  }

  .font_28 {
    font-size: 20px;
    line-height: 26px;
  }

  .font_22 {
    font-size: 18px;
    line-height: 24px;
  }

  /*** Buttton Varilation CSS BOF ***/
  .bttn {
    padding: 12px 26px;
    font-size: 16px;
    line-height: 20px;
    min-width: 155px;
  }

  .bttn .upright-arrow-icon {
    width: 17px;
    height: 17px;
  }

  .loadmore_bttn {
    min-width: 250px;
  }

  /* 11 : Form & Input Style BOF
  ==================================================== */

  .form-control,
  .form-select {
    padding: 16px 24px;
  }

  .form-select {
    background-size: 18px;
    background-position: right 24px center;
  }

  textarea.form-control {
    padding: 16px 24px;
    height: 100px;
  }

  /* WPCF7 FORM CSS */
  .wpcf7 form .wpcf7-response-output {
    bottom: -45px;
    font-size: 14px;
    line-height: 18px;
    padding: 3px 12px !important;
  }

  /* COMMON PADDING  */
  .common-padding,
  .common-padding-t {
    padding-top: 70px;
  }

  .common-padding,
  .common-padding-b {
    padding-bottom: 70px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 118px;
  }

  /* COMMON CIRCLE CHECK MARK ICON */
  .circle-check-icon {
    width: 29px;
    height: 29px;
  }

  /* ======================================================
                  COMMON TITLE SOC
  ====================================================== */

  .common-title-wrapper {
    max-width: 1100px;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: calc(1140px + 24px);
  }

  /* ====================================================== 
                    COMMON CONTACT CTA 
 ====================================================== */

  .contact-cta-sec .cta-wrapper {
    margin: 25px auto;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 750px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 1000px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs {
    max-width: 750px;
    padding: 40px 0;
  }

  .ourwork-wrapper .ourwork-tabs .nav-link {
    font-size: 18px;
    line-height: 22px;
    min-width: 155px;
  }

  /* OUR WORK TAB CONTENT CSS */
  .ourwork-tab-content .our-work-row {
    --bs-gutter-x: 22px;
    --bs-gutter-y: 22px;
  }

  .common-gallery-card::before {
    border-width: 8px;
  }

  .common-gallery-card .gallery-img {
    min-height: 590px;
    max-height: 590px;
  }

  .common-gallery-card .gallerycard-content-wrapper {
    left: 8px;
    bottom: 8px;
    width: calc(100% - 16px);
    padding: 6px 26px 32px;
    min-height: 100px;
  }

  .common-gallery-card .gallerycard-content-wrapper::before {
    top: -65px;
    height: 65px;
    background-size: 100% 65px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(380px + 118px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 594px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 660px;
  }

  /* ===================================================================================
                      PRIVACY POLICY - TERMS & CONDITION PAGE
=================================================================================== */
  .privacypolicy-sec .privacypolicy-logo,
  .termscondition-sec .termscondition-logo {
    max-width: 180px;
  }

  .privacypolicy-wrapper h2,
  .termscondition-wrapper h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 18px 0;
    padding-top: 30px;
  }

  .privacypolicy-wrapper p,
  .termscondition-wrapper p,
  .termscondition-wrapper span {
    margin: 18px 0;
  }

  .privacypolicy-wrapper p,
  .privacypolicy-wrapper ul li,
  .termscondition-wrapper p,
  .termscondition-wrapper span,
  .termscondition-wrapper ul li,
  .termscondition-wrapper ol li {
    font-size: 18px;
    line-height: 24px;
  }

  .privacypolicy-wrapper ul li,
  .termscondition-wrapper ul li {
    padding-left: 26px;
    margin: 10px 0;
  }

  .privacypolicy-wrapper ul li::before,
  .termscondition-wrapper ul li::before {
    background-size: 18px;
    width: 18px;
    height: 18px;
    top: 4px;
  }

  .privacypolicy-wrapper table thead tr th,
  .privacypolicy-wrapper table tbody tr td {
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
  }

  /* TERMS CONDITION CSS */

  .terms-condition-col p,
  .terms-condition-col h3 {
    padding-left: 35px;
  }

  .terms-condition-col p::before,
  .terms-condition-col h3::before {
    font-size: 17px;
  }

  .termscondition-wrapper ol {
    margin: 18px 0 18px 35px;
    padding-left: 18px;
  }

  .termscondition-wrapper h2 + span,
  .termscondition-wrapper p + span,
  .termscondition-wrapper ol + span {
    padding-left: 35px;
  }

  .termscondition-wrapper ol li {
    margin: 10px 0;
  }

  .termscondition-wrapper h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 26px 0 18px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 740px;
  }

  .pagenotfound-banner-wrapper .pnf-content-wrapper {
    max-width: 900px;
  }

  .pagenotfound-banner-wrapper .pnf-content-wrapper .font_28 {
    font-size: 26px;
    line-height: 26px;
  }
}

@media (max-width: 1299.98px) {
  /* HEADER PADDING  */

  .header-padding {
    padding-top: 116px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(380px + 116px);
  }
}

@media (max-width: 1199.98px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 52px;
    line-height: 62px;
  }

  .h2 {
    font-size: 42px;
    line-height: 55px;
  }

  .h3 {
    font-size: 40px;
    line-height: 52px;
  }

  .h4 {
    font-size: 38px;
    line-height: 43px;
  }

  .h5 {
    font-size: 34px;
    line-height: 40px;
  }

  .h6 {
    font-size: 30px;
    line-height: 40px;
  }

  .font_24 {
    font-size: 20px;
    line-height: 26px;
  }

  .font_32 {
    font-size: 26px;
    line-height: 32px;
  }

  .font_20 {
    font-size: 18px;
    line-height: 22px;
  }

  .font_18 {
    font-size: 16px;
    line-height: 20px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 108px;
  }

  /* COMMON CIRCLE CHECK MARK ICON */
  .circle-check-icon {
    width: 26px;
    height: 26px;
  }

  /* ======================================================
                  COMMON TITLE SOC
  ====================================================== */

  .common-title-wrapper {
    max-width: 100%;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: calc(940px + 24px);
  }

  /* ====================================================== 
                    COMMON CONTACT CTA 
 ====================================================== */

  .contact-cta-sec .cta-wrapper {
    max-width: 800px;
    margin: 20px auto;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 600px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 800px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs .nav-link {
    font-size: 16px;
    line-height: 20px;
    min-width: 135px;
    padding: 10px 30px;
  }

  /* OUR WORK TAB CONTENT CSS */
  .ourwork-tab-content .our-work-row {
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
  }

  .common-gallery-card .gallery-img {
    min-height: 458px;
    max-height: 458px;
  }

  .common-gallery-card .gallerycard-content-wrapper {
    padding: 6px 20px 26px;
    min-height: 80px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(340px + 108px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 476px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 512px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 700px;
  }

  .pagenotfound-banner-wrapper .pnf-content-wrapper {
    max-width: 800px;
  }
}

@media (max-width: 991.98px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 48px;
    line-height: 58px;
  }

  .h2 {
    font-size: 37px;
    line-height: 45px;
  }

  .h3 {
    font-size: 38px;
    line-height: 50px;
  }

  .h4 {
    font-size: 35px;
    line-height: 40px;
  }

  .h5 {
    font-size: 32px;
    line-height: 38px;
  }

  .h6 {
    font-size: 27px;
    line-height: 36px;
  }

  .font_24 {
    font-size: 18px;
    line-height: 24px;
  }

  /* COMMON PADDING  */
  .common-padding,
  .common-padding-t {
    padding-top: 60px;
  }

  .common-padding,
  .common-padding-b {
    padding-bottom: 60px;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    max-width: 100%;
    padding: 0 24px;
  }

  /* ====================================================== 
                    COMMON CONTACT CTA 
 ====================================================== */

  .contact-cta-sec .cta-wrapper {
    max-width: 100%;
    margin: 10px auto;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 520px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 640px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs {
    max-width: 680px;
    padding: 32px 0;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(330px + 108px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 100%;
    padding-top: 40px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 440px;
  }

  /* ===================================================================================
                      PRIVACY POLICY - TERMS & CONDITION PAGE
=================================================================================== */
  .privacypolicy-sec .privacypolicy-logo,
  .termscondition-sec .termscondition-logo {
    max-width: 150px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 670px;
  }

  .pagenotfound-banner-wrapper .pnf-content-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 44px;
    line-height: 54px;
  }

  .h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .h3 {
    font-size: 34px;
    line-height: 45px;
  }

  .h4 {
    font-size: 32px;
    line-height: 36px;
  }

  .h5 {
    font-size: 28px;
    line-height: 35px;
  }

  .h6 {
    font-size: 24px;
    line-height: 32px;
  }

  .font_32 {
    font-size: 25px;
    line-height: 30px;
  }

  .font_28 {
    font-size: 18px;
    line-height: 24px;
  }

  /*** Buttton Varilation CSS BOF ***/
  .bttn {
    padding: 12px 18px;
    font-size: 15px;
    line-height: 18px;
    min-width: 145px;
  }

  .bttn .upright-arrow-icon {
    width: 16px;
    height: 16px;
  }

  .loadmore_bttn {
    min-width: 220px;
  }

  /* 11 : Form & Input Style BOF
  ==================================================== */

  .form-control,
  .form-select {
    padding: 16px 18px;
  }

  .form-select {
    background-size: 16px;
    background-position: right 18px center;
  }

  textarea.form-control {
    padding: 16px 18px;
  }

  /* WPCF7 FORM CSS */
  .wpcf7 form .wpcf7-response-output {
    bottom: -55px;
    font-size: 13px;
    line-height: 16px;
    padding: 2px 8px !important;
  }

  /* COMMON PADDING  */
  .common-padding,
  .common-padding-t {
    padding-top: 50px;
  }

  .common-padding,
  .common-padding-b {
    padding-bottom: 50px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 101px;
  }
  /* COMMON CIRCLE CHECK MARK ICON */
  .circle-check-icon {
    width: 24px;
    height: 24px;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 520px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 640px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs {
    max-width: 100%;
    padding: 32px 0;
  }

  .ourwork-wrapper .ourwork-tabs .nav-link {
    font-size: 15px;
    line-height: 18px;
    min-width: 100px;
    padding: 9px 22px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(330px + 100px);
  }

  /* ===================================================================================
                      PRIVACY POLICY - TERMS & CONDITION PAGE
=================================================================================== */
  .privacypolicy-sec .privacypolicy-logo,
  .termscondition-sec .termscondition-logo {
    max-width: 140px;
  }

  .privacypolicy-wrapper h2,
  .termscondition-wrapper h2 {
    font-size: 22px;
    line-height: 26px;
    margin: 15px 0;
    padding-top: 28px;
  }

  .privacypolicy-wrapper p,
  .termscondition-wrapper p,
  .termscondition-wrapper span {
    margin: 15px 0;
  }

  .privacypolicy-wrapper p,
  .privacypolicy-wrapper ul li,
  .termscondition-wrapper p,
  .termscondition-wrapper span,
  .termscondition-wrapper ul li,
  .termscondition-wrapper ol li {
    font-size: 16px;
    line-height: 22px;
  }

  .privacypolicy-wrapper ul li,
  .termscondition-wrapper ul li {
    padding-left: 24px;
    margin: 8px 0;
  }

  .privacypolicy-wrapper ul li::before,
  .termscondition-wrapper ul li::before {
    background-size: 16px;
    width: 16px;
    height: 16px;
    top: 4px;
  }

  .privacypolicy-wrapper table thead tr th,
  .privacypolicy-wrapper table tbody tr td {
    padding: 8px;
    font-size: 16px;
    line-height: 22px;
  }

  /* TERMS CONDITION CSS */

  .terms-condition-col p,
  .terms-condition-col h3 {
    padding-left: 30px;
  }

  .terms-condition-col p::before,
  .terms-condition-col h3::before {
    font-size: 14px;
  }

  .termscondition-wrapper ol {
    margin: 15px 0 15px 30px;
    padding-left: 18px;
  }

  .termscondition-wrapper h2 + span,
  .termscondition-wrapper p + span,
  .termscondition-wrapper ol + span {
    padding-left: 30px;
  }

  .termscondition-wrapper ol li {
    margin: 8px 0;
  }

  .termscondition-wrapper h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0 15px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pagenotfound-banner-image {
    max-width: 100%;
  }
}

@media (max-width: 575px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */
  .h1 {
    font-size: 40px;
    line-height: 48px;
  }

  .h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .h4 {
    font-size: 28px;
    line-height: 32px;
  }

  .h5 {
    font-size: 24px;
    line-height: 30px;
  }

  .h6 {
    font-size: 22px;
    line-height: 30px;
  }

  .font_24 {
    font-size: 16px;
    line-height: 21px;
  }

  .font_32 {
    font-size: 24px;
    line-height: 30px;
  }

  .font_28 {
    font-size: 17px;
    line-height: 22px;
  }

  .font_22 {
    font-size: 16px;
    line-height: 22px;
  }

  /*** Buttton Varilation CSS BOF ***/
  .bttn {
    padding: 11px 16px;
    font-size: 14px;
    line-height: 16px;
    min-width: 130px;
    gap: 5px;
  }

  .loadmore_bttn {
    min-width: 200px;
  }

  /* 11 : Form & Input Style BOF
  ==================================================== */

  textarea.form-control {
    height: 120px;
  }

  /* HEADER PADDING  */

  .header-padding {
    padding-top: 97px;
  }

  /* COMMON CIRCLE CHECK MARK ICON */
  .circle-check-icon {
    width: 21px;
    height: 21px;
  }

  /* ======================================================
                  COMMON CONTAINER SOC
  ====================================================== */

  .container {
    padding: 0 15px;
  }

  /* =======================================================
                      OUR WORK SOC
======================================================= */

  .our-work-sec .ourwork-top-vector {
    max-width: 420px;
  }

  .our-work-sec .ourwork-bottom-vector {
    max-width: 540px;
  }

  /* OUR WORK TAB CSS */

  .ourwork-wrapper .ourwork-tabs {
    padding: 24px 0;
  }

  /* OUR WORK TAB CONTENT CSS */

  .ourwork-tab-content .our-work-row {
    --bs-gutter-y: 14px;
  }

  .common-gallery-card .gallery-img {
    min-height: 480px;
    max-height: 480px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */
  .innerpage-banner-sec {
    height: calc(300px + 96px);
  }

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    max-width: 100%;
    padding-top: 40px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 360px;
  }

  /* ===================================================================================
                      PRIVACY POLICY - TERMS & CONDITION PAGE
=================================================================================== */

  .privacypolicy-wrapper h2,
  .termscondition-wrapper h2 {
    margin: 10px 0;
    padding-top: 24px;
  }

  .privacypolicy-wrapper p,
  .termscondition-wrapper p,
  .termscondition-wrapper span {
    margin: 10px 0;
  }

  /* TERMS CONDITION CSS */

  .terms-condition-col p,
  .terms-condition-col h3 {
    padding-left: 30px;
  }

  .terms-condition-col p::before,
  .terms-condition-col h3::before {
    font-size: 14px;
  }

  .termscondition-wrapper ol {
    margin: 10px 0 10px 30px;
  }

  .termscondition-wrapper h2 + span,
  .termscondition-wrapper p + span,
  .termscondition-wrapper ol + span {
    padding-left: 30px;
  }

  .termscondition-wrapper ol li {
    margin: 6px 0;
  }

  .termscondition-wrapper h3 {
    font-size: 18px;
    line-height: 22px;
    margin: 18px 0 10px;
  }

  /* ======================================================
                  PAGE NOT FOUND PAGE 
  ====================================================== */

  .pagenotfound-banner-wrapper .pnf-content-wrapper .font_28 {
    font-size: 24px;
    line-height: 24px;
  }
}

@media (max-width: 400px) {
  /* 03 : Heading Style CSS BOF
  =================================================== */

  .h2 {
    font-size: 29px;
    line-height: 36px;
  }

  /*** Buttton Varilation CSS BOF ***/
  .bttn {
    padding: 11px 11px;
    font-size: 12px;
    min-width: 120px;
  }

  .loadmore_bttn {
    min-width: 180px;
  }

  /* ======================================================
                  COMMON INNER PAGE BANNER SOC
  ====================================================== */

  .innerpage-banner-main .innerpage-banner-wrapper .banner-title {
    padding-top: 30px;
  }

  .innerpage-banner-main .innerpage-banner-wrapper .innerpage-banner-image {
    max-width: 340px;
  }
}