@media screen and (min-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: calc(1230px + 30px); }
    .container--lg { max-width: 1440px; }
}
/*MIN 1280 ENDS*/

@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .hero-home .hero-art { width: 36%; }
}
/*MIN 1200 ENDS*/

@media screen and (min-width: 992px) {
    .site-menutoggle { display: none; }
   
    .site-navmenu a {
        background-image: linear-gradient(90deg, var(--primary), var(--primary));
        background-position: center bottom;
        background-size: 0 2px;
        background-repeat: no-repeat;
        transition: color 0.3s ease-in-out, background-size 0.2s ease-in-out
    }

    .colored .site-navmenu > li > a { background-image: linear-gradient(90deg, var(--secondary), var(--secondary)); color: var(--white); }

    .site-navmenu .sub-menu a { background-position: left bottom; }

    .site-navmenu a:hover { background-size: 100% 2px; }

    .site-navmenu .menu-arrow { display: none; }
    
    .site-navmenu .menu-item-has-children { position: relative; }
    
    .site-navmenu .menu-item-has-children > a::after {
        display: inline-block;
        font-family: 'sevenc';
        content: "\e90d";
        font-size: 7px;
        font-weight: 900;
        padding-left: 8px;
        margin-top: -1px;
        vertical-align: middle;
    }

    .site-navmenu .sub-menu {
        display: block;
        position: absolute;
        left: -20px;
        top: calc(100% + 30px);
        min-width: 200px;
        max-height: calc(100vh - 120px);
        padding: 10px 0;
        margin: 0;
        background: var(--white);
        border-radius: var(--siteradius); 
        box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        z-index: 99;
    }

    .site-navmenu .menu-item-has-children:hover > .sub-menu { opacity: 1; top: 100%; visibility: visible; }

    .site-navmenu .sub-menu > .menu-item-has-children > .sub-menu { top: 0; left: 100%; transform: translate(20px, -10px); }

    .site-navmenu .sub-menu > .menu-item-has-children:hover > .sub-menu { top: 0; left: 100%; transform: translate(2px, -10px); }

    .site-navmenu .sub-menu a { display: block; padding: 6px 15px; white-space: nowrap; }

    /* .sub-menu a:hover { background-color: var(--lightgray); } */

    .colored .site-navmenu > li > a:hover,
    .colored .site-navmenu > .current-menu-ancestor>a,
    .colored .site-navmenu > .current_page_item>a {
        color: var(--secondary);
    }
    
    .site-navmenu .sub-menu .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; }

    .site-navmenu .sub-menu .menu-item-has-children > a::after { padding: 0; margin-left: 10px; transform: rotate(-90deg); }

    .csdsec .container { max-width: 960px; }
}
/*MIN 992 ENDS*/

@media screen and (max-width: 1800px) {
    .ctav { padding: 0px 30px 40px; gap: 20px; }
    section.section { padding: 130px 0; }

    .ratemsg { font-size: 20px; line-height: 30px; }
    .rateplat { font-size: 18px; line-height: 28px; }
    .rateplat::before { width: 30px; min-width: 30px; height: 30px; background-size: 30px; gap: 15px; }
}
/*1800*/

@media screen and (max-width: 1600px) {
    h1, .h1, h2, .h2 { font-size: 46px; }
    section.section { padding: 120px 0; }
    .prev-arrow { right: calc(100% + 30px); }
    .next-arrow { left: calc(100% + 30px); }
    .singlecont { font-size: 17px; line-height: 27px; }
    .ctav { top: 90px; padding: 0px 30px 30px; }
    .ctav-art img { width: 260px; }
    
    .hero-serv { min-height: 580px; padding: 80px 0; }
    .hero-art-subserv { width: 32.29vw; }

    .hero .section-head .font-20 { font-size: 18px; line-height: 28px; }
}
/*1600*/

