﻿@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;
    }

    .topsell img {
        min-height: 300px;
    }

    #modal_image {
        min-height: 200px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .justify-content-sm-center {
        justify-content: center !important;
        text-align: center !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;
    }

    .topsell img {
        min-height: 320px;
    }

    #modal_image {
        min-height: 200px;
        margin-top: auto;
        margin-bottom: auto;
    }
}