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


@media (min-width: 1024px) {

    /* start header css */
    header .logo-container .container .menu-links {
        width: 85%;
        position: relative;
        box-shadow: none;
        background-color: transparent;
    }

    header .logo-container .container .menu-links ul .links-li {
        border-bottom: none;
        margin-right: 14px;
        padding: 0;
        position: relative;
    }

    header .logo-container .container .menu-links ul .links-li .link {
        transition: none;
        padding: 3px;
        position: relative;
        z-index: 1;
    }

    header .login a {
        font-size: 15px;
    }

    /* header .logo-container .container .menu-links ul .active {
        background-color: var(--primaryColor);
        border-radius: 3px;
        padding: 0px 11px;
    } */

    header .logo-container .container .menu-links ul .links-li .link::before {
        content: "•";
        display: none;
        position: absolute;
        bottom: -10%;
        left: 50%;
        font-size: 32px;
        transform: translateX(-50%);
        line-height: 0;
        color: rgb(255, 255, 255);
        text-shadow: var(--primaryColor) 10px 0px, var(--primaryColor) -10px 0px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: rgb(77, 157, 101);
        transition: text-shadow .5s ease 0s, color 0.3s ease 0s;
    }

    header .logo-container .container .menu-links ul .links-li .link:hover {
        color: var(--primaryColor);
    }

    header .logo-container .container .menu-links ul .links-li .link:hover::before {
        display: block;
        transition: text-shadow .5s ease 0s, color 0.3s ease 0s;
    }

    header .sticky {
        padding: 1rem 1.5rem;
    }

    header .sticky .container {
        position: relative;
        padding: 1rem 0;
    }

    /* end header css */

    /* start banner css */
    .banner .banner-container {
        margin-top: 5rem;
    }

    /* end banner css */

    /* start products css */
    .products {
        background-color: transparent;
    }

    .products .content {
        background-color: #7A56E5;
        padding: 2rem 2.5rem;
    }

    .products .content p {
        width: 75%;
    }

    .products .product-side {
        position: absolute;
        right: 0;
        top: -40px;
    }

    /* end products css */

    /* start testimonial css */
    .testimonial .review {
        width: 75%;
        margin: auto;
        position: relative;
    }

    .testimonial .review::before {
        content: '';
        background-image: url('../img/dots.svg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        right: -50px;
        top: -30px;
        width: 130px;
        height: 130px;
        z-index: -1;
    }

    .testimonial .owl-nav {
        position: absolute;
        left: -120px;
        bottom: 0px;
    }

    /* end testimonial css */

    .carousel-indicators {
        right: -80px;
        bottom: -50px;
        left: inherit;
    
    }

    /* start contact us css */
        
    .contact_field {
        /* padding: 60px 340px 90px 100px; */
        padding: 60px 230px 90px 40px;
    }

    .contact_inner {
        border-radius: 25px;
    }

    .contact_info_sec {
        position: absolute;
        right: 1px;
        top: 18%;
        height: 340px;
        width: 340px;
        padding: 40px;
        border-radius: 25px 0 0 25px;
    }

    /* end contact us css */

}

@media (min-width: 1200px) {

    /* start common css */
    section {
        padding: var(--lgPadding);
    }

    /* end common css */

    /* start header css */
    header .logo-container .container .menu-links {
        width: fit-content;
    }

    header .logo-container .container .menu-links ul .links-li {
        margin-right: 25px;
    }

    /* end header css */

    .feature-row {
        width: 85%;
        margin: auto;
    }
}

@media (min-width: 1366px) {

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

@media (min-width: 1600px) {

    .contact_field {
        padding: 60px 260px 90px 80px;
    }
}

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

@media (min-width: 1367px) and (max-width: 1920px) {}

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