/* CSS Document */
@media only screen and (min-width: 320px) and (max-width: 1224px) {
  :root {
    --fz25: clamp((25px/1.4), 3vw, 25px);
    --fz22: clamp((22px/1.3), 2vw, 22px);
    --fz20: clamp((20px/1.3), 1.67vw, 20px);
  }

  .Header h2.Title {
    font-size: clamp((30px/1.3), 1.67vw, 30px);
  }

  .IdxHeaderBg .flex-control-nav {
    bottom: 0;
  }

  .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;
  }

  /* responsive menu css end */
  .service-container .flex-grid-container {
    --my: 25px;
  }

  .TopHeader {
    background-color: var(--site-color-2);
  }

  .TopEmailCol {
    float: left;
    border: none;
    margin: 0;
    padding: 13px 0 8px 15px;
  }
  .TopEmailCol a {
    color: #fff;
  }
  .TopEmailCol a img {
    mix-blend-mode: color-dodge;
    filter: invert(1);
  }

  .ResponsiveLogo {
    padding: 10px 0;
  }
  .ResponsiveLogo a {
    display: inline-block;
  }

  .TopSearchWrap {
    margin: 8px 0;
  }
  .TopSearchWrap .MainWrapper {
    width: 100% !important;
    padding: 0 15px;
  }

  .Header {
    position: static;
    width: 100%;
    background-color: var(--site-color-2);
    padding: 20px 0;
  }
  .Header h6.SubTitle,
.Header h2.Title {
    color: #fff;
  }

  .Header .GraySepLine {
    margin: 12px auto;
  }

  .FooterWrap {
    text-align: center;
  }
  .FooterWrap .FooterCol {
    text-align: center;
  }
  .FooterWrap .FooterCol .InfoCol {
    justify-content: center;
  }
  .FooterWrap .FooterCol1 {
    width: initial;
    text-align: center;
    padding: 20px;
    margin: 0 auto 20px;
  }

  .CopyrightWrap {
    text-align: center;
  }

  .InnerHeaderBg {
    height: initial;
    min-height: initial;
  }
  .InnerHeaderBg .Header {
    text-align: center;
  }
  .InnerHeaderBg .Header .center {
    border: none;
    padding: 0;
  }

  .InnerHeaderBg .Header h2.Title {
    color: #fff;
  }

  .about-container .flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .about-container .img {
    margin: 0 auto 20px;
    min-width: initial;
  }

  .about-container .LeftFloat {
    float: none;
    width: 100%;
  }

  .about-container {
    text-align: center;
  }
  .about-container .container {
    padding: 40px 0 30px;
  }
  .about-container .RightWrap {
    padding: 0;
  }

  .about-container.flex-start .img {
    margin: 0 auto 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .service-container .flex-grid-container {
    --width: 320px;
    --mx: 15px;
    --my: 30px;
    --hra: center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .service-container .WithoutSlider > ul.NoBullet:not(.owl-carousel) > li {
    margin: 25px 0;
  }

  .FooterWrap .FooterCol {
    width: 100% !important;
    margin: 0 !important;
  }
  .FooterWrap .FooterCol + .FooterCol {
    margin-top: 30px !important;
  }

  .form-container .Col1,
.form-container .Col2,
.form-container .Col3,
.form-container .Col4,
.form-container .Col5,
.form-container .Col6 {
    width: 100%;
  }
  .form-container .Col1.TAR,
.form-container .Col2.TAR,
.form-container .Col3.TAR,
.form-container .Col4.TAR,
.form-container .Col5.TAR,
.form-container .Col6.TAR {
    text-align: center;
  }

  .TopSearchWrap {
    text-align: center;
  }
  .TopSearchWrap .Col {
    margin: 0 auto;
    width: max-content;
  }
}