@media screen and (max-width: 1440px) {
    .container, .container-fluid, .row>* { padding-left: 10px; padding-right: 10px; }
    .row { margin-left: -10px; margin-right: -10px; }
    section.section { padding: 90px 0; }
    h3, .h3 { font-size: 23px; line-height: 1.3; }
    .inditem h3 { font-size: 26px; }
    .bttn { font-size: 17px; }
    .prev-arrow { right: calc(100% + 15px); }
    .next-arrow { left: calc(100% + 15px); }
    .slick-arrow { position: static; transform: none; }
    .testctrls { position: absolute; bottom: calc(100% + 30px); right: 0; display: flex; margin-top: 20px; gap: 30px; }
    .logolist { gap: 50px 30px; }
    .logoitem { max-width: calc(16.66% - 30px); }
    .logoitem img { max-height: 80px; width: auto; max-width: 150px; }
    .cardlist { gap: 20px; }
    .whycu-wrap { padding-left: 0; }
    .sitelist .h3, .sitelist h3 { font-size: 22px; }
    .testitem { padding: 20px 10px; }
    .artbox { max-width: 600px; }
    .artbox-icon { max-width: 110px; }
    .numberlist li::before { font-size: 42px; line-height: 44px; }

    .cta2-title { font-size: 26px; line-height: 36px; }

    .ratecard { transform: translateX(0); }

    .bloglist-sc { grid-template-columns: calc(50% - 25px) calc(25% - 25px) calc(25% - 25px);  gap: 30px; }
    .bloglist-grid { gap: 0 30px; }
}
/*1440*/

@media screen and (max-width: 1279px) {
    .site-navmenu { column-gap: 18px; }
}
/*1279*/

@media screen and (max-width: 1199px) {
    .site-header { font-family: 'montserrat-md', sans-serif; }
    .site-navmenu { column-gap: 18px; column-gap: 12px; }
    .site-navmenu a { font-size: 14px; }
    .secondary-logo-link img, .custom-logo { height: 50px; }
    .headctas .bttn { font-family: 'montserrat-md', sans-serif; font-size: 16px; padding: 0 10px; min-width: 0; }
    .siteheader-sticky .headctas .bttn { padding: 0 10px; }
    section.section { padding: 80px 0; }
    h1, .h1, h2, .h2 { font-size: 42px; }
    .hero-wrapper { max-width: 100%; }
    .hero-art { opacity: 0.5; width: 70%; mix-blend-mode: soft-light; }
    .statlist, .analyseweb { max-width: 750px; }
    .artbox { max-width: 490px; }
    .numberlist li { margin: 0 0 30px 0; }
    .numberlist li::before { font-size: 32px; line-height: 32px; }
    .logoitem img { max-height: 76px; max-width: 127px; }
    .cardlist { grid-template-columns: 1fr 1fr; }
    /* .cardlist .card:last-child { width: calc(200% + 20px); } */
    .whycu-badlist { gap: 50px; margin-top: 80px; }
    .baditem { max-width: calc(20% - 50px); flex: 1 0 calc(20% - 50px); }
    .scplancard { height: 100%; padding: 20px; }
    .scplancard img { height: 65px; }
    .scplancard i { font-size: 64px; line-height: 64px; }
    .foosevenc { padding: 30px; border-radius: var(--siteradius10); background: var(--lightblue); }
    .inditem { border-radius: var(--siteradius10); }
    .inditem h3 { font-size: 24px; }
    .indmetas { padding: 20px; }
    .cbgart::before { background-size: 1280px; background-position: bottom center; opacity: 0.1; }
    .postlist { gap: 20px; }
    .postlist-item { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); }
    .singlecont { font-size: 16px; line-height: 26px; }

    .singlehead { padding: 70px 0 100px; }
    .ctav { padding: 0px 20px 20px; }
    .ctav h2 { font-size: 25px; line-height: 35px; }
    .ctav ul { font-size: 16px; }
    .ctav .bttn { font-size: 16px;  padding: 0px 16px; }
    .cta2-title { font-size: 22px; line-height: 32px; }
    .cta2-form input { width: 270px; }
    .bttn.bttn-cta { padding-right: 42px; }
    .cta2 { padding: 30px 30px 50px; background-size: 104% auto; background-position: left -4px bottom -27px; }

    .hero-art.hero-art-serv { width: 50%; mix-blend-mode: unset; opacity: 0.8; }
    .tablink { padding: 0 15px 20px; }
    .tabpane { padding: 40px; }
    .tabpane-row { gap: 40px; }
    .revlist, .revlist-slot { gap: 20px; }
    .revitem { min-width: 350px; }
    .trustus .section-head::before { width: 100px; }
    .lrrow { gap: 40px; }
    .lrcol { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); }
    .lrrow h3 { font-size: 28px; }
    .lrcol-media::before { left: -20px; }
    .lrow-rev .lrcol-media::before, .lrrow:nth-child(even) .lrcol-media::before { left:auto; right: -20px; }

    .hero-subserv .analyseweb { flex-wrap: wrap; }

    .ratescore { padding-bottom: 20px; margin-bottom: 20px; }
    .ratecardbox { padding: 40px 30px 50px; background-size: 44px; border-radius: 20px; }
    .ratecard::before, .ratecard::after { border-radius: 20px; }
    .ratecard::after { border-top-left-radius: 0; border-top-right-radius: 0; }
    .ratecard { width: 410px; transform: translateX(0); }
    /* .ratemsg { font-size: 22px; line-height: 32px; } */
    .rateplat { font-size: 16px; line-height: 26px; gap: 16px; }

    .stabs { gap: 40px; margin-top: 40px; }
    .stabs-nav { width: 275px; min-width: 275px; }
    .stabs-panes { flex: 1 0 calc(100% - 315px); max-width: calc(100% - 315px); }
    .stabhead img { max-width: 36px; max-height: 36px; }

    .procitem { gap: 40px; }
    .csinfo h3 { font-size: 20px; line-height: 28px; }
    .fourolist { gap: 20px; }
    .fouroitem { padding: 40px 20px; border-radius: 10px; }
    
    .hero-waveart { bottom: -10px; }
    .cuformbox { margin-top: -200px; }
    .hero-contactus .section-head { width: 660px; }
    .contactus .foo-company { font-size: 16px; line-height: 26px; }
    .contactus .socialnav a { font-size: 20px; }
    .testgrid { column-count: 2; }

    .casesitem { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); }

    .postcats ul { flex-wrap: nowrap; justify-content: flex-start; max-width: 100%; padding-bottom: 5px; overflow-x: auto; }
    .bloglist-grid .postcard-img { max-width: 200px; }
    .bloglist-sc .postcard-1 .postcard-title { font-size: 30px; line-height: 36px; }
    .hero-about img { width: 330px; }
}
/*1199*/

