/*main responsive */
@media(min-width:1600px) and (max-width:1920px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 150px !important;
    }
}

@media(min-width:1400px) and (max-width:1600px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 80px !important;
    }
    
}

@media(min-width:1200px) and (max-width:1400px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 60px !important;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 40px !important;
    }
}

@media(min-width:576px) and (max-width:992px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 30px !important;
    }
}
@media(min-width:320px) and (max-width:576px) {
    .container{
        max-width: -webkit-fill-available !important;
        margin: 0 15px !important;
    }
    
}
@media(max-width:1200px) {
    .about_section .image {
        height: 100%;
        justify-content: space-between;
        align-items: start;
        gap: 11px;
    }

    .trusted_section::after {
        width: 67%;
        height: 100%;
        background-position: right;
        z-index: -1;
    }
}


@media(max-width:1024px) {
    .banner_item {
        height: 640px;
        flex-direction: column-reverse;
        align-items: center;
    }
    .banner_item .content {
        width: 100%;
        align-items: center;
        padding: 20px 0px 0px 0px;
    }
    #toggle{
        display: block;
    }
    .offer_box {
        height: 330px;
    }
    .Amount_details {
        width: 49% !important;
    }
}

@media(max-width:992px) {
    .about_section .image {
        justify-content: start;
        align-items: start;
        gap: 22px;
    }

    .lg_menu.nav_section .menu {
        display: none;
    }
    
    .lg_menu.nav_section .h_call {
        display: none;
    }
    .owl-nav button.owl-next {
        left: clamp(-1.7rem, -4.1vw, 0rem);
    }
    .owl-nav button.owl-prev {
        right: clamp(-1.7rem, -4.1vw, 0rem);
    }

    .banner_item .content h2 {
        font-size: clamp(3rem, 3vw, 4rem);
        text-align: center;
        line-height: clamp(3.6rem, 3vw, 4.5rem);
    }
    .banner_item .content h3 {
        font-size: clamp(2.4rem, 3vw, 2.8rem);
        line-height: clamp(3rem, 3vw, 3.2rem);
        margin-top: clamp(1.5rem, 1.8vw, 1.9rem);
    }
    .right_section .action_icon_list .dropdown {
        height: 4.1rem;
        width: 4.1rem;
        margin-right: 15px;
    }
    .right_section .action_icon_list li {
        font-size: 2rem;
    }
    .banner_item .content p {
        margin: clamp(1rem, 1vw, 1.2rem) 0px clamp(2rem, 2vw, 3.2rem);
        text-align: center;
    }


    .categorie_section .owl-nav button {
        top: 109%;
    }
    .categorie_section .owl-nav button.owl-next {
        left: 42%;
    }
    .categorie_section .owl-nav button.owl-prev {
        right: 42%;
    }


    .product_details_images .slider-for .slick-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .map {
        height: 340px;
    }
    .trusted_section::after{
        display: none;
    }


    .about_section.about_page .content {
        text-align: center;
        margin-bottom: 54px;
    }
    .about_section.about_page .image {
        justify-content: center;
        height: 400px;
    }
    
}

@media(max-width:768px) {
    .product_box .card-img-top {
        height: 235px;
    }
    .testimonial_section .owl-nav button {
        top: -22%;
    }
    .testimonial_section .owl-nav button.owl-next {
        left: auto;
        right: 12%;
    }
    .banner_item .content h2 {
        font-size: clamp(2.7rem, 2vw, 3rem);
        line-height: clamp(3.4rem, 2vw, 3.5rem);
    }
    .search_active .productSearchform {
        width: 160px;
    }

    .search_active .productSearchform {
        border-bottom: 1px solid #ced4da;
        border-top: .4px solid #cfcfcf;
        position: absolute;
        top: 79px;
        left: 0;
        width: 100%;
        padding: 7px 36px;
        background-color: #ffffff;
    }
    .search_active .productSearchform input.form-control {
        background: transparent;
        height: 40px;
    }
    .container:has(> .lg_menu.nav_section.search_active) {
        height: 134px;
    }

    .common_table.list_table .table>thead tr,
    .common_table.wishlist .table>thead tr {
        display: none;
    }
    .common_table.list_table th, 
    .common_table.list_table td,
    .common_table.wishlist th, 
    .common_table.wishlist td{
       padding: 0;
       border: transparent;
    }

    .common_table.list_table .table tr,
    .common_table.wishlist .table tr {
        display: flex;
        flex-direction: column;
        padding: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid black !important;
        position: relative;
    }
    .products h3 span.product_price {
        display: block;
    }
    .common_table.list_table .table tfoot tr {
        flex-direction: row;
        justify-content: space-between;
    }
    .common_table.list_table .table tr td:nth-child(3) {
        display: none;
    }
    
    .common_table.list_table .table tr td:nth-child(5) {
        font-size: 0px;
        padding: 0;
    }
    .common_table.list_table span.xmark_icon,
    .common_table.wishlist span.xmark_icon {
        position: absolute;
        top: 8%;
        right: 0rem;
        font-size: 1.3rem;
    }


    .order-tracking .is-complete {
        text-align: center;
    }

    .track-orders .order-tracking::before {
        width: 1px;
        right: 3.5%;
    }
    .order-tracking::before {
        height: 100%;
    }
    .order-tracking .is-complete {
        margin: 0;
        margin-left: auto;
    }
    .order-tracking .content {
        position: relative;
        top: -39px;
        margin-bottom: 14px;
    }

    .Amount_details {
        width: 58% !important;
    }
}


