@media screen and (min-width:767px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: end;
    }
}

@media screen and (max-width:1400px) {
    .header-nav .navigation .navbar .navbar-nav .nav-item a {
        font-size: 16px;
    }

    .landing-challenges .challenges p {
        font-size: 18px;
    }

    .landing-banner .hero-content p {
        font-size: 20px;
    }

    .landing-banner .hero-content .main-btn {
        line-height: 40px;
        padding: 0 20px;
    }

    .landing-form input,
    .landing-form textarea {
        padding: 5px 10px;
    }

    .landing-form input::placeholder,
    .landing-form textarea::placeholder {
        font-size: 12px;
    }

    .landing-banner .contact-content {
        padding: 20px;
    }

    .landing-form .main-btn {
        line-height: 40px;
        padding: 0 20px;
        margin-top: 5px;
    }

    .header-area.header-5-area .header-nav .navigation .navbar .navbar-btn a {
        padding: 10px;
        font-size: 14px;
    }

}

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

    .header-nav.sticky .navbar .navbar-nav .nav-item a {
        font-size: 16px;
        margin-right: 25px;
    }


    /* section */
    .section-padding {
        padding: 80px 0;
    }
}

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

    .landing-challenges .challenges img {
        height: 300px;
    }

    /* contact */
    .landing-contact {
        height: auto;
    }

    .landing-contact .contact {
        position: unset;
        max-width: 100%;
        margin-top: 50px;
    }

    /* products */
    .landing-products .first-row {
        padding-top: 40px;
    }

    .landing-products .first-row>.product-card {
        width: calc(50% - 22px);
    }

    .landing-products .first-row>.product-card:nth-child(4) {
        width: calc(50% - 22px);
    }

    .landing-products .first-row>.product-card:nth-child(5) {
        width: calc(50% - 22px);
    }

    /* features */

    .landing-features .features-row .content {
        margin-bottom: 30px;
    }

    .landing-features .features-row .features-col {
        width: calc(50% - 20px);
    }

    .landing-features .features-row .features-col:nth-child(2n) {
        display: none;
    }

    /* landing-how-we */

    .landing-how-we .how-we-row .content ul li::before {
        width: 15px;
        height: 15px;
    }

    .landing-how-we .how-we-row .content ul li {
        margin-bottom: 25px;
        font-size: 16px;
        padding-left: 25px;
    }

    .landing-how-we .how-we-row {
        padding-top: 50px;
    }

    .landing-how-we .how-we-row.second img {
        margin-left: 10px;
    }

    .landing-how-we .how-we-row .content {
        margin-left: 10px;
    }

    /* client logo */
    .landing-client-logo h2 {
        font-size: 28px;
    }

    .landing-client-logo .brand-list {
        padding-top: 25px;
    }

    /* hero section */
    .landing-banner{
        height: auto;
        padding-bottom: 50px;
    }
    .landing-banner .hero-content {
        padding-top: 100px;
    }

    .landing-banner .hero-content p {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .header-nav .navigation .navbar .navbar-btn.call{
        display: none;
    }
}

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

    .footer-logo img,
    .navbar-brand img {
        max-width: 160px !important;
    }

    .landing-faq .faq-container {
        margin-top: 40px;
    }

    .about-5-area {
        padding: 50px 0;
    }

    .about-5-area .about-img {
        margin-top: 20px;
    }

    .about-5-area ul {
        padding-left: 15px;
    }

    /* cta */

    .download-area .download-content span {
        padding: 0;
    }

    .header-nav .navigation .navbar .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    /* contact */
    .landing-contact .left-content h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .landing-contact .contact {
        padding: 40px 30px;
    }



    .landing-products .first-row {
        display: none;
    }

    /* features */

    .landing-features .features-row .content h4 {
        margin-bottom: 10px;
    }

    .landing-features .features-row .content .icon {
        margin-bottom: 10px;
    }

    .landing-features .features-row .content {
        align-items: flex-start;
        text-align: start;
        margin-bottom: 20px;
    }

    .landing-features .features-row .features-col {
        width: calc(100%);
    }

    .landing-features .features-row {
        padding-top: 30px;
        gap: 0;
    }


    /* landing-how-we */

    .landing-how-we .how-we-row .content {
        margin-left: 0;
    }

    .landing-how-we .how-we-row.second img {
        margin-left: 0px;
    }

    .landing-how-we .how-we-row img {
        margin-top: 20px;
    }

    .landing-how-we .how-we-row .content ul {
        margin-bottom: 0;
    }

    .landing-how-we .how-we-row .content ul li {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .landing-how-we .how-we-row .content h3 {
        margin-bottom: 20px;
    }

    .landing-how-we .how-we-row.second {
        padding-top: 40px;
    }

    .landing-how-we .how-we-row.first {
        flex-direction: column-reverse;
    }

    .landing-how-we .how-we-row {
        padding-top: 15px;
    }

    /* client logo */
    .landing-client-logo .brand-list {
        padding-top: 20px;
    }

    .landing-client-logo h2 {
        font-size: 26px;
    }

    /* hero section */
    .landing-banner .hero-content {
        padding-top: 80px;
    }

    .landing-banner .contact-content {
        margin-top: 30px;
        padding: 30px 20px;
    }

    .landing-banner .hero-content .sub-heading {
        font-size: 14px;
    }

    .landing-banner .hero-content .btn-div {
        flex-direction: column;
        align-items: flex-start;
    }

    .landing-banner .hero-content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

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

    .product-card .card-content {
        opacity: 1;
        transform: translateY(0);
    }

    .product-card.with-overlay::before {
        opacity: 1;
    }
}

