@media screen and (min-width: 1105px){
    
    #container{
        width:1075px;
    }

    #box{
        width:1075px;
    }

    #content{
        width:593px;
    }

    .form_for_login{
        padding:10px 40px 10px 40px;
        box-shadow: 0 0 28px 18px #000;
    }

    .form_for_login input[type="text"],
    .form_for_login input[type="password"]{
        width:400px;
    }

    /*------------------------------------------------------------------*/

    #left{
        display:block;
    }

    #right{
        display:block;
    }

    /*------------------------------------------------------------------*/

    #header{
        width:1075px;
    }

    #reit_red{
        width:1075px;
    }

    /*------------------------------------------------------------------*/

    #picture{
        width:1075px;
        height:200px;
    }
    
    #picture img{
        width:100%;
    }

    #picture-mirror{
        display:block;
        width:1075px;
        height:20px;
    }

    #picture-mirror img{
        width:100%;
    }

    /*------------------------------------------------------------------*/

    #top_m{
        
    }
    
    #top_m a{
        display:inline-block;
    }
    
    #top_m a:hover{
        background-color:#000000;
        border-bottom-color:#ffab61;
    }

    /*------------------------------------------------------------------*/

    .logo-part-2{
        
    }

    /*------------------------------------------------------------------*/

    #clogo{
        width:597px;
    }

    #lin{
        width:239px;
    }
    
    .lin-part-1{
        width:219px;
    }
    
    .lin-part-2{
        width:20px;
    }
    
    #rin{
        width:239px;
    }
    
    .rin-part-1{
        width:20px;
    }
    
    .rin-part-2{
        width:219px;
    }
}



@media screen and (max-width: 1257px){
    .to-top-of-site-go-agb.comp,
    .to-bottom-of-site-go-agb.comp{
        bottom:10px; right:20px;
    }

    .to-bottom-of-site-go-agb.comp{
        right:90px;
    }
}


@media screen and (max-width: 1104px){
    #picture-mediator{
        display:none;
        width:100%;
        position:fixed;
        top:0; bottom:0; left:-300px; right:initial;
        background-color: rgba(0, 0, 0, 0.9);
        z-index:11111117;
        padding-top:70px;
    }

    #top_m{
        width:300px;
        margin:0 auto;
    }

    .close-close-btn{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 27px;
        text-transform: uppercase;
        color: #777777;
        background-color: #000000;
        position: absolute;
        top:10px; bottom:initial; left:initial; right: 10px;
        z-index: 11111118;
        cursor: pointer;
        border:1px solid #777777;
        font-family: "Chalet2";
    }

    .close-people-form-btn::before{
        display: block;
        content: "";
        position: absolute;
        top:0; bottom:0; left:0; right:0;
        z-index: 1;
    }

    .close-people-form-btn{
        display: none;
    }

    .menu-open-btn{
        display: none;
        width: 50px;
        height: 50px;
        background-color: #000000;
        position: absolute;
        top:0; bottom:0; left:initial; right: 20px;
        margin: auto 0;
        z-index: 11111116;
        cursor: pointer;
    }

    .inner-menu-open-btn{
        display: block;
        width: 30px;
        height: 2px;
        background-color: #ff0000;
        position: absolute;
        top:0; bottom:0; left:0; right:0;
        margin:auto;
    }

    .inner-menu-open-btn::before{
        display: block;
        content: "";
        width: 30px;
        height: 2px;
        background-color: #ff0000;
        position: absolute;
        top:-10px; bottom:initial; left:0; right: 0;
    }

    .inner-menu-open-btn::after{
        display: block;
        content: "";
        width: 30px;
        height: 2px;
        background-color: #ff0000;
        position: absolute;
        top:10px; bottom:initial; left:0; right: 0;
    }

    .menu-open-top-menu{
        display:block;
        position: absolute;
        top:0; bottom:0; right:0; left: initial;
        margin:auto 0;
        background-color: #000000;
        color: #ffffff;
    }

    .bottom-panel{
        display: block;
    }

    .logo33-bottom-panel{
        display: block;
    }

    .to-top-of-site-go-agb.comp,
    .to-bottom-of-site-go-agb.comp{
        display: none;
    }

    #footer{
        padding-bottom:93px;
        margin-bottom: 0;
    }
}


@media screen and (max-width: 1024px){
    .logo33{
        display: none;
    }

    #up .logo33,
    #up .logo33.a2{
        display: block;
        width: 29px;
        position: absolute;
        top:7px; left: 7px;
        border: none;
        padding: 0;
    }

    #up .logo33.a2{
        left: initial; right: 7px;
    }

    .popup-of-message .p-outer-block, 
    .popup-of-message2 .p-outer-block2{
        width:auto;
    }
}


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

    #footer{
        margin-bottom:0;
    }
}


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

    table.people-search td.addition{
        display:block !important;
        width:300px;
        border:none;
        padding-left: 0;
        margin:0 auto;
    }

    table.people-search td.right-td-users-search{
        display:none !important;
        width:100%;
        padding-top:70px;
        padding-bottom:40px;
        padding-right: 0;
        position:fixed;
        top:0; bottom:0; left:-300px; right:initial;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 11111117;
        overflow-y: auto;
        border:none;
    }

    .people-search td.right-td-users-search .out-form-div-1{
        display: block;
        width: 300px;
        border:none;
        margin:0 auto;
        border:1px solid #cc0000;
    }

    .people-search td.right-td-users-search .out-form-div-2{
        width: 100%;
        border:none;
    }

    .people-search td.right-td-users-search .out-form-div-3{
        width: 100%;
        border:none;
        padding-top:0;
    }

    .people-search td.right-td-users-search form.user-find{
        width: 100%;
        margin-left: 0;
        padding: 20px 15px 20px 15px;
    }

    .menu-open-search-people-form{
        display: block;
    }

    .logo33-bottom-panel{
        display: none;
    }

    .logo33-bottom-panel.show-logo{
        display: block;
    }
}


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

    
}