/* HEADER START */
@media screen and (max-width: 991px){
    header .header-top,
    header .navbar{
        display: none;    
    }
}
/* NAVBAR START */
@media screen and (max-width: 991px){
    nav .navbar{
        display: none;
    }
}
@media screen and (min-width: 992px){
    nav .hambur-icon{
        display: none;
    }
}
/* NAVBAR END */
/* MOBILE MENU START */
@media (max-width: 991.98px) {

            .header-top,
            #sticky-nav {
                display: none !important;
            }

            .mobile-header {
                display: flex !important;
            }

            .mobile-nav {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 93%;
                max-width: 340px;
                height: 100%;
                background: #fff;
                box-shadow: 2px 0 16px rgba(0, 0, 0, 0.12);
                z-index: 2000;
                overflow-y: auto;
                transform: translateX(-100%);
                transition: transform 0.3s cubic-bezier(.4, 2, .6, 1);
                border-radius: 0 16px 16px 0;
            }

            .mobile-nav.active {
                display: block;
                transform: translateX(0);
            }

            .mobile-nav-close {
                float: right;
                margin: 16px 16px 0 0;
                background: none;
                border: none;
                color: #c0392b;
                font-size: 2rem;
            }

            .mobile-nav ul {
                list-style: none;
                padding: 32px 0 16px 0;
                margin: 0;
                display: flex;
                flex-direction: column;
                gap: 0;
            }

            .mobile-nav ul li {
                margin-bottom: 0;
                position: relative;
                width: 100%;
            }

            .mobile-nav ul li a,
            .mobile-nav ul li .isparent {
                color: #222;
                text-decoration: none;
                font-size: 1.08rem;
                font-weight: 500;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 14px 5px 14px 5px;
                border-bottom: 1px solid #f2f2f2;
                background: none;
                transition: background 0.2s, color 0.2s;
                border-radius: 0 24px 24px 0;
            }

            .mobile-nav ul li a:hover,
            .mobile-nav ul li .isparent:hover {
                background: #f8f8f8;
                color: #c0392b;
            }

            .mobile-nav ul li .isparent {
                cursor: pointer;
                user-select: none;
                position: relative;
                font-weight: 600;
            }

            .mobile-nav .submenu-toggle {
                margin-left: 12px;
                font-size: 1.2rem;
                color: #c0392b;
                cursor: pointer;
                transition: transform 0.2s;
            }

            .mobile-nav .submenu-toggle i.fa-angle-up {
                transform: rotate(180deg);
            }

            .mobile-nav .mobile-submenu {
                display: none;
                flex-direction: column;
                padding-left: 0;
                background: #faf9f7;
                border-left: none;
                animation: fadeInDown 0.3s;
            }

            .mobile-nav .mobile-submenu.active {
                display: flex;
            }

            .mobile-nav .mobile-submenu>li>.isparent,
            .mobile-nav .mobile-submenu>li>a {
                padding-left: 0px;
                background: none;
                border-bottom: 1px solid #f4f4f4;
            }

            .mobile-nav .mobile-submenu .mobile-submenu>li>.isparent,
            .mobile-nav .mobile-submenu .mobile-submenu>li>a {
                padding-left: 0px;
            }

            @keyframes fadeInDown {
                from {
                    opacity: 0;
                    transform: translateY(-10px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .mobile-nav-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.25);
                z-index: 1500;
            }

            .mobile-nav-overlay.active {
                display: block;
            }
        }

        @media (min-width: 992px) {

            .mobile-header,
            .mobile-nav,
            .mobile-nav-overlay {
                display: none !important;
            }
        }
/* MOBILE MENU END */

/* HEADER END */
/* =============================================== */


/* BANNER START */
@media screen and (min-width: 768px) and (max-width: 991px){
    .banner{
        padding: 0 10px;
    }
    .banner .banner-img {
    height: 300px;
    }
.banner .banner-text h2{
    font-size: 2.5rem;
    }
.banner .banner-text h4{
    font-size: 1.4rem;
    }
}
/* BANNER END */
/* =============================================== */


/* BANNER UNDER START */
@media screen and (max-width: 767px) {
    .bannerun .bannerun-wrapbd{
    border-right: none;
    border-left: none;
    border-top: 1px dotted gray;
    border-bottom: 1px dotted gray;
    }
    .bannerun .bannerun-wrapbd1{
    border-right: none;
    border-bottom: 1px dotted gray;
    }    
}
/* BANNER UNDER END */
/* =============================================== */

/* PRODUCT PLACEMENT START */
/* MID SIZE SCREEN */
@media screen and (min-width: 768px) and (max-width: 991px){
.product .product-wrap{
    height: 400px;
}
.product .product-wrap1{
    background-image: url("../img/product2.jpg");
    height: 190px;
}
.product .product-wrap2{
    background-image: url("../img/product3.jpg");
    height: 190px;
}
.product h5 a{
    font-size: 2rem;
    font-weight: bold;
}
.product p a{
    font-weight: bold;
    font-size: 0.9rem;
}
}

/* SMALL SCREEN */
@media screen and (min-width: 576px) and (max-width: 767px){
.product .product-wrap{
    height: 300px;
}
.product .product-wrap1{
    background-image: url("../img/product2.jpg");
    height: 300px;
}
.product .product-wrap2{
    background-image: url("../img/product3.jpg");
    height: 300px;
}
.product h5 a{
    font-size: 2rem;
    font-weight: bold;
}
.product p a{
    font-weight: bold;
    font-size: 0.9rem;
}
}

/* EXTRA SMALL SCREEN */
@media screen and (max-width: 575px){
.product .product-wrap{
    height: 300px;
}
.product .product-wrap1{
    background-image: url("../img/product2.jpg");
    height: 300px;
}
.product .product-wrap2{
    background-image: url("../img/product3.jpg");
    height: 300px;
}
.product h5 a{
    font-size: 2rem;
    font-weight: bold;
}
.product p a{
    font-weight: bold;
    font-size: 0.9rem;
}
}
/* PRODUCT PLACEMENT END */
/* =============================================== */


/* CARAOUSEL START */
@media (max-width: 1200px) {
  .carousel-item-custom {
    width: 20%;
  }
}
@media (max-width: 992px) {
  .carousel-item-custom {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .carousel-item-custom {
    width: 33.33333%;
  }
}

@media (max-width: 576px) {
  .carousel-item-custom {
    width: 100%;
  }
  .carousel-custom .custom-imgc{
    height: 200px;
}
.carousel-custom .custom-img{
    height: 150px;
    object-fit: fill;
}
}
/* CAROUSEL END */
/* =============================================== */


/* PRODUCT START */
@media (min-width: 768px) and (max-width: 991px){
    .category .card-box{
        display: block;
    }
    .category .card-box img{
        margin-bottom: 20px;
        width: 100%;
    }
}
/* PRODUCT END */
/* =============================================== */


/* ABOUT US START */
@media (max-width: 991px){
    .about .abt-wrap{
    padding: 0;
    }
}
/* ABOUT US END */
/* ================================================= */


/* CONTACT US START */
@media (max-width: 991px){
    .contact .con-wrap{
    padding: 0;
    }
}
/* CONTACT US END */
/* ================================================= */