body {margin: 0; font-family:sans-serif,Tahoma; direction: rtl;font-size:1.1em}#Divleft { width: 78%; float: left;}img{display:block;max-width:100%;height:auto;float: left;}.sidebar { width: 20%; background-color: #f1f1f1; overflow: auto; float: right;} .sidebar a { display: block; padding:15px; text-decoration: none; border-bottom: solid 2px white; } .sidebar a.active { background-color:#40508d; color: white; } .sidebar a:hover:not(.active) { background-color: #555; color: white; }div.content { padding:16px }@media screen and (max-width: 700px) { #Divleft,.sidebar { width: 100%;}}#Divh1 {width:100%; background-color: #ddd; text-align: center; padding: 10px 0 10px 0; border-bottom:solid 5px #c2c3c9 }