#confirm-order img{
    display: none;
  }
  .processor{
    display: none;
}
.profile-munu-container{
    display: inline-block;
    width:100%;
    margin-bottom: 50px;
}
.user-menu{
    float: left;
    padding:2px 10px 2px 10px;
    border:solid;
    margin:3px;
    border-width: 1px;
    background-color: purple;
    color:white;
    border-radius: 5px;
}
  .another-img-processing{
    display: none;
  }
  .another-img-processing img{
    width:20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
   }
   .process-add-to-cart-img{
    display: none;
   }
   /* style pagination */
   .pagination-container{
    display: inline-block;
    width:100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .pagination-container ul{
    display: inline-block;
    text-decoration: none;
    list-style: none;
  }
  .pagination-container ul li{
    padding:10px;
    float: left;
  }
   
   /* product recomendation container*/
   .Product-container-shop{
    display: inline-block;
    width:100%;
}
.product-subcontainer-shop{
    float: left;
    width:20%;
    height: 400px;
    overflow: hidden;
    text-align: center;
    
}
.product-shop-image{
    width:100%;
    height: 200px;
    text-align: center;
}

.product-shop-image img{
    width:auto;
    height: 200px;
}
.dispaly-headding_shop{

    display: inline-block;
    width:100%;
    margin-bottom: 50px;
}
.product-name-shop{
    font-size: 14px;
    color:purple;
}
.product-subcontainer-shop button{
    background-color: purple;
    font-size: 12px;
    border-radius: 4px;
}
.product-subcontainer-shop button img{
 width:20px;

}
.h_name_{
    width:20%;
    height: 25px;
    padding:2px;
    font-size: 20px;
    color:purple;
    margin-bottom:20px;
    margin-left:20px;
    font-weight: bold;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    float: left;
}
.h_name_line{
    float: left;
    width: 75%;
    height: 25px;
    border-bottom: solid;
    border-color: rgba(214, 48, 131, 0.2);
    border-width: 1px;

}

/* end of  product shop design */
.link-detail{
    padding-bottom:30px;
    text-align: center;
    font-size: 12px;
}
.product-review-subcontainer{
   
  background-color: rgb(214, 214, 230);
  color:black;
  padding:10px 10px 10px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size:14px;
  margin-left:10%;
} 
.display-reviews-container{
    display:none;
    width:80%;
    padding:10px 10px 10px;

}
.product-detail-info {
    margin-top:40px;
    
}
.product-info{
    border-right:solid;
    border-left:solid;
    box-shadow: 1px 1px 1px  rgba(73, 72, 72,0.1) inset;
    -webkit-box-shadow: 1px 1px 1px  rgba(73, 72, 72,0.1) inset;
    -ms-box-shadow: 1px 1px 1px  rgba(73, 72, 72,0.1) inset;

}
.product-info-container,.Submit-review-form{
    margin-top:50px;
    width:90%;
    padding:10px;

}
.Submit-review-form{
    display: none;
}
.review-note{
    font-size: 12px;
}
.Submit-review-form textarea{
    width:80%;
    margin-left:10%;

}
.Submit-review-form button {
    font-size: 14px;
    margin-left:40%;
}
.Submit-review-form button img{
  width:25px;
  display: none;
}
.product-reviews{
 border-bottom: solid;
}
.product-detail-menu-container {
    display: inline-block;
    width:100%; 
    padding-left:2px;
    background-color: purple;
    height: 45px;


}



.product-menu {
    cursor: pointer;
    font-size: 12px;
    background-color: white;
    float: left;
    padding:10px 10px 10px 10px;
    
    border-right:solid;
    border-left:solid;
    border-top:solid;
    border-width:1px;
    border-color:rgba(78, 76, 76,0.2);
    -webkit-border-color:rgba(78, 76, 76,0.2);
    -ms-border-color:rgba(78, 76, 76,0.2);
    -o-border-color:rgba(78, 76, 76,0.2);
    
}
.other-menu-con{
float:left;

}
.produc-content{
    font-size: 12px;
}
.display-ready-foods-container{
    display: inline-block;
    width:100%;
    background-color: white;
    color:black;
    padding:10px 10px 10px 10px ;
}
.available-select{
    text-align: left;
    padding-left:10px;
    font-size: 14px;
}
.button-con img{
width:20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: none;
}
.button-con button{
border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
background-color: red;
}

.display-other-options-select-{
    display: inline-block;
    width:100%;
    border-width: 1px;
    background-color: white;
    box-shadow: 1px 1px 1px 1px rgba(24, 23, 23,0.5);
    margin:4px 4px 4px 4px;
    border-radius: 10px;
    padding: 0px;
    
}
.options-select{
    float: left;
    font-size: 12px;
    border-width: 1px;
    width:100px;
    margin:3px;
    
}

.quantity-container input[type=number]{
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}
.minus-sign, .plus-sign{
    font-size:25px;
    border:solid;
    width: 50px;
    margin-left:45%;
    margin-bottom:5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-width: 1px;
    cursor: pointer;
    background-color: purple;
    color: white;
}

.price-container{
    display: inline-block;
    width:auto;
}
.price-container .price-word{
    float: left;
    padding-right:5px;
    padding-left:5px;
    background-color:purple;
    color:white;
    width:100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}
.price-displayed{
    float: left;
}
.product-info-con{
    background-color: white;
    color:black;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding-top:10px;
    padding-bottom:10px;
    box-shadow: 1px 1px 5px 1px rgba(19, 18, 18,0.5);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(19, 18, 18,0.5);
    -ms-box-shadow: 1px 1px 5px 1px rgba(19, 18, 18,0.5);
    -o-box-shadow: 1px 1px 5px 1px rgba(19, 18, 18,0.5);
}
.span-status{
    font-size: 14px;
    border:solid;
    padding:2px 2px 2px 2px;
    background-color: green;
    border-width: 1px;
    color:white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.quantity-container{
    width:100%;
    display: inline-block;
    border:solid;
    border-width: 1px;
    margin-top:4px;
    padding-top:20px;
}
.actualstate{
    font-size: 14px;
}
.discount-container{
text-align: left;
display: inline-block;
width:auto;
border:solid;
background-color: white;
margin:0px;
font-size:12px;
color:black;
border-color:white;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius:4px;
margin-bottom: -20px;
font-size: 18px;
} 
.discount-ammount{
float: left;
padding:2px 2px 2px 2px;
color:yellowgreen;
}
.discount-name{
float: left;
padding:2px 2px 2px 2px;
color:red;
font-weight: bold;
}
.order-food-container{
width:100%;
display: inline-block;
}

.pictures-container{
float: left;
width:50%;
height: 520px;
margin:5px;
}
.pictures-container img{
    width: auto;
    height: 500px;
    
}
.content-container{
float: left;
width:40%;

background-color: purple;
padding:10px;
color:white;
border-radius: 10px;
}



@media screen and  (min-width:150px) and (max-width:900px){
    .pictures-container{
        height: auto;
        }
        .pictures-container img{
            height: auto;
            
        }
.nav-container{
    width:100%;
}
.pictures-container{
clear: left;
width:100%;
margin:5px;
}
.content-container{
clear: both;
width:100%;
}
/* product recomendation container*/

.product-subcontainer-shop{
    float: left;
    width:45%;
    height: 400px;
    overflow: hidden;
    text-align: center;
    
}


.dispaly-headding_shop{

    display: inline-block;
    width:100%;
    margin-bottom: 50px;
}


.h_name_{
    width:30%;
    height: 25px;
    padding:2px;
    font-size: 14px;

}
.h_name_line{
    float: left;
    width: 60%;
    height: 25px;
    border-bottom: solid;
    border-color: rgba(214, 48, 131, 0.2);
    border-width: 1px;

}
}
@media screen and  (min-width:900px) and (max-width:12000px){

}
/* styling of cart */

.cart-product-display-container{
    display: inline-block;
    width:100%;
    text-align: center;
    border:solid;
    border-width: 1px;
    padding-bottom: 100px;
    padding-top:20px;
}

.cart-container{
    display: inline-block;
    width:50%;
    float: left;
    border-color:purple;
    background-color: purple;
    margin-left:10%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color:white;

}
.cart-product-container{
    display: inline-block;
    width: 100%;
    margin-bottom:-50px;
   
}

.cart-product-image{
    float: left;
    padding:10px 10px 10px 10px;
    width:25%;
    
}
.cart-product-image img{
    height: auto;
    width:150px;
}
.cart-product-quantity{
    float: left;
    padding:10px 10px 10px 10px;
    width:45%;
   
}
.cart-product-quantity input{
    text-align: center;
    color:white;
    padding:3px 3px 3px 3px;
}
.remove-product-from-cart{
    float: left;
    padding:60px 10px 10px 10px;
    width:auto;
    
}

.column-container{
    display: inline-block;
    width:100%;
    border-bottom: solid;
    border-color: white;
    border-width:1px;
}
.first-column{
    float: left;
    padding:5px;
    margin-left:20px;
}
.remove-img img{
    width:25px;
    height: 25px;;
}
.remove-img{
display: none;
}
.remove-product-from-cart button{
    background-color: white;
    color:black;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
}
.display-cart-total-container{
    float: left;
    width:30%;
    border-left:solid;
    background-color: purple;
    border-width:1px;
    color:white;
}
.other-fields{
    font-size:12px;
}
.other-fields span{
    font-weight: bold;
}
.place-order{
    padding:10px;
    color:white;
    background-color: green;
}
@media screen and (min-width:150px) and (max-width:900px){
    .display-cart-total-container{
        width:100%;
    }
    .cart-container{
    width:100%;
    clear: both;
    margin-left:0%;
    border-top-left-radius: 0px;
    border-bottom-left-radius:0px;


}
.cart-product-container{
    display: inline-block;
    width: 100%;
    margin-bottom:-50px;
   
}

.cart-product-image{
    float: left;
    padding:100px 1px 1px 1px;
    width:15%;
    
}
.cart-product-image img{
    height: auto;
    width:auto;
}
.cart-product-quantity{
    float: left;
    padding:10px 10px 10px 10px;
    width:50%;
    font-size: 12px;
   
}
.cart-product-quantity input{
    text-align: center;
    color:white;
    padding:3px 3px 3px 3px;
}
.remove-product-from-cart{
    float: left;
    padding:1px 1px 1px 1px;
    width:auto;
   
    
}
.remove-product-from-cart button{
    font-size: 12px;
    margin-top:100px;
    margin-left:10px;
}

}

/* styling the place order page */

#billinginfoform span{
    display: none;
}
.placedorder-container{
    display: inline-block;
    width: 100%;
}
.pic-up-container{
    padding-bottom: 30px;
    text-align: center;
    font-size: 20px;
    color:green;

}
.myprofile-container{

    margin-left:20%;
    width: 60%;
}

.myprofile-container  input{
    width:100%;
 
}
.myprofile-container p{
    font-size:25px;
}
.myprofile-container button{
    width:200px;
    margin-left:30%;
    background-color: purple;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.myprofile-container button img{
    width:25px;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.myprofile-info{

}
@media screen and (max-width:900px){
    .myprofile-info{
    width:100%;
}
    .myprofile-container{

margin-left:8%;
width: 90%;

}
.myprofile-container button{
    margin-left:20%;
}
.myprofile-info{
    margin:0px;
}
}
@media screen and (max-width:450px){
.myprofile-info{
    width:100%;
}
    .myprofile-container{

margin-left:8%;
width: 90%;

}
.myprofile-container button{
    margin-left:20%;
}
.myprofile-info{
    margin:0px;
}
}