@media (min-width: 1921px) and (max-width: 2000px) {
    .solutiontab.active{ padding: 1.2rem .7rem 4.5rem; }
}
/*@media (max-width: 1920px) {
    .solutiontab.active{ padding: 1.2rem .7rem 4.5rem; }
}*/
@media (max-width: 1600px) {
  .container {
    max-width: 80%;
  }
    .solutiontab.active{ padding: 1.8rem .7rem 3.6rem; }
}
@media (max-width:1480px) {
    /*.navigation ul li a{ margin: 0 2rem 0 0; }*/
    .solutiontab.active{ padding: 1.2rem .7rem 3.5rem; background-size: auto; }
    .homebannerlogo1 {
        top: -5rem;
        left: 47.5%;
        width: 4.5rem;
    }
    .networksbox p, .aboutbox p {
        line-height: 1.7rem;
        font-size: 1rem;
    }
    .aboutbox p{
        font-size: 1.3rem !important;
        line-height: 2rem;
    }
    .counter small{ font-size: 11px; }
    
    .navigation ul li a{padding: .4rem .8rem; font-size: .9rem; }
    .homebannerlogo{ width: 4rem; }
    .animtedlines1 svg{ margin: -12rem auto -6rem; }
    .animtedlines3 svg { margin: -16rem auto 0rem; }
    .footer-area h5{ font-size: 1.1rem; }
    .countermain div{ padding: 1rem .4rem !important }
    .countermain div h4.display-5{ font-size: 2.4rem !important; }
    .hexagon{ padding: 9px; }
    .animtedlines svg{ margin: -12rem auto -3rem; }
    .icon2 { height: 4rem; width: 4rem; }
    .servicebox .fs-5 { font-size: 1.10rem !important; }
    .solutiontab div:first-child{ font-size: 1.2rem;}
}
@media (max-width:1370px) {
    /*.navigation ul li a { font-size: 13px; margin: 0 2rem 0 0; }*/
    p {
        font-size: 12px;
        line-height: 18px;
    }
    .homebannerlogo1 {
        top: -4.9rem;
    }
    .solutiontab div:first-child {
        font-size: 1.1rem;
    }
}
@media (max-width:1199px) {
    .navigation ul li a {         
        font-size: 12px;
        margin: 0 11px 0 0; 
    }
    .navbar-nav li a.dropdown-toggle::after{
        width: 5px;
        height: 5px;
        margin-left: 0.2em;
        top: 40%;
    }
    .offcanvas-title {
        width: 10rem;
    }
    .offcanvas-title img {
        width: 100%;
    }
    .navigation>ul>li{ width: 100%; }
}
@media (max-width:1025px) {
    .animtedlines svg { margin: -9rem auto -3rem; }
    .homebannerlogo{ top: 62%; }
    .navigation ul li a { font-size: 13px; margin: 0 0px 0 0; }
    .navigation>ul>li { width: auto; }
    .animtedlines1 svg { margin: -10rem auto -4rem; }
    .icon2 { height: 3.5rem; width: 3.5rem; }
    .icon1 { height: 2.5rem; width: 2.5rem; }
    .solutiontab div:first-child{ line-height: 1.2rem; font-size: 1rem; padding-left: 2.5rem; }
    .solutiontab .lefttitle::before{ left: 0.1rem; top: -.5rem; }
    .solutiontab.active div:first-child{ width: 27%; }
}

