@media (max-width:1399.98px) {
    .nvid-sec-align{
        height: 1020px;
    }
    
    .nvid-sec-card {
        top: 180px;
    }

    .langing-logo-img {
        max-width: 340px;
    }
}

@media(max-width:1199.98px) {
    :root {
        --heading: 70px;
        --sub-heading: 60px;
        --font60: 50px;
        --font50: 40px;
        --font40: 30px;
        --font30: 26px;
        --font28: 24px;
        --font26: 22px;
        --font24: 20px;
        --font22: 20px;
    }

    .nvid-sec-align {
        height: 960px;
    }

    .hero-bg,
    .service-section,
    .about-section,
    .Product-section,
    .Contact-section {
        padding: 60px 0;
    }

    .hero-counter {
        gap: 24px;
    }

    .counter-card {
        padding: 20px 30px;
        min-width: 300px;
    }

    .footer-first {
        max-width: 260px;
    }

    .service-card {
        padding: 32px 16px;
        border-radius: 24px;
    }

    .add-prdt-btn {
        padding: 10px 20px;
    }

    .login-card {
        margin: 60px auto 60px;
    }
}

@media (max-width:991.98px) {
    :root {
        --heading: 56px;
        --sub-heading: 40px;
        --font60: 40px;
        --font50: 30px;
        --font40: 28px;
        --font30: 26px;
        --font28: 24px;
        --font26: 22px;
        --font24: 20px;
        --font22: 18px;
        --font20: 18px;
    }

    .langing-logo-img {
        max-width: 260px;
    }

    .new-video-section .container {
        max-width: 100%;
    }

    .nvid-sec-align {
        height: 850px;
    }

    .product-listing-tabs .product-buttons {
        scrollbar-width: none;
        padding-bottom: 0px;
        gap: 16px;
    }

    .header .navbar-nav {
        gap: 20px;
        padding: 20px 0;
    }

    .header .navbar-collapse {
        position: fixed;
        top: 70px;
        background: var(--dark);
        left: 0px;
        right: 0px;
        padding: 10px 32px;
        border-top: 1px solid var(--gray);
        height: calc(100% - 70px) !important;
    }

    .counter-card {
        padding: 16px 16px;
        min-width: 220px;
    }

    .counter-top {
        margin-bottom: 0px;
    }

    .about-content p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

    .footer-first {
	width:100% !important;
        max-width: 100%;
        display: flex;
        gap: 20px;
    }

    .footer-align {
        flex-wrap: wrap;
    }
}

@media (max-width:767.98px) {
    :root {
        --heading: 46px;
        --sub-heading: 36px;
        --font60: 32px;
        --font50: 28px;
        --font40: 26px;
        --font30: 24px;
        --font28: 22px;
        --font26: 20px;
        --font24: 18px;
        --font22: 18px;
        --font20: 16px;
        --font18: 16px;
    }

    .langing-logo-img {
        max-width: 200px;
    }

    .nvid-sec-card {
        top: 150px;
    }

    .nvid-sec-align {
        height: 800px;
    }
    
    .nvid-sec-card .heading{
        font-size: 36px;
        margin-bottom: 10px;
    }

    .nvid-sec-card .hero-badge{
        margin-bottom: 10px;
    }

    .nvid-sec-card .primery-btn{
        margin-top: 10px;
    }

    .sec-videos {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        width: -webkit-fill-available;
    }

    .sec2-video-link {
        width: 800px !important;
    }

    .hero-counter {
        gap: 16px;
    }

    .counter-card {
        padding: 16px;
        min-width: 30%;
    }

    .section-header {
        gap: 20px;
        margin-bottom: 30px;
    }

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

    .product-footer {
        align-items: normal;
        flex-direction: column;
        gap: 16px;
    }

    .add-prdt-btn {
        width: 100%;
        text-align: center;
    }

    .mb-60 {
        margin-bottom: 40px;
    }

    .footer-align {
        gap: 12px;
    }

    .page-link-btn svg {
        padding-right: 4px;
    }

    .hero-bg,
    .service-section,
    .about-section,
    .Product-section,
    .Contact-section {
        padding: 50px 0;
    }

    .login-card {
        flex-direction: column;
    }

    .login-left {
        width: 100%;
        padding: 24px;
        border-radius: 18px;
        margin: 0;
    }

    .login-right {
        width: 100%;
    }

    .login-right .primery-btn {
        margin: 0;
    }
    
    .sec2-img-link{
        min-width: 800px !important;
    }
}

@media (max-width:575.998px) {

    /* New css */
    .cart-section {
        min-width: 100%;
    }
    /* End */

    :root {
        --heading: 36px;
        --sub-heading: 32px;
        --font60: 28px;
        --font50: 26px;
        --font40: 24px;
        --font30: 22px;
        --font28: 20px;
        --font26: 18px;
        --font24: 16px;
        --font22: 16px;
        --font20: 16px;
        --font18: 16px;
        --fontp: 16px;
        --font14: 14px;
        --font12: 12px;
    }
	

.mob-view-fixed {
    position: fixed;
    bottom: 16px;
    left: 12px;
    right: 12px;
}

.mob-view-fixed .add-prdt-btn {
    width: 100% !important;
    max-width: 360px;
    margin: 0 auto;
}

    .hero-section p.text {
        margin: 0 16px;
    }

    .counter-card p.text {
        margin: 0;
    }

    .hero-counter {
        flex-direction: column;
    }

    .counter-card {
        min-width: 80%;
    }

    .section-top {
        align-items: start;
        gap: 20px;
        flex-direction: column;
    }

    .section-top-logo {
        width: 32px;
    }

    .service-icon {
        padding: 10px;
        width: 60px;
        height: 60px;
    }

    .hero-bg,
    .service-section,
    .about-section,
    .Product-section,
    .Contact-section {
        padding: 40px 0;
    }

    .contact-form {
        padding: 24px;
    }

    .footer-align {
        justify-content: space-between;
    }

    .footer-first {
        gap: 0px;
        flex-direction: column;
        align-items: center;
    }

    .footer-first,
    .footer-second,
    .footer-third {
        width: fit-content;
        margin-bottom: 20px;
    }

    .footer-first .text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: center;
    }

    .working-compny {
        padding: 20px 0px;
    }

    .simple-page {
        padding: 40px 0;
    }

    .footer-btm-align {
        justify-content: center;
    }

    .login-right {
        padding: 36px 16px;
    }

    .login-card {
        margin: 0px auto 20px;
    }

    .footer {
        padding: 40px 0;
    }
}

@media (max-width:360px) {
    .cart-section {
        min-width: 100%;
    }

    .cart-items ul li .cart-item {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }
}

@media (max-width:575.998px) {
    .intro-sec-card {
    	padding: 60px 0;
    }

    .checkout-page .cart-items-first {
        border-radius: 10px;
        padding: 16px;
    }

    .checkout-page-right-card {
        background: var(--gray-bg);
        padding: 12px 12px 20px;
        border-radius: 10px;
    }
}