@-ms-viewport {
    width: device-width;
}

@media (min-width: 1281px) and (max-width: 1439px) {

}

@media (min-width: 1024px) and (max-width: 1280px) {
    .header-actions{
        display: none;
    }
    .search-input{
        width: 70%;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .header-actions{
        display: none;
    }
    .search-input{
        width: 70%;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .search-input{
        width: 70%;
    }
    .product-grid{
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 480px) {
    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .search-input{
        width: 70%;
    }
}

@media (max-width: 300px) {

    .navigation{
        display: none;
    }
    .menuicon{
        display: block;
    }
    .search-input{
        width: 70%;
    }

}