/* hover-tabs */

@media (min-width: 1980px) {

  .our-portfolio .container-fluid{ max-width: 1980px; margin: auto; }

}

@media (max-width: 1600px) {
    .char-svg {
      width: 95%;
    }
  }
  @media (max-width: 1480px) {
    .cta-contains h1{ font-size: 2.05rem; }
    .heroSec::before{    background-size: 70%;
      background-position: left center;  }
    .heroSec::after{    background-size: 70%;
        background-position: right center;  }   

  }

@media (max-width: 1370px) {
    .tp__list__left__img {
      width: 100%;
    }
    .heroSec{     background-position: top center; }
    .marquee-wrap{ padding-top: 1.2rem; padding-bottom: 1.2rem; }
    .marquee-logo{ width: 40px; height: 35px; }
    
  }
  @media (max-width: 1200px) and (min-width: 801px) {
    .tp__header {
      font-size: 4.375rem;
    }
    .tp__list__right__item__header {
        font-size: 2.5rem;
      }

      .aboutImgCont img:first-of-type{ left: -60px; }
      .tagsCont .tag{ display: block; }
      .portfolio-images1:before{ right: -3rem; }
      .pec-list ul li{ font-size: 0.925rem;line-height: 1.4rem; }
      .cta-contains h1{ font-size: 1.7rem; }
      .cta-sec{     padding: 2rem 0; }
      .cta-sec::before{ width: 260px; height: 390px; background-size: 100%; }
      .cta-sec::after{ width: 260px; height: 390px; background-size: 100%; }
      section{ padding: 3rem 0 !important; }
      section.logosSec{ padding: 0 !important; }
      .testi-content h1{     font-size: 2.425rem; }
      .main-hdg h2{ font-size: 2.525rem; }
      .heroSec .content h2 span{     font-size: 3rem; }

  }

  @media (max-width: 1080px) {
    .portfolio-images1:before{ display: none; }
    section{ padding: 3rem 0 !important; }
    section.logosSec{ padding: 0 !important; }
    .heroSec::before{  display: none;  }
    .heroSec::after{  display: none;  }  
    .cta-sec::before{ display: none; }
    .cta-sec::after{ display: none; } 

  }

  @media (max-width: 990px) {

    .container{ max-width: 90%; }
    .heroSec .content h2{ font-size: 3.1rem; }
    .aboutImgCont{ text-align: right; }
    .aboutImgCont img:first-of-type{ left: 0; }
    .tabs-bg-img{ display: none; }
    .secHeading h2{ font-size: 2rem; }
    .marquee-wrap{ padding-top: 1rem; padding-bottom: 1rem; }
    .marquee-logo{ height: auto; }
    .heroSec .content h2 { font-size: 2.7rem; }
    .heroSec .content h2 span{ font-size: 2.3rem; }
    .section-padding{ margin-top: 0; }
    .cta-sec::before{ display: none; }
    .break_col img{ max-width: 100%; }
    .processtime{ font-size: 20px; }
    .pinned-image{ height: 45vh; }
    .our-portfolio .container-fluid{ grid-template-columns: repeat(3, 1fr); }

  }


  @media (max-width: 800px) {
    .tp {
      padding: 0 8.3333333333vw;
    }
    .tp__header {
        font-size: 2.8125rem;
        margin: 0;
        line-height: 3.375rem;
      }
      .tp__list__mobile {
        display: flex;
        justify-content: space-between;
      }
      .tp__list__left {
        width: 70%;
      }
      .tp__list__left {
        display: none;
      }
      .tp__list__right {
        margin-top: 3.125rem;
      }
      .tp__list__right__item {
        padding-bottom: 1.6rem;
        padding-top: 0;
      }
      .tp__list__right__item._is-active .tp__list__right__item__header {
        transform: translateX(0);
      }
      .tp__list__right__item._is-active
      .tp__list__right__item__header
      .list-anim-second {
      width: 0;
    }
    .tp__list__right__item._is-active .tp__list__right__item__desc {
        transform: translateX(0);
      }
      .tp__list__right__item._is-active
    .tp__list__right__item__desc
    .list-anim-second {
    width: 0;
  }
  .tp__list__right__item__img {
    display: block;
  }
  .tp__list__right__item__header {
    font-size: 1.875rem;
  }
  .list-anim {
    opacity: 1;
  }
  
  .tagsCont{ display: block; }
  .tagsCont .tag span{ font-size: 2.2875rem; }
  .aboutSec .secHeading h2{ font-size: 1.5rem; }
  .aboutImgCont img:first-of-type{     position: relative; }
  .aboutImgCont img:last-of-type{     margin-top: 10px; }
  .cta-contains h1{     font-size: 1.55rem; }
  .cta-contains h2{     font-size: 1.475rem; }
  .pec-name h1{     font-size: 1.6rem; }
  .pec-list ul li{ font-size: 1.025rem;line-height: normal; }
  html{ font-size: 14px; }
  .entry-box{ width: 100%; }
  .tagsCont{ display: flex; }
  .contactsec{ overflow: hidden; }

  }

  @media (max-width: 799px) {
    .tp__list__right__item._is-active .tp__list__right__item__img {
      height: 26.6875rem;
    }
    .aboutImgCont{ margin-top: 1rem; }
    .aboutSec{ text-align: center; }
    .footerform{ margin-bottom: 2rem; }
    .contactsec{ text-align: center; }
    .contactsec .main-hdg h2{ text-align: center; }
    .testi-content h1{ font-size: 2.025rem; }
    .happy-text{ max-width: 100%; }
    .tp__list__right{ text-align: center; }
    .tp__list__right__item__header{ margin:auto }
    .tp{ padding: 0; }
    .heroSec{ padding: 8rem 0 2rem; background-position: top right; text-align: center; }
    .main-form{ margin-bottom: 1.5rem; }
    .heroSec .content h2{ margin-top: 0; }
    header ul li:first-child a{ font-size: 0; }
    header ul li:first-child a i{     font-size: 20px;
      background-color: var(--theme-color);
      color: #fff;
      border-radius: 100%;
      width: 40px;
      height: 40px;
      display: flex !important;
      align-items: center;
      justify-content: center; }
    header ul li{   display: flex;  align-items: center; }
    .aboutImgCont img:last-of-type{ display: none; }
    .aboutImgCont{ text-align: center; }
    footer{ text-align: center; }
    footer .text-right{ text-align: center !important; }
    footer img{ margin: 10px auto; }
    .boxes{ margin-top: 10px; }
    .cta-contains h2 a::after{ background-size: cover; }
    .cta-contains h2 a::after{ width: 100%; }
    .main-form{  padding-bottom: 6rem; }
    .heroSec .frm-grup-cta-btn{ position: relative; }
    .our-service-sec{ padding-top: 0; }
    .tp__list__right__item__img a .tp__list__right__item__img__text{ display: none; }
    .testi-content-rpr{ padding: 0; }
    .main-testi p{ font-size: 1.113rem;    padding: 0 1.6rem; }
    .footerform{ padding-right: 0; }
    .portfolio-images1 .col-md-4,
    .portfolio-images1 .col-md-8{ padding-right: 0 !important; padding-left: 0 !important;  }
    .img-new{ height: auto; }
    #entry-popup .container{ max-width: 100%; }
    .container{ max-width: 100%; }
    .heroSec .content{ max-width: 100%; }
    header ul li a.chat{     
      padding: 0;
      border: none;
      display: block;
      background: transparent;  
    }
    .logosservices .col-sm-6 {    
      flex: 0 0 100%;
      max-width: 100%; 
    }  
    .slides_ser{ height: initial; } 
    .sliders_services::before,
    .sliders_services::after{ height: 80px; }  
      

  }

  @media (max-width: 575px) {

header .row *{ width: initial; }
.cta-contains h1{ margin-bottom: 0; }
.tagsCont{ display: block; }
.tagsCont .tag{ justify-content: center; }
.qouit-bg{ max-width: 100%; }
.entry-box h1{     font-size: 18px; }
.entry-right .text h2{     font-size: 20px;padding: 0 20px; }
header .row{ justify-content: center !important; }
.heroSec{ padding: 9rem 0 2rem; }
.marquee-logo{ width: 28px; }
.cta-contains a{ display: inline-block; }

.logosservices{ padding-top: 10px; }
.our-portfolio .container-fluid{ grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }


  }

  @media (max-width: 500px) {
    .tp__list__right__item._is-active .tp__list__right__item__img {
      height:310px;
  }
  .tp__list__right__item__img a{ height: 100%; width: 100%; }
    
  }


  @media (max-width: 420px) {
    .tp__list__right__item._is-active .tp__list__right__item__img {
      height: 290px;
  }
  .heroSec .content h4:before,
  .heroSec .content h4:after{ width: 50px; }
    
  }

/* ends-hover-yabs */

/* responsive.css */