@media screen and (max-width: 1000px) {
    
    header {
        height: 50px !important
    }
    
    .content, .content.index {
        margin-top: 70px
    }
    
    nav#desktop, .mainLogo, .feedback {
        display: none
    }
    
    .mobileLogo {
        display: block
    }
    
    .tagline {
        top: 20px; left: 150px;
        font-size: 20px
    }
    
    .icoMenu {
        display: block;
        visibility: visible;
        opacity: 1
    }
    
    .indexBlock {
        font-size: 1.8em
    }
    
}

@media screen and (max-width: 800px) {    

    .twoColumns {
        display: block
    }
    
    .twoColumnsImg {
        display: block
    }
    
    .twoColumnsImg.softwareImg {
        display: none
    }
    
    h1 {
        font-size: 32px
    }
    
    menu.sub ul {
        font-size: 13px;
    }
    
    .topSection {
        display: block
    }
    
    .indexBlock {
        display: block;
        font-size: 1.6em
    }
    
    .indexBlock article {
        display: block;
        width: 100%;
        text-align: center !important
    }
    
    .imgJetPad {
        display: inline-block
    }
    
    .topSection {
        display: block;
    }
    
    .topSection article {
        max-width: 600px;
        margin: 20px auto !important;
    }
    
    .bassShakerBlock {
        margin-top: 60px
    }
    
}

@media screen and (max-width: 700px) {    

    menu.sub {
        display: none
    }
    
    menu.subM {
        display: inline-block
    }
    
    iframe {
        width: 100%;
        height: 50vw
    }
    
}

@media screen and (max-width: 600px) {   
    
    header{
        position: fixed;
        top: 0; left: 0; right: 0;
        height: 50px !important;
        z-index: 10000        
    }

    .gameSupport h2 {
        font-size: 32px;
    }
    
    .tagline {
        display: none
    }
    
    .downloadSection.smallButton a {
        margin-bottom: 10px
    }
    
    footer .shell div {
        display: block;
    }
    
    footer .shell article {
        text-align: left !important        
    }
    
    .darkPage footer .shell article {
        text-align: center !important        
    }
    
    footer .shell article:last-child {
        margin-top: 20px
    }
    
    
    
}