:root {
    --light-gray: #e6e6e3;
    --sooth-blue: #2196F3;
    --light-yellow: #FFF59D;
    --dark-red: #B71C1C;
}

/*#leftCol {
    width: 160px;
    transition: transform 0.3s ease;
}

    #leftCol.hidden {
        transform: translateX(-100%);
    }*/

/* Other existing styles... */

/* Responsive styles for phones */

#leftCol img {

    width:30%;
}
#Menu {
    text-align: center;
    font-size: small;
}

#leftCol h3, #LeftMenu1 H3, #LeftMenu2 H3, #leftMenu3 H3 {
    font-size: 12px;
}

#LeftMenu1 A, #LeftMenu2 A, #leftMenu3 A {
    font-size: small;
}

#searchResults P.tile {
    width: 35%;
    height: auto;
    margin: 0;
}
#searchResults p{
    width:35%;
    height:auto;
}

#searchResults img {
    width: 35%;
    height: auto;
}

#searchResults p.tile img.cartButton {
    width:20px;
    height:auto;
}


#pricingInfo {
    width: 100%;
    margin: 0;
}

.pageNav {
    font-size: small;
}

#TABS, #TABS A {
    font-size: small;
    padding: 2px;
}

#ProductDetail h5 {
    font-size: medium;
}

#mHeader {
    display: none;
}

/* New media query for larger screens */


@media (max-width: 600px) {

    #rightColumn {
        display: none;
    }

    #leftCol {
        width: 20%;
    }

    #searchResults {
        width: 90%;
    }

    #mHeader {
        display: inline;
        float: left;
    }
    #splashScreen{
        width:100%;
    }

    .toggleIcon {
        /* Initial icon style */
    }

    #leftCol.hidden .toggleIcon {
        /* Style for icon when leftCol is hidden */
        transform: rotate(180deg); /* Example rotation for visual change */
    }
}

@media (min-width: 661px) {
    #mHeader {
        display: none;
    }
}