match class

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<style>

.match_index{
    display: block;
    padding: 15px;
    position: relative;
    z-index: 1;
    transition: all 300ms;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 18px 3px rgb(252, 190, 31);
}




 .host, .match_index .guest{
 float: right;
 width: 40%;
 text-align: center;
}
 .center{
 float: right;
 width: 20%;
 text-align: center;
    color: #777;
}
 .vs{
 font-size: 28px;
 color: #555;
}
.match_index img{
 height: 70px;
}
 .host .club_logo{
 float: right;
 /*width: 30%;*/
}
.guest .club_logo{
 float: left;
 /*width: 30%;*/
}
 .club_logo img{
 padding: 4px;
}
 .host span, .guest span{
 font-size: 14px;
}
.host span.result, .guest span.result{
 font-size: 25px;
}
.match_index .winner span{
 color: #5CB85C;
}
.match_index .losser span{
 color: #D9534F;
}
.match_index .draw span{
 color: #607D8B;
}


@media (min-width: 600px) {
 .guest .club_logo{
  width: 30%;
 }
 .host .club_logo{
  width: 30%;
 }
}
.league_bar {
       padding: 5px 10px;
    background: #e9ebee;
}
.league_bar img {
    width: 30px;
    margin-left: 10px;
    padding: 2px;
    float: right;
}
.league_bar .chanal_statue{
 float: left;
}
.widget_title{
 padding: 0;
 margin: 0;
 padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #263241;
}
.widget_title:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #00ada7;
    margin-top: 10px;
    display: block;
}

.img_responsive_container{
 position: relative;
 overflow: hidden;
    display: block;
}
.img_responsive_container img{
 position: absolute;
}

.btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    border: solid thin;
    color: #ffffff;
    font-size: 9px;
    padding: 7px 4px 7px 4px;
    text-decoration: none;
    width: 75px;
    cursor: pointer;
}

.match_index:hover {
    box-shadow: 0px 0px 18px 3px rgb(0, 0, 0);
}
.btn:hover {
background: #004183;
}
.alba-live-table .box-title {
    margin: 0 0 15px;
    text-align: center;
    padding: 5px 20px;
    overflow: hidden;
    display: block;
    border: 0;
    border-radius: 2px;
    position: relative;
    background: linear-gradient(to bottom,rgb(255,175,75) 0%,rgb(255,146,10) 100%);
}
.alba-live-table .box-title .title {
    font-size: 18px;
    text-transform: uppercase;
    height: 43px;
    z-index: 99999;
    margin: 0;
    font-weight: 800;
    line-height: 40px;
    color: #fff;
}
.box-title, .posts-title {
    position: relative;
    clear: both;
    z-index: 1;
    margin-bottom: 10px;
    line-height: 33px;
    tex
t-align: center;
}
.fin {
    background: #c1272d;
border-radius: 5px;
    border: solid thin;
    color: #ffffff;
    font-size: 9px;
    padding: 7px 4px 7px 4px;
    text-decoration: none;
    width: 75px;
    cursor: pointer;
}


.fin:hover {
    background: #FEB806;
border-radius: 5px;
    border: solid thin;
    color: #ffffff;
    font-size: 9px;
    padding: 7px 4px 7px 4px;
    text-decoration: none;
    width: 75px;
    cursor: pointer;
}

.ta {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-left: rgba(255, 255, 255, 0) 4px solid;
    border-right: rgba(255, 255, 255, 0) 12px solid;
    height: 20px;
    padding-top: 7px;
    color: #25313e;
}

.list-inline {
background: #fcbe1f;
    width: 100%;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
}



</style>

<div class="box-title">

<h2 class="title"><i aria-hidden="true" class="fa fa-futbol-o"></i>مباريات اليوم</h2>



</div>


<div class="match_results_refresh">
<div class="league_bar">
<img src="" /><br />
<div class="chanal_statue">
<div class="match_date"></div>
</div>
<div class="clear">
</div>
</div>

<div class="match_index"><a href="/2017/09/bayern-munich-vs-fsv-mainz-05.html"><div class="host draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1498300987.png" /></div><span class="result">4</span><br /><span class="team_name">بايرن ميونخ</span></div><div class="center"><!-- <br> --><button class="fin">Fin</button><br /><span class="sub"><br />
</span></div><div class="guest draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1505428886.png" /></div><span class="result">0</span><br /><span class="team_name">ماينز 05</span></div><div class="clear"></div>

<ul class="list-inline" >

                                 <i class="ta fa-trophy"></i>البطولة :
                                            <i>الدوري الالماني</i>
                                 <i class="ta fa-bullhorn"></i>المعلق :
                                            <i>محمد الكواليني</i>

                                            <i class="ta fa-desktop"></i>القناه الناقلة :
                                            <i>BeIN Sports HD 5</i>

                                            <i class="ta fa-clock-o"></i> بتوقيت السعودية :
                                            <i>
                                                                                                    04:00 م
                                            </i>

                                    </ul>

</a></div>