@media screen and (max-width:991px) {
    .navigation ul li a{ padding: 8px 5px; }
    .header-logo a{ width: 100px; }
    .container { max-width: 100%; }
    .slider-area h1.display-4 { line-height: 1.14; }
    .display-4 { font-size: clamp(36px, 5vw, 96px); }
    .animtedlines svg { margin: -7rem auto -1rem; }
    .homebannerlogo { width: 4rem; top: 60%; }
    .animtedlines1 svg { margin: -8rem auto -2rem; }
    
    .solutiontab{ padding: 1rem .7rem 1rem; }
    .solutiontabtitle.fs-6 { font-size: .9rem !important; }
    .solutiontabtitle div:nth-child(1){ padding-left: 2rem; width: 25%; }
    .solutiontabtitle div:nth-child(2), .solutiontab div:nth-child(2){ width: 30%; }
    .solutiontabtitle div, .solutiontab div { width: 40%; }
    .solutiontab .lefttitle::before{
        left: -0.2rem;
        top: .2rem;
        height: 1.2rem;
        width: 1.2rem;
        font-size: .7rem;
    }
    .solutiontab.active {
        padding: 1rem .7rem 1rem;
        height: auto;
        background: linear-gradient(90deg, var(--dark) 25%, var(--maroon) 73.56%, var(--peach) 100%);
        border-radius: var(--bs-border-radius-xl);
        margin-bottom: 0;
    }
    .solutiontab p { margin-bottom: 0; font-size: 10px; line-height: 16px; }
    .solutiontab div:first-child {
        font-size: .8rem;
        padding-left: 1.5rem;
        display: block;
        line-height: 1.1rem;
    }
    .solutiontab:nth-child(1) { margin-top: 1rem; }
    .solutiontab div{ display: none; } 
    .solutiontab.active div{ display: block; }
    .display-6 { font-size: clamp(24px, 3.33vw, 64px); }
    .newsletter-area .container{ max-width: 80%; }
    .countermain{
        flex-flow: wrap;
        justify-content: center;
    }
    .countermain div{
        flex-basis: 30%;
    }
    .countermain div:nth-child(4), .countermain div:nth-child(5){
        flex-basis: 35%;
    }
    .main-circle {
        width: 150px;
        height: 150px;
        margin-bottom: 20px;
    }

    .small-circle {
        width: 90px;
        height: 90px;
        font-size: 14px;
    }

    .text-content {
        padding: 10px 0;
    }
}
@media screen and (max-width:767px){
    .display-5{ font-size: calc(1rem + 2.1vw); }
    .header-logo {
        width: auto;
    }
    header{
        height: auto;
        padding: .3rem 0;
    }
    header .navbar { padding: 0;}
    .animtedlines svg {
        margin: -6rem auto -1rem;
    }
    .homebannerlogo {
        width: 2.5rem;
        padding: .2rem;
        transform: translate(-50%, -40%);
    }
    .countermain div{
        flex-basis: 40%;
    }
    .countermain div:nth-child(4), .countermain div:nth-child(5){
        flex-basis: 40%;
    }
    .counter small {
        font-size: 10px;
    }
    .countermain div h4.display-5 {
        font-size: 1.4rem !important;
    }
    .animtedlines1 svg {
        margin: -5rem auto 1rem;
    }

    .fs-1{ font-size: clamp(24px, 2.5vw, 48px) !important; }
    .servicebox .icon1{ height: 2.5rem; width: 2.5rem; font-size: calc(1.125rem + .3vw) !important; }
    .servicebox p{ font-size: clamp(14px, 1.04vw, 20px); line-height: 1.4rem; }
    .lh-md { line-height: 1.2rem; }
    .fs-6 { font-size: .9rem !important; }
    .display-6 { font-size: clamp(20px, 3.33vw, 64px); }
    .aboutbox p { font-size: 1rem !important; line-height: 1.4rem; margin-bottom: 0; }
    .small-circle {
        width: 70px;
        height: 70px;
        font-size: 12px;
    }
    .menuproduct { height: 5rem; }
    .megamenuservicesub .fs-14 { font-size: 12px; }
    .navigation>ul>li>a:hover, .navigation>ul>li>a.active{ border: 0;}
}
@media screen and (max-width:480px){
    .navbar-toggler{ border:none; }
    .animtedlines svg{
        margin: -3rem auto -1rem;
    }
}
@media screen and (max-width:400px){
    .solutiontab div:first-child{ font-size: .7rem; width: 27%; }
    .display-4 { font-size: clamp(34px, 5vw, 96px); }
    .fs-1 { font-size: clamp(20px, 2.5vw, 48px) !important; }
}