* { margin:0; padding:0; border:0;  text-decoration:none; color:#373737; font-family: Nachlieli CLM, Arial ; font-size:1em;   }
body{ direction:rtl; background-color:#F5F5F5; text-align:right; }
h1{ font-size:22px;color:#238CA5;}
h2{ font-size:18px;color:#383838; }
h3{ font-size:18px; #000000; margin: 10px;}
p{ text-align:right; clear:both; color: #383838; }
ul{ margin:7px; text-align:right; padding:7px; list-style-type:square; }
a:link { font-size:1em; color:#238CA5;}
a:hover {color:#6D6D6D;}
.wt{color:#fff; font-size:22px;font-weight:bold;}
.pas{width:100%; height:auto; max-width:384px;}

.homtxt{ width:100%; clear:both; background:#4d4751; display:table; height:290px;  }    
.htxt{ width:96%; max-width:1200px; margin:10px auto; clear:both;  display:table; height:150px; }    

.mainicon{width:60%;margin: 0 25% 0 25%;}
.mici{width:35%; float:right; margin:12px 0 0 9%; border: 4px solid #d3d3d3; background-color:#fff;padding:1%; height:160px;}
.costu {width:100%; height:auto; max-width:229px; margin: 6px 0 0 0;}

.aboutus{width:100%;}
.aboutpic{width:32%; float:right; margin: 0 0 0 3%;}
.aboutxt{width:65%; float:right;}
.aboutpic img {width:100%; height:auto; max-width:367px; border: 1px solid #bdbdbd;}

.ourekro{width:100%;}
.ekro{width:14.66%; float:right; margin: 6px 0 0 2%; border: 2px solid #c1c1c1; padding: 10px;box-sizing: border-box; height:90px; background-color: #6e6971;}

.cabels{width:100%;}
.cabeltable{width:20%; float:right; margin: 0 0 6px 5%;}
.cabelpic{width:75%; float:right;}
.caba{width:100%; height:auto; max-width:414px; border: 1px solid #a7a7a7;}
.longcaba{width:100%; height:auto; max-width:350px;}

.tutables{width:100%;}
.ontable{width:25%; float:right;}
.onpic{width:46%; float:right;}


@media screen and (max-width: 670px) { 

iframe, .ontable,.onpic, .cabelpic,.cabeltable,  .ekro,.aboutpic,.aboutxt, .mici {width:98%; padding:none; }
.mainicon{width:98%; margin:0;}

}