@import url('https://fonts.googleapis.com/css?family=Cairo:400,900&subset=arabic');

/* POWERED www.Chakirdev.com */

*{
     direction: rtl;
    text-decoration: none;
    font-family:'Cairo', serif;
    text-rendering: optimizeLegibility;
}

body{
    direction: rtl;
    font-family:'Cairo', serif;
    text-rendering: optimizeLegibility;
    background: #EEEEEE;
}
ul{list-style: none;}
input{border-radius:0px;}
a:hover{text-decoration: none;}
.lft{float:left;}
.rgt{float:right;}
.clr{clear:both;}
.cairo{ font-family:'Cairo', serif;}

#HomePage{width:1100px;margin:auto;}

.clearfix2:before, .clearfix2:after {  content: "\0020"; display: block; height: 0; visibility: hidden;    } 
.clearfix2:after { clear: both; }
.clearfix2 { zoom: 1; }

/* Header */
header{background-image: url(https://www.chakirdev.com/demo/1Live-One/images/e.jpg);height: 180px;}
nav .navbar-nav .nav-item .nav-link{border-left: 1px solid #272a2d;margin-left: 15px;color: white}
.logo{width:200px;margin-top: 40px;}
footer{background-image: url(https://www.chakirdev.com/demo/1Live-One/images/e.jpg);color:#FFFFFF;font-size: 14px;padding: 10px;}
footer a{color:#FFFFFF;font-size: 15px;padding: 10px;}
footer a:hover{color:#C2F7FF;}
footer i{color:#C2F7FF;}
.m10{margin-top: 10px;}
.title-pages{font-size: 25px;font-weight: bold;border-right:5px solid #404C58;padding-right: 10px;}
iframe{width:100%;height:380px;}
/* Header */

/* INDEX */
.rightside{width: 770px;margin-left: 10px;margin-top: 20px;}
.leftside{width: 300px;margin-top: 20px;}

.news-time{color: #919191;font-size: 14px;clear: both; padding-top: 5px;} 
.media-body a{color:#505c68;font-weight: bold;font-size: 14px;}   
.media-body a:hover{color:#6d6d6d;}     
.md1 img{width:64px;height:54px;}    
.md2 img{width:90px;height:64px;}    
   
.right-news .tag1,.tag2{float: right;width: 50%;padding: 10px;}  
.imgbig{width:100%;height:300px;}
.tagtitle{font-weight:bold;margin-top:5px;margin-bottom:10px;}
/* INDEX */

/* LIVE */
.live-iframe iframe{width:100%;height:480px;}
/* LIVE */

/* News */
#highlight .imgpart{float: right;width: 300px;}     
#highlight .descpart{float: right;padding:15px;width: 450px;}    
.news-title a{font-size: 17px;color: #333333;}
.news-desc{color: #919191;}
.news-time{color: #919191;}
.news-page{width:100%;height:300px;} 
.nw-img{width: 300px;height:200px;} 
.bottom-left {
    width:100%;
    position: absolute;  
    bottom: 0px;
    padding:10px;
    left: 0px;
}
#share-buttons img {

width: 28px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
} 
/* News */


.nav-tabs .nav-item{margin: 1px;width:33%;}   

@media screen and (min-width: 200px) and (max-width: 600px){ 
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
    

/* INDEX */
.rightside{width: 100%;margin-left: 10px;margin-top: 20px;}
.leftside{width: 100%;margin-top: 20px;}   
.match-info .name-team{font-size: 15px;}
.match-info img{width:32px;}
.match-info .match-time{font-size: 12px;}
.match-info .vs{font-size: 17px;color:#404C58;}
/* INDEX */
    
/* NEWS */ 
.nw-img{width: 100%;height: 200px;}     
#highlight .imgpart{float: none;width: 100%;}     
#highlight .descpart{float: none;padding:15px;width: 100%;}   
/* NEWS */
    
.right-news .tag1,.tag2{float: right;width: 100%;padding: 10px;}   
.imgbig{width:100%;max-height:300px;} 
    
/*  Matches */
.nav-tabs .nav-item{margin: 1px;width:100%;} 

}
@media screen and (min-width: 601px) and (max-width: 950px){ 
#HomePage{width:100%;margin:auto;}  
nav{width:100%;margin:auto;}  
img{width: 100%;height: auto;}     
    

/* INDEX */
.rightside{width: 100%;margin-left: 10px;margin-top: 20px;}
.leftside{width: 100%;margin-top: 20px;}   
.match-info .name-team{font-size: 15px;}
.match-info img{width:32px;}
.match-info .match-time{font-size: 12px;}
.match-info .vs{font-size: 17px;color:#404C58;}
/* INDEX */
    
/* NEWS */ 
.nw-img{width: 100%;height: 200px;}     
#highlight .imgpart{float: right;width: 30%;}     
#highlight .descpart{float: right;padding:15px;width: 70%;}   
/* NEWS */
    
.right-news .tag1,.tag2{float: right;width: 100%;padding: 10px;}   
.imgbig{width:100%;max-height:300px;} 
    
/*  Matches */
.nav-tabs .nav-item{margin: 1px;width:100%;} 
    

}