@media only screen and (min-width: 320px) and (max-width: 1224px) {
  :root {
    --fz110: clamp((110px / 3), 5vw, 80px);
    --fz90: clamp((90px/2), 5vw, 90px);
    --fz80: clamp((80px/2), 5vw, 80px);
    --fz65: clamp((65px/2), 5vw, 65px);
    --fz60: clamp((60px/2), 5vw, 60px);
    --fz55: clamp((55px/1.5), 5vw, 55px);
    --fz50: clamp((50px/1.5), 5vw, 50px);
    --fz45: clamp((45px/1.4), 5vw, 45px);
    --fz40: clamp((40px/1.4), 5vw, 40px);
    --fz35: clamp((35px/1.4), 5vw, 35px);
    --fz30: clamp((30px/1.3), 2vw, 30px);
    --fz25: clamp((25px/1.2), 5vw, 25px);
    --fz20: clamp((20px/1.2), 5vw, 20px);
    --fz18: clamp((18px/1.2), 5vw, 18px);
    --fz16: clamp((16px/1.2), 5vw, 16px);
    --fz15: 15px;
  } 
  .SiderBarMenu {
    justify-content: flex-start;
    padding-top: 100px !important;
  }
  .services-container .flex-grid-container,
  .media-gallery-container .flex-grid-container {
    --width: 314px;
    --mx: 5px;
    --my: 15px;
  }

  .IdxHeaderBg .swiper-slide {
    background: none !important;
    min-height: initial !important;
  }
  .IdxHeaderBg .swiper-slide .ImgWrap{
    position: relative;
        min-height: 120px;
  }
  /*.IdxHeaderBg .swiper-slide .ImgWrap::before {
    content: "";
    position: absolute;  
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }*/
  .IdxHeaderBg .swiper-slide .ImgWrap .watch-video-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .MainWrapper,
.Footer,
.TopMainWrapper,
.IdxContainWrapper,
.InnerContainWrapper {
    width: 94% !important;
  }
  .TopMainWrapper{
    margin: 0 auto;
  }

  img,
.EditorText img {
    max-width: 100%;
  }

  /*-- responsive menu css start */
  .HomeTop,
.NavLeft,
.NavRight {
    display: none !important;
  }

  .IdxHeaderBg .Header h1 {
    margin-bottom: 0px;
  }

  .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 .slides li {
    background: none !important;
    min-height: initial !important;
  }
  .IdxHeaderBg .slides li:only-child .Header {
    padding: 20px 0;
  }

  .Header {
    background-color: var(--sc-2);
    position: static;
    margin: 0;
    text-align: center;
    padding: 20px 0 40px;
  }
  .WithoutSlider .Header{ 
    padding: 20px 0 15px; 
  } 
  .Header .short-desc {
    font-size: clamp(20px, 5vw, 24px);
  }

  .InnerHeaderBg {
    background: none !important;
    min-height: initial !important;
    height: initial !important;
  }
  .InnerHeaderBg::before {
    display: none;
  }
  .InnerHeaderBg .text-overlay {
    background-color: var(--sc-2);
    position: static;
    margin: 0;
    text-align: center;
    padding: 5px 0;
  }
  .InnerHeaderBg .text-overlay .MainWrapper {
    padding: 0;
  }

  .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; 
  }
  .home-body .about-container.first .left-wrap {
      min-height: inherit;
    display: block;
    align-items: center;
    justify-content: center;
    flex-direction: inherit;
}
  .about-container {
    text-align: center;
  }
  .about-container .RightFloat,.about-container.reverse .bg-wrap > ul > li:nth-child(even) .LeftFloat,
.about-container .LeftFloat,
.about-container .left-float {
    float: none;
    margin: 0 auto 25px;
  }
