@media screen and (min-width: 576px) {
    .dropdown .dropdown-menu {
        box-shadow: 2px 2px 5px rgba(0,0,0,.2);
        display: block;
        margin-top: 0px !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.5s;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }

    .mini {
        display: none;
    }

    .w-sm-auto {
        width: 100%;
    }
}


@media screen and (max-width: 576px) {
    .prd:not(:last-child),
    .topsell:not(:last-child) {
        margin-bottom: 1rem !important;
    }

    /*.productsTab .tabs,
    .productsTab .tab-content {
        display: none !important;
    }*/

    #myTabContent {
        display: block !important;
    }

    .mini {
        display: block;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-auto {
        width: auto;
    }

    
    .myTabs {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .myTabs>nav {
        max-width: 30%;
    }

        .myTabs > div {
            max-width: 70%;
        }

        .myTabs .nav-tabs {
            display: flex;
            flex-direction: column;
            border: 0;
        }

            .myTabs .nav-tabs .nav-link.active {
                border-radius: 0;
                border: 1px solid var(--bs-border-color);
                border-left: 0;
                border-top-right-radius: .325rem;
                border-bottom-right-radius: .325rem;
            }
            .myTabs .nav-tabs .nav-link:not(.active) {
                border-radius: 0;
                border-left: 1px solid var(--bs-border-color);
            }

            .myTabs .nav-tabs button:last-child {
                padding: 0;
                padding-top: .125rem;
                padding-bottom: .125rem;
            }
            
}

@media screen and (min-width: 620px) {
    .p-sm-2 {
        padding: 3rem !important;
    }
}

@media screen and (max-width: 620px) {
    .owl-prev {
        margin-right: 12px;
    }

    .owl-next {
        margin-left: 12px;
    }

    .filter-list {
        flex-direction: row;
        align-items: center;
    }

    .filter-list li {
        padding: 0;
        margin-left: 15px;
    }

    .mb-sm-2 {
        margin-bottom: 0.75rem;
    }

    .p-sm-2 {
        padding: 0.75rem !important;
    }

    #Login_Offcanvas {
        max-width: 80%;
    }

    #sliderCarousel .carousel-item img {
        max-width: 275px;
        margin-top: 5rem;
        margin-right: auto;
        margin-left: auto;
    }

    #sliderCarousel .carousel-item .h1 {
        font-size: calc(1.75rem + 0.5vw);
        /*font-weight: 800;*/
    }

    #cph {
        padding: 1.5rem !important;
    }
}

@media screen and (min-width:576px) and (max-width: 620px) {  
    
}

@media screen and (min-width:620px) and (max-width: 768px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .prd, .topsell {
        margin-bottom: 1rem !important;
    }
}