/* =========================================================
   VISTA INFOTECH
   HOMEPAGE EXTRA RESPONSIVE FIXES
========================================================= */

@media (max-width: 1200px) {

    .vit-home-banner .container,
    .vit-home-service-strip .container,
    .vit-home-about .container,
    .vit-home-services .container,
    .vit-home-technology .container,
    .vit-home-why .container,
    .vit-home-process .container,
    .vit-home-cta .container {
        max-width: 94%;
    }

}


@media (max-width: 768px) {

    .vit-home-banner-video {
        object-position: center center;
    }

    .vit-home-video-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(3,20,38,.95),
                rgba(4,28,51,.78)
            );
    }

}


@media (max-width: 576px) {

    .vit-home-banner .container,
    .vit-home-service-strip .container,
    .vit-home-about .container,
    .vit-home-services .container,
    .vit-home-technology .container,
    .vit-home-why .container,
    .vit-home-process .container,
    .vit-home-cta .container {
        max-width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

}

/* =========================================================
   VISTA ABOUT PAGE
   RESPONSIVE CSS
========================================================= */


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .vit-about-banner .container,
    .vit-about-intro .container,
    .vit-about-direction .container,
    .vit-about-values .container,
    .vit-about-expertise .container,
    .vit-about-why .container,
    .vit-about-cta .container {
        max-width: 94%;
    }

    .vit-about-intro-grid {
        gap: 55px;
    }

    .vit-about-expertise-box {
        gap: 55px;
        padding: 55px;
    }

    .vit-about-values-grid,
    .vit-about-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .vit-about-banner {
        min-height: 500px;
    }

    .vit-about-banner-content {
        padding: 100px 0 80px;
    }

    .vit-about-intro {
        padding: 90px 0;
    }

    .vit-about-intro-grid {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .vit-about-intro-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .vit-about-intro-content {
        max-width: 800px;
        margin: 0 auto;
    }

    .vit-about-direction,
    .vit-about-values,
    .vit-about-expertise,
    .vit-about-why {
        padding: 90px 0;
    }

    .vit-about-direction-grid {
        grid-template-columns: 1fr;
    }

    .vit-about-direction-card {
        min-height: auto;
    }

    .vit-about-values-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .vit-about-expertise-box {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vit-about-cta-box {
        padding: 55px;
        flex-direction: column;
        align-items: flex-start;
    }

    .vit-about-cta-action {
        width: 100%;
    }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

    .vit-about-banner {
        min-height: 470px;
    }

    .vit-about-banner-content {
        padding: 85px 0 65px;
    }

    .vit-about-banner h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .vit-about-banner p {
        font-size: 15px;
    }

    .vit-about-intro {
        padding: 75px 0;
    }

    .vit-about-intro-visual {
        min-height: 420px;
    }

    .vit-about-visual-main {
        min-height: 370px;
        padding: 22px;
    }

    .vit-about-code-lines {
        padding: 40px 0 30px;
        gap: 13px;
    }

    .vit-about-code-lines span {
        font-size: 12px;
    }

    .vit-about-experience-card {
        right: -5px;
        bottom: 0;
    }

    .vit-about-dots {
        left: 0;
    }

    .vit-about-intro-points {
        grid-template-columns: 1fr;
    }

    .vit-about-direction-card {
        padding: 35px;
    }

    .vit-about-values-grid,
    .vit-about-why-grid {
        grid-template-columns: 1fr;
    }

    .vit-about-value-card {
        min-height: 260px;
    }

    .vit-about-expertise-box {
        padding: 42px 30px;
        border-radius: 22px;
    }

    .vit-about-cta {
        padding-bottom: 80px;
    }

    .vit-about-cta-box {
        padding: 42px 30px;
    }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

    .vit-about-banner .container,
    .vit-about-intro .container,
    .vit-about-direction .container,
    .vit-about-values .container,
    .vit-about-expertise .container,
    .vit-about-why .container,
    .vit-about-cta .container {
        max-width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .vit-about-banner {
        min-height: 440px;
    }

    .vit-about-banner-content {
        padding: 75px 0 55px;
    }

    .vit-about-banner-label {
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .vit-about-banner h1 {
        font-size: 39px;
        letter-spacing: -1.5px;
    }

    .vit-about-banner p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.7;
    }

    .vit-about-breadcrumb {
        font-size: 12px;
    }

    .vit-about-intro,
    .vit-about-direction,
    .vit-about-values,
    .vit-about-expertise,
    .vit-about-why {
        padding: 70px 0;
    }

    .vit-about-intro-visual {
        min-height: 350px;
    }

    .vit-about-visual-main {
        min-height: 320px;
        padding: 18px;
        border-radius: 17px;
    }

    .vit-about-code-lines {
        padding: 30px 0 20px;
        gap: 10px;
    }

    .vit-about-code-lines span {
        font-size: 10px;
    }

    .vit-about-visual-footer {
        left: 18px;
        right: 18px;
        bottom: 15px;
        gap: 10px;
    }

    .vit-about-visual-footer span {
        font-size: 8px;
    }

    .vit-about-experience-card {
        width: 135px;
        height: 105px;
        padding: 12px;
        gap: 8px;
        border-radius: 14px;
    }

    .vit-about-experience-card strong {
        font-size: 32px;
    }

    .vit-about-experience-card span {
        font-size: 9px;
    }

    .vit-about-intro-content h2,
    .vit-about-heading-center h2,
    .vit-about-values-header h2,
    .vit-about-expertise-content h2 {
        font-size: 34px;
        letter-spacing: -1.3px;
    }

    .vit-about-intro-lead {
        font-size: 15px !important;
    }

    .vit-about-intro-content p {
        font-size: 13px;
    }

    .vit-about-direction-card {
        padding: 28px;
        border-radius: 18px;
    }

    .vit-about-direction-card h3 {
        font-size: 25px;
    }

    .vit-about-direction-card p {
        font-size: 13px;
    }

    .vit-about-value-card {
        min-height: 240px;
        padding: 25px;
    }

    .vit-about-value-card h3 {
        margin-top: 55px;
    }

    .vit-about-expertise-box {
        padding: 35px 23px;
    }

    .vit-about-tech-item {
        padding: 17px 0;
    }

    .vit-about-tech-item > div {
        gap: 11px;
    }

    .vit-about-tech-item > div i {
        width: 35px;
        height: 35px;
        font-size: 13px;
    }

    .vit-about-tech-item span {
        font-size: 12px;
    }

    .vit-about-cta-box {
        padding: 35px 23px;
        border-radius: 18px;
    }

    .vit-about-cta-content h2 {
        font-size: 31px;
    }

    .vit-about-cta-content p {
        font-size: 13px;
    }

    .vit-about-cta-btn {
        width: 100%;
        justify-content: center;
    }

}

/* =========================================================
   SERVICES RESPONSIVE
========================================================= */

@media (max-width: 1200px) {

    .vit-services-banner .container,
    .vit-services-intro .container,
    .vit-services-main .container,
    .vit-services-tech .container,
    .vit-services-process .container,
    .vit-services-cta .container {
        max-width: 94%;
    }

    .vit-services-intro-grid {
        gap: 55px;
    }

    .vit-services-card {
        grid-template-columns: 50px 65px 1fr 145px;
        gap: 18px;
    }

    .vit-services-tech-box {
        gap: 45px;
        padding: 55px;
    }

}


@media (max-width: 991px) {

    .vit-services-banner {
        min-height: 500px;
    }

    .vit-services-banner-content {
        padding: 100px 0 80px;
    }

    .vit-services-intro {
        padding: 85px 0 55px;
    }

    .vit-services-intro-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .vit-services-intro-content {
        padding-top: 0;
        max-width: 760px;
    }

    .vit-services-card {
        grid-template-columns: 55px 70px 1fr;
    }

    .vit-services-card-action {
        grid-column: 3;
        justify-content: flex-start;
        padding-top: 5px;
    }

    .vit-services-tech {
        padding: 90px 0;
    }

    .vit-services-tech-box {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vit-services-process {
        padding: 90px 0;
    }

    .vit-services-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 20px;
    }

    .vit-services-process-grid::before {
        display: none;
    }

    .vit-services-cta-box {
        padding: 55px;
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .vit-services-banner {
        min-height: 470px;
    }

    .vit-services-banner-content {
        padding: 85px 0 65px;
    }

    .vit-services-banner h1 {
        font-size: 48px;
        letter-spacing: -2px;
    }

    .vit-services-banner p {
        font-size: 14px;
    }

    .vit-services-intro {
        padding: 75px 0 45px;
    }

    .vit-services-intro-heading h2 {
        font-size: 40px;
    }

    .vit-services-main {
        padding-bottom: 80px;
    }

    .vit-services-card {
        grid-template-columns: 55px 1fr;
        gap: 18px;
        padding: 30px 25px;
    }

    .vit-services-card-number {
        grid-column: 1;
        grid-row: 1;
    }

    .vit-services-card-icon {
        grid-column: 2;
        grid-row: 1;
    }

    .vit-services-card-content {
        grid-column: 1 / -1;
    }

    .vit-services-card-action {
        grid-column: 1 / -1;
        padding-top: 5px;
    }

    .vit-services-tech {
        padding: 80px 0;
    }

    .vit-services-tech-box {
        padding: 42px 30px;
    }

    .vit-services-tech-items {
        grid-template-columns: repeat(2, 1fr);
    }

    .vit-services-process {
        padding: 80px 0;
    }

    .vit-services-cta {
        padding-bottom: 80px;
    }

    .vit-services-cta-box {
        padding: 42px 30px;
    }

}


@media (max-width: 575px) {

    .vit-services-banner .container,
    .vit-services-intro .container,
    .vit-services-main .container,
    .vit-services-tech .container,
    .vit-services-process .container,
    .vit-services-cta .container {
        max-width: 100%;
        padding-left: 18px;
        padding-right: 18px;
    }

    .vit-services-banner {
        min-height: 440px;
    }

    .vit-services-banner-content {
        padding: 75px 0 55px;
    }

    .vit-services-eyebrow {
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    .vit-services-banner h1 {
        font-size: 38px;
        letter-spacing: -1.5px;
    }

    .vit-services-banner p {
        margin: 20px 0;
        font-size: 13px;
        line-height: 1.7;
    }

    .vit-services-intro {
        padding: 65px 0 40px;
    }

    .vit-services-intro-heading h2,
    .vit-services-heading h2,
    .vit-services-tech-content h2 {
        font-size: 33px;
        letter-spacing: -1.3px;
    }

    .vit-services-intro-content p {
        font-size: 13px;
    }

    .vit-services-card {
        padding: 25px 20px;
        border-radius: 16px;
    }

    .vit-services-card-number {
        font-size: 11px;
    }

    .vit-services-card-icon {
        width: 52px;
        height: 52px;
        border-radius: 13px;
        font-size: 19px;
    }

    .vit-services-card-content > span {
        font-size: 8px;
    }

    .vit-services-card-content h3 {
        font-size: 21px;
    }

    .vit-services-card-content > p {
        font-size: 12px;
    }

    .vit-services-features {
        gap: 8px 14px;
    }

    .vit-services-features span {
        font-size: 10px;
    }

    .vit-services-tech-box {
        padding: 35px 22px;
        border-radius: 19px;
    }

    .vit-services-tech-items {
        gap: 9px;
    }

    .vit-services-tech-item {
        min-height: 100px;
    }

    .vit-services-tech-item i {
        font-size: 21px;
    }

    .vit-services-tech-item span {
        font-size: 9px;
    }

    .vit-services-process-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vit-services-process-card {
        padding: 20px 15px;
    }

    .vit-services-cta-box {
        padding: 35px 22px;
        border-radius: 18px;
    }

    .vit-services-cta-content h2 {
        font-size: 31px;
    }

    .vit-services-cta-btn {
        width: 100%;
        justify-content: center;
    }

}


/* =========================================================
   VISTA INFOTECH TECHNOLOGIES
   SOLUTIONS RESPONSIVE CSS
========================================================= */


/* ============================
   LARGE TABLET
============================ */

@media (max-width: 1199px) {

    .vit-solutions-banner-content {
        max-width: 720px;
    }

    .vit-solutions-tech-orbit {
        right: 4%;
        width: 350px;
        height: 350px;
    }

    .vit-solutions-tech-content {
        width: 52%;
    }

}


/* ============================
   TABLET
============================ */

@media (max-width: 991px) {

    .vit-solutions-banner {
        min-height: 500px;
    }

    .vit-solutions-banner-content {
        padding: 105px 0 75px;
    }

    .vit-solutions-banner h1 {
        font-size: 52px;
    }

    .vit-solutions-intro,
    .vit-solutions-business,
    .vit-solutions-capabilities,
    .vit-solutions-transform {
        padding: 85px 0;
    }

    .vit-solutions-capability-grid {
        margin-top: 25px;
    }

    .vit-solutions-tech-box {
        padding: 60px;
    }

    .vit-solutions-tech-content {
        width: 100%;
    }

    .vit-solutions-tech-orbit {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 330px;
        height: 330px;
        margin: 55px auto 0;
    }

    .vit-solutions-tech-box {
        display: block;
    }

    .vit-solutions-transform-line {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 55px;
    }

    .vit-solutions-transform-line::before {
        display: none;
    }

}


/* ============================
   MOBILE
============================ */

@media (max-width: 767px) {

    .vit-solutions-banner {
        min-height: auto;
    }

    .vit-solutions-banner-content {
        padding: 90px 0 65px;
    }

    .vit-solutions-banner h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .vit-solutions-banner p {
        font-size: 15px;
    }

    .vit-solutions-banner::after {
        width: 300px;
        height: 300px;
        right: -170px;
    }

    .vit-solutions-intro,
    .vit-solutions-business,
    .vit-solutions-capabilities,
    .vit-solutions-transform {
        padding: 70px 0;
    }

    .vit-solutions-intro h2,
    .vit-solutions-heading h2 {
        font-size: 35px;
    }

    .vit-solutions-capability-grid {
        grid-template-columns: 1fr;
    }

    .vit-solutions-transform-line {
        grid-template-columns: 1fr;
        row-gap: 45px;
    }

    .vit-solutions-tech {
        padding: 70px 0;
    }

    .vit-solutions-tech-box {
        padding: 45px 28px;
        border-radius: 18px;
    }

    .vit-solutions-tech-orbit {
        width: 285px;
        height: 285px;
    }

    .vit-solutions-orbit-item.item-1 {
        top: 12px;
    }

    .vit-solutions-orbit-item.item-4 {
        bottom: 12px;
    }

    .vit-solutions-orbit-item.item-2 {
        right: 16px;
    }

    .vit-solutions-orbit-item.item-3 {
        right: 16px;
    }

    .vit-solutions-orbit-item.item-5 {
        left: 16px;
    }

    .vit-solutions-orbit-item.item-6 {
        left: 16px;
    }

    .vit-solutions-cta {
        padding: 80px 0;
    }

}


/* ============================
   SMALL MOBILE
============================ */

@media (max-width: 575px) {

    .vit-solutions-banner-content {
        padding: 75px 0 55px;
    }

    .vit-solutions-banner h1 {
        font-size: 34px;
    }

    .vit-solutions-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .vit-solutions-breadcrumb {
        margin-top: 25px;
    }

    .vit-solutions-business-card {
        padding: 30px 25px;
    }

    .vit-solutions-capability-item {
        padding: 20px;
    }

    .vit-solutions-tech-orbit {
        width: 245px;
        height: 245px;
    }

    .vit-solutions-orbit-center {
        width: 80px;
        height: 80px;
    }

    .vit-solutions-orbit-center i {
        font-size: 21px;
    }

    .vit-solutions-orbit-item {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }

    .vit-solutions-cta h2 {
        font-size: 34px;
    }

    .vit-solutions-cta-buttons {
        flex-direction: column;
    }

    .vit-solutions-cta-primary,
    .vit-solutions-cta-secondary {
        width: 100%;
    }

}

/* =========================================================
   VISTA INFOTECH TECHNOLOGIES
   WHY US RESPONSIVE CSS
========================================================= */


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1199px) {

    .vit-why-support-visual {
        right: 2%;
        width: 350px;
        height: 350px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .vit-why-banner {
        min-height: 500px;
    }

    .vit-why-banner-content {
        padding: 100px 0 70px;
    }

    .vit-why-banner h1 {
        font-size: 54px;
    }

    .vit-why-intro,
    .vit-why-differences,
    .vit-why-principles {
        padding: 85px 0;
    }

    .vit-why-image-box {
        max-width: 650px;
        margin: 0 auto;
    }

    .vit-why-support-box {
        padding: 55px;
        display: block;
    }

    .vit-why-support-content {
        max-width: 100%;
    }

    .vit-why-support-visual {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin: 55px auto 0;
    }

    .vit-why-support {
        padding: 80px 0;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .vit-why-banner-content {
        padding: 85px 0 60px;
    }

    .vit-why-banner h1 {
        font-size: 43px;
        letter-spacing: -1px;
    }

    .vit-why-banner p {
        font-size: 15px;
    }

    .vit-why-intro,
    .vit-why-differences,
    .vit-why-principles {
        padding: 70px 0;
    }

    .vit-why-image-box {
        min-height: 420px;
    }

    .vit-why-image-main {
        width: 90%;
        height: 370px;
    }

    .vit-why-image-main::before {
        width: 260px;
        height: 260px;
    }

    .vit-why-image-main::after {
        width: 175px;
        height: 175px;
    }

    .vit-why-floating-card {
        right: 0;
        top: 45px;
    }

    .vit-why-floating-number {
        bottom: 15px;
        left: 15px;
    }

    .vit-why-intro h2,
    .vit-why-heading h2 {
        font-size: 36px;
    }

    .vit-why-stat-grid {
        margin-top: 35px;
    }

    .vit-why-stat-item {
        min-height: 145px;
        padding: 22px;
    }

    .vit-why-counter {
        font-size: 40px;
    }

    .vit-why-principle {
        grid-template-columns: 45px 58px 1fr 20px;
        gap: 15px;
        padding: 25px 5px;
    }

    .vit-why-principle:hover {
        padding-left: 10px;
        padding-right: 10px;
    }

    .vit-why-principle-icon {
        width: 50px;
        height: 50px;
    }

    .vit-why-principle-content h3 {
        font-size: 16px;
    }

    .vit-why-principle-content p {
        font-size: 12px;
    }

    .vit-why-support-box {
        padding: 45px 28px;
        border-radius: 18px;
    }

    .vit-why-support-points {
        grid-template-columns: 1fr;
    }

    .vit-why-support-visual {
        width: 290px;
        height: 290px;
    }

    .vit-why-cta {
        padding: 80px 0;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    .vit-why-banner-content {
        padding: 75px 0 55px;
    }

    .vit-why-banner h1 {
        font-size: 35px;
    }

    .vit-why-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .vit-why-image-box {
        min-height: 350px;
    }

    .vit-why-image-main {
        width: 100%;
        height: 320px;
    }

    .vit-why-image-main::before {
        width: 220px;
        height: 220px;
    }

    .vit-why-image-main::after {
        width: 150px;
        height: 150px;
    }

    .vit-why-image-content i {
        font-size: 42px;
    }

    .vit-why-image-content strong {
        font-size: 21px;
    }

    .vit-why-floating-card {
        min-width: 165px;
        padding: 12px;
        top: 25px;
    }

    .vit-why-floating-icon {
        width: 36px;
        height: 36px;
    }

    .vit-why-floating-number {
        padding: 12px 15px;
    }

    .vit-why-floating-number strong {
        font-size: 21px;
    }

    .vit-why-heading h2,
    .vit-why-intro h2 {
        font-size: 33px;
    }

    .vit-why-stat-grid {
        grid-template-columns: 1fr;
    }

    .vit-why-stat-item {
        min-height: 120px;
    }

    .vit-why-principle {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vit-why-principle-number {
        display: none;
    }

    .vit-why-principle-arrow {
        position: absolute;
        right: 15px;
        top: 30px;
    }

    .vit-why-principle-icon {
        width: 48px;
        height: 48px;
    }

    .vit-why-support-visual {
        width: 240px;
        height: 240px;
    }

    .vit-why-support-center {
        width: 85px;
        height: 85px;
    }

    .vit-why-support-center i {
        font-size: 21px;
    }

    .vit-why-cta h2 {
        font-size: 34px;
    }

    .vit-why-cta-buttons {
        flex-direction: column;
    }

    .vit-why-cta-primary,
    .vit-why-cta-secondary {
        width: 100%;
    }

}

/* =========================================================
   VISTA INFOTECH TECHNOLOGIES
   CONTACT RESPONSIVE CSS
========================================================= */


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .vit-contact-banner {
        min-height: 500px;
    }

    .vit-contact-banner-content {
        padding: 100px 0 70px;
    }

    .vit-contact-banner h1 {
        font-size: 53px;
    }

    .vit-contact-main {
        padding: 85px 0;
    }

    .vit-contact-form-wrapper {
        padding: 35px;
    }

    .vit-contact-benefits {
        padding: 85px 0;
    }

    .vit-contact-cta {
        padding: 85px 0;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .vit-contact-banner-content {
        padding: 85px 0 60px;
    }

    .vit-contact-banner h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .vit-contact-banner p {
        font-size: 15px;
    }

    .vit-contact-main {
        padding: 70px 0;
    }

    .vit-contact-main h2 {
        font-size: 36px;
    }

    .vit-contact-form-wrapper {
        padding: 28px 22px;
        border-radius: 16px;
    }

    .vit-contact-benefits {
        padding: 70px 0;
    }

    .vit-contact-heading h2 {
        font-size: 36px;
    }

    .vit-contact-cta {
        padding: 75px 0;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 575px) {

    .vit-contact-banner-content {
        padding: 75px 0 55px;
    }

    .vit-contact-banner h1 {
        font-size: 35px;
    }

    .vit-contact-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .vit-contact-form-wrapper {
        padding: 25px 18px;
    }

    .vit-contact-form-heading h3 {
        font-size: 23px;
    }

    .vit-contact-result {
        padding: 14px;
    }

    .vit-contact-info-card {
        padding: 14px;
    }

    .vit-contact-heading h2,
    .vit-contact-cta h2 {
        font-size: 33px;
    }

    .vit-contact-cta-btn {
        width: 100%;
    }

}

/* =========================================================
   PRIVACY POLICY RESPONSIVE CSS
========================================================= */


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .vit-privacy-content {
        padding: 80px 0;
    }

    .vit-privacy-sidebar-card {
        padding: 23px;
    }

    .vit-privacy-section h2 {
        font-size: 28px;
    }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .vit-privacy-banner {
        min-height: 350px;
    }

    .vit-privacy-banner-content {
        padding: 70px 0;
    }

    .vit-privacy-content {
        padding: 70px 0;
    }

    .vit-privacy-sidebar {
        position: relative;
        top: auto;
        margin-bottom: 20px;
    }

    .vit-privacy-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }

    .vit-privacy-sidebar-card {
        display: none;
    }

    .vit-privacy-article {
        max-width: 100%;
    }

    .vit-privacy-cta-inner {
        align-items: flex-start;
    }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

    .vit-privacy-banner {
        min-height: 330px;
    }

    .vit-privacy-banner-content {
        padding: 60px 0;
    }

    .vit-privacy-banner h1 {
        font-size: 43px;
        letter-spacing: -1.5px;
    }

    .vit-privacy-banner p {
        font-size: 15px;
    }

    .vit-privacy-content {
        padding: 55px 0;
    }

    .vit-privacy-nav {
        grid-template-columns: 1fr;
    }

    .vit-privacy-section {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .vit-privacy-section h2 {
        font-size: 25px;
    }

    .vit-privacy-section p {
        font-size: 14px;
        line-height: 1.8;
    }

    .vit-privacy-contact-section {
        padding: 25px 20px;
    }

    .vit-privacy-contact-card {
        grid-template-columns: 1fr;
    }

    .vit-privacy-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .vit-privacy-bottom-cta {
        padding: 60px 0;
    }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

    .vit-privacy-banner-content {
        padding: 50px 0;
    }

    .vit-privacy-eyebrow {
        font-size: 10px;
        padding: 8px 12px;
    }

    .vit-privacy-banner h1 {
        margin-top: 16px;
        font-size: 37px;
    }

    .vit-privacy-banner p {
        font-size: 14px;
        line-height: 1.7;
    }

    .vit-privacy-breadcrumb {
        margin-top: 22px;
        font-size: 12px;
    }

    .vit-privacy-content {
        padding: 45px 0;
    }

    .vit-privacy-sidebar-head h3 {
        font-size: 22px;
    }

    .vit-privacy-nav a {
        padding: 12px;
        font-size: 13px;
    }

    .vit-privacy-updated {
        font-size: 11px;
        margin-bottom: 28px;
    }

    .vit-privacy-section h2 {
        font-size: 23px;
    }

    .vit-privacy-list-item {
        padding: 16px;
        gap: 13px;
    }

    .vit-privacy-list-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
    }

    .vit-privacy-list-item h4 {
        font-size: 15px;
    }

    .vit-privacy-list-item p {
        font-size: 12px;
    }

    .vit-privacy-security-box {
        padding: 18px;
        gap: 13px;
    }

    .vit-privacy-security-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .vit-privacy-contact-item {
        padding: 14px;
    }

    .vit-privacy-contact-icon {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
    }

    .vit-privacy-cta-inner h2 {
        font-size: 28px;
    }

    .vit-privacy-cta-btn {
        width: 100%;
        justify-content: center;
    }

}

/* =========================================================
   VISTA INFOTECH TECHNOLOGIES
   TERMS RESPONSIVE CSS
========================================================= */


/* =========================================================
   1200px
========================================================= */

@media (max-width: 1200px) {

    .vit-terms-content {
        padding: 80px 0;
    }

    .vit-terms-sidebar-card {
        padding: 23px;
    }

    .vit-terms-section h2 {
        font-size: 28px;
    }

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

    .vit-terms-banner {
        min-height: 350px;
    }

    .vit-terms-banner-content {
        padding: 70px 0;
    }

    .vit-terms-content {
        padding: 70px 0;
    }

    .vit-terms-sidebar {
        position: relative;
        top: auto;

        margin-bottom: 20px;
    }

    .vit-terms-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }

    .vit-terms-sidebar-card {
        display: none;
    }

    .vit-terms-article {
        max-width: 100%;
    }

    .vit-terms-cta-inner {
        align-items: flex-start;
    }

}


/* =========================================================
   767px
========================================================= */

@media (max-width: 767px) {

    .vit-terms-banner {
        min-height: 330px;
    }

    .vit-terms-banner-content {
        padding: 60px 0;
    }

    .vit-terms-banner h1 {
        font-size: 43px;
        letter-spacing: -1.5px;
    }

    .vit-terms-banner p {
        font-size: 15px;
    }

    .vit-terms-content {
        padding: 55px 0;
    }

    .vit-terms-nav {
        grid-template-columns: 1fr;
    }

    .vit-terms-section {
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .vit-terms-section h2 {
        font-size: 25px;
    }

    .vit-terms-section p {
        font-size: 14px;
        line-height: 1.8;
    }

    .vit-terms-services-grid {
        grid-template-columns: 1fr;
    }

    .vit-terms-contact-section {
        padding: 25px 20px;
    }

    .vit-terms-contact-card {
        grid-template-columns: 1fr;
    }

    .vit-terms-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .vit-terms-bottom-cta {
        padding: 60px 0;
    }

}


/* =========================================================
   575px
========================================================= */

@media (max-width: 575px) {

    .vit-terms-banner-content {
        padding: 50px 0;
    }

    .vit-terms-eyebrow {
        font-size: 10px;
        padding: 8px 12px;
    }

    .vit-terms-banner h1 {
        margin-top: 16px;
        font-size: 37px;
    }

    .vit-terms-banner p {
        font-size: 14px;
        line-height: 1.7;
    }

    .vit-terms-breadcrumb {
        margin-top: 22px;
        font-size: 12px;
    }

    .vit-terms-content {
        padding: 45px 0;
    }

    .vit-terms-sidebar-head h3 {
        font-size: 22px;
    }

    .vit-terms-nav a {
        padding: 12px;
        font-size: 13px;
    }

    .vit-terms-updated {
        font-size: 11px;
        margin-bottom: 28px;
    }

    .vit-terms-section h2 {
        font-size: 23px;
    }

    .vit-terms-info-box,
    .vit-terms-property-box,
    .vit-terms-warning-box {
        padding: 18px;
        gap: 13px;
    }

    .vit-terms-info-icon,
    .vit-terms-property-icon,
    .vit-terms-warning-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        font-size: 16px;
    }

    .vit-terms-service-item {
        padding: 14px;
    }

    .vit-terms-contact-item {
        padding: 14px;
    }

    .vit-terms-contact-icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;
    }

    .vit-terms-cta-inner h2 {
        font-size: 28px;
    }

    .vit-terms-cta-btn {
        width: 100%;
        justify-content: center;
    }

}