@media screen and (max-width: 1024px) {
    .stabs-nav { display: none; }

    .stabs-panes {
        display: flex;
        flex-direction: column;
        gap: 0;
        flex: 1 0 100%;
        max-width: 100%;
    }
 
    .stabpane {
        display: block;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid rgba(4, 36, 59, 0.2);
    }

    .stabpbox { padding: 0; border-radius: 0; }
    .stabhead { gap: 15px; padding: 15px; margin: 0; }
    .stabhead i { display: inline-block; font-size: 10px; transition: all 0.3s ease; }
    .stabpbox.active .stabhead i { transform: rotate(180deg); }
    .stabhead img { max-width: 34px; max-height: 30px; }
    .stabcont {
        display: none;
        padding: 15px;
        padding-top: 20px;
        border-top: 1px solid rgba(4, 36, 59, 0.2);
    }

    .stabpane h3 { font-size: 20px; }

    .sevencStart .succ-list { margin-bottom: 10px; }
}

@media screen and (max-width: 991px) {
    .site-header { padding: 15px 0; }

    .site-header .container { width: 100%; max-width: 100%; padding: 0 30px; }

    .colheadleft {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        flex: 1 0 auto  ;
    }

    .colheadright,
    .colheadright.col-12 {
        position: fixed;
        left: 0;
        top: 80px;
        display: none;
        font-size: 18px;
        line-height: 28px;
        width: 100%;
        height: calc(100vh - 80px);
        padding: 0px;
        background: var(--lightgray);
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 100;
    }
    .siteheader-sticky .colheadright { top: 70px; height: calc(100vh - 70px); }
    .site-navmenu { display: block; }
    .site-navmenu .sub-menu { display: none; top: auto; width: 100%; background-color: #F5F5F5; }
    .site-navmenu .sub-menu .sub-menu { background-color: #F7F7F7; }
    .site-navmenu li { margin-left: 0; margin-right: 0; border-bottom: 1px solid #e5e5e5; }
    .site-navmenu > li, .site-navmenu .sub-menu > li  { display: flex; flex-wrap: wrap; padding: 0; }
    .site-navmenu a { font-size: 16px; }
    .site-navmenu > li > a, .site-navmenu .sub-menu > li > a { flex: 1 0 auto; padding: 12px 15px; }
    .site-navmenu .sub-menu > li:first-child { border-top: 1px solid #e5e5e5; }
    .site-navmenu .sub-menu > li > a { max-width: 100%; padding-left: 20px; }
    .site-navmenu .sub-menu .sub-menu > li > a { padding-left: 35px; }
    .site-navmenu .icon-angle-down { font-size: 9px; line-height: 47px; width: 46px; height: 100%; text-align: center; }
    .site-navmenu .icon-angle-down::before { display: inline-block; transform: rotate(0deg); vertical-align: middle; transition: 0.3s ease-in-out; }
    .site-navmenu .icon-angle-down.open { background-color: #e9e9e9; }
    .site-navmenu .icon-angle-down.open::before { transform: rotate(180deg); }
    .site-navmenu > li.menu-item-has-children > a, .sub-menu >li.menu-item-has-children > a { flex: 1 0 calc(100% - 46px); max-width: calc(100% - 46px); }
    .headctas .bttn, .siteheader-sticky .headctas .bttn { font-family: 'montserrat-sb', sans-serif; font-size: 16px; line-height: 42px; height: 42px; min-width: 0; padding: 0 10px; }

    h1, .h1, h2, .h2 { font-size: 38px; line-height: 1.3; }
    .underline::after { border-width: 5px; }
    .hero { min-height: calc(100vh - 80px); }
    .slick-arrow { font-size: 20px; }
    .testctrls { gap: 24px; }
    .logolist { margin-top: 60px; }
    .logoitem { max-width: 100%; }
    .foobtm .socialnav { justify-content: center; }
    .howweg-bg img { width: 1100px; max-width: unset; }
    .fourcard-row { gap: 25px; margin-top: 40px; }

    .scplancard i { font-size: 55px; line-height: 55px; }

    .indlist { gap: 30px; }
    .inditem { flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); }
    
    .postlist { gap: 30px; }
    .postlist-item { flex: 1 0 100%; max-width: 100%; }
    .col-singleside { margin-top: 40px; }
    .ctav { max-width: 340px; }
    .hero.hero-serv { padding: 70px 0; min-height: 0; }
    .tabpane { padding: 30px; }
    .tabpane-row { flex-direction: column; gap: 30px; }
    .tabpane-col { max-width: 100%; flex: 1 0 100%; }
    .tabpane-col:first-child { order: 1; }
    .tabbox { padding-top: 20px; }
    .tablink i { font-size: 45px; }

    .lrrow { flex-direction: column; }
    .lrcol { flex: 1 0 100%; max-width: 100%; }
    .lrcol-media::before { top: -40px; bottom: auto; }
    .lrow-rev .lrcol-media, .lrrow:nth-child(even) .lrcol-media { order: 0; }

    .ratecard { width: 100%; margin: 40px auto 20px; }
    .rateplat { gap: 10px; }
    .rateplat::before { width: 26px; min-width: 26px; height: 26px; }
 
    .procitem { gap: 25px; width: 100%; }
    .procitem + .procitem { margin-top: 40px; }
    .procitem .procnum, .procitem:nth-child(even) .procnum { order: 0; margin: 0; }
    .procitem::after, .procitem:nth-child(odd)::after { left: 0; right: auto; }
    .procitem::before { display: none; }

    .procitem span::before,
    .procitem span::after {
        content: "";
        position: absolute;
        left: 18.5px;
        top: 50%;
        width: 3px;
        height: 100%;
        background: var(--primary);
        z-index: -1;
    }

    .procitem span::after { top: auto; bottom: 50%; }

    .procitem:last-child span::before { display: none; }

    .procitem:first-child span::after { display: none; }

    .prochead h3 { font-size: 22px; line-height: 28px; }

    
    .proccard { padding: 20px; }

    .procitem .procnum { font-size: 22px; line-height: 40px; width: 40px; min-width: 40px; height: 40px; }

    .fourolist { grid-template-columns: 1fr 1fr; }

    .halfform-list ul { font-size: 16px; line-height: 26px; margin: 20px 0; }

    .cuformbox { width: 100%; max-width: 540px; margin: -160px auto 80px; }

    .hero-testi img { width: 400px; }
    
    .testibox p { font-size: 16px; line-height: 26px; }

    /* .caseslist { grid-template-columns: repeat(1, 1fr); gap: 30px; } */
    .csitem { width: 430px; max-width: 100%; margin: 0 auto; }
    
    .casesitem { flex: 1 0 100%; max-width: 100%; margin: 10px 0;}
    .casestabs { gap: 15px; }
    .casestablink { font-size: 18px; background-color: var(--white); }
    
    .csd-servlist { flex-wrap: wrap; justify-content: center; }
    .csd-servimg { --csdsrvimgsize: 100px; }
    .csdres-item, .csd-box { padding: 30px 20px; }
    .csdres-list p { font-size: 16px; line-height: 24px; }

    .bloglist-sc { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto auto auto; }
    .bloglist-sc .postcard-1 { grid-column: span 2; }
    .bloglist-grid .postcard { flex: 1 0 100%; max-width: 100%; }
    
    .sevenc-founder { width: 400px; }
    .ourvision { text-align: center; }
    .sevenc-stats {margin: 0 auto;}
    .teamitem { flex: 1 0 50%; max-width: calc(50% - 15px); }
    
    .col-singlecont .toc { display: block; margin-bottom: 20px; }
}
/*991*/

@media screen and (max-width: 767px) {
    body { font-size: 16px; line-height: 26px; }
    .bttn { font-size: 16px; }
    .site-header .container { padding: 0 15px; }
    .fourcard { flex: 1 0 calc(100% - 0px); max-width: calc(100% - 0px); padding: 20px; }
    .statlist { gap: 30px; }
    .statcount { font-size: 34px; line-height: 28px; }
    .stattext { line-height: 21px; }
    /* .logoitem img {max-height: 46px; } */
    .card { padding: 20px; }
    .numberlist li { margin-bottom: 20px; }
    .artbox-btm { padding-bottom: 55px; }
    .artbox-icon { max-width: 93px; }
    ul.sitelist-2, ol.sitelist-2, .sitelist-2 ul, .sitelist-2 ol { gap: 30px; }
    .sitelist .h3, .sitelist h3 { font-size: 20px; }
    .whycu-badlist { gap: 30px; }
    .baditem { max-width: calc(20% - 30px); flex: 1 0 calc(20% - 30px); }
    .testslider { margin: 0; }
    .faqitem { padding: 11px 15px; }
    .faqhead h3 { font-size: 18px; line-height: 26px; }
    .faqbttn { font-size: 10px; }
    .fooqlinks { flex-wrap: wrap; justify-content: center; gap: 10px; text-align: center; }
    .fooqlinks li { flex: 1 0 100%; }
    .sitecta-bg { opacity: 0.2; }

    .indlist { gap: 20px; }
    .inditem { flex: 1 0 calc(50% - 10px); max-width: calc(50% - 10px); }

    .singlehead { padding: 50px 0 80px;}
    .singlecont-wrap { padding: 0; box-shadow: none; }

    .singlecont h2, .singlecont .h2 { font-size: 30px; line-height: 40px; }
    .singlecont h3, .singlecont .h3 { font-size: 26px; }
    .singlecont h4, .singlecont .h4 { font-size: 22px; }
    .singlecont h5, .singlecont .h5 { font-size: 18px; }
    .singlecont h6, .singlecont .h6 { font-size: 14x; }

    .cta1 { padding: 20px; background-image: url(../images/cta1-bg.webp); }
    .cta1 .cta1-title { font-size: 20px; }
    .cta2 { padding: 20px 20px 50px; background-position: left -4px bottom -18px; }
    .ctav h2 { font-size: 24px; line-height: 1.4; }
    .indaside h2 { font-size: 22px; line-height: 32px; }
    .cta2-form, .cta3-form { flex-wrap: wrap; justify-content: center; }
    .cta2-form input, .cta3-form input { width: 100%; max-width: 100%; }
    .bttn.bttn-cta { width: auto; flex: 0 0 auto; }
    .cta3-form { border-width: 10px; border-radius: var(--siteradius10); text-align: center; }
    .cta3-form input { text-align: center; margin-bottom: 8px; border: 0; border: 1px solid #d4d4d4; }
    .bttn-cta3 { width: 100%; border-radius: var(--siteradius10); }
    .ctav { max-width: 100%; }

    .subhead { font-size: 18px; }
    .cardlist { grid-template-columns: 1fr; }

    .lrrow { gap: 30px; }
    .lrrow, .lrrow + .lrrow { margin-top: 80px; }
     
    .tablink {
        flex: 1 0 100%;
        order: 0;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        padding: 15px;
    }
    .tablink span { margin-top: 0; text-align: left; }
    .tablink.active { background-size: 100% 3px; }
    .tabbox { padding: 0; }
    
    .fourolist { grid-template-columns: 1fr; }

    .formcons { padding: 30px 20px; }

    .testgrid { column-count: 1; }

    .csd-servimg { --csdsrvimgsize: 90px; border-radius: var(--siteradius10); }
    .csd-servitem { flex: 1 0 calc(33.33% - 20px); max-width: calc(33.33% - 20px); text-align: center; }
    .csd-servlist h3 { font-size: 18px; line-height: 24px; }
    .csdres-list { gap: 20px; }
    .csdres-item { flex: 1 0 calc(50% - 10px); max-width: calc(50% - 10px); }
    .csd-block { flex-wrap: wrap; gap: 20px; }
    .csd-half { flex: 1 0 100%; max-width: 100%; }

    
    .bloglist-sc { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto auto; }
    .bloglist-sc .postcard-1 { grid-column: unset; }
    .bloglist-sc .postcard-date {display: block;}
    .bloglist-grid .postcard { flex-wrap: wrap; }
    .bloglist-grid .postcard-img { width: 100%; max-width: 100%; }
    .bloglist-paged { margin-top: 30px; }
    .postcard-title { font-size: 20px; line-height: 30px; }
    .postcard-title a { display: block; }

    .client-grid { gap: 20px; }
    .client-grid img { height: 90px; padding: 14px; }

    .hero-about img { width: 270px; margin: 0 auto; }
}
/*767*/

@media screen and (max-width: 575px) {
    .container, .container-fluid, .row>* { padding-left: 15px; padding-right: 15px; }
    .row { margin-left: -15px; margin-right: -15px; }
    h1, .h1, h2, .h2 { font-size: 36px; }
    h3, .h3, .postlist h3 { font-size: 22px; }
    .font-20 { font-size: 18px; line-height: 28px; }
    .hero, section.section { padding: 70px 0; }
    .hero-art { width: 100%; }
    .statlist { flex-wrap: wrap; gap: 20px; }
    .analyseweb { flex-wrap: wrap; }
    .statlist { margin: 30px 0; }
    .stat { flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); }
    .statcount { font-size: 28px; line-height: 28px; }
    .analyseweb input { width: 100%; }
    .analyseweb .bttn { width: 100%; }
    .logolist { gap: 30px 30px; }
    /* .logoitem img { max-height: 34px; } */
    ul.sitelist-2, ol.sitelist-2, .sitelist-2 ul, .sitelist-2 ol { gap: 10px; }
    .sitelist-2 li { flex: 1 0 100%; max-width: 100%; }
    .whycu-bg { opacity: 0.5; }
    .whycu-badlist { width: 400px; margin: 50px auto 0; }
    .fourcard img { height: 60px; width: auto; } 
    .fourcard-row { gap: 20px; }
    .cardlist { grid-template-columns: 1fr; }
    .cardlist .card:last-child { width: 100%; }
    .baditem { max-width: calc(27% - 30px); flex: 1 0 calc(27% - 30px); }
    .testcard { padding: 78px 20px 20px; }
    .testctrls { position: static; justify-content: center; }
    .footop .row { gap: 30px 0; }

    .cta1 .cta1-title { font-size: 19px; }
    .cta2 { padding: 20px 20px 40px; }
    .cta2-title { font-size: 20px; line-height: 30px; margin-bottom: 18px; }

    .hero-art.hero-art-serv { width: 400px; padding: 0 20px; }
    .tabpane { padding: 20px; border-bottom: 1px solid rgba(4, 36, 59, 0.2); }
    .tablink { justify-content: flex-start; }
    .tabpane .bttn-icon { padding: 0; height: 40px; line-height: 40px; }
    .lrcol-media::before { left: -10px; }
    .lrow-rev .lrcol-media::before, .lrrow:nth-child(even) .lrcol-media::before { right: -10px; }

    .ratecardbox { padding: 30px 30px 45px; background-size: 30px; background-position: right 20px bottom 20px; }
    .ratemsg { font-size: 18px; line-height: 28px; }

    .procitem { flex-wrap: wrap; }
    .procitem .procnum, .procitem:nth-child(even) .procnum { margin: 0 auto; }
    .procitem span::before, .procitem span::after { display: none; }
    .procitem::before,
    .procitem:nth-child(odd)::before {
        display: block;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: auto;
        height: calc(100% + 40px);
    }
    .procitem:last-child::before { height: 100px; }

    .fouroitem { padding: 30px 20px; }

    .cuformbox { padding: 30px; margin-top: -130px; }

    .testibox { padding: 30px 20px; }

    .casesinfo { padding: 15px 0; }

    .casestablink { font-size: 16px; }

    .casestags span { padding: 0 10px; }

    .csdres-list p { font-size: 14px; line-height: 20px; }
    .csd-servitem { flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); }
    .csd-block ul li, .csd-block ol li { line-height: 24px; }

    .nav-links > div,
    .nav-links > div + div {
        max-width: 100%;
        flex: 1 0 100%;
        text-align: left;
        padding: 0;
    }
    .nav-links { gap: 10px; }
    .nav-title { font-size: 14px; line-height: 22px; }

    .sevenCFeatured { width: 400px; max-width: 100%; }
    .sevenc-stat { flex: 1 0 100%; max-width: 100%; }
    .sevenc-stats { gap: 15px; }
    .stat-label { font-size: 16px; line-height: 26px; }

    .client-grid { gap: 15px; }
    .client-grid img { padding: 10px; max-width: calc(50% - 10px); }

    .teamlist { gap: 30px 20px; }

    .teamitem { max-width: calc(50% - 10px); }
    .profile-name { font-size: 20px; }
}
/*575*/

@media screen and (max-width: 459px) {
    .font-30 { font-size: 28px; line-height: 1.3em; }
    .font-20, .hero .section-head .font-20 { font-size: 16px; line-height: 26px; }
    .hero, .hero.hero-serv, section.section { padding: 50px 0; }
    .subhead-badge { font-size: 14px; line-height: 24px; }
    .footop { padding-top: 60px; }
    .foocol { flex-wrap: wrap; width: 100%; margin-top: 0 !important; }
    .foocol .foonav + .foonav { margin-top: 30px; }
    .whycu-badlist { width: 290px; margin: 50px auto 0; gap: 20px; }
    .baditem { max-width: calc(33.33% - 30px); flex: 1 0 calc(33.33% - 30px); }
    .foosevenc{ padding: 20px; }
    .foobtm { padding: 30px 0; }

    .indlist { gap: 20px; }
    .inditem { flex: 1 0 100%; max-width: 100%; }
    .subhead { margin-bottom: 10px; }
    .trustus .section-head::before { width: 60px; }
    .revlist { padding-top: 30px; }

    .toolist-inner { gap: 0 40px; padding-left: 20px; padding-right: 20px; }
    .toolitem { max-width: 190px; min-height: 40px; max-height: 40px; }

    .cuformbox { padding: 30px 20px; margin-top: -100px;  }
    
    .csdres-item { padding: 20px 15px; }
    
    .bloglist-sc .postcard-1 .postcard-title { font-size: 26px; line-height: 30px; }
    .bloglist-sc .postcard-1 .postcard-brief { padding: 20px; }
    
    .sc-featlist { gap: 15px; }
    .client-grid img { width: calc(50% - 10px); object-fit: scale-down; }
    .teamitem { flex: 1 0 100%; max-width: 100%; }
}
/*459*/

@media screen and (max-width: 374px) {
    h1, .h1, h2, .h2 { font-size: 32px; }
    .headctas .bttn { display: none; }
    .site-navmenu a { font-size: 14px; line-height: 22px; }
    .revitem { min-width: 98vw; }
    
    .bloglist-sc .postcard-1 .postcard-title { font-size: 24px; line-height: 32px; }
    .sc-featlist img { flex: 1 0 33.33%; width: auto; max-width: calc(33.33% - 9px); max-height: 50px; }

    .succ-list h3 {font-size: 16px;}
}
/*374*/

@media screen and (max-width: 359px) {
    
}
/*359*/