@media (min-width: 768px) {

    /* css common start */

    section,
    footer {
        padding: var(--lgPadding);
    }

    /* css common end */

    /* banner css start */

    .banner .banner-container {
        padding: 2rem 3rem;
        height: 300px;
    }

    .banner .banner-container h1,
    .banner .banner-container h5 {
        color: var(--blackColor);
    }

    .banner .banner-container p {
        font-size: 18px;
    }

    /* banner css end */

    .download {
        background-color: transparent;
        background-image: url('../img/bg.png');
        background-repeat: no-repeat;
        background-size: 100% 57%;
        background-position: center;
    }

    .testimonial .owl-nav {
       position: absolute;
    }

    footer .nav-link li {
        border-right: 0;
        padding-right: 0px;
    }  

}

@media (min-width: 1024px) {

    /* header {
        background-color: gray;
    } */
    .w-lg-50 {
        width: 50%;
    }

    .navbar-nav {
        background-color: transparent;
    }

    .nav-link {
        color: var(--blackColor);
    }

    header .img-logo {
        width: 130px;
        margin-right: 50px;
    }

    header .navbar-nav .nav-item {
        margin-right: 13px;
    }

    /* banner css start */

    .banner .banner-container .heading {
        width: 65%;
    }

    /* banner css end */

    .about-us .about-img {
        width: 83%;
    }

    .about-us .about-content::before {
        content: '';
        background-image: url('../img/polygen.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 120px;
        top: -10px;
        width: 21%;
        height: 21%;
        animation: triangle 7s linear infinite;
        animation-delay: 3s;
    }

    .feature {
        overflow: hidden;
    }

    .feature::before,
    .feature::after {
        content: '';
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        width: 250px;
        height: 250px;
        opacity: .5;
    }

    .feature::before {
        background-image: url('../img/left-polygen.png');
        left: -120px;
    }

    .feature::after {
        background-image: url('../img/right-polygen.png');
        right: -120px;
    }

    .feature.inner-section::after {
        bottom: 35px;
        top: initial;

    }

    .download {
        background-size: 100% 47%;
        position: relative;
    }

    .download::before {
        content: '';
        background-image: url('../img/truck-path.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        bottom: 10px;
        width: 520px;
        height: 280px;
    }

    .download .screen-img {
        width: 80%;
    }

    .nav-link:focus, .nav-link:hover {
        color: var(--blackColor);
    }

    footer .footer-info li {
        width: 33%;
    }


}

@media (min-width: 1280px) {


    .container {
        max-width: 1150px;
    }

    /* Banner css start  */

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

    .banner .banner-container {
        height: 450px;
    }

    /* Banner css end */

    .feature {
        background-color: transparent;
        background-image: url('../img/feature-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .testimonial {
        background-size: 100%;
    }

    /* footer css start */
    footer .footer-info {
        width: 90%;
        margin: auto;
    }

    footer .footer-info span {
        width: 60px;
        min-width: 60px;
        height: 55px;
    }


}

@media (min-width: 1366px) {}

@media (min-width: 1440px) {

    body {
        font-size: 17px;
    }

}