.navigationbar{
    /* display:block; */
        width:100%;
        /* padding:5px; */
        box-shadow: 0 0 0.5px 0.5px #f2f2f2;
        min-height:1px;
        display:flex;
        /* justify-content: flex-start; */
        flex-direction: row-reverse;
        flex-wrap: wrap;
        /* height:auto; */
/* overflow:auto; */
    
        
        
    
    }

    .cartNumber{
        color: white;
    border-radius: 50%;
    background: red;
    padding: 3px;
    font-family: sans-serif;
    position: relative;
    }
      .imageClass{
      position:relative;
      top:0;
      left:0;
      width:100%;
      height:100%;
      object-fit: scale-down;
  }
  .cartIconContainer{
    display:flex;
    margin-right:30px;
    margin-left:30px;

  }
  .cartIcon{
    position: relative;
    height: inherit;
    padding-right: 150%;
  }
    
    .navmainitem{
        display:inline;
        padding:5px;
        margin:5px;
        text-align: center;
        font-weight:bolder;
        text-align: left;
        font-size:120%;

        /* background: rosybrown; */
        /* float:right; */
        cursor: pointer;
    }
    
    .navitems{
        /* display:inline; */
        /* padding:5px; */
        margin:5px;
        text-align: center;
        font-size:130%;
        font-weight: bold;
        /* color:black; */
        /* background: rosybrown; */
        /* float:right; */
        position:relative;
        cursor: pointer;
        transition: background 0.5s;
        

        
    }

    a{
        text-decoration: none;
        color:000;
    }

    .main_page{
        display:block;
        /* margin-bottom:5px; */
        padding:5px;
        transition: background 0.5s;

    }

    .main_page:hover{
        background: lightgray;
    }

    .navitems:hover .dropdown_content{
        display:block;
       
     }

    .dropdown_content{
        display: none;
        

        z-index: 1;
        position:absolute;
        margin-top:0px;
        box-shadow: 0px 0px 1px 1px lightgray;
        /* top:0px; */
        right:0px;
        background: white;
        max-height: 50vh;
    overflow: auto;

        

    }

.sub_page{
    margin-bottom:5px;
    padding:5px;
    white-space: nowrap;
    transition: background 0.5s;
   
}

    .sub_page:hover{
        
        background: lightgray;

    }
    
    .navbutton{
        display:none;
        
        
    
    }
    
    
    @media all and (min-width: 20cm) {
      
        .navitems{
            /* display:inline; */
            /* float: right; */
        }
    }
    
    @media all and (max-width: 20cm) {
        .navigationbar{
    display:block;
        }
    
        .navitems{
            display:none;
            float: none;
        }
    
        .navbutton{
            display:block;
            padding:2px;
        background: white;
        float:right;
        /* box-shadow: 0 0 1px 1px gray; */
        }
    
        .navmainitem{
            display:block;
            float: none;
            /* padding:10px; */
        }
        .dropdown_content{
            width:100%;
            position:relative;
        }

        
    
      }