@media screen and (max-width: 1399px) {
    .icon_sec {
        padding: 60px 100px;
        padding-top: 100px !important;
    }

    .horizontal .icon-card img {
        max-width: 60px;
    }

    .horizontal .icon-card .title {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .horizontal .icon-card {
        width: 80%;
        height: 280px;
    }

    .horizontal>div {
        width: 600px;
    }

    .icon_sec .heading {
        margin-bottom: 60px;
    }

    .footer-sec .para,
    .footer-sec p {
        font-size: 17px;
        line-height: 24px;
    }

    .para,
    p {
        font-size: 18px;
        line-height: 25px;
    }

    h1,
    h2,
    .title {
        font-size: 45px;
        line-height: 60px;
    }

    .icon_sec {
        padding: 60px 60px;
        padding-top: 100px !important;
    }

    .section,
    .footer-sec {
        padding: 60px 60px !important;
    }

    .blog-sec {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .banner-content .content {
        max-width: 420px;
    }

    .section .content {
        max-width: 500px;
    }

    .performance-sec .content {
        max-width: 100% !important;
    }

    .footer-sec .list-item li {
        font-size: 15px;
        line-height: 20px;
    }
}

@media screen and (max-width: 1299px) {

    .footer-sec .para,
    .footer-sec p {
        font-size: 16px;
        line-height: 22px;
    }

    .footer-sec .heading .title {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    .footer-sec .logo img {
        max-width: 80px;
    }

    .footer-sec .h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .footer-sec {
        padding-bottom: 20px !important;
    }

    .footer-sec .h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .footer-sec {
        padding-bottom: 20px !important;
    }

    .horizontal .icon-card .title {
        line-height: 25px;
        font-size: 22px;
    }

    .horizontal .icon-card img {
        margin-bottom: 20px;
    }

    .horizontal .icon-card .para {
        margin: 0;
        font-size: 17px;
        line-height: 25px;
    }

    .horizontal .icon-card {
        height: 250px;
    }
}

@media screen and (max-width: 1024px) {

    h1,
    h2,
    .title {
        font-size: 40px;
        line-height: 50px;
    }

    .para,
    p {
        font-size: 17px;
    }

    .sec-margin {
        margin: 60px 0;
    }

    .sec-padding {
        padding: 60px 0;
    }

    .banner-content {
        height: 55vh;
    }

    .section .content .title {
        margin-bottom: 30px;
    }

    .section .content .para {
        margin-bottom: 10px;
    }

    .custom-btn {
        font-size: 15px;
        padding: 10px 22px;
    }

    .performance-sec .content {
        max-width: 100%;
    }

    .counter-section {
        margin-top: 60px;
    }

    .counter-box {
        padding: 20px;
    }

    .counter-box .title {
        font-size: 24px;
        line-height: normal;
    }

    .counter-box .para {
        font-size: 15px;
    }

    .nav-item .nav-link {
        padding: 10px 20px !important;
        font-size: 17px;
    }

    .navbar-brand img {
        max-width: 58px;
    }

    .navbar-wrap {
        padding: 10px 20px;
    }

    .footer-sec .heading .title {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 25px;
    }

    .blog-detail figure {
        height: 450px;
    }
}

@media screen and (max-width: 991px) {
    .banner-content {
        height: auto;
        padding: 75px 50px;
        border-radius: 40px;
    }

    h1,
    h2,
    .title {
        font-size: 35px;
        line-height: 45px;
    }

    .banner-content .content {
        max-width: 350px;
    }

    .para,
    p {
        font-size: 16px;
        line-height: 24px;
    }

    .performance-sec {
        padding: 80px 60px !important;
    }

    .icon_sec .title {
        margin-bottom: 10px;
    }

    .section .content .title {
        margin-bottom: 20px;
    }

    .counter-section {
        margin-top: 45px;
    }

    .counter-box .title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .counter-box {
        padding: 30px;
    }

    .performance-sec .content img {
        max-width: 150px;
        height: 62px;
    }

    .horizontal .icon-card {
        height: 250px;
    }

    .horizontal>div {
        width: 500px;
    }

    .horizontal .icon-card img {
        margin-bottom: 15px;
    }

    .horizontal .icon-card .title {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: normal;
    }

    .footer-sec .para,
    .footer-sec p {
        font-size: 16px;
        margin-bottom: 20px !important;
    }

    .footer-sec .logo img {
        max-width: 80px;
    }

    .footer-sec .heading .title {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 40px;
    }

    .contact-area .title,
    .blog-sec .heading .title {
        font-size: 30px;
    }

    .innovation-banner {
        height: 90vh;
    }

    .blog-detail figure {
        height: 450px;
    }
}

@media screen and (max-width: 767px) {
    .banner-content {
        padding: 70px 40px;
        border-radius: 40px;
    }

    h1,
    h2,
    .title {
        font-size: 30px;
        line-height: 40px;
    }

    .banner-content .content {
        max-width: 280px;
    }

    .para,
    p {
        font-size: 15px;
        line-height: 22px;
    }

    .section,
    .footer-sec {
        padding: 100px 25px !important;
        border-radius: 40px 40px 0 0 !important;
        -webkit-border-radius: 40px 40px 0 0 !important;
        -moz-border-radius: 40px 40px 0 0 !important;
    }

    .section .content {
        max-width: 350px;
    }

    .performance-sec {
        padding: 80px 0 !important;
    }

    .performance-sec .content img {
        max-width: 90px;
        height: 45px;
    }

    .counter-section {
        margin-top: 40px;
    }

    #horizontal-scoll {
        padding: 100px 20px !important;
    }

    .horizontal .icon-card .title {
        font-size: 20px;
    }

    .horizontal .icon-card .para {
        margin: 0;
    }

    .footer-sec {
        padding: 70px 20px !important;
        border-radius: 0 !important;
    }

    .footer-sec .list-item li {
        font-size: 14px;
        line-height: 18px;
    }

    p.copyright-text {
        margin: 0 !important;
    }

    footer h4 {
        font-size: 19px !important;
    }

    .footer-sec .logo img {
        max-width: 65px;
    }

    .counter-box {
        padding: 25px 20px;
    }

    .counter-section .col-6 {
        margin-bottom: 30px;
    }

    .performance-sec {
        border-radius: 0 !important;
    }

    /* .navbar-collapse {
        display: flex !important;
    }

    .navbar-toggler {
        display: none !important;
    }

    .navbar-nav {
        flex-direction: inherit;
    } */

    .footer-sec .heading .title {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 35px;
    }

    .blog-sec {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .contact-area .title,
    .blog-sec .heading .title {
        font-size: 24px;
        letter-spacing: 0;
    }

    .contact-area {
        padding: 30px;
    }

    .form-control {
        padding: 10px 20px;
        border-radius: 30px;
        font-size: 15px;
    }

    .innovation-banner {
        height: 80vh;
    }

    .blog-detail figure {
        height: 400px;
    }
}

@media screen and (max-width: 575px) {
    .performance-sec .content img {
        display: none;
    }

    #horizontal-scoll {
        padding-top: 200px !important;
    }

    h1,
    h2,
    .title {
        font-size: 26px;
        line-height: 35px;
    }

    .nav-item .nav-link {
        padding: 10px 12px !important;
        font-size: 15px;
    }

    .nav-item .nav-link {
        padding: 8px 15px !important;
        font-size: 15px;
    }

    .navbar-brand img {
        max-width: 50px;
    }

    .navbar-wrap {
        padding: 5px 20px;
    }

    .navbar {
        top: 25px;
    }

    .banner-sec {
        margin-top: 120px;
    }

    .banner-content {
        border-radius: 30px;
        padding: 80px 30px;
        margin: 0 20px;
    }

    .about_sec {
        padding: 0 30px;
    }

    .performance-sec {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .footer_sec {
        padding-bottom: 200px !important;
    }

    .cursor-area {
        display: none;
    }

    .section .content {
        max-width: 230px;
    }

    .banner-content .content {
        max-width: 220px;
    }

    .footer-sec .heading .title {
        font-size: 30px;
        line-height: 40px;
    }

    .navbar-toggler {
        width: 35px;
        height: 30px;
        padding: 5px 5px 5px 4px;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        flex-direction: column;
    }

    .navbar-toggler .toggler-icon {
        width: 100%;
        height: 2px;
        display: inline-block;
        background: #fff;
    }

    #navbarNav {
        position: absolute;
        top: 52px;
        z-index: 7;
        left: 0;
        right: 0;
        padding: 20px;
        background: #000000;
    }

    .navbar-wrap {
        position: relative;
        z-index: 5;
    }

    .innovation-banner {
        height: 50vh;
    }

    .blog-card .title {
        font-size: 20px;
    }

    .blog-card figure {
        height: 280px;
    }

    .blog-detail figure {
        height: 380px;
    }

    .blog-detail .title {
        font-size: 25px;
    }

    .blog-detail .h3 {
        font-size: 20px;
    }

    .blog-detail .para {
        font-size: 16px;
        line-height: 22px;
    }

    .button-item {
        flex-direction: column-reverse;
        align-items: center;
    }

    .button-item .g-recaptcha.ms-auto {
        margin: 0 auto;
    }

    .contact-page .button-item {
        flex-direction: inherit;
        justify-content: center;
        flex-wrap: wrap;
    }
}