/* 
    Created on : 06-Jun-2015, 00:28:50
    Author     : debos webdev:
*/


@media screen and (max-width: 1200px) {
    div#header {
        background: none;
    }
}

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

    div#left {
        display: none;
    }

        img#logo-left {
            display: none;
        }

    div#content {
        margin: 0 220px 0 0;
    }

    div#page {
        background: #FFF;
    }
}

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

    ul.nav.menu {
        width: 100px;
        position: absolute;
        right: 0;
        z-index: 10;
    }

    ul.nav.menu li {
        margin: 0;
        display: none;
    }

    ul.nav.menu li a {
        margin: 0;
        width: 62px;
        color: #FED337;
        background: #1D046C;
    }

    ul.nav.menu li.active {
        display: block;
    }

    ul.nav.menu li.active a,
    ul.menu li a:hover {
        color: #1D046C;
        background: #FED337;
    }
}

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

    div#right {
        display: none;
    }

    div#content {
        margin: 0;
    }

    
}