.product_filter_div{
    
    background-color: #fff; 
    background-image: url("../images/flower5.png");
    padding:5px;
    
}
.product_filter_div_COn{
    background:#fff;
    border:solid;
    border-width:1px;
    border-color:#8a8281;
    padding:5px;
    
}

.product_filter_div table,.product_filter_div  td,.product_filter_div tr{
    
    
    width: auto;
  margin: 0;
    padding:0;
}

.product_filter_div  td{
    
    padding:2px;
}

.product_filter_div_Control table{
    
    
    width: auto;
   margin-left: auto; /* This pushes the table to the right */
   margin-right: 0;
    
}

.product_filter_div_Control{
    width:50%;
    float:right;
}

.product_filter_div_Results{
    
    width:50%;
    float:left;
}



#FilterWindow table,#FilterWindow tr,#FilterWindow td{
    
    background:none;
    padding:0;
    margin:0;
    width:auto;
    border:none;
}

#FilterWindow td{padding:5px;}

#FilterWindow table{
  
    margin:auto;

    
}

#FilterWindow button{
    
    padding:5px;
    cursor:pointer;
    
}



#FilterWindow{
    
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.9);
    
  
    Z-Index:2;
    overflow: auto;
    
    align-items:center;
}

#FilterContainer{
    
    padding:20px;
   margin:auto;
   width:800px;
    background:#fff;
    background-color: rgba(255, 255, 255, 0.6);
    color:#ca3df5;
    border:solid;
    border-radius:20px;
    border-color:#410154;
    
}

.closediv{
    
    text-align:right;
    margin-top:-30px;
    margin-right:-35px;
}

.closediv a {
    
    text-decoration:none;
    color:#fff;
    background:#f74fe4;
    display:inline-block;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    border-radius:100%;
    
    
}

.closediv a:hover {
    
   background: #c278b9;
}
.hideme{
    
    display:none;
}

.unhideme{
    
    display:flex;
}



.FilterHeader{
    
    text-align:center;
    
}



.FilterHeader h1{
    
    padding:0;
    margin:0;
    color:#410154;
}







.FilteFormDivLeft{
    
    
    width:50%;
    float:left;
   
}

.FilteFormDivRight{
    
    
    width:50%;
    float:right;
    
}

.FilteFormOption{
    
    background:#fff;
    margin:5px;
    margin-top:20px;
    padding:10px;
    border:solid;
    border-width:1px;
    border-color:#665c61;
    border-radius:10px;
    font-family: "Rubik", sans-serif;
    color:#333232;
}

.FilteFormOption h3{
    padding:0;
    padding-left:10px;
    padding-right:10px;
    margin:0;
    margin-top:-20px;
    margin-bottom:10px;
    margin-left:20px;
    display:table;
    width:auto;
     background:#fff;
    
}


.FilteFormOption input[type="number"]{
    
    width:70px;
    padding:5px;
    
}


@media screen and (max-width: 792px) {
    
    .FilteFormDivLeft{
    
    
    width:100%;
   
}

.FilteFormDivRight{
    
    
    width:100%;
    
}
    
    
}


@media screen and (max-width: 850px) {
    
    
    #FilterContainer{
    
   width:CALC(95% - 55px);
    
    
}


}






@media screen and (max-width: 650px) {
    
    .product_filter_div_Control{
    width:100%;
    float:right;
}

.product_filter_div_Results{
    
    width:100%;
    float:left;
}

.product_filter_div_Results table{
    
    margin:auto;
}
    
}