@media only screen and (min-width:992px){
    .container-fluid{
        --bs-gutter-x: 6rem !important;
    }
    .adj-p{
        max-width: 250px;
    }
    .similar-products .container{
        width: calc(100% - 400px);
    }
    .payment-opt-select .accordion-body{
        padding-left: 40px !important;
    }
    .about-banner h1{
        font-size: 6rem;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width:991px){
    .banner-content-about {
        padding: 2rem;
    }
    .about-banner h1{
        font-size: 3rem;
        margin-bottom: 50px;
    }
    footer .container-1{
        padding: 0px 40px !important;
    }
    .nav-options-d{
        margin-right: 0px !important;
    }
    .nav-options-d{
        margin-left: 0px !important;
    }
    .custom-search{
        width: auto !important;
    }
    .explore-btn {
        padding: 7px 16px;
        font-size: 12px;
    }
    #bannerCarousel .carousel-indicators{
        display: none !important;
    }
    .action-btn{
        font-size: 11px;
    }
    .custom-pagination a {
        font-size: 11px;
        margin: 0px 4px !important;
        padding: 4px 6px !important;
    }
    .cart-total-box {
        max-width: 100% !important;
        width: 100%;
    }
    .checkout-forms{
        padding: 20px !important;
        padding-top: 50px !important;
    }
    .prof-det-edit-area{
        max-width: 100% !important;
    }
    .category-popup{
        display: none;
    }
    .user-options ~ ul{
        position: absolute !important;
    }
    .us-action-area{
        width: 100%;
        background: #e4e4e4;
        padding: 4px;
        margin-bottom: 10px;
    }
}
 @media only screen and (max-width:576px){
    footer ul li {
        margin-bottom: 10px;
    }
    .product-listing .nav-pills .nav-link {
        font-size: 11px;
        padding: 7px 21px;
        margin: 5px 12px;
    }
    .na-bx .btn-custom {
        margin-top: 5px;
        font-size: 11px;
        padding: 13px;
    }
    .na-bx{
        min-width: 150px !important;
    }
    .product-box .price .original{
        white-space: nowrap;
        display: block;
        margin-left: 0px !important;
    }
    .lc-tag {
        padding: 5px 8px;
        font-size: 8px;
        left: 7px;
        top: 7px;
    }
    .product-box .price {
        font-size: 15px;
    }
    .prt-2 p{
        font-size: 10px;
    }
    .cart-box img{
        width: 80px;
        height: 80px;
        margin-right: 12px !important;
    }
    .profile-title-area{
        display: block;
        padding: 10px !important;
    }
    .disp-loyalty-points{
        margin-top: 20px;
        padding: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #0000006b;
    }
    .user-credt-box {
        padding: 25px;
    }
}
@media only screen and (max-width:653px){
    .custom-search{
        max-width: 100%;
        margin-top: 10px;
        width: 100% !important;
    }
    .nav-options-d {
        min-width: 108px;
        justify-content: space-around;
        margin-left: 10px;
        top: 18px;
        position: absolute;
        right: 152px;
    }
    .set-3{   
        position: absolute;
        right: 0;
        top: 27px;
    }
    .scrolled-nav .nav-options-d{
        top: 14px !important;
    }
    .scrolled-nav .set-3{
        top: 15px !important;
    }
    .logo{
        width: 55px;
    }
    .nv-options img {
        height: 20px;
    }
    .country-list{
        width: 39px;
        min-width: 130px;
        font-size: 11px;
    }

    .filter-area{
        position: fixed;
        z-index: 10;
        background: #fff;
        padding: 30px 15px;
        width: 100%;
        max-width: 300px;
        top: 0;
        left: -400px;
        height: 100%;
        box-shadow: 1px 1px 20px black;
        transition: 0.5s;
    }
    .filter-area.show{
        left: 0 !important;
    }
    .filter-button{
        display: flex !important;
        border: 1px solid #c8c8c8 !important;
        font-size: 12px;
        height: 38px;
        align-items: center;
        background: #e7e7e7;
    }
    .breadcrumb{
        padding: 10px;
        font-size: 12px;
    }
    .breadcrumb a{
        margin: 0px !important;
    }

 }

 @media only screen and (max-width:767px){
    .mini-gallery .tab-pane img {
        height: 300px;
        width: auto;
        margin: auto;
        display: block;
        object-fit: cover;
    }
    .mini-gallery .tab-pic {
        min-width: 60px;
        max-width: 60px !important;
        height: 60px !important;
    }
    .product-detail  h2{
        font-size: 20px;
        margin-right: 14px;
        font-weight: 700 !important;
    }
    .payment-opt-select {
        padding: 0px;
    }
    .step-circle label {
        font-size: 12px !important;
    }
    .order-det-sum .feat-list{
        border: none !important;
    }
    .categories-home .category-popup-box{
        font-size: 13px !important;
    }
 }

 @media only screen and (min-width:900px){
    .similar-products .owl-dots{
        display: none;
    }
 }

 @media only screen and (max-width:1200px){
    .order-det-sum{
        padding: 10px;
        background-color: #ffff !important;
        margin-bottom: 10px;
    }
    .n-cart-total{
        max-width: 100%;
        width:100% !important;
        margin-top: 30px;
    }
 }


 @media only screen and (max-width:767px){
    .new-cart-box{
        display: inline-flex;
        flex-flow: wrap;
        gap: 15px 0px;
        background-color: #fff;
        border: 1px solid #0000003b;
        padding: 6px;
        align-items: end;
    }
    .prd-int{
        width: calc(100% - 119px);
    }
    .new-cart-box .box-title{
        width: auto !important;
        padding: 5px 0px;
        background-color: #ffffff;
        font-size: 12px;
        color: #000;
        margin-bottom: 7px;
        min-height: 0px;
    }
    .price-int,.stotal-int{
        width: calc(50% - 40px);
        text-align: start !important;
    }
    .remove-n-item{
        font-size: 13px;
        background: #dc3545;
        color: #fff !important;
        padding: 6px;
        text-decoration: none !important;
        border-radius: 2px;
    }
    .remove-n-item b{
        display: inline !important;
        margin-right: 3px;
    }
    .cart-list .new-cart-box .prd-int .box-title{
        display: none !important;
    }
    .price-int .box-title,.stotal-int .box-title{
        margin-bottom: 0px !important;
    }
    .new-cart-box .box-title{
        display: inline !important;
    }
 }

 @media only screen and (max-width:576px){
    .prd-int{
        width: 100% !important;
        background: #f6f6f6;
        padding: 9px;
    }
    .n-features-list span {
        font-size: 10px;
        background: #fff !important;
        border: 1px solid #ebebeb;
    }
    .crt-component.qty-int{
        display: flex;
        width: 100%;
        /* padding-left: 75px; */
        gap: 10px;
    }
    .count-control{
        margin: 0px !important;
    }
    .paymnt-logos img {
        width: 40px;
    }
 }
 @media only screen and (max-width:480px){
    .price-int .box-title,.stotal-int .box-title{
        display: block !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
 }

 @media only screen and (max-width:991px){
    .language-select .lang-pick-custom,.language-select .lang-dropdown{
        width: 100%;
        border: 1px solid #cfcfcf;
    }
    .paymnt-logos img{
        max-width: 40px;
    }
    footer ul li{
        margin-bottom: 10px !important;
    }
    .footer-header{
        margin-bottom: 15px !important;
    }
 }

/* ---- ARABIC CSS ~ STARTS --- */
 @media only screen and (max-width: 653px) {
    .ar_body .set-3 {
        position: absolute;
       left: 0;
        top: 27px;
        right: auto;
    }
}