@media (max-width:991px) {

    .about-background,
    .video-background,
    .contact-background {
        background-size: 50% 100% !important;
    }

    .shipping::after {
        width: 60px !important;
    }
}

@media (min-width:768px) {
    .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

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

@media (max-width:767px) {

    p.fs-5,
    a.fs-5,
    i.fs-5 {
        font-size: 18px !important;
    }

    img {
        width: 100%;
    }

    .nav-link button {
        font-size: 16px !important;
    }

    .logo {
        width: 50px !important;
    }

    .navbar {
        background: var(--nav-theme) !important;
        padding: 0 !important;
    }

    .main-header.scrolled {
        padding: 5px 0 !important;
    }

    /* hero */
    .hero-section .carousel-item,
    .slide-1,
    .slide-2,
    .slide-3 {
        min-height: 600px !important;
    }

    .theme-btn {
        padding: 11px 17px !important;
    }

    .login-btn {
        padding: 4px 8px 6px !important;
    }

    .fancybox__content, .fancybox__content img {
        width: 300px !important;
        height: 300px !important;
    }

    .counter-box::after {
        width: 1px !important;
        height: 30px !important;
        top: inherit !important;
        bottom: -38px !important;
        right: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* about page */
    .about-background,
    .video-background,
    .contact-background {
        background: none !important;
    }

    .top-btn {
        padding: 5px 10px !important;
    }
}