body{
background-color:#F3F1F2;
margin:0;
}

#container
{
background-color:#fff;
width:100%;
overflow:hidden;
margin-top: 60px;
position:relative;
}

#header
{
width:100%;
height:50px;
overflow:hidden;
padding:5px;
background-color:#3b5998;
position:fixed;
top:0;
z-index:1;
}

.h-item
{
width:98%;
overflow:hidden;
padding:3px;
}

#logo_button
{
width:200px;
height:40px;
border:0;
}
@media (max-width: 300px)
{
 #logo_button{max-width:100px;max-height:20px;}
}

#menu_button
{
float:left;
width:40px;
height:40px;
border:0;
cursor: pointer;
}

#menu_list
{
width:100%;
overflow:hidden;
z-index:2;
position:fixed;
background-color:#2F4F4F;
top:50px;
display:none;
opacity: 0.9;
filter: alpha(opacity=90);
direction:rtl;
}
#menu_list ul
{
float:right;
text-align:rtl;
list-style-type: none;
}
#menu_list li
{
color:#fff;
margin:20px;
padding:15px;
}
@media (max-width: 300px)
{
 #menu_list li{margin:10px;padding:5px;}
}
#menu_list a
{
float:right;
text-align:rtl;
text-decoration:none;
color:#fff;
font-size:18px;
}
@media (max-width: 300px)
{
 #menu_list a{font-size:14px;}
}

#search
{
width:100%;
overflow:hidden;
text-align:right;
}
#search form
{
width:100%;
}

#searchbox
{
width:80%;
height:40px;
margin:3px;
float:right;
direction:rtl;
text-align:rtl;
}
@media (max-width: 300px)
{
 #searchbox{max-width:70%;}
}

#searchbutton
{
width:15%;
height:40px;
margin:3px;
float:left;
}

.block
{
width:96%;
overflow:hidden;
border:1px solid #ccc;
padding:10px;
margin:10px;
text-align:right;
float:left;
min-height: 300px;
}
.block img
{
width:100%;
height:200px;
border:0;
margin:5px;
overflow:hidden;
}
.block a
{
text-decoration:none;
text-align:right;
direction:rtl;
color:#000;
font-weight: bold;
font-size:18px;
overflow:hidden;
}

#more
{
width:100%;
overflow:hidden;
margin:20px;
}

.subheader
{
width:100%;
margin:20px;
color:#400000;
font-size:20px;
font-weight:bold;
float:right;
direction:rtl;
overflow:hidden;
text-align:right;
}

.blocktag
{
width:100%;
overflow:hidden;
padding:3px;
margin:3px;
text-align:right;
}
.blocktag a
{
text-decoration:none;
text-align:right;
direction:rtl;
color:#000;
font-weight: bold;
font-size:14px;
overflow:hidden;
}

#nextprv
{
width:100%;
overflow:hidden;
margin-top:20px;
}
#nextprv a
{
text-decoration:none;
color:#3b5998;
font-weight: bold;
font-size:15px;
overflow:hidden;
margin:5px;
}

#details
{
width:100%;
overflow:hidden;
border:1px solid #ccc;
padding:10px;
margin:10px;
background-color:#ccc;
}
#details h1
{
width:100%;
overflow:hidden;
font-size:22px;
font-weight:bold;
color:#000;
text-align:justify;
direction:rtl;
padding-bottom:20px;
}
@media (min-width: 600px)
{
#details h1{text-align:center;}
}

#details_img{max-width:96%;max-height:400px;}
@media (max-width: 600px)
{
 #details_img{max-width:96%;max-height:250px;}
}
@media (max-width: 300px)
{
 #details_img{max-width:96%;max-height:150px;}
}

#report
{
background-color:white;
display:none;
overflow:hidden;
}

.ads
{
width:100%;
overflow:hidden;
margin:20px;
}

@media (min-width:992px){
    .row.auto-clear .col-md-4:nth-child(3n+1){clear:left;}
}

@media (max-width:991px){
    .row.auto-clear .col-xs-12:nth-child(2n+1){clear:left;}
}