@media only screen and (min-width: 320px) and (max-width: 1199.98px) {

  :root {

    --fz100: 100px;

    --fz70: clamp((70px/1.7), 5vw, (70px/1.1));

    --fz60: clamp((60px/1.7), 5vw, (60px/1.1));

    --fz55: clamp((55px/1.7), 5vw, (55px/1.1));

    --fz42: clamp((42px/1.65), 5vw, (42px/1.1));

    --fz40: clamp((40px/1.6), 5vw, (40px/1.1));

    --fz35: clamp((35px/1.5), 5vw, (35px/1.1));

    --fz30: clamp((30px/1.5), 5vw, (30px/1.1));

    --fz20: clamp((20px/1.4), 5vw, (20px/1.1));

    --fz18: clamp((18px/1.3), 5vw, (18px/1.1));

    --fz16: clamp((16px/1.3), 5vw, (16px/1.1));

    --fz15: 15px;

    --fz14: 14px;

    --fz13: 13px;

    --fz12: 12px;

    --fz11: 11px;

  }



  .benifit-list {

    justify-content: center;

  }



  h4.title.MarginBottom30 {

    margin-bottom: 20px;

  }



  .box.GetAFreeQuote,

  .box,

  .box2 {

    width: calc(100vw - 20px);

    left: 0;

    right: 0;

    margin: 0 10px;

  }



  .biobox-container {

    text-align: center;

  }



  .biobox-container .Img {

    float: none;

    margin: 0 auto 20px !important;

  }



  .biobox-container .Img .ImgWrap {

    display: inline-block;

  }



  .biobox-container .sepline {

    margin: 0 auto 10px;

  }



  .MainWrapper,

  .Footer,

  .TopMainWrapper,

  .IdxContainWrapper,

  .InnerContainWrapper {

    width: 94% !important;

  }



  img,

  .EditorText img {

    max-width: 100%;

  }



  /*-- responsive menu css start */

  .HomeTop,

  .NavLeft,

  .NavRight {

    display: none !important;

  }



  .TopHeader {

    position: relative;

    z-index: 999;

  }



  .ResponsiveLogo,

  .TopArrow {

    display: block !important;

  }



  .menu {

    clear: both;

    min-width: inherit;

    float: none;

    display: block;

    width: 100%;

    text-align: left;

  }



  .ResponsiveLogo {

    line-height: 0;

    padding: 10px 0;

  }



  .ResponsiveLogo a {

    display: inline-block;

    line-height: 0;

  }



  .ResImg {

    display: block !important;

    line-height: 0 !important;

  }



  .IdxHeaderBg .slides li:before {

    display: none;

  }

  .IdxHeaderBg .swiper-slide {
    background-image: none !important;
    min-height: auto !important;
  }

  /* .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    background-color: transparent !important;
  } */

  .IdxHeaderBg .slides li {

    background: none !important;

    /* min-height: initial !important; */

  }

  .IdxVideoWrap {
    display: flex;
    flex-direction: column-reverse;
  }

  .IdxHeaderBg .swiper-slide {
    display: flex;
    flex-direction: column-reverse;
  }

  .Header {

    background-color: var(--sc-2);

    position: inherit !important;
    top: inherit !important;
    bottom: inherit !important;
    left: inherit !important;
    right: inherit !important;

    margin: 0;

    text-align: center;

    padding: 30px 0 30px;

    transform: none !important;

  }



  .Header .short-desc {

    font-size: clamp(20px, 5vw, 24px);

  }



  .InnerHeaderBg {

    background: none !important;

    min-height: initial !important;

    height: initial !important;

  }



  .InnerHeaderBg::before {

    display: none;

  }



  .IdxHeaderBg .Header {

    text-align: center;

  }



  .IdxHeaderBg .btn.red a,

  .IdxHeaderBg .btn.red>span {

    background-color: var(--sc-1);

    border: 2px solid var(--sc-1);

  }



  .IdxHeaderBg .btn.red a:hover,

  .IdxHeaderBg .btn.red>span:hover {

    background-color: white;

  }



  .InnerHeaderBg .Header,

  .IdxVideoWrap .Header {

    text-align: center;

    padding: 20px 0 25px;

  }



  .InnerHeaderBg .Header {

    padding: 15px 0px;

  }



  .InnerHeaderBg .btn.red a,

  .InnerHeaderBg .btn.red>span,

  .IdxVideoWrap .btn.red a,

  .IdxVideoWrap .btn.red>span {

    background-color: var(--sc-1);

    border: 2px solid var(--sc-1);

  }



  .InnerHeaderBg .btn.red a:hover,

  .InnerHeaderBg .btn.red>span:hover,

  .IdxVideoWrap .btn.red a:hover,

  .IdxVideoWrap .btn.red>span:hover {

    background-color: white;

  }



  .NewLandWrapper {

    text-align: center;

  }



  .NewLandWrapper .LeftFloat,

  .NewLandWrapper .RightFloat,

  .NewLandWrapper .RightBlock,

  .NewLandWrapper .LeftBlock {

    display: block;

    float: none;

    width: 100%;

    padding: 0;

    border: none;

  }



  .NewLandWrapper .LeftFloat {

    margin: 0 auto 10px;

  }



  .NewLandWrapper .RightBlock {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #000;

  }



  .second-navigation .flex-grid-container {

    position: static;

    padding: 30px 0;

    width: 100%;

    --mx: 5px;
    max-width: 100%;
    min-width: 100%;

  }



  .second-navigation .flex-grid-container .NoBullet {

    margin: 0 !important;

  }



  .second-navigation .flex-grid-container .NoBullet>li {

    background: var(--sc-2);

  }



  .second-navigation .flex-grid-container .NoBullet>li a {

    padding: 20px;

    text-align: center;

  }



  .second-navigation .flex-grid-container .NoBullet>li:nth-child(even) {

    border: none;

  }



  .second-navigation .NoBullet {

    justify-content: center;

  }



  .video-overlay {

    display: inline-block;

  }



  .about-container,

  .product-container {

    background: white;

    text-align: center;

  }



  .about-container .img,

  .product-container .img {

    display: inline-block;

  }



  .about-container .left-float,

  .product-container .left-float {

    float: none;

    border: none;

    margin: 0 auto 20px;

  }



  .about-container .right-wrap,

  .product-container .right-wrap {

    padding: 0;

  }



  .about-container h6.title,

  .product-container h6.title {

    padding: 0;

  }



  .about-container h6.title::before,

  .product-container h6.title::before {

    display: none;

  }



  .flex-grid-container .WithoutSlider>ul.NoBullet,

  .flex-grid-container>ul.NoBullet {

    justify-content: center;

  }



  .approach-container .flex-grid-container {

    --mx: 5px;

  }



  .approach-container .text-box {

    padding: 20px;

  }



  .approach-container h6 {

    font-size: clamp(18px, 5vw, 22px);

  }



  .pos-tl {

    display: none;

  }



  .tesimonial-slider .testimonial-body {

    max-width: 100%;

    text-align: center;

  }



  .tesimonial-slider .testimonial-body .desc {

    margin-bottom: 20px;

  }



  .tesimonial-slider .testimonial-body .testimonial-block {

    padding: 50px 20px 70px;

  }



  .testimonial-body .swiper-button-next,

  .testimonial-body .swiper-button-prev {

    --sp: calc(50% - 30px);

  }



  .testimonial-body .swiper-button-next {

    right: var(--sp);

  }



  .testimonial-body .swiper-button-prev {

    left: var(--sp);

  }



  .FooterWrap {

    text-align: center;

  }



  .FooterWrap .LeftBlock {

    float: none;

    width: 100%;

    min-height: inherit !important;

    justify-content: center;

  }



  .FooterWrap .LeftBlock .Wrapper {

    float: none;

    width: 94%;

    margin: 0 auto;

    padding: 40px 0;

    box-sizing: border-box;

  }



  .FooterWrap .RightBlock {

    float: none;

    width: 100%;

    min-height: inherit !important;

  }



  .FooterWrap .RightBlock iframe {

    height: 475px;
    min-height: 475px !important;

    width: 100%;

  }



  .FooterWrap .RightBlock img {

    min-height: inherit !important;

  }



  .FooterLink {

    line-height: 1.2;

    margin-bottom: 3px;

  }



  .team-container {

    background-color: #f1f1f9;

  }



  .team-container .heading {

    margin-bottom: 30px;

  }



  .team-container .flex-grid-container {

    --mx: 5px;

    --width: 300px;

  }



  .team-container .text-overlay {

    padding: 20px 10px 30px;

    text-align: center;

  }



  .odd-even-container {

    text-align: center;

    margin-top: 0px;

  }



  .odd-even-container .float-left {

    margin: 0 auto 20px;

    float: none;
    display: flex;
    justify-content: center;

  }



  .video-container .flex-grid-container {

    --width: 300px;

    --mx: 5px;

    margin-top: 30px;

  }

  .MarginTop20 {
    margin-top: 0px;
  }


  .contact-container .form-body {

    padding: 0px 0px 40px;

    text-align: center;

    margin: 0 auto;

  }



  iframe {

    max-width: 100%;

  }



  /** 140921 vish **/
  /* 
  .video-container ul li {

    text-align: center;

  } */


  /* 
  .video-container ul li a.video-overlay.popup-video {

    border: 0px;

  } */



  .video-container ul li iframe {

    width: 300px;

    height: 183px;

    border: 5px solid #e3e3e3;

  }



  /* 22-07-2024 chin */
  .create-a-new-page-wrapper .InnerContainWrapper .left-float {
    float: none;
    text-align: center;
    margin: 0 auto 30px;
  }

  .create-a-new-page-wrapper {
    text-align: center;
  }

  .create-a-new-page-wrapper .row {
    flex-direction: column;
  }

  .create-a-new-page-wrapper .col-3,
  .create-a-new-page-wrapper .col-2 {
    min-width: 100%;
    max-width: 100%;
    border-top: 1px solid #ddd;
    border-left: 0;
    padding: 20px 0 0 0px;
    margin: 20px 0 0;
  }

  .about-container .InnerContainWrapper .flow-root {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .EditorText a,
  .ThanksMsg a {
    word-break: break-word;
  }

  .EditorText img {
    object-fit: cover;
    height: auto !important;
  }

  .product-list>li {
    text-align: center;
  }

  .MarginBottom20 {
    text-align: center;
  }

  .hl_form-builder--main .form-builder--wrap .form-builder--item .text-element {
    font-size: 22px !important;
    text-align: center !important;
  }

  .hl_form-builder--main {
    padding: 0 !important;
  }

  .flex-grid-container .WithoutSlider>ul.NoBullet,
  .flex-grid-container>ul.NoBullet {
    flex-wrap: wrap;
  }

  .breadcrumb-wrapper {
    margin-top: 0;
  }

  /* 19112024 Sk */
  .create-a-new-page-wrapper.two-column .clearfix .right {
    float: inherit;
    min-width: 100%;
    margin-left: 0;
    margin: 0 auto;
  }

  /* 02052025 */
  .InnerHeaderBg.innerheader-video {
    display: inherit;
  }

  .innerheader-video video {
    height: auto;
  }

  .innerheader-video iframe {
    min-height: 300px;
  }
  
  /* blog css 29052025. Start*/
    h1.entry-title,
    .entry-content h1 {
      font-size: 35px !important;
    }

    .entry-content h2 {
        font-size: 30px;
    }

    .entry-content h3 {
        font-size: 28px;
    }

    .entry-content h4 {
        font-size: 25px;
    }

    .entry-content h5 {
        font-size: 22px;
    }

    .entry-content h6 {
        font-size: 18px;
    }
  /* blog css 29052025. End*/

}



@media only screen and (min-width: 769px) and (max-width: 1024px) {

  .approach-container .flex-grid-container {

    --width: 237px;

    --mx: 2px;

  }



  .approach-container .text-box {

    padding: 20px;

  }



  .approach-container h6 {

    font-size: clamp(18px, 5vw, 22px);

  }

}




@media only screen and (min-width: 320px) and (max-width: 480px) {



  .InnerHeaderBg .Header h3.title,

  .IdxVideoWrap .Header h3.title {

    font-size: 30px;

  }



  .copy br {

    display: block;

  }



  .StickyBtns .MainWrapper {

    width: calc(100% - 4px) !important;

  }



  .StickyBtns .FillRedBtn a {

    font-size: 13px;

    padding: 10px 10px 4px;

  }



  .StickyBtns .FSocialIcon {

    margin-left: 5px;

    padding: 5px 4px 3px;

  }



  .FSocialIcon .fa-stack-2x {

    display: none;

  }



  .FSocialIcon .fa-lg {

    --wd: 27px;

    width: var(--wd);

    height: var(--wd);

    line-height: 1;

    background: white;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .FSocialIcon a .fa-inverse {

    font-size: 0.8em;

  }



  .FooterBottomWrap .InnerContainWrapper {

    padding: 20px 15px 55px;

  }



  .PhoneImg i {

    vertical-align: 1px;

  }



  .PhoneImg a {

    font-size: 15px;

  }



  .biobox-container.OverlayWrapper,

  .OverlayWrapper {

    padding: 30px 15px;

  }



  .g-recaptcha {

    transform-origin: left;

    transform: scale(0.8);

  }



  .Col1,

  .Col2,

  .Col3,

  .Col4,

  .Col5 {

    width: 100%;

  }



  .Col1.TAR,

  .Col2.TAR,

  .Col3.TAR,

  .Col4.TAR,

  .Col5.TAR {

    text-align: center;

  }



  /** 140921 vish **/

  .odd-even-container .float-left iframe,

  .about-container .left-float iframe {

    width: 300px;

    height: 170px;

  }



  /** 160921 piyush **/

  .benifit-list .icon {

    margin: 0 0 10px 0;

  }



  .benifit-list .flex {

    flex-direction: column;
    align-items: center;
    text-align: center;

  }



  .benifit-list>li {

    flex: 1 1 100%;

  }



  .product-list>li {

    padding: 30px 20px;

  }



  .grid-item {

    width: 350px;

  }

  .testimonial-grid {
    width: 350px !important;
  }

  .StickyBtns li.Tiktok a {
    width: 27px;
    height: 27px;
  }
  /* blog css 29052025. Start*/
    h1.entry-title,
    .entry-content h1 {
      font-size: 30px !important;
    }

    .entry-content h2 {
        font-size: 28px;
    }

    .entry-content h3 {
        font-size: 25px;
    }

    .entry-content h4 {
        font-size: 22px;
    }

    .entry-content h5 {
        font-size: 20px;
    }

    .entry-content h6 {
        font-size: 18px;
    }
  /* blog css 29052025. End*/

}



@media only screen and (min-width: 320px) and (max-width: 374px) {



  .InnerHeaderBg .Header h3.title,

  .IdxVideoWrap .Header h3.title {

    font-size: 25px;

  }

  .grid-item {

    width: 300px;

  }

  .testimonial-grid {
    width: 300px !important;
  }

}

/* 19112024 Sk */
@media (max-width: 690px) {

  .contact-container .form-body iframe,
  .create-a-new-page-wrapper.two-column .clearfix .right iframe {
    min-height: 1030px;
  }
}

@media (max-width: 575px) {
  .StickyBtns .FillRedBtn a {
    border: 0;
    padding: 10px 10px 3px;
  }

  .StickyBtns .FSocialIcon {
    border: 0;
    padding: 6px 8px 0px;
  }

  /* 19112024 Sk */
  .contact-container .form-body iframe,
  .create-a-new-page-wrapper.two-column .clearfix .right iframe {
    min-height: 1060px;
  }

  /* 02052025 */
  .innerheader-video iframe {
    min-height: 240px;
  }
}

@media (max-width: 480px) {

  .box.GetAFreeQuote .modal-body iframe {

    min-height: 1400px;

  }

  /* 23.07.2024 chin */
  .product-container .left-float .img,
  .common-container .float-left .img,
  .about-container .left-float .img {
    min-width: 100%;
    max-width: 100%;
  }

  /* 19112024 Sk */
  .contact-container .form-body iframe,
  .create-a-new-page-wrapper.two-column .clearfix .right iframe {
    min-height: 1135px;
  }
}

/* 19112024 Sk */
@media (max-width: 414px) {

  .contact-container .form-body iframe,
  .create-a-new-page-wrapper.two-column .clearfix .right iframe {
    min-height: 1195px;
  }
}


@media (max-width: 399px) {

  .box.GetAFreeQuote .modal-body iframe {

    min-height: 1420px;

  }

  /* 19112024 Sk */
  .contact-container .form-body iframe,
  .create-a-new-page-wrapper.two-column .clearfix .right iframe {
    min-height: 1230px;
  }
}



@media (max-width: 374px) {

  .box.GetAFreeQuote .modal-body iframe {

    min-height: 1450px;

  }

  .StickyBtns .FillRedBtn a {
    border: 0;
    padding: 10px 7px 3px;
  }
}