.about-container.reverse .bg-wrap > ul > li:nth-child(even) .right-wrap {
    width: 100%;
}
  .about-container.reverse .LeftFloat {
    margin: 0 auto 35px; 
  }
  
  .home-service-container {
    text-align: center;
  }
  .home-service-container .left {
    padding: 0;
    display: none;
  }
  .home-service-container .imgwrap {
    display: inline-block;
  }
  .home-service-container .imgwrap .overley-text {
    font-size: 30px;
    padding: 10px;
    text-align: center;
    width: 100%;
  }
  .home-service-container .flex {
    flex-direction: column;
  }
  .home-service-container .right {
    margin: 15px 0 0;
  }
  .home-service-container .heading {
    margin-bottom: 25px;
  }
  .home-service-container .services-btn {
    margin-top: 30px; 
  }

  .service-list {
    max-height: initial;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .about-container.reverse .bg-wrap > ul > li{
    background-image: none;
  }
  .service-list li {
    margin: 10px !important;
    width: 45%;
    min-width: 300px;
    max-width: 450px;
    padding: 0 !important;
        background-color: #8f7185;
  }
  .service-list li > a {
    color: white;
    background-color: #8f7185;
    padding: 30px 20px;
    margin: 0 !important;
    height: 100%;
  }
  .service-list li > a .Col {
    display: block;
    padding: 0;
  }
  .service-list li > a .title {
    color: white;
  }
  .service-list li > a .watch-video-btn,
.service-list li > a .icon-wrap {
    opacity: 1;
  }
  .service-list li > a .icon-wrap {
    position: static;
    display: block;
    text-align: center;
    width: initial;
  }
  .service-list li > a .icon-wrap .icon {
    margin: 0 auto 20px;
  }
  .service-list li > a .watch-video-btn {
    max-height: 100px;
  }

  .result-container .flex {
    flex-direction: column;
    text-align: center;
  }
  .result-container .flex .left {
    margin: 0;
    max-width: 620px;
  }
  .result-container .flex .right {
    order: -1;
    margin: 0 auto 20px;
    max-width: 100%;
    min-width: initial;
  }

  .cta-container {
    margin-top: 0;
  }
  .cta-container .InnerContainWrapper {
    padding: 40px 20px;
    background-image: none;
  }
  .cta-container .flex {
    flex-direction: column;
  }
  .cta-container .icon,
.cta-container .text {
    padding: 0;
    margin: 0 auto 20px;
  }
  .cta-container .text {
    margin-bottom: 12px;
    text-align: center;
  }

  .FooterWrap {
    text-align: center;
  }

  .FooterWrap .InnerContainWrapper {
    padding: 40px 0 10px;
  }

  .top-footer {
    justify-content: center;
    padding-bottom: 40px;
  }
  .top-footer .item {
    flex: 0 0 300px;
    padding: 10px 20px;
  }
  .top-footer .item-1, .top-footer .item-4 {
    flex: 1 1 100%;
  }
  .top-footer .social-links {
    justify-content: center;
  }

  .bottom-footer {
    padding-top: 40px;
  }

  .InnerHeaderBg .Header {
    padding: 15px 0 8px;
  }

  .testimonial-body {
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 40px 70px;
  }
  .testimonial-body.withoutDesc .imgwrap,
  .testimonial-body .imgwrap {
    order: -1;
    width: 100%;
    min-width: initial;
    max-width: 495px;
    margin-bottom: 40px;
  }
   .testimonial-body.withoutDesc .imgwrap{
    margin-bottom: 0px;
   }
  .testimonial-body .before-after-box {
    text-align: left;
  }

  .testimonial-body .desc::before {
    margin: 0px auto 15px;
  }

  .video-container {
    margin-top: 10px; 
  }

  .video-container li > a,
.video-container .swiper-slide > a {
    max-width: initial;
  }

  /*.video-container .video-slider {
    margin: 0 50px;
  }*/

  .video-container {
    position: relative;
  }
  .video-container .swiper-button-next, .video-container .swiper-button-prev {
    --sp: 20px;
  }

  .contact-container .flex {
    flex-direction: column;
  }
  .contact-container .left {
    padding: 0 0 40px;
  }
  .contact-container .right {
    padding: 45px 5px 40px;
  }
  .contact-container .left,
.contact-container .right {
    width: min(780px, 100%);
    margin: 0 auto;
    text-align: center;
  }

  .info-block {
    display: block;
  }
  .info-block .icon {
    margin: 0 auto 10px;
  }

  .map-container + .cta-container {
    margin-top: 40px;
  }

  /** 130921 vish **/

  .home-service-container .service-list .Col {
        flex-wrap: wrap;
    position: relative;
    padding: 20px;
    width: 100%; 
        background-color: #8f7185;
  }
    .home-service-container .service-list .icon-wrap {
    position: inherit;
    top: inherit;
    left: inherit !important;
    bottom: inherit;
    opacity: 1;
    width: 100%;
    margin: 0 auto 20px;
  }
  .home-service-container .service-list .text{
    width: 100%;
  }
  .service-list a, .service-list .title,.service-list .desc {
    color: #fff;
  }
  .service-list .watch-video-btn {
    opacity: 1;
    max-height: inherit;
  } 
  .service-list > li > .overlay-link {
    z-index: 99;
    background-color: transparent;
  }

  /** 170921 vish **/

  .result-container .flex{
    width: 90%;
    margin: 0 auto;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next,
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    top: 50%;
    margin-top: 5px !important;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next{
    left: -33px;
  }
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    right: -33px;
  }
  .video-swiper-button-next, .video-swiper-button-prev {
    top: inherit;
    margin-top: inherit !important;
    bottom: 40px;
  }
  .video-swiper-button-next{
    right: 0; 
  }
  .video-swiper-button-prev {
    left: 0;
  } 
  .video-container .InnerContainWrapper{
    padding: 40px 0 80px;
    position: relative;
  }

  .result-container .swiper-container {
    padding-bottom: 0px;
  }


/** 061021 vish **/

.services-container ul li .Col {
  display:block;
    height:initial;
}
.services-container ul li .Col .text{
  padding: 30px 25px;
    height: initial;
}
.services-container ul li .Col .text .btn{
    position: inherit;
    bottom: inherit;
    left: inherit;
}

.testimonial-body .imgwrap .title{
  text-align: center;
}

.relativewrap{
  position: relative;
}
.testimonial-container .testi-slider{
  overflow: hidden;
}

}


