/* 768 to 480 responsive css start */
@media screen and (max-width:768px) {
    
    /* General css start */
    body {
        width:auto;
        min-width:0;
    }
    /* General css end */
    
    
    /* Header css start */
    #HeaderContainer {
        width:auto;
        padding:0 10px;
        z-index:2;
    }
    
    #logo {
        width:32%;
    }
    
    header#MainHeader hgroup h1 a {
        width:100%;
        background-size:100%;
        background-position:center;
    }
    /* Header css end */
    
    
    /* Main menu css start */
    header#MainHeader nav#TopMenu {
        width:auto;
    }
    
    header#MainHeader nav#TopMenu ul {
        margin:0;
    }
    
    header#MainHeader nav#TopMenu li {
        padding:0;
    }
    
    header#MainHeader nav#TopMenu li a {
        font-size:2.1vw;
        padding:100px 0.8vw 10px 0.8vw;
        display:inline-block;
    }
    /* Main menu css end */
    
    
    /* Contents css start */
    #Container {
        padding:0 10px;
        z-index:1;
    }
    
    #MainContainerFrontpage {
        overflow:visible;
    }
    
    section#TheEye {
        width:auto;
        background-size:50%;
        margin:100px 0 0 0;
        padding:0 55% 0 0;
    }
    
    section#TheEye h2 {
        font-size:5vw;
    }
    
    section#TheEye p {
        width:auto;
        font-size:2.3vw;
    }
    /* Contents css end */
    
    
    /* Footer css start */
    #FooterBackground, #FooterContainer {
        width:auto;
        min-width:0;
        height:auto;
        overflow:visible;
    }
    
    #FooterBackground {
        padding:0 10px 10px 10px;
    }
    
    div#FooterContainer .menuFooterMenuRightLower, div.moduletable_subscribehome {
        position:static;
    }
    
    div#FooterContainer .menuFooterMenuRightLower {
        margin-top:160px;
    }
    /* Footer css end */
    
/* 768 to 480 responsive css end */



/* 480 and bellow responsive css start */
@media screen and (max-width:480px) {
    
    /* Header fix css start */
    #HeaderContainer {
        overflow:visible;
    }
    /* Header fix css end */
    
    
    /* Logo fix css start */
    #logo {
        width:100%;
    }
    
    header#MainHeader hgroup h1 a {
        background-size:auto;
        margin-top:80px;
    }
    /* Logo fix css end */
    
    
    /* Main menu fix css start */
    header#MainHeader nav#TopMenu {
        width:100%;
        background:url(../images/responsive/menuBG.png) top left;
        overflow:visible;
        position:absolute;
        top:0;
        left:0;
    }
    
    header#MainHeader nav#TopMenu ul {
        background:url(../images/responsive/menuToggleBG.png) top left no-repeat;
        padding-top:50px;
    }
    
    header#MainHeader nav#TopMenu li {
        display:none;
    }
    
    header#MainHeader nav#TopMenu:hover li, header#MainHeader nav#TopMenu:focus li {
        display:block;
    }
    
    header#MainHeader nav#TopMenu li a {
        color:#fff;
        font-size:4vw;
        padding:10px;
        display:block;
    }
    
    header#MainHeader nav#TopMenu li.active, header#MainHeader nav#TopMenu li:hover {
        background:rgba(255, 255, 255, 0.05);
    }
    
    header#MainHeader nav#TopMenu li.active a, header#MainHeader nav#TopMenu li:hover a {
        color:#fff;
    }
    /* Main menu fix css end */
    
    
    /* Contents fix css start */
    section#TheEye {
        min-height:350px;
        background-size:100%;
        background-position:center top;
        margin:0;
        padding:65% 0 0 0;
    }
    
    section#TheEye h2 {
        font-size:10vw;
    }
    
    section#TheEye p {
        width:auto;
        font-size:4vw;
    }
    /* Contents fix css end */
    
    
    /* Footer fix css start */
    div#FooterContainer .menuFooterMenuRightLower, div.moduletable_subscribehome {
        float:left;
        margin-top:30px;
        clear:both;
    }
    
    div.moduletable_subscribehome h3 {
        padding:0;
        margin-bottom:10px;
    }
    /* Footer fix css end */
    
/* 480 and bellow responsive css end */