@media screen and (max-width: 1020px) {
    .head .wrap{
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    
        .head .wrap .text{
            padding: 70px 0 0 24px;
            color: #58585a;
        }
        
        .head .wrap .logininfo{
            position: absolute;
            top: 17px;
            right: 20px;
            max-width: none;
            padding: 0;
        }
        
    .main .content{
        width: calc(100% - 40px);
        padding: 20px 0 125px 0;
        margin: 0 20px;
    }
    
    .guestregistration .registrationform .left{
        width: calc(30% - 15px);
    }
    
    .guestregistration .registrationform .right{
        width: calc(70% - 15px);
    }
        
        .guestregistration .registrationform .right .top .left{
            width: calc(45% - 15px);
        }
        
        .guestregistration .registrationform .right .top .right{
            width: calc(55% - 15px);
        }
    
    .main .foot{
        width: calc(100% - 40px);
        padding: 0 20px;
        left: 0;
    }
}

@media screen and (max-width: 740px) {
    body{
        height: calc(100% - 182px);
    }
    
    .head .wrap .logo{
        float: none;
        margin: 0 0 13px -13px;
        padding: 1px 0 0 0;
    }
    
    .head .wrap .text{
        float: none;
        padding: 0 0 2px 0;
        margin: -1px 0 0 -2px;
    }
    
    .head .wrap .logininfo{
        float: none;
        position: static;
        text-align: left;
        padding: 0 0 17px 0;
        margin: -4px 0 0 0;
    }
    
    .main .content{
        padding: 20px 0 57px 0;
    }
    
        .main .foot .info{
            width: 100%;
            padding: 18px 0 17px 0;
        }
        
        .main .foot .logo{
            display: none;
        }
    
    .guestregistration .navigation{
        margin: -2px 0 0 0;
    }
    
    .guestregistration .registrationform .left{
        width: 100%;
        float: none;
    }
    
    .guestregistration .registrationform .right{
        width: 100%;
        float: none;
    }
    
    .guestregistration .guestoverview .guesttable{
        display: none;
    }
    
    .guestregistration .guestoverview .guesttablesmall{
        display: block;
    }
}

@media screen and (max-width: 540px) {
    .guestregistration .loginform{
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .guestregistration .registrationform .group .fieldset.times{
        padding: 0 0 15px 0;
    }
    
    .guestregistration .registrationform .right .top .left{
        width: 100%;
    }
    
    .guestregistration .registrationform .right .top .right{
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .head .wrap .logo{
        width: calc(100% + 26px);
    }
    
        .head .wrap .logo img{
            width: 100%;
            height: auto;
        }
}