@media only screen and (min-width: 481px) and (max-width: 767px) {
  /** 170921 vish **/

  .result-container .flex{
    width: 85%;
    margin: 0 auto;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next,
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    top: 150px;
    margin-top: 0;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next{
    left: -35px;
  }
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    right: -35px;
  }
  

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .IdxHeaderBg {
    min-height: 250px;
  }
  .IdxHeaderBg .Header{
    min-height: 130px;
  }
  .SiderBarMenu::before{
    width: 320px;
    height: 210px;
    background-size: 100% !important;
  }
  .before-after-box > div {
    text-align: left;
  }
  .IdxHeaderBg .swiper-slide .ImgWrap .watch-video-btn {
    bottom: 10px;
  }

  .about-container.reverse .heading {
    margin: 20px auto;
  }

/*  .result-container .flex .right {
    max-width: 300px;
  }
*/
  .result-container .before-after-box > div {
    width: 48%;
    margin: 0 2px !important; 
    text-align: center;
  }
  .result-container .before-after-box {
        margin: 0 auto;
  }

  .result-container .flex .left {
    min-width: initial;
  }

  .PhoneImg {
    padding-top: 8px;
  }
  .PhoneImg .text {
    display: none;
  }

  .info-box .qus .flex {
    padding: 18px 10px 18px 12px;
  }

  .services-container .flex-grid-container,
.media-gallery-container .flex-grid-container {
    --width: 300px;
    --mx: 0;
    --my: 15px;
  }

  /*.video-container .video-slider {
    margin: 0 30px;
  }*/

  .video-container .swiper-button-next, .video-container .swiper-button-prev {
    --sp: 5px;
  }

  .testimonial-body .imgwrap .title {
    font-size: 16px;
    letter-spacing: 0px;
    margin-bottom: 10px;
  }

  .testimonial-container {
    position: relative;
  }
  .result-container .InnerContainWrapper,
  .testimonial-container .InnerContainWrapper{
    padding: 40px 35px;
  }
  .testimonial-body .before-after-box > div {
      margin: 0 2px;
  }
  .testimonial-container .swiper-button-next, .testimonial-container .swiper-button-prev {
    /*top: inherit;*/
    margin-top: 0;
    --sp: -38px; 
    bottom: 10px;
  }

  .testimonial-container .heading {
    margin-bottom: 20px;
  }

  .testimonial-body {
    padding: 10px 5px;
    /*padding: 40px 10p*/x;
    /*max-width: 300px;*/
    margin: 0 auto;
  }
  .testimonial-body .before-after-box {
    display: flex;
    /*width: 300px;*/
    max-width: 100%;
    margin: 0 auto;
  }
  .testimonial-body .imgwrap {
    margin: 0 auto 20px;
  }
  .testimonial-body.withoutDesc .text h6.title {
    margin-top: 12px;
  }
  .g-recaptcha {
    transform-origin: left;
    transform: scale(0.8);
  }

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

  /** 170921 vish **/
  .result-container .before-after-box .title{
    text-align: center;
  }
  .result-container .flex{
    width: 100%; /*85*/
    margin: 0 auto;
  }
  .result-container .flex .right{
    margin: 0 auto 15px;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next,
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    /*top:initial;
    bottom: -30px;
    margin-top: 0;*/
    top: 50%;
    bottom: inherit;
  }
  .result-container .swiper-button-prev, .result-container .swiper-rtl .swiper-button-next{
    left:-38px;
  }
  .result-container .swiper-button-next, .result-container .swiper-rtl .swiper-button-prev{
    right: -38px;
  }
  .btn a, .btn > span {
    padding: 15px 20px;
  }

}