
/*ad-section*/
.ad-section, .top-ad-section {
text-align: center;
}
.add-center {
display: inline-block;
}
.grid-right .ad-section {
margin: 0 auto 20px
}
/*ad-section*/
/*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: 0.8;
}
.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*/
.pagination{display: flex;justify-content: center;margin:15px 0;
	flex-wrap: wrap;}
.pagination li{ margin-bottom: 10px;}
.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;}
/*Pagination*/



/*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*/

.promoted-wrap {
    width: 32%;
    margin-bottom: 15px;
}


 .block-list-grid{display:flex;flex-wrap:wrap;align-content:space-between}
.block-list-grid .block-cell{width:32%}
.block-list-grid .block-cell{margin:0 18px 30px 0}.block-list-grid .block-cell:nth-child(3n+3){margin:0 0 30px}

    @media screen and ( max-width: 800px) {
    .block-list-grid{ justify-content: space-between; }
    .block-list-grid .block-cell {width: 48%;margin: 0 0 25px 0;}
    .block-list-grid .block-cell:nth-child(3n+3) {margin: 0 0 25px 0;}
    }

    @media screen and (max-width: 360px) {        
    .block-list-grid .block-cell {width: 100%;}
    }


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


.promoted-wrap {
width: 100%;
margin-bottom: 15px;
display: flex;
padding: 13px 10px;
background: #23252A;
box-sizing: border-box;
}
.promoted-wrap .promo-brk {
width: 140px;

}

.promoted-wrap .small-thumb-copy{
width: 100%;
padding: 0 10px;
}
.top-ad-section  .ad-section {
    margin: 0 auto;}
.ad-section {
    margin: 0 auto 25px;
    display: block;
    text-align: center;
    width: 100%;
}

}

