.sort{
    height: 15px;
    width: 15px;

}

.newbut {
  background-color: #164fc5;
  border: none;
  color: beige;
  display: inline-flex;  /* inline version of flex */
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
}



#middle{
    text-align: center;
}

#shadow{
    width: 540px;
  height: 160px;
 
  box-shadow: 4px 5px 4px -6px #333333;
}
#shadow2{
    width: 540px;
  height: 280px;
 
  box-shadow: 4px 5px 4px -6px #333333;
};

#title{
    background-color: #e8e8e8 ;
    width: 510;
    height: 50;
}

#box{
    display: flex;
    flex-direction: column;
}

.idd{
    display: flex;
    
    flex-direction: column;
    right: 20px;
    background-color: #164fc5;
    align-content: center;
}

.column {
    float: left;
    width: 50%;
    padding-left: 5%;
    }

    .row:after {
    content: "";
    display: table;
    clear: both;
    }



    .navul {
    
        background-color:#26375a;
        overflow:hidden;
        color:white;
        padding:0;
        margin:0;
        text-align:center;
        font-size:19px;
        font-weight: bold;
        -webkit-transition:max-height 0.4s;
        -ms-transition:max-height 0.4s;
        -moz-transition:max-height 0.4s;
        -o-transition:max-height 0.4s;
        transition:max-height 0.4s;
      }
      
      
      .right{
        border-left: 1px solid white;
      }
      
      #title2{
        width: 524px;
        height: 30;
        background-color: #f6f3f3;
        margin-top: 12px;
        padding:15px 10px;

      }

      #topmar{
        margin-top: 156px;
      }


      
      
      
        .handle {
          width:100%;
          background: #446274;
          text-align:left;
          box-sizing:border-box;
          padding:15px 10px;
          cursor:pointer;
          color:white;
          display:none;
        }
      
      @media screen and (max-width:580px){
        
        .navul  {
          max-height:0;
        }
        
        .showing {
          max-height:20em;
        }
        nav ul li {
          width:100%;
          box-sizing:border-box;
          padding:15px;
          text-align:left;
        }
         
        .handle {
          display:block;
        }
        #shadow {
          width: 355px;
          height: 160px;
          box-shadow: 4px 5px 4px -6px #333333;
      }
      #shadow2 {
        width: 350px;
        height: 300px;
        box-shadow: 4px 5px 4px -6px #333333;
    }
      #title2{
        width: 355px;
        height: 30;
        background-color: #f6f3f3;
        margin-top: 12px;
        padding:15px 10px;

      }
        
      
      }


   

      #svd{
        display: inline;
      }

      #newh1{
        background-color: #2562dd;
        color: #fff;
        border-bottom: 0px;
        padding-left: 15px;
      }

      .applic{
        text-align: center;
      }

      #totalprice{
        text-align: right;
        padding-right: 60px;
        font-weight: bold;
      }

      #remove
    {
      border-bottom: none;
    }