@media only screen and (max-width: 600px) {

        .topCompanyName,
        .siteName {
            display: none;
        }

        .outerInput {
            margin-left: 5px;
        }

        .product .bottom .title .note {
            height: 14px;
        }

        .popupSelection {
            width: 22em;
            height: 88%;
            margin-top: 14%;
            box-shadow: #8b8a8a 0px 1px 9px 2px;
        }

        .outerInput {
            margin-top: 0px;
        }

        .btnSearch {
            margin-top: 0px;
        }

        .TopHeaderContainer {
            padding: 5px;
            padding-bottom: 0;
        }

        .productContainer {
            width: 100%;
        }
    }

    @media only screen and (max-width: 900px) {
        .leftContainer {
            width: 0px;
            position: absolute;
            background-color: #fff;
            z-index: 2;
            box-shadow: #ccc 0px 0px 6px 0px;
            height: 100%;
            top: 0px;
        }

        .rightContainer {
            width: 100%;
        }

        .product .top .image {
            height: 110px;
            width: 180px;
        }

        .product .top .image img {
            height: 119px;
        }

        .forEachProducts .product {
            width: 180px;
        }

        .outerInput {
            margin-left: 0px;
        }

        .bgPopup {
            backdrop-filter: unset !important;
        }
    }

    @media only screen and (max-width: 400px) {
        .product .top .image img {
            height: 85px;
        }

        .forEachProducts .product {
            width: 160px;
        }

        .product .top .image {
            height: 85px;
            width: 160px;
        }


    }