/*styles to control rotating banner*/
#dk-rss-banners {
    min-height: 180px;
}

.dkbannertitlediv {
    font-size: 12px;
    color: #000000;
}

.dk-standard-button-leftright {
    background-color: #a4a4a4 !important;
    border: 3px solid #a4a4a4 !important;
    opacity: 0.0 !important;
    font-weight: bold;
    color: #000;
}

#dk-rss-banners:hover .dk-standard-button-leftright 
{ 
    color: #000;  
    opacity: .9 !important; 
}

#dkbannerrow > .dkbannertd {
    width: 1%;
}

/*IE ONLY*/
@media all and (-ms-high-contrast:none) {
    .dkbannerimagediv {
        max-width: 200px !important;
    }
}

/*Mobile*/
@media only screen and (max-width : 700px), only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .dkbannerimagediv, .dkbannerimagediv img {
        max-width: 100% !important;
        height: auto !important;
        width: 100% !important;
    }

    #dk-rss-banners {
        background-color: #efefef;
        padding: 20px 0px 20px 0px;
        min-height: 250px;
    }

    .dkbannertitlediv {
        font-size: 20px;
    }

    #dkbannerleftbutton, #dkbannerrightbutton {
        padding: 25px;
    }

    .dk-standard-button-leftright 
    {
        opacity: 0.9 !important;
    }
}