/* Desktop Hover */
    @media (min-width: 992px) {
        .dropMenu:hover .drop-down {
            display: block;
        }
        .dropMenu:hover svg{
           transform: rotate(180deg);
        }
    }

    /* Mobile Show on toggle */
    @media (max-width: 991.98px) {
        .dropMenu.show-dropdown .drop-down {
            display: block;
        }
    }

@media (max-width:992px) {
    
    .dropdown-toggle-icon {
        width: 100%;
       justify-content: end;
    }
    
    .dropMenu.show-dropdown .drop-down {
        display: block !important;
    }
    
    .main-menu {
        flex-direction:column;
    }
    
    #header .toggle {
        display: block !important;
    }

    .mobileLogoButton {
        display: flex !important;
    }

    #header .logo img {
        width: 80px;
    }

    #footer .ft-logo img {
        width: 170px;
    }

    #header .header-bottom {
        padding: 10px 0px;
    }

    .services-page {
        margin-top: 25px !important;
        font-size: 13px;
    }

    #header .header-bottom .nav-link {
        padding: 30px 20px;
        width: 100%;
        position: fixed;
        background-color: #f5f5f5;
        flex-direction: column;
        top: 0;
        right: 0;
        z-index: 999;
        height: 100vh;
        max-width: 350px;
        align-items: stretch !important;
        gap: 0 !important;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(100%);
        transition: transform cubic-bezier(.51, .92, .24, 1.15) 1s;
    }

    #header .header-bottom .nav-linkContainer.show .nav-link {
        transform: translateX(0);
    }

    #header .header-bottom .nav-link li a {
        padding: 5px;
        display: block;
    }

    header .header-bottom .nav-link li {
        padding: 0 !important;
    }

    #header .header-bottom .dropMenu:hover .drop-down {
        position: static !important;
    }

    #header .header-bottom .mobile-icon img {
        width: 35px;
    }

    #header .header-bottom .nav-link li a {
        color: var(--color-5) !important;
        flex-shrink: 0;
    }

    #header .header-bottom .nav-link li .drop-down li a {
        color: var(--color-11) !important;
    }

    #header .header-bottom .nav-link li:not(:last-child) {
        border-bottom: 1px solid #cecaca;
    }

    #header .header-bottom .drop-down {
        width: 100%;
        background-color: var(--color-9);
        box-shadow: none;
    }
    .menu-list {
    padding: 10px 0px !important;
}
.drop-down {
    /*padding: 10px 0px !important;*/
    border-left:none !important ;
    border-right:none !important ;
    border-bottom:none !important ;
}
    #header .header-bottom .drop-down li a {
        padding: 12px 8px;
        display: block;
    }

#header .header-bottom .nav-link .dropMenu .drop-down li:hover::before {
    opacity: 0 !important;
}
    .mobileLogoButton .closeMenuBtn {
        width: 40px;
        height: 40px;
        box-shadow: 0px 0px 5px rgb(96, 94, 94);
    }

    #header .header-bottom .nav-link li:hover .drop-down {
        transform: none;
    }


    .mobileLogoButton .mobile-logo img {
        width: 70px;
    }

    /* ------------------------ */

    #header .header-top .links a:not(:last-child) {
        margin-right: 7px !important;
        padding-right: 7px !important;
    }

    /* ---------------------------------- */

    #header .header-bottom .nav-link .dropMenu .menu-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #slider .banner-slider .slide-item {
        height: 80vh;

    }

    #categories .categories-itemBox {
        height: 400px;
    }

    #categories .categories-itemBox2 {

        height: 240px;

    }

    #productCart .cartDetails .cart-product-col {
        margin-bottom: 0 !important;
    }

    .my-order-mainBox .myOrder-titleimgBox {
        flex-direction: column;
    }
        .modal-dialog {
        padding: 0px;
    }
    #testimonials .testimonialsMainBox {
    padding:10px !important;

}
}

@media (max-width:768px) {
    #header .header-middle-details {
        justify-content: center !important;
    }

    #slider .banner-slider .slide-item {
        height: 70vh;

    }

    #slider .banner-slider .text-content h1 {
        font-size: 30px;


    }

    #slider .banner-slider .text-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #categories .categories-btn {
        bottom: 20px;
    }

    .productMain-box .productBox {
        height: 250px;

    }

    .productMain-box .product-eCommerce-icon {
        gap: 6px;
        top: 1ch;
        left: 10px;
    }

    .productMain-box .bi {
        font-size: 14px;
    }

    .productMain-box .product-iconBox {
        height: 30px;
        width: 30px;

    }

    .productMain-box .quick-buttons {
        bottom: 10px;
    }
 .product-title  {
        font-size:16px !important;
    }
    p{
         font-size:14px !important;
    }
    .productMain-box .quick-buttons button {

        width: 120px;
        padding: 5px 10px;
    }
        .productMain-box .porduct-contentBox h4 {
        font-size: 14px;
    }

    #megasaleSection .megaSaleBox .overlay {

        padding: 20px;

    }

    #megasaleSection .megaSaleBox .content h4 {
        font-size: 30px;
    }

    #megasaleSection .megaSaleBox {
        height: 300px;

    }

    #bgimage-section {
        height: 350px;
    }

    #bgimage-section .content h4 {
        font-size: 25px;
    }

    #product-banner .product-content .product-title {
        font-size: 20px;
    }

    .actionButtons {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .actionButtons .action-add-to-cart {
        margin-bottom: 0 !important;
    }

    #productCart .cartDetails .cart-product-col {
        margin-bottom: 15px !important;
    }
#product-banner .product-content {
    margin-top: 35px;
}




@media (max-width:576px) {
    .section-title {
        font-size: 22px;
    }

    #slider .banner-slider .slide-item {
        height: 60vh;

    }

    #slider .banner-slider .text-content h1 {
        font-size: 25px;

    }

    #categories .categories-itemBox {
        height: 300px;
    }

    #categories .categories-itemBox2 {

        height: 200px;

    }

    #categories .themeButton {
        padding: 10px 18px;

        font-size: 12px;
    }

    .add-and-buynow-btn {
        flex-direction: column;
        align-items: start !important;
        gap: 15px !important;
    }

    #productCart .cartDetails .cart-product-col {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #productCart .cartproduct-quantityBox .quantity-control {
        width: 100px;
    }
        .productMain-box .productBox {
        height: 160px;
    }
    
.productMain-box .productBox .product-imgBox img {
   
    height: 130px;
}

    .checkout-box {
        flex-direction: column-reverse;
        margin-top: 15px !important;
    }

    .checkout-box .proceed-to-checkout-btn {
        width: 100%;
        text-align: center;
    }

    .my-order-mainBox .item_title,
    .item_del {
        font-size: 12px;
    }

    .my-order-mainBox .item_det {
        font-size: 12px;
    }

}