@media screen and (max-width:1152px){
    .container {
        width: 1080px;
    }
    .menu ul li a {
        padding:0 10px;
    }
    .control-right{
        margin:1em 5px 0;
    }
}
@media screen and (max-width:1024px){
    .container {
        width: 100%;
    }
    .brand{
        width:30%;
    }

    .banner{
        border:1px solid red;
    }
    .control-right{
        border:1px solid red;
        margin:8px 5px 0;    

    }

    .info{display:none}
    .menu_container{width:100%}
    .menu ul{width:100%}
    .menu ul li a,.menu ul ul,.menu ul ul li a{
        -webkit-transition:none;-moz-transition:none;
        -ms-transition:none;-o-transition:none;transition:none}
    .menu ul ul{width:100%;margin:0}
    .menu ul:hover li a.selected{background:#09F;color:#FFF}
    .menu ul:hover ul.visible{margin:0;filter:alpha(opacity=100);opacity:1}
}
@media screen and (max-width:768px)
{  
    .menu_container{overflow:visible}
    .menu{height:125px;}
    .menu ul{background:#333}
    .menu ul li{width:20%;text-align:center}
    .menu ul li a{padding:0}
    .menu ul ul{display:none;height:auto;top:100%}
    .menu ul ul.visible{display:block}
    .menu ul li:hover ul{display:block}
    .menu ul ul li{width:20%}
    .menu ul ul li a{width:100%;
                     height:37px;padding:0}
    .menu ul ul li:hover a{background:#24a7ff;text-shadow:none}
}
@media screen and (max-width:480px){
    .menu ul li{width:25%}
    .menu ul ul li{width:25%}}
@media screen and (max-width:320px){
    .menu ul li{width:100%;
                text-align:left;
                border-bottom:solid 1px #222}
    .menu ul li a{padding-left:20px}
    .menu ul ul{display:none;top:auto}
    .menu ul ul.visible{display:none}
    .menu ul ul li{width:100%;text-align:center;border-bottom:0;border-top:solid 1px #0084dc}.menu ul ul li a{line-height:39px}
}