.atr-ad {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;   
}

.atr-ad.ad300x600 {
    grid-column: span 4;
    grid-row: span 6;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}

.atr-ad.ad300x250 {
    grid-column: span 4;
    grid-row: span 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}
.atr-ad.ad1200x128 {
    grid-column: span 12;
    grid-row: span 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}

.atr-ad.ad1200x250 {
    grid-column: span 12;
    grid-row: span 3;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
}

.ad-top-full {
    width: 100%;
    min-height: 282px;;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F2F2F2;
}

.desk-ad1200x250-1-hp,
.desk-ad1200x250-2-hp,
.desk-ad1200x250-3-hp,
.desk-ad1200x250-4-hp,
.desk-ad1200x250-5-hp,
.desk-ad1200x250-6-hp,
.desk-ad1200x250-1-hu,
.desk-ad1200x250-2-hu,
.desk-ad1200x250-3-hu,
.desk-ad1200x250-4-hu,
.desk-ad1200x250-5-hu,
.desk-ad1200x250-6-hu,
.desk-ad1200x250-1-hs,
.desk-ad1200x250-2-hs,
.desk-ad1200x250-3-hs,
.desk-ad1200x250-4-hs,
.desk-ad1200x250-5-hs,
.desk-ad1200x250-6-hs {
    grid-column: span 12;
    grid-row: span 3;
}

.desk-ad-full-hp,
.desk-ad-full-hu,
.desk-ad-full-hs {
    width: 100%;
    min-height: 282px;
}

.desk-ad300x600-hp,
.desk-ad300x600-hu,
.desk-ad300x600-hs {
    grid-column: span 4;
    grid-row: span 6;
}

.desk-ad300x250-hp,
.desk-ad300x250-hu,
.desk-ad300x250-hs {
    grid-column: span 4;
    grid-row: span 3;
}

.mob-ad-full-hp,
.mob-ad-full-hu,
.mob-ad-full-hs {
    width: 100%;
    min-height: 132px;
}

.mob-ad300x250-1-hp,
.mob-ad300x250-2-hp,
.mob-ad300x250-3-hp,
.mob-ad300x250-4-hp,
.mob-ad300x250-5-hp,
.mob-ad300x250-6-hp,
.mob-ad300x250-7-hp,
.mob-ad300x250-8-hp,
.mob-ad300x250-9-hp,
.mob-ad300x250-10-hp,
.mob-ad300x250-11-hp,
.mob-ad300x250-1-hu,
.mob-ad300x250-2-hu,
.mob-ad300x250-3-hu,
.mob-ad300x250-4-hu,
.mob-ad300x250-5-hu,
.mob-ad300x250-6-hu,
.mob-ad300x250-7-hu,
.mob-ad300x250-8-hu,
.mob-ad300x250-9-hu,
.mob-ad300x250-10-hu,
.mob-ad300x250-11-hu,
.mob-ad300x250-12-hu,
.mob-ad300x250-1-hs,
.mob-ad300x250-2-hs,
.mob-ad300x250-3-hs,
.mob-ad300x250-4-hs,
.mob-ad300x250-5-hs,
.mob-ad300x250-6-hs,
.mob-ad300x250-7-hs,
.mob-ad300x250-8-hs,
.mob-ad300x250-9-hs,
.mob-ad300x250-10-hs,
.mob-ad300x250-11-hs,
.mob-ad300x250-12-hs,
.mob-ad300x250-13-hs,
.mob-ad300x250-14-hs,
.mob-ad300x250-15-hs {
    grid-column: span 8;
    grid-row: span 3;
}


@media screen and (max-width: 1023px) {
    .atr-ad.ad1200x250,
    .atr-ad.ad1200x128 {
        grid-column: span 6;
    }
}
@media screen and (max-width: 992px) {
    .atr-ad.ad300x600 {
        grid-column: span 3;
    }
}
@media screen and (max-width: 792px) {
    .atr-ad.ad300x600,
    .atr-ad.ad1200x128,
    .atr-ad.ad1200x250 {
        display: none;
    }
    .atr-ad.ad300x250 {
        grid-column: span 8;
        grid-row: span 3;
    }
    .ad-top-full {
        min-height: 132px;
    }
}