/*---------------------------------------*
 * Small Desktop
 *---------------------------------------*/
@media (max-width: 1237px) {

    /* Body, Container
     * ----------------------------------*/
    .container {
        width: 960px;
    }


    /* Main
     * ----------------------------------*/
    .main {
        width: 600px;
        height: 576px;
    }
    header {
        margin: 25px 0 0 50px;
    }
    .site-title {
        margin-bottom: 20px;
    }
    .site-title img {
        width: 180px;
    }
    #carousel {
        height: 110px;
    }


    /* Sidebar
     * ----------------------------------*/
    .sidebar {
        width: 360px;
    }
    .sidebar-item {
        height: 288px;
    }
    .sidebar .casino .btn-play {
        top: 210px;
        left: 22px;
    }
}


/*---------------------------------------*
 ## Tablet
 *---------------------------------------*/
@media (max-width: 960px) {

    /* Body, Container
     * ----------------------------------*/
    .container {
        /*width: 750px;*/
        width: 90%;
    }


    /* Main
     * ----------------------------------*/
    .main {
        width: 100%;
        height: 586px;
    }
    #carousel {
        height: 120px;
    }


    /* Sidebar
     * ----------------------------------*/
    .sidebar {
        width: 100%;
    }
    .sidebar-item {
        height: 249px;
    }
    .sidebar .casino .btn-play {
        top: 185px;
        left: 25px;
    }
    .sidebar .casino {
        background: url('../images/card-casino-lg.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .sidebar .poker {
        background: url('../images/card-poker-lg.jpg') no-repeat 0 0;
        background-size: cover;
    }
}


/*---------------------------------------*
 * Phone (portrait)
 *---------------------------------------*/
@media screen and (max-width: 400px) {

    /* Body, Container
     * ----------------------------------*/
    .container {
        width: 100%;
    }


    /* Main
     * ----------------------------------*/
    .main {
        height: 596px;
        background-position: 0 0;
        background-size: cover;
    }
    header {
        margin: 0;
    }
    header nav {
        margin-left: 15px;
    }
    header nav a {
        font-size: 18px;
    }
    .site-title img {
        display: block;
        margin: 20px auto;
        width: 165px;
    }
    #carousel {
        height: 140px;
        max-width: 260px;
        margin: 0 auto;
    }
    .main .btn {
        margin: 15px 0 0 24px;
    }


    /* Sidebar
     * ----------------------------------*/
     .sidebar-item {
        height: 260px;
    }
    .sidebar .casino {
        background: url('../images/card-casino.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .sidebar .poker {
        background: url('../images/card-poker.jpg') no-repeat 0 0;
        background-size: cover;
    }
    .sidebar .casino .btn-play {
        top: 185px;
        left: 19px;
    }


    /* Footer
     * ----------------------------------*/
    footer nav li {
        margin: 0 10px;
    }
    footer .copyright {
        font-size: 10px;
    }
}