body{font-family:sans-serif,Tahoma;direction:rtl;font-size:1.2em}#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}