.glyphicon {
    padding-top: 150px;
    color: #036CF8;
}

.count-text {
    padding-top: 30px;
}

.count-titles {
    width: 224px;
    display: flex;
    padding-bottom: 5px;
}

.count-titles > div {
    width: 33.3%;
    color: #fff;
}

.count-numbers {
    width: 224px;
    height: 66px;
    display: flex;
}

.day, .hour, .minute {
    width: 33.3%;
    height: 66px;
    background: url('../images/countdown_bg.png');
    font-size: 2.5em;
    color: #fff;
    padding-top: 9px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

.day {
    background-position-x: left;
}

.hour {
    background-position-x: center;
}

.minute {
    background-position-x: right;
}



@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) {

    .slider, .count-text, .mid-content, .games {
        display: none;
    }

    .slide-count {
        padding:  50px 20px;
        display: none;
    }
    

    .counter {
        /* width: 100%; */
        display: none;
        /* flex-wrap: wrap; */
    }
/* 
    .count-logo img {
        width: 86px;
        height: 93px;
    }

    .count-logo {
        width: 35%;
    }

    .counter-body {
        width: 65%;
    } */

}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) { 

    .games {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 20px;
        justify-content: space-between;
        background: #fff;
    }
    
    .gameBox {
        width: 600px;
        height: 300px;
        margin: 10px auto;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.3);
    }
    
    .sportsbookB {
        background: url('../images/sportsbook_mouseover.png') top center;
        background-position-y: top;
    }
    
    
    .horsesB {
        background: url('../images/horses_mouseover.png') top center;
    }
    
    
    .liveCasinoB {
        background: url('../images/livecasino_mouseover.png') top center;
    }
    
    
    .casinoB {
        background: url('../images/casino_mouseover.png') top center;
    }

    .count-logo {
        width: 50%;
        padding-left: 150px;
    }

    .counter-body {
        width: 50%;
    }
}




@media only screen 
and (min-width : 1025px) {

    .slide-count {
        display: flex;
        padding: 20px;
        justify-content: space-between;
    }
    
    .slider {
        width: 914px;
        height: 400px;
    }
    
    .counter {
        width: 288px;
        height: 400px;
        background: url('../images/bg_countdown.jpg')no-repeat center center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .count-container {
        width: 100%;
        height: 100%;
        background: url('../images/live_inplay.png') no-repeat center center;
    }

    .counter-body {
        padding-top: 25px;
    }

    .games {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 20px;
        justify-content: space-between;
        background: #fff;
    }
    
    .gameBox {
        width: 600px;
        height: 300px;
        margin: 10px 0;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.3);
    }
    
    .sportsbookB {
        background: url('../images/sportsbook_mouseover.png');
        background-position-y: top;
    
    }
    
    .sportsbookB:hover {
        background-position-y: bottom;
    }
    
    .horsesB {
        background: url('../images/horses_mouseover.png');
        background-position-y: top;
    }
    
    .horsesB:hover {
        background-position-y: bottom;
    }
    
    .liveCasinoB {
        background: url('../images/livecasino_mouseover.png');
        background-position-y: top;
    }
    
    .liveCasinoB:hover {
        background-position-y: bottom;
    }
    
    .casinoB {
        background: url('../images/casino_mouseover.png');
        background-position-y: top;
    }
    
    .casinoB:hover {
        background-position-y: bottom;
    }
    
    .mid-content {
        background: url('../images/home1.jpg')no-repeat center center;
    }
}