body,section,img{
    max-width:600px !important;
    margin:auto;
    width:100%;
}
#Header .Logo {
    width: 100%;
    text-align: center;
    padding:20px 0;
}
#Header .Logo img{
    height:auto;
    width:100%;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.p5 {
    padding: 5px !important;
}
#Header .MainTitle {
    text-align: center;
}
.ProductCategoryImage img{
    height:auto;
    width:100%;
}
.ProductImage img{
    height:100px;
    width:auto;
}
.Product .Info h3,
.ProductImage img,
.Product h3,
.Buttons h2,
.fa-trash {
    cursor: pointer;
}
.Product {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted;
}
.Sizes{
    display:flex;
}
.Sizes .SizeItem {
    padding: 10px 30px;
    margin: 5px;
    cursor:pointer;
}
.ProductCategoryTitles {
    display: flex;
    flex-direction: column;
}
.ProductCategoryTitles .ProductCategoryTitlesItem {
    text-align: center;
    margin:10px 5px;
}
.ProductCategoryTitles .ProductCategoryTitlesItem h5{
    padding:10px 30px;
    cursor:pointer;
    text-decoration:none;
}
.Buttons h2{
    padding:5px 10px;
    margin:5px;
}
.Buttons {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .Product {
        display:block;
        text-align:center;
    }
    .Sizes {
        display: flex;
        justify-content: center;
    }
}
#Footer{
    padding:5px 0px;
}
#Language a h6,
#Order a {
    padding: 5px 0px;
}
#Language a h6,
#Order a i {
    width: 100%;
}
#Footer .PoweredBy {
    padding: 5px 0;
    padding-bottom: 80px;
}
#Footer .PoweredBy a {
    background-color: unset;
    text-decoration:none;
}
.modal{
    direction:rtl;
}

#ProductDetailModal .card-header{
    background-color:#f2f2f2;
    font-size:24px;
}
#ProductDetailModal .card-header{
    padding:10px;
}
#ProductDetailModal .card-body {
    padding: 10px;
}
#ProductDetailModal .card{
    border:1px solid #f1f1f1;
}
.modal-backdrop, .modal-backdrop.fade.in {
    background-color: rgba(0,0,0,0.5) !important;
}
#Order{
    position:fixed;
    bottom:0px;
    width:100%;
}
#Order button{
    width:100%;
}
.fa-trash{
    color:#f00;
}
.modal-footer {
    justify-content: space-between;
}
#LoginModal input,
#ContactModal input,
#OrderModal #NewAddress,
#CodeModal input{
    width: 100%;
}
#NewAccountForm{
    display:none;
}
.modal .btn {
    width:100% !important;
}
.modal-footer {
    flex-direction: column;
    align-items: stretch;
}

.modal-footer > :not(:first-child),
.modal-footer > :not(:last-child) {
    margin-left: unset !important;
    margin-right: unset !important;
}

#Language a h6,
#Order a,
.Buttons h2,
.Product .Info h3,
.Product .Info p,
.SizeItem h4,
.modal-title,
.card-header,
.form-check-label,
.modal-footer h4,
input,
.btn,
.modal-body h4,
.modal-body h1,
.Product h3{
    font-size: 18px !important;
}

#Language a h6,
#Order a,
.Sizes .SizeItem,
.Buttons h2,
.ProductCategoryTitles .ProductCategoryTitlesItem,
.Social a {
    border-radius: .25rem;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.Buttons h2:first-child{
    width:100%;
}

#Language a h6,
#Order a,
#Order button,
.Buttons h2,
.ProductCategoryTitlesItem,
.modal .btn,
.Social a {
    height: 39px;
}
.fa {
    vertical-align: text-bottom;
}
#ProductDetailModal img{
    width:100%;
    height:auto;
}
.Social {
    display: flex;
    justify-content: space-between;
}
.Social a{
    width:100%;
    text-align:center;
    margin:0 5px;
}
.Gender{
    display:flex;
}
.Gender .form-check{
    width:150px;
}
#MiniLogo {
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 1;
    display:none;
}
#Rating{
    padding:10px 0;
}