@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@media (max-width: 820px) {
    .item-container {
       height: 320px;
       max-width: 650px;
       display: block;
    }
    .item-image {
       width: 100%;
       height: 140px;
    }
}
@media (max-width: 620px) {
    .item-container {
       height: 400px;
       max-width: 650px;
       display: block;
    }
    .item-image {
        height: 180px;
        width: 100%;
    }
}
@media (max-width: 500px) {
    .wrapper .sidebar{
      display: none;
    }
    .main-container {
        display: block;
        padding-left: 0;
    }
    .item-container {
        text-align: left;
    }
    .breadcrumbs-container {
    padding-left: 0;
    }
}