.cat-content {
	position: relative;
   
}

.cat-content .slides li {
	float: left;
	width: 160px;
	margin-right: 20px; margin-bottom: 30px;
    list-style: none;
}

.cat-content .slides li:nth-child(3n) {
	margin-right: 0px;
}

.cat-content .slides li  h2{
	font-size: 16px;
    
}
/* Background Color */

.litebrown {
        background: #ebe3cc;  
        background: -moz-linear-gradient(top, #f5f0e5, #ebe3cc);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f0e5), to(#ebe3cc));  
        border: 1px solid #1C0B1A;
        box-shadow: inset 0 0 0px 1px #fff, 0 0px 1px 1px #aaa;
        -webkit-box-shadow: inset 0 0 0px 1px #fff, 0 0px 1px 1px #aaa;
        -moz-box-shadow: inset 0 0 0px 1px #fff, 0 0px 1px 1px #aaa;
        
}



.litebrown2 {
        background: #e2c9b1;  
    background: -moz-linear-gradient(top, #f4ebe3, #e2c9b1);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4ebe3), to(#e2c9b1));  
        border: 1px solid #e2c9b1;
        box-shadow: inset 0 0 0px 1px #fff;
}

.darkbrown {
    
    background: #C7BD9C;  
    background: -moz-linear-gradient(top, #E1DEC7, #C7BD9C);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1DEC7), to(#C7BD9C));  
    border: 1px solid #1C0B1A;
    box-shadow: inset 0 0 0px 1px #fff;
 }


.boxtable {
        background: #ebe3cc;  
        background: -moz-linear-gradient(top, #f5f0e5, #ebe3cc);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f0e5), to(#ebe3cc));  
        border: 1px solid #d3c28f;
        padding: 10px; margin-bottom: 15px;
        
}


.sugar {
        background: #58270A;  
    background: -moz-linear-gradient(top, #863b0f, #58270A);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#863b0f), to(#58270A));  
}

.kitabsingle img {
     width: 142px;
     height: 200px;
    float: right;
    margin-left: 20px; padding: 5px; 
    border: 1px solid #a09062;
    background: #fff;
}


.fright {
        float: right;
}

.fleft {
        float: left;
}


.mplayer {
        width: 245px;
        margin-left: 10px; margin-bottom: 20px;
        float: right;
        }

.mplayer object {   
    display: inline-block;
 }

.tahmilfile {
        display: inline-block;
        height: 20px; line-height: 14px;
        padding: 3px 10px 0px 10px;   
        cursor: pointer;
        font-size: 0.6em; font-family: verdana, arial, tahoma, sans-serif;
        
 }


.tahmilfile  span a img {
    position: absolute; 
    right:0; 
    top: 3px;
    width: 18px;
}

.tahmilfile a {
        color: #776c49;
        position: relative;
        padding-right:20px;

}

.tahmilfile span {
    padding: 3px 5px;
    width: 65px;
   	border-left: 1px dashed #d3c28f;   /* border-top: 1px dashed #d3c28f;  */
    float: right;
    text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
    }



.tahmilfile span:first-child {
     /*border-right: 1px dashed #d3c28f;  */
 }

.tahmilfile :hover ,.tahmil-single:hover {
        opacity: 0.8;
 }

.tahmil-single {
        padding: 4px 30px 0px 10px;   
        display: inline-block;
        height: 24px; line-height: 14px;
        cursor: pointer;
        font-size: 0.8em; font-family:  tahoma,verdana, arial, sans-serif;
        position: relative;
}

.tahmil-single img {
        position: absolute;
        width: 20px;
        right: 5px;
 }

.tahmil-single a, a.tahmil-single {
    color: #62593c;
}

.tahmilfile :hover ,.tahmil-single1:hover {
        opacity: 0.8;
 }

.tahmil-single1 {
        padding: 4px 5px 0px 5px;   
        display: inline-block;
        height: 24px; line-height: 14px;
        cursor: pointer;
        font-size: 0.8em; font-family:  tahoma,verdana, arial, sans-serif;
        position: relative;
}

.tahmil-single1 img {
        position: absolute;
        width: 20px;
        right: 5px;
 }

.tahmil-single1 a, a.tahmil-single1 {
    color: #62593c;
}



.page-container .list-file li {
        list-style: none!important;
}

.list-file {
        width: 96%;
        float: right;
}

.list-file li {
        vertical-align: center;
        border-bottom: 1px dashed #d3c28f!important;
        clear: both;
        float: right;
}

.list-file li  h3 {
        width: 300px;
        float: right; 
        margin:0; 
		padding:0;
		font-family:Tahoma, Geneva, sans-serif;
        font-size: 0.61em; 
		line-height: 1em; 
		padding-top: 3px;
        border-left: 1px dashed #d3c28f!important;
		
        }
        
        
table.streaming {
    border: 1px solid  #8E7F49;
}
table.streaming th {
    background: #231605;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}
table.streaming td {
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    padding-bottom: 5px;
    text-align: center;
    border: 1px solid  #8E7F49;
}

@media screen and (max-width: 768px) 
{        	
	.widget_archive,.subscribe-widget, .kitab, #sidebarl, #sidebar{ display:none; }
	#content{ width:100%;  }
	
}



a.button4{
 display:inline-block;
 padding:0.3em 1.2em;
 margin:0 0.1em 0.1em 0;
 border:0.16em solid rgba(255,255,255,0);
 border-radius:2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
 text-align:center;
 transition: all 0.2s;
}
a.button4:hover{
 border-color: rgba(255,255,255,1);
}
@media all and (max-width:30em){
 a.button4{
  display:block;
  margin:0.2em auto;
 }
}/*--------------------------------Button ends--------------------------------*/