body {
margin-top:0px;
}
.DivText1{
direction:ltr;
display:none;
position:absolute;
margin-top:250px;
margin-left:5%;
}
.DivText2{
direction:ltr;
display:none;
position:absolute;
margin-top:250px;
margin-left:5%;
}
.txt1L1 , .txt2L1 {
display:none;
color : white;
font-size:25px;
}
.txt1L2 , .txt2L2 {
display:none;
color : yellow;
font-size:40px;
}
.txt1L3 , .txt2L3 {
display:none;
color : whitesmoke;
font-size:18px;
}
.AboutPart {
   width: 70%;
   height:650px;
   position:absolute;
   margin-top:630px;
   margin-left:15%;
   margin-right:15%;
   display:flex;
   border-radius:20px;
   border:3px solid whitesmoke;
   box-shadow: 5px 5px 10px whitesmoke;
   padding:2px;
   overflow:hidden;
   direction:rtl;
}
.aboutCommentPart {
width:55%;
height:600px;
margin-top:25px;
direction:ltr;
}
.aboutImgPart {
width:45%;
height:600px;
margin-top:25px;
border-left:2px solid whitesmoke;
}
.ImgWraper {
width: 70%;
height:400px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
.ImgAbout {
width:100%;
height:100%;
border-radius:15px;
}
.IconPart {
width: 70%;
height:90px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-color: whitesmoke;
border-radius:15px;
display:flex;
direction:ltr;
}
.IconAbout {
width: 50px;
height: 50px;
padding-left: 5px;
padding-right: 15px;
margin-top : 20px;
}
.CommentWraper {
width: 70%;
height:270px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
overflow:hidden;
text-align:justify;
}
.HistoryComment {
width: 70%;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
display:flex;
}
.HistoryComment span {
font-size:20px;
margin-left:15px;
}
.BtnDiv {
width: 70%;
height:150px;
margin-left:auto;
margin-right:auto;
position:relative;
}
#BtnMoreDet {
margin-top:10%;
margin-left:4%;
padding:20px;
padding-right:40px;
border-radius:10px;
background-color : blue;
color : white;
position:absolute;
text-decoration:none;
}

.Horizental {
width:70%;
height:0px;
margin-left:15%;
margin-right:15%;
position:absolute;
margin-top:1370px;
border: 1px solid whitesmoke;
}

#ProductsLbl {
background-color: white;
font-weight:bold;
position:absolute;
padding-left:15px;
padding-right:15px;
margin-top:-10px;
margin-left:44%;
margin-right:44%;
}

.productList {
   width: 70%;
   height:350px;
   position:absolute;
   margin-top:1400px;
   margin-left:15%;
   margin-right:15%;
}
.row {
   display:flex;
   margin-top : 20px;
}

.product {
   width:250px;
   height:300px;
   margin-top:50px;
   margin-left:auto;
   margin-right:auto;  
   box-shadow: 2px 2px 5px black;
   border-radius: 16px;
   border:10px solid whitesmoke;
   padding:2px;
   overflow:hidden;
   text-align:center;
}

.product a { 
   text-decoration:none;
}

.product a h3{ 
   color:black;
}

.ProductImg {
   width:100%;
   height:80%;
   border-radius: 16px;
}


.footer {
margin-top:1700px;
}

@media (max-width: 1200px) {

.AboutPart {
width:96%;
height:650px;
margin-left:1%;
margin-right:1%;
}

.CommentWraper{
width:90%;
}
.HistoryComment{
width:90%;
}
.BtnDiv{
width:90%;
}
.productList{
width:80%;
margin-left:10%;
margin-right:10%;
}
.product{
margin-left:min(10px,5%);
margin-right:min(10px,5%);
}

}

@media (max-width: 768px) {

.AboutPart {
display:block;
width:96%;
height:1070px;
margin-left:1%;
margin-right:1%;
}

.aboutImgPart {
border-left:0px;
width:100%;
height:300px;
}

.ImgWraper {
width:85%;
}

.IconPart {
width:85%;
}

.aboutCommentPart {
width:100%;
margin-top:250px;
}

.CommentWraper {
width:85%;
height:auto;
max-height:310px;
text-align:justify;
}

.HistoryComment {
width:85%;
margin-top:30px;
}

#Quality {
margin-left:0px;
}

.BtnDiv {
width: 85%;
}

#BtnMoreDet {
margin-left:0px;
}

.Horizental {
width:98%;
margin-top:1770px;
margin-left:1%;
margin-right:1%;
}

#ProductsLbl {
position:absolute;
margin-left:41%;
margin-right:41%;
}

.product{
margin-left:auto;
margin-right:auto;
}

.productList {
margin-top:1800px;
}

.row {
display:block;
}


.footer {
margin-top:3550px;
}

}