@media (max-width: 992px)
{
/* Generic layout */
    .btn
    {
        padding: 0;
    }
    .full-width-padding
    {
        padding-left: 7%;
        padding-right: 7%;
    }
/* Header */
    header #main-nav-container
    {
        font-size: 1.2em;
        margin-top: 0.5em;
    }
    header #main-nav-container ul
    {
        text-align: right;
    }
    header #main-nav-container ul.dropdown-menu
    {
        text-align: left;
    }
    #toggle-menu
    {
        display: none;
    }
/* MAIN: Hero content */
    #hero-content
    {
        padding-top: 9em!important;
        text-align: left;
    }
    #hero-content .row
    {
        overflow: hidden;
        clear: both;
        position: relative;
    }
    #hero-content .row div.col-md-3
    {
        width: 100%;
        float: none;
    }
    #hero-content .row div.col-md-9
    {
        width: 100%;
        float: none;
    }
    #hero-content div.page-header h1
    {
        margin-bottom: 0.5em;
        font-size: 3.5em;
    }
    div.page-header p
    {
        margin-bottom: 1em;
    }
/* MAIN: Games List */
    #games-list div.row
    {
        margin-bottom: 0;
        position: relative;
        overflow: hidden;
    }
    .single-game-obj
    {
        width: 33%;
        float: left;
    }
    .single-game-btn
    {
        margin-bottom: 2em;
    }
/* MAIN: about me */
    div.panel-heading
    {
        padding: 1em;
    }
    #about-me div.col-md-4
    {
        margin-bottom: 1.5em;
        text-align: center;
    }
/* Single Game Page */
    #single-game-page .full-width-padding
    {
        padding-left: 3em;
        padding-right: 3em;
    }
    #top-page-section h1#game-main-title
    {
    }
    #top-page-section row, #gallery row
    {
        position: relative;
        overflow: hidden;
    }
    #top-page-section div.col-md-3
    {
        width: 33%;
        float: left;
    }
    #top-page-section div.col-md-9
    {
        width: 67%;
        float: right;
    }
/* Game description */
    #game-description div.col-md-4
    {
        width: 33%;
        float: left;
    }
/* Game gallery */
    .bx-wrapper .bx-pager
    {
        bottom: -125px;
    }
    #gallery div.col-md-8
    {
        width: 65%;
        float: left;
    }
    #gallery div.col-md-4
    {
        width: 35%;
        float: right;
    }
/* Game description: Jackpot Stadium */
    #game-description div.jackpot-stadium-desc
    {
        width: 48%;
        position: relative;
    }
    #game-description div.jackpot-stadium-desc div.col-md-3
    {
        width: 30%;
        float: left;
        text-align: left;
    }
    #game-description div.jackpot-stadium-desc div.col-md-9
    {
        width: 70%;
        float: left;
    }
    #game-description div.col-md-6 p.single-feature-description
    {
        line-height: 22px;
    }
/* Game description: Smashell */
    #game-description div.col-md-3
    {
        width: 25%;
        float: left;
    }
    
     /* Index - about us */
    
    #about-me .row
    {
    	position: relative;
    }
    
    #about-me .col-md-6
    {
    	width: 50%;
        float: left;
    }
    
    #about-me .col-md-4, #about-me .col-md-2
    {
    	width: 35%;
        float: left;
    }
    
    #about-me .col-md-8, #about-me .col-md-10
    {
    	width: 63%;
        float: left;
    }
}

/* ------------------------------------- */

