

.event-wraper{
	flex-wrap: wrap;
}
.event-wrap:first-child {
    width: 100%;
}
.event-wrap {
    width: 49%;
    border-bottom: 1px solid #42484C;
    margin-bottom: 15px;
}
.event-wrap img{
	margin: 10px 0 15px
}

.event-wrap:not(:first-child) .title_med {font-size: 18px; letter-spacing: 0.25px;}
.event-wrap:not(:first-child) .eve-dec {
    font-size: 14px;}
.eve-dec {
    font-size: 16px;
    font-weight: 400;
    margin: 5px 0 10px;
    line-height: 1.22;
    color: #fff;
}
.eve-date{text-align: left;
font-size:13px;
  font-weight: 400 ;
letter-spacing: 0;
color: #EB1C2C;
opacity: 1;}
.eve-date{margin: 10px 0}
.dateico{ position: relative;top: 2px; margin-right: 5px }
.eve-site {
    text-align: left;
    font: 700 14px/19px 'Nunito', sans-serif;
    letter-spacing: 0;
    color: #21A1B1;
    opacity: 1;
    text-transform: uppercase;
    border: 1px solid;
    padding: 5px 15px 2px;
    border-radius: 5px;
    margin-bottom: 25px;
    display: inline-block;
}
/*most-popular*/
.most-pop-wrap {background: #0B0C0E;padding: 15px;margin-bottom: 23px;}
.most-pop-wrap .copyt {font-size: 14px;color: #DDDDDD;font-weight: 400;line-height: 1.22;margin-bottom: 8px;opacity: 1;}
.most-pop-wrap li {padding-bottom: 15px;border-bottom: 1px solid #7C7C7C;opacity: 0.8;margin-bottom: 15px;}
.most-pop-wrap li:last-child {padding-bottom: 15px;border-bottom: 0 solid #ddd;opacity: 0.8;margin-bottom: 15px;}
/*most-popular*/


  .pagination{
            display: flex;
            justify-content: center;
            margin:15px 0 60px;
          }

          .pagination a{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            border:#21A1B1 solid 1px;
            border-radius: 4px;
            font: 600 16px/22px 'Nunito';
            letter-spacing: 0;
            color: #21A1B1;
            opacity: 1;
            margin: 0 5px;
          }
          .pagination a:hover,
          .pagination a:hover svg,
          .pagination .active,
          .pagination .active svg{
            background: #21A1B1;
            color: white;
            fill:white;
          }
        
/*ad section*/
.ad-section{
    text-align: center;
}
.add-center {
    display: inline-block;
}



@media screen and (max-width: 800px){


.grid-right .od-flex .promoted-wrap{width: auto;}

.promoted-wrap{width:100%}
.promoted-block .promoted-wrap{ display: block;width: 100%;}
.promoted-block .promoted-wrap .promo-brk{ width: 100%; }
.promoted-block .promoted-wrap .small-thumb-copy{width: auto;}

.article-desc table{display: none;}

.pagination a{width: 27px; height: 27px;}

}


@media (max-width: 400px){


.event-wrap {
    width: 100%;}
}