@media screen and (min-width: 1366px) {
    .contact.main .card {
        min-width: 300px;
    }
    .contact iframe {
        height: 340px;
    }
}

@media screen and (max-width: 1366px) {
    .contact.main .card {
        min-width: 250px;
    }
    .hero .logo-overlay {
        max-width: 650px
    }
}

@media (max-width: 991px) {
    br {
        display: none;
    }
    .text-end {
        text-align: left!important;
    }
    .card-list .card-body {
        flex-direction: column;
    }
    .hero {
        min-height: 450px;
    }
    .hero .logo-overlay {
        display: none;
    }
    .hero .mt--96,
    .hero .mt--128,
    .hero.product .mt--96 {
        margin-top: 1rem!important;
    }
    .hero.services {
        min-height: 300px;
    }
    .hero.services .right {
        text-align: left!important;
    }
    .hero.contact {
        min-height: 500px;
    }
    .hero.contact .cs-content {
        right: 43%;
        bottom: -12%;
    }
    .products .main {
        width: 100%;
    }
    .product-service .image .illustrate {
        max-width: none;
    }
    .product-service .card {
        max-width: none;
    }
    .contact .info .card {
        min-width: 325px;
    }
    .contact.main .list {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }
    .contact.main .list .card {
        height: 100%;
        min-width: 300px;
        width: 100%;
    }
    .stats.about {
        gap: 1rem;
        margin-top: .75rem;
    }
    .stats .stat .number {
        font-size: 1.5rem;
    }
}

@media (max-width: 767px) {
    .h--58,
    .card-product .card-body .title {
        min-height: unset!important;
    }
    .card-list .card-body {
        gap: 1rem;
    }
    .hero.contact {
        min-height: 350px;
    }
    .hero.contact .cs-content {
        right: 41%;
        bottom: -16%;
    }
    .hero .buttons {
        justify-content: space-between;
    }
    .stats {
        gap: 2.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .stats .stat {
        width: 42%;
    }
    .product-service .card .card-body ul li {
        margin-bottom: 1rem;
    }
    .contact .info {
        flex-wrap: wrap;
    }
    .contact .info .card {
        min-width: 400px;
    }
    .contact.main .list .card {
        min-width: unset;
    }
    .analytic .image {
        max-width: 250px;
    }
    .mission-value .info ul li {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    h5,
    ul li {
        font-size: 1rem;
    }
    .hero {
        min-height: 550px;
    }
    .hero.contact .description {
        font-size: 1rem;
    }
    .hero.contact .cs-content {
        right: 39%;
        bottom: -12%;
    }
    .hero.product .image {
        min-width: 200px;
    }
    .hero.product .bg-overlay {
        top: -220px;
    }
    .hero.services .image {
        min-width: 200px;
    }
    .about .main {
        max-width: 275px;
    }
    .contact.main .list {
        display: block;
    }
    .cs-content {
        width: 80px;
        height: 80px;
    }
    .cs-content .circle {
        width: 60px;
        height: 60px;
    }
    .cs-content .circle i {
        font-size: 1.5rem;
    }
}