@media (max-width: 840px)
{
/* Header */
    .btn
    {
        padding: 0.5em;
    }
    
/* MAIN MENU */
    header #toggle-menu
    {
        display: block;
        text-align: right;
    }
    header #main-nav-container
    {
        display: none;
    }
    .dropdown-menu
    {
        background-color: rgba(36, 33, 38,0.9);
        text-transform: uppercase;
        right: 0;
        left: auto;
    }
    .dropdown-menu a:link, .dropdown-menu a:visited, .dropdown-menu a:active
    {
        color: #3aa5bb;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .dropdown-menu li a:hover, .dropdown-menu li a:focus
    {
        background: #000;
        color: #3aa5bb;
    }
    .dropdown-menu .divider
    {
        background: #cbcbcb;
    }
/* HERO CONTENT */
    #hero-content
    {
        text-align: center;
    }
    #hero-size-logo
    {
        width: 40%;
        margin-bottom: 2em;
        margin-top: 4em;
    }
/* MAIN: Games List */
    #games-list div.row
    {
        margin-bottom: 0;
        position: relative;
        overflow: hidden;
    }
    .single-game-obj
    {
        width: 33%;
        float: left;
    }
    
     /* Index - about us */

    #about-me .col-md-6
    {
    	width: 100%;
        float: none;
        margin-top: 30px;
    }
    
    #about-me .col-md-4
    {
    	width: 20%;
        float: left;
    }
    
    #about-me .col-md-8
    {
    	width: 80%;
        float: left;
    }
    
    footer
    {
        text-align: center;
    }
    #direct-email p
    {
        text-align: center;
    }
/* ---- SINGLE GAME PAGE ---- */
    
    #top-page-section
    {
    	margin-bottom: 0;
        padding-bottom: 0;
    }
    
    #top-page-section h1#game-main-title
    {
        padding-top: 1.5em;
    }
    #game-specs div.col-md-4
    {
        width: 33%;
        float: left;
    }
    .download-box
    {
        margin-bottom: 2em;
        padding: 2.2em 1em;
    }
    .download-box h3
    {
        margin-bottom: 10px;
    }
    #title-column img
    {
        width: 50%;
        margin-top: 20px;
    }
    #game-description div.col-md-3
    {
        width: 48%;
        margin-bottom: 20px;
    }
    #gallery div.col-md-8
    {
        width: 100%;
        float: none;
        clear: both;
    }
    #gallery div.col-md-4
    {
        width: 100%;
        float: none;
        clear: both;
        padding-top: 1.5em;
    }
    #gallery div.col-md-4 .download-box
    {
        padding: 2.2em 1em;
    }
    #gallery div.col-md-4 img
    {
        width: 50%;
    }
/* ---- SINGLE GAME PAGE: jackpot stadium ---- */
    .jackpot-stadium-desc
    {
        width: 48%;
        float: left;
    }
}

/* ------------------------------------- */

@media (max-width: 480px)
{
    header .row
    {
        position: relative;
        clear: both;
    }
/* Hero content */
    #hero-content
    {
        padding-top: 6em;
    }
    #hero-content div.page-header h1
    {
        font-size: 3em;
    }
    #hero-content #hero-size-logo
    {
        width: 70%;
        margin-top: 0;
        margin-bottom: 0;
    }
/* Game list */
    #game-list div.row
    {
        margin-bottom: 0;
    }
    .single-game-obj
    {
        width: 100%;
        float: none;
        margin-bottom: 1.5em;
    }
    
    /* Index - about us */

    #about-me .col-md-6
    {
    	width: 100%;
        float: none;
        margin-top: 30px;
    }
    
    #about-me .col-md-4, #about-me .col-md-2
    {
    	width: 70%;
        float: none;
        margin: 0 auto;
    }
    
    #about-me .col-md-8, #about-me .col-md-10
    {
    	width: 100%;
        float: none;
        text-align: center;
    }
    
    h4.panel-title
    {
    	text-align: centeR;
    }
    
/* Contact me */
    #contact-form ul li
    {
        display: none;
    }
/* Footer */
    #footer-social-menu ul li
    {
        display: block;
        text-align: center;
    }
/* Single Game page */
    #single-game-page .full-width-padding
    {
        padding-left: 7%;
        padding-right: 7%;
    }
    #top-page-section h1#game-main-title
    {
        padding-top: 0;
    }
    #game-specs div.col-md-4
    {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    #game-specs div.col-md-4 h5
    {
        display: none;
    }
    #game-specs div.col-md-4 p
    {
        text-transform: uppercase;
        font-weight: bold;
        line-height: 50px;
    }
    #game-description .row div.col-md-3, #game-description .row div.col-md-4, #game-description .row div.col-md-6, #game-description .row div.col-md-9
    {
        text-align: center;
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }
    #title-column.download-box img, #gallery div.download-box img
    {
        width: 80%;
    }
    #gallery .bx-wrapper,  #top-page-section .bx-wrapper
    {
        margin-bottom: 40px;
    }
    .bx-wrapper .bx-pager
    {
        display: none;
    }
    #gallery div.download-box
    {
        margin-bottom: 10px;
    }
    #gridd-2-desc p, #gridd-2-desc h4
    {
        text-align: center;
    }
}

/* ------------------------------------- */

@media (max-width: 360px)
{
    .btn
    {
        font-size: 18px;
    }
    #title-column.download-box h3
    {
        font-size: 24px;
    }
/* Jackpot Stadium */
    #game-description div.jackpot-stadium-desc div.col-md-3, #game-description div.jackpot-stadium-desc div.col-md-9
    {
        width: 100%;
        float: none;
        text-align: center;
    }
}

/* ------------------------------------- */

@media (max-width: 1200px)
{
    #title-column, .download-box
    {
        padding: 2.2em 1em;
    }
    .download-box img
    {
        width: 80%;
    }
    .single-game-obj p
    {
        font-size: 1em;
    }
    #toggle-menu
    {
        display: none;
    }
}

/* ------------------------------------ */

@media (max-width: 1280px)
{
    #toggle-menu
    {
        display: none;
    }
}

/* ------------------------------------ */

@media (max-width: 1440px)
{
    #toggle-menu
    {
        display: none;
    }
/* MAIN: Hero content */
    div.page-header p
    {
        margin-bottom: 1.5em;
    }
/* MAIN: Game list */
    #games-list div.row
    {
        margin-bottom: 2em;
    }
}

/* ------------------------------------ */

@media (max-width: 1920px)
{
    body
    {
        font-size: 16px;
    }
    .full-width-padding
    {
        max-width: 1440px;
        margin: 0 auto;
    }
    #toggle-menu
    {
        display: none;
    }
    iframe
    {
        height: 400px;
        width: 100%;
    }
}