@media screen and (max-width: 600px) {
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .MenuBg {
        display: none;
    }

    #body-overlay {
        width: 100vw;
        height: 100vh;
        display: none;
        position: fixed;
        z-index: 1021 !important;
        top: 0;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5);
    }


    .bottom-box h5 {
        font-size: 1rem !important;
    }

    .menu-open #body-overlay {
        display: block;
    }

    .menu-open .real-menu {
        left: 0;
    }

    .SideMenu {
        display: block;
    }

    .search-box {
        margin-bottom: 13%;
    }

    .menu-left-items {
        margin-bottom: 2%;
    }

    .slides .small-banner {
        margin-top: 3%;
    }

    .igrid {
        padding-top: 3% !important;
    }

    .procat h5 {
        font-size: 18px;
    }

    .real-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -300px;
        z-index: 9999;
        width: 300px;
        height: 100%;
        padding: 0.5rem 0 0.5rem 0;
        box-shadow: 0 6px 12px rgba(107, 82, 82, 0.3);
        background-color: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: ease 0.2s all;
        /*display:none;*/
    }

    .mobile-nav {
        display: block !important;
        width: 100%;
        margin: 0;
        overflow-x: hidden;
        padding:15px 0;
    }

        .mobile-nav .child-collapse {
            margin-top: 1%;
            margin-right: 0;
        }

    .fixed-bottom {
        display: flex !important;
        overflow: hidden;
        z-index: 9 !important;
    }

    .bottom-nav .bi {
        font-size: 23px !important;
    }

    .bottom-nav div {
        font-size: 12px !important;
    }

    .bottom-nav .badge {
        margin-top: -3%;
        position: absolute;
    }

 

    .back-to-top {
        display: none !important;
    }

    main {
        z-index: -1;
    }

    .slides {
        margin-top: 0rem;
    }

    .blog_section {
        height: 100%;
        padding-bottom: 8% !important;
    }

        .blog_section .blog_content .blog_image {
            height: 200px !important;
        }

            .blog_section .blog_content .blog_image img {
                height: 170px !important;
            }

    .carousel-cell {
        width: 200px;
        height: 330px !important;
        overflow: hidden;
    }

    .color-section-desktop {
        display: none;
    }

    .color-section-mobile {
        display: block !important;
    }


    .slides .carousel-control-prev, .slides .carousel-control-next {
        top: 35% !important;
    }

    .igrid .lazy {
        max-height: 250px !important;
    }
}