@media(max-width:1200px){
    .menu-panel {
        left:-220px;
        transition:left 300ms ease-in;
    }
    .menu-panel:hover {
        left:0px;
        
    }
    .menu-panel .panel-arrow {
        display:block;
    }
    
    .head-line {
        left:30px;
    }
    #main-panel-box {
        left:30px;
    }
    .filters {
        display:none;
    }
}
@media(max-width:800px){
    .form-panel .header-panel {
        left:-220px;
         transition:left 300ms ease-in;
    }
    .form-panel .header-panel .panel-arrow {
        display:block;
    }
    .form-panel .panel {
        left:30px;
    }
    .form-panel .header-panel:hover {
        left:0px;
        
    }
}
@media(max-width:600px){
    .login-info {
        display:none;
    }
    .footer-panel .right,.footer-panel .left {
        display:none;
    }
    .fld label {
        width:100%;
        text-align:left;
        border:none;
        padding-left:0px;
    }
    .help-box {
        text-align:left;
    }
    .fld-field {
        width:100%;
        padding-left:0px;
    }
}