@media(max-width:576px) {
    .location {
        font-size: 14px;
    }
    .location i {
        margin-right: 6px;
        font-size: 15px;
    }
    .top_header .language {
        width: 61px !important;
        font-size: 16px;
        background-size: 16px;
    }

    .about_section .image {
        display: none;
    }
    .banner_section::before {
        transform: rotate(180deg);
        opacity: .7;
    }
    #toggle {
        width: 28px;
        height: 25px;
    }
    #toggle div {
        height: 4px;
    }
    #toggle.on .one {
        transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on .three {
        transform: rotate(-43deg) translate(6px, -7px);
    }
    .nav_section {
        height: 57px;
    }
    .right_section .action_icon_list li {
        font-size: 1.8rem;
        margin-right: 16px;
    }
    .right_section .action_icon_list .dropdown {
        height: 3.7rem;
        width: 3.7rem;
        margin-right: 10px;
        margin-left: 2px;
    }
    .right_section .action_icon_list li.bag span {
        left: 9px;
        height: 17px;
        width: 17px;
        border: .9px solid #FFFFFF;
        font-size: 9px;
        line-height: 24px;
    }
    .banner_section {
        height: auto;
    }
    .banner_item {
        height: 609px;
    }
    .banner_section .owl-dots {
        bottom: 12px;
    }
    .featured_product_section .section_head h2 {
        text-align: center;
    }
    .categorie_section .section_head h2 {
        text-align: center;
    }


    .facility_section .row div:last-child .facility_box {
        border-bottom: none;
    }
    .facility_box {
        padding: 40px 20px;
        border-bottom: 6px solid transparent;
        border-bottom: 2px solid #CCCCCC;
    }
    .facility_box:hover {
        border-bottom: 2px solid #00B207;
    }
    .facility_section .row::after{
        display: none;
    }
    .about_section .content h2 {
        font-size: clamp(2.5rem, 2.7vw, 4.4rem);
        text-align: center;
    }
    .product_box .card-img-top {
        height: 330px;
    }
    .testimonial_section .section_head h2 {
        text-align: center;
    }
    .testimonial_section .owl-nav button {
        top: 98%;
    }
    .testimonial_section .owl-nav button.owl-next {
        left: 38%;
        right: auto;
    }
    .testimonial_section .owl-nav button.owl-prev {
        right: 38%;
    }
    .common-btn2 {
        margin-top: 1rem;
    }
    .best_sell_product_section .section_head h2 {
        text-align: center;
    }
    .container:has(> .lg_menu.nav_section.search_active) {
        height: 112px;
    }

    .search_active .productSearchform {
        top: 58px;
    }
    .product_details_images .slider-nav{
        display: none;
    }
    .product_details_images {
        height: fit-content;
    }
    .slick-dotted.slick-slider {
        height: fit-content;
        margin-bottom: 24px;
    }
    .slide-container {
        height: 400px;
    }


    .about_section.about_page .content {
        margin-bottom: 0;
    }
    .shopside_bar{
       height: 0px;
    }
    .shopside_bar.show_side_bar{
        height: fit-content;
        margin-bottom: 20px;
    }
    .filter_btn.common-btn{
        display: none;
    }

    .filter_btn.common-btn.moble_filter{
        display: block;
    }
    button.common-btn.filter_btn.moble_filter {
        border-radius: 22px;
        padding: 10px 20px;
    }


    .trusted_list .trusted_box {
        align-items: center;
        flex-direction: column;
        margin-bottom: 23px;
        justify-content: center;
    }
    .trusted_list .trusted_box .content {
        margin-left: 0;
        align-items: center;
        margin-top: 10px;
    }

    .Amount_details {
        width: 82% !important;
    }
    .track-orders .order-tracking::before {
        right: 2rem;
    }
    .order-tracking .is-complete {
        height: clamp(2.6rem, 2.2vw, 3rem);
        width: clamp(2.6rem, 2.2vw, 3rem);
        font-size: clamp(1.4rem, 1vw, 1.7rem);
    }
}

@media(max-width:480px) {
    .location {
        font-size: 1.2rem;
    }
    .location i {
        margin-right: 5px;
        font-size: 13px;
    }
    .top_header .language {
        width: 5.5rem !important;
        font-size: 1.4rem;
        background-size: 1.5rem;
    }
    .banner_section .owl-carousel .owl-item .banner_item .image img {
        width: 100%;
        height: auto;
    }
    .right_section .action_icon_list li {
        font-size: 1.7rem;
        margin-right: 13px;
    }

    .categorie_section .owl-nav button.owl-next {
        left: 37%;
    }
    .categorie_section .owl-nav button.owl-prev {
        right: 37%;
    }
    .categorie_item {
        padding: 11px;
    }
    .categorie_item h3 {
        font-size: 17px;
        line-height: 22px;
        margin-top: 17px;
    }
    .categorie_item h6 {
        font-size: 14px;
        line-height: 18px;
    }
    .categorie_item .image {
        width: 69px;
    }
    .product_box .card-img-top {
        height: 240px;
    }
    .right_section .auth_link a.common-btn4 {
        padding: clamp(.2rem, 1vw, .6rem) clamp(.4rem, 1vw, 1.8rem);
        font-size: clamp(1.3rem, 1vw, 1.6rem);
    }
    .bottom_header .container{
        padding: 0;
    }
    .action_icon_list {
        margin-left: auto;
    }
    #toggle {
        width: 25px;
        height: 24px;
    }
    .location {
        line-height: 15.6px;
    }

    .detail_cart.common_det .common-btn i {
        display: none;
    }
    .tab_main .tab_item {
        display: block;
    }


    .common_table.list_table .table tfoot tr {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .trusted_list .trusted_box {
        width: 100%;
    }

    .Amount_details {
        width: 98% !important;
    }
}