#productsTab .menuLine{
 width: 100%;
}

#productsTab a{
 color: #FFC527;
}

#container{
 min-height: 500px;
 margin: 50px auto;
 text-align: center;
 padding-top: 10px;
}
#ourProducts{
 font-family: cairo;
 text-align: center;
 background-color: #f2f2f2;
 padding: 15px 0px;
 color: #696969;
 overflow: auto;
 max-width: calc( 100% - 200px );
 margin: 30px auto 0px;
}

#quality{
 max-width: calc( 100% - 200px );
 font-family: cairo;
 border-bottom: 1px solid #EEE;
 padding: 10px 0px;
 color: rgba(128, 128, 128, 0.72);
 margin-bottom: 50px !important;
 margin: auto;
}

#noProd{
 max-width: calc( 100% - 200px );
 width: 500px;
 text-align: center;
 font-family: cairo;
 color: orange;
 margin: 50px auto;
 font-size: 150%;
}


/* all products container */
#allProducts{
 overflow: auto;
 margin-bottom: 150px;
}

/* one product */
.oneProduct{
 width: 100%;
 overflow: hidden;
 padding: 15px;
 border-bottom: 1px solid #DDD;
}

.oneProduct:last-of-type{
 border-bottom: none;
}

.enProd{
 text-align: left;
 direction: ltr;
}

.arProd{
 text-align: right;
 direction: rtl;
}

.oneProduct a{
 font-size: 150%;
 display: block;
 border-bottom: 1px solid #EEE;
 font-family: cairo;
 text-decoration: none;
}

.oneProduct p{
 max-width: 400px;
 font-family: cairo;
 color: grey;
 margin-top: 10px;
}







.prodImgContainer{
 height: 180px;
 padding: 5px;
}


.prodImg{
 width: 100%;
 height: 100%;
 background-color: rebeccapurple;
 overflow: hidden;
 background-position: center;
 background-size: cover;
 border: 1px solid #EEE;
}


.prodTitle{
 height: 40px;
 font-family: cairo;
 background-color: #EEE;
 line-height: 40px;
 text-overflow: ellipsis;
 padding: 0px 10px;
 overflow: hidden;
 white-space: nowrap;
 margin: 10px 0px;
 font-size: 110%;
 color: #696969;
}

.prodInfo{
 font-family: cairo;
 overflow: hidden;
 padding: 10px 20px;
 font-size: 95%;
 color: gray;
}

.prodOpen{
 position: absolute;
 bottom: 0px;
 height: 40px;
 text-align: center;
 width: 100%;
 font-family: cairo;
 line-height: 40px;
 border-top: 1px solid #DDD;
}

.prodOpen a{
 display: block;
 color: #696969;
 font-size: 110%;
 text-decoration: none;
 color: #FFC103;
 background-color: rgba(238, 238, 238, 0.31);
}




#sectionsContainer{
 overflow: hidden;
 max-width: 1150px;
 border: 1px solid #EEE;
 margin: auto;
}

.oneSection{
 width: 50%;
 min-height: 100px;
 float: left;
 padding: 10px 5px;
 font-family: cairo;
}

.oneSection:nth-of-type(1){
 border-right: 1px solid #EEE; 
}

.oneSection h4{
 color: goldenrod;
 border-bottom: 1px solid #EEE;
 padding: 10px 0px;
 font-family: cairo;
}