.site-top-wide,
.site-top-mobile {
    display: none;
    overflow: hidden !important;
    position: relative;
    margin: 10px 15px 5px 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}
@media (min-width: 768px) {
    .site-top-wide {
        display: block !important;
        height: 300px !important;
        max-height: 300px !important;       
    }
}
@media (max-width: 767px) {
    .site-top-mobile {
        display: block !important;
        height: 300px !important;
        max-height: 300x !important;      
    }
}

.site-bottom-wide,
.site-bottom-mobile {
    display: none;
    overflow: hidden !important;
    position: relative;
    margin: 10px 15px 5px 15px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}
@media (min-width: 768px) {
    .site-bottom-wide {
        display: block !important;
        height: 250px !important;
        max-height: 250px !important;
    }
}
@media (max-width: 767px) {
    .site-bottom-mobile {
        display: block !important;
        height: 300px !important;
        max-height: 300px !important;
    }
}