<div class="match_results_refresh">
<div class="league_bar">
<img src="" /><br />
<div class="chanal_statue">
<div class="match_date"></div>
</div>
<div class="clear">
</div>
</div>
<div class="match_index"><a href="/2017/09/getafe-cf-vs-barcelona.html"><div class="host draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1505428871.png" /></div><span class="result">1</span><br /><span class="team_name">خيتافي</span></div><div class="center"><!-- <br> --><button class="fin">Fin</button><br /><span class="sub"><br />
</span></div><div class="guest draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1497605711.png" /></div><span class="result">2</span><br /><span class="team_name">برشلونة</span></div><div class="clear"></div>

<ul class="list-inline" >

                                 <i class="ta fa-trophy"></i>البطولة :
                                            <i>الدوري الاسباني</i>
                                 <i class="ta fa-bullhorn"></i>المعلق :
                                            <i>رؤوف خليف</i>

                                            <i class="ta fa-desktop"></i>القناه الناقلة :
                                            <i>BeIN Sports HD 3</i>

                                            <i class="ta fa-clock-o"></i> بتوقيت السعودية :
                                            <i>
                                                                                                    09:45 م
                                            </i>

                                    </ul>

</a></div>




<div class="match_results_refresh">
<div class="league_bar">
<img src="" /><br />
<div class="chanal_statue">
<div class="match_date"></div>
</div>
<div class="clear">
</div>
</div>

<div class="match_index"><a href="/2017/09/atletico-de-madrid-vs-malaga.html"><div class="host draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1503133310.png" /></div><span class="result">-</span><br /><span class="team_name">اتليتكو مدريد</span></div><div class="center"><!-- <br> --><button class="fin">19:45 GMT</button><br /><span class="sub"><br />
</span></div><div class="guest draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1505029160.png" /></div><span class="result">-</span><br /><span class="team_name">ملقا</span></div><div class="clear"></div>

<ul class="list-inline" >

                                 <i class="ta fa-trophy"></i>البطولة :
                                            <i>الدوري الاسباني</i>
                                 <i class="ta fa-bullhorn"></i>المعلق :
                                            <i>يوسف سيف</i>

                                            <i class="ta fa-desktop"></i>القناه الناقلة :
                                            <i>BeIN Sports HD 3</i>

                                            <i class="ta fa-clock-o"></i> بتوقيت السعودية :
                                            <i>
                                                                                                    09:45 م
                                            </i>

                                    </ul>

</a></div>



<div class="match_results_refresh">
<div class="league_bar">
<img src="" /><br />
<div class="chanal_statue">
<div class="match_date"></div>
</div>
<div class="clear">
</div>
</div>
<div class="match_index"><a href="/2017/09/liverpool-vs-burnley-fc.html"><div class="host draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1498301097.png" /></div><span class="result">1</span><br /><span class="team_name">ليفربول</span></div><div class="center"><!-- <br> --><button class="fin">Fin</button><br /><span class="sub"><br />
</span></div><div class="guest draw"><div class="club_logo"><img src="http://www.livehd7.com/upload/champions/1502408636.png" /></div><span class="result">1</span><br /><span class="team_name">بيرنلي</span></div><div class="clear"></div>

<ul class="list-inline" >

                                 <i class="ta fa-trophy"></i>البطولة :
                                            <i>الدوري الانجليزي </i>
                                 <i class="ta fa-bullhorn"></i>المعلق :
                                            <i>نوفل باشي</i>

                                            <i class="ta fa-desktop"></i>القناه الناقلة :
                                            <i>BeIN Sports HD 2</i>

                                            <i class="ta fa-clock-o"></i> بتوقيت السعودية :
                                            <i>
                                                                                                    09:45 م
                                            </i>

                                    </ul>

</a></div>




<div class="match_results_refresh">
<div class="league_bar">
<img src="" /><br />
<div class="chanal_statue">
<div class="match_date"></div>
</div>
<div class="clear">
</div>
</div>

<div class="match_index"><a href="/2017/09/al-ahly-vs-esperance-tunis.html"><div class="host draw"><div class="club_logo"><img src="http://img.kooora.com/?i=4_safi_only%2fteams%2fahly_eg.gif" /></div><span class="result">-</span><br /><span class="team_name">الأهلي</span></div><div class="center"><!-- <br> --><button class="fin">18:00 GMT</button><br /><span class="sub"><br />
</span></div><div class="guest draw"><div class="club_logo"><img src="http://img.kooora.com/?i=news%2fanis%2f2016%2f10%2flogos%2festunis.gif" /></div><span class="result">-</span><br /><span class="team_name">الترجي الرياضي</span></div><div class="clear"></div>

<ul class="list-inline" >

                                 <i class="ta fa-trophy"></i>البطولة :
                                            <i>دوري أبطال أفريقيا </i>
                                 <i class="ta fa-bullhorn"></i>المعلق :
                                            <i>حفيظ دراجي</i>

                                            <i class="ta fa-desktop"></i>القناه الناقلة :
                                            <i>BeIN Sports HD 1</i>

                                            <i class="ta fa-clock-o"></i> بتوقيت السعودية :
                                            <i>
                                                                                                    08:00 م
                                            </i>

                                    </ul>

</a></div>














</div></div></div></div></div></div>