@media (min-width: 991px) and (max-width: 1200px) {
    nav.nav-main ul a{font-size: 16px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding-left: 10px !important; padding-right: 10px !important;}
    nav.navbar-auth ul li.active a::after{bottom: -20px}
}

@media (max-width: 991px)
{
    nav.navbar{background-repeat: no-repeat;}
    nav .navbar-collapse{background: #fff; z-index: 999;}
    nav .navbar-nav{margin: 20px 15px !important;}
    nav.nav-main ul a:not(li.active a){padding: 0 !important;margin-top: 20px;}
    nav.nav-main ul li.active a{margin-bottom: 20px;margin-top: 20px;}
    nav.nav-main .sign-btn{margin: 0 20px 20px !important;}
    nav .auth-dropdown .dropdown-menu[data-bs-popper]{right: auto;left: 0; padding: 0 10px;}
    .navbar-collapse {box-shadow: 0 2px 4px #bbbbbb}

    .navbar-auth{z-index: 1;}
    .auth-close {margin: 0 0 70px -15px;}
    nav.nav-main ul a.dropdown-item:not(li.active a) {padding: 6px !important;}
    .dropdown-toggle{display: flex !important; margin: 0 8px 0 !important;}
    .auth-dropdown .dropdown-menu[data-bs-popper] {
        transform:scale(-1, 1);
        top: -20px;
        padding: 0px 4px 25px 20px !important;
        background-size: 110% 100%;
        position: relative;
        width: max-content;
    }
    .auth-dropdown .dropdown-menu[data-bs-popper] .content{transform: scale(-1, 1);contain: inline-size;}

    .market_page .product .img {width: 200px;height: 200px;border:0;}
    .market_page .product .info { margin-top: 30px};
    .market_page .product .info h5{font-size: 30px !important;}
    .market_page .info .desc{font-size: 20px !important;}
    .market_page .cart-parent{padding: 0;}

    .market_page .cart-parent .cart.visible {display: block; }
    .market_page .cart-parent .cart{
        display: none;
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 0;
        overflow-y: auto;
        border-top: 1px solid #ddd;
        background: linear-gradient(214.38deg, #2D4FA9 1.85%, #3678C6 35.29%, #4084CD 79.88%, #2D4FA9 94.34%) !important;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
    }
    .market_page .cart-parent .auth-dropdown{display: none !important;}
    .market_page .product-cart .title {font-size: 24px !important;}

    /* home page */
    .intro-sec {height: auto;}
    /* .intro-sec .intro-text {margin-top:100px;} */
    .intro-sec .intro-text {
        height: 240px;
        filter: drop-shadow(2px 4px 6px black);
    }
    .intro-sec .intro-text img{height: 180px;margin-top:-100px;}
    .intro-sec .intro-btn{margin: 0;}
    .intro-sec .intro-text {
        height: 110px;
        filter: drop-shadow(2px 4px 6px black);
    }

    .about-sec .text-right {
        top: 80px;
        right: 0;
        font-size: 30px;
        width: 50%;
        padding: 0 36px;
    }
    .about-sec .text-left {
        bottom: 170px;
        left: 0;
        font-size: 30px;
        width: 50%;
        padding: 0 36px;
    }

    .service-sec .service-header {
        height: 500px;
        width: 400px;
        left: 0;
        border-top-right-radius: 500px;
        border-bottom-right-radius: 500px;
    }
    .service-sec .service-header-insider{
        height: 400px;
        width: 340px;
        left: 0;
        border-top-right-radius: 400px;
        border-bottom-right-radius: 400px;
    }
    .service-sec .service-title {
        font-family: Quicksand, 'sans-serif';
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 0 60px;
    }
    .service-sec .service-circle{width:140px;height: 140px;}
    .service-sec .service-circle-insider {height: 100px;width: 100px;}
    .service-sec .service-circle img {width: 70px;}
    .service-sec .service-circle {top: 0;}
    .service-sec .service-circle.circle2 {top: 180px;}
    .service-sec .service-circle.circle3 {bottom: 0;right: 50px;}
    .service-sec .service-content {margin-top: -30px;}
    .service-sec .service-content .title { font-size: 25px;}
    .service-sec .service-content .content {
        font-size: 16px;
        width: 90%;
        line-height: 18px;
        margin-bottom: 70px;
    }
    .service-sec .service-content .sec-content{margin: 0;}

    .board-sec .board-circle{margin: 10px 0 !important;}

}

@media (min-width: 992px){
    .market_place nav{background: transparent !important;}
}

@media( max-width: 767px){
    nav.nav-main{background:#fff !important;}
    .navbar-auth .img-cart {filter: brightness(0.5);}
    .auth-form-section .img ,
    .auth-form-section .overlay
    {border-radius: 20px 20px 0 0;}

    .auth-form-section .login-wrap ,
    .auth-form-section.loginForm .login-wrap {border-radius: 0 0 20px 20px;}

    .loginForm .wrap{display: grid;}
    .loginForm .login-wrap{order: 2;}
    .loginForm .img{order: 1;}

    .intro-sec .intro-text img { height: 120px; }

    .about-sec .text-right {
        top: 57px;
        right: 0;
        font-size: 20px;
        width: 50%;
        padding: 0 10px;
    }
    .about-sec .text-left {
        bottom: 70px;
        left: 0;
        font-size: 25px;
        width: 50%;
        padding: 0 36px;
    }

    .products-sec .product-img img{width: 70%;}
    .products-sec .product-info .title{font-size: 30px;margin: 70px 0px 15px 0 !important;}
    .products-sec .product-info ul li span {width: 8px;height: 8px}
    .products-sec .product-img {
        padding: 0 0;
        background-size: contain;
        justify-content: center !important;
        margin-top: 40px;
    }


    .footer .social-links{border-right:0px}
    .footer .address{
        justify-content: end !important;
        padding: 15px 0 !important;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    
    .account_page {margin-left:0 !important;margin-right: 0 !important;}
    .account_page .title_page {margin-left: 20px;}
    .account_page .account .img { height: 150px; width: 150px; }
    .account_page .account .img img {width: 60px;}
    .account_page .cart .product {width: 120px;height: 140px;}
    .account_page .shipping-address{margin: 0 13px;}

    .intro-sec .intro-btn{font-size: 16px;}
    .about-sec .text-right { top: 30px; font-size: 16px;}

    .about-sec .text-left {
        bottom: 30px;
        left: 0;
        font-size: 16px;
        width: 50%;
        padding: 0 20px;
    }

    .board-sec .board-circle {height: 150px; width:150px;}
    .board-sec .board-circle-insider { height: 100px; width:100px;}
}