@media screen and (max-width:576px) {
    .landing-steps img {
        padding-top: 30px;
    }

    .landing-challenges .challenges img {
        height: 250px;
    }

    .landing-faq .faq-container {
        margin-top: 20px;
    }

    .landing-faq .faq-question {
        font-size: 16px;
        padding: 15px 18px;
    }

    .landing-faq .faq-answer {
        font-size: 14px;
    }

    .landing-faq .faq-answer.open {
        padding: 0 18px 10px;
    }

    /* cta */
    .download-area .main-btn {
        line-height: 45px;
        padding: 0 25px;
    }

    .download-area {
        padding: 40px 0;
    }

    /* testimonial */
    .testimonial-area .testimonial-carousel .item {
        margin: 0;
    }

    .testimonial-area .testimonial-carousel {
        padding-top: 20px;
    }


    /* contact */
    .landing-form {
        padding-top: 20px;
    }

    .landing-form .main-btn {
        width: 100%;
    }

    .landing-form .form-area {
        flex-direction: column;
    }

    .landing-form input,
    .landing-form textarea {
        padding: 10px;
        border-radius: 5px;
    }

    .landing-contact .left-content h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .landing-contact .contact {
        padding: 30px 20px;
        margin-top: 20px;
    }

    /* products */

    .product-card {
        position: relative;
        overflow: hidden;
        border-radius: 0.5rem;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        background-color: #fff;
        height: 300px;
    }

    .product-card .card-content {
        opacity: 1;
        transform: translateY(0);
    }

    .product-card.with-overlay::before {
        opacity: 1;
    }

    .landing-products .first-row>.product-card h4 {
        font-size: 18px;
    }

    .landing-products .first-row>.product-card {
        width: 100%;
    }

    .landing-products .first-row>.product-card:nth-child(4) {
        width: 100%;
    }

    .landing-products .first-row>.product-card:nth-child(5) {
        width: 100%;
    }

    /* features */
    .landing-features .features-row {
        padding-top: 20px;
    }

    /* landing-how-we */

    .landing-how-we .how-we-row.first {
        padding-top: 10px;
    }

    .landing-how-we .how-we-row {
        padding-top: 30px;
    }

    /* client logo */
    .landing-client-logo h2 {
        font-size: 24px;
    }

    .landing-client-logo .brand-list {
        padding-top: 5px;
    }

    .landing-client-logo.section-padding {
        padding-top: 30px;
    }

    /* hero section */

    .landing-banner .hero-content {
        padding-top: 100px;
    }

    .landing-banner .hero-content .sub-heading {
        font-size: 12px;
    }

    .landing-banner .hero-content p {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 20px;
    }

    .landing-banner .hero-content .main-btn {
        line-height: 45px;
        padding: 0 25px;
    }

    .landing-banner {
        height: auto;
        background: linear-gradient(243deg, rgba(0, 0, 0, 0.00) -2.41%, rgb(0 0 0 / 85%) 58.91%), url(../images/banner.webp) lightgray 50% / cover no-repeat;
    }

    .section-padding {
        padding: 50px 0;
    }
}