@media (min-width: 200px) and (max-width: 399px) {
    #agreement_tip_reg {
        left: 135px;
    }
}

@media (min-width: 200px) and (max-width: 500px){

    #long_navbar_brand, #long_tech {
        display: none !important;
    }
    #short_navbar_brand {
        display: inline-block !important;
        max-width: 200px;
    }

    .brand_name {
        margin-left: -10px;
        margin-right: -5px;
    }

    .language_switcher {
        margin-right: -5px;
        margin-left: -5px;
    }

    .modal#change_personal_data .modal-content {
        width: 97%;
        margin: 0 auto;
    }

    #documents_header {
        padding: 5px;
    }

    #storage_reminder {
        width: 80%;
        left: 10%;
        top: 60px;
    }

    .fb_btn {
        width: 100%;
        padding: 10px 15px;
        margin-right: 0;
    }

    .yandex_btn {
        width: 100%;
        padding: 10px 15px;
        margin-right: 0;
    }

    .google_btn {
        width: 100%;
        padding: 10px 15px;
    }

    .vk_btn {
        width: 100%;
        padding: 10px 15px;
        margin-right: 0;
    }

    .ok_btn {
        width: 100%;
        padding: 10px 15px;
        margin-right: 0;
    }

    #doc_settings img {
        margin: 4px 5px;
    }

}

@media (min-width: 200px) and (max-width: 767px) {

    #long_tech {
        display: none !important;
    }

    #short_tech {
        display: inline-block !important;
    }

    .login_menu_item {
        margin-right: 5px;
    }

    .xs_user_name {
        text-align: right;
        display:inline-block;
        float: right;
        margin-right: 5px;
        max-width: 100px;
        overflow: hidden;
    }

}

@media (min-width: 200px) and (max-width: 991px) {

    #site_name {
        padding:5px;
    }

    #site_name h2, #site_name h3 {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #site_name h2 {
        font-size:1.75em;
    }

    #site_name h3 {
        font-size:1.5em;
    }

    #login_form h3, #registration_form h3 {
        margin-bottom: 10px;
    }

    #login_form .form-group, #registration_form .form-group {
        margin-bottom: 7px;
    }

    #login_form #submit, #registration_form #submit {
        margin-top: 15px;
    }

    .sign_up_btn {
        margin-top:0;
    }

    #users_wrapper{
        margin-left: -15px;
        margin-right: -15px;
    }

    #navbar_p .navbar-brand {
        min-width: 150px;
    }

    .panel-group {
        margin-bottom: 10px;
    }

    #doc_settings {
        padding: 5px;
        margin-bottom: 15px;
        text-align: center;
    }

    #submit {
        margin-bottom: 10px;
    }

    #doc_settings .centered_items {
        width: 75%;
    }

    #doc_settings .glyphicon.glyphicon-chevron-left,  #doc_settings .glyphicon.glyphicon-chevron-right {
        margin-right: 3px;
        margin-left: 3px;
    }

    #doc_settings i.fa-cog {
        right: -5px !important;
    }

    #doc_settings i, #doc_settings .glyphicon {
        font-size: 1.8em;
        margin: 0 10px;
    }

    #info_container {
        margin-left: -15px;
        margin-right: -15px;
    }

    .docs_info {
        font-size: 1.5em;
    }

    .modal-dialog {
        width: 99%;
        margin: 20px auto;
    }

    #modal_image .close {
        right: 2px;
        top: 2px;
    }

    #modal_success {
        width: 80%;
        margin-top: 60px;
    }

    #file_wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .profile_block h4 a {
        margin-right: 8px;
        margin-bottom: -2px;
    }

    #tip_wrapper {
        margin-left: -15px;
    }

}

@media (min-width: 415px) and (max-width: 990px) {

    #sidebar_nav.docs a {
        font-size: 1.2em;
        padding: 5px;
    }

    .docs_info {
        font-size: 1.5em;
    }

    #sidebar_nav.docs .one_doc_table {
        font-size: 1.1em;
        padding: 4px;
    }

}

@media (min-width: 414px) and (max-width: 991px) {

    .one_doc_table .exam_date {
        width: 80px;
    }

    #login_div, .mobile-login-wrapper {
        width: 400px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width:  570px) {

    .agree_to_store {
        width: 100%;
    }

}

@media (max-width:701px) {
    #ssl {
        float:none;
        margin: 10px auto 5px;
        /*width: 73px;*/
    }


    .footer_2nd {
        text-align: center;
    }

    #copyright {
        margin-right: 0;
    }
    #footer a.policy {
        float:none;
        margin-top:0;
        width: 100%;
        text-align: center;
    }

    #footer_logo {
        display: block;
        margin-right: 0;
        margin: 5px auto;

    }

}

@media (min-width: 769px) {

    .navbar-brand:after {
        content: "|";
        display: inline-block;
        color: white;
        margin-left: 10px;
        margin-right:-20px;
    }

    #modal_errors {
        width: 32%;
        top: 40px;
        left:34%;
    }

}

@media (max-width: 769px){

    #modal_errors {
        width: 90%;
        top: 70px;
        left:5%;
    }

    #navbar_p .navbar-brand {
        padding-top: 15px;
        padding-bottom: 15px;
        height: 50px;
    }

    #navbar_p .navbar-brand {
        font-size: 13px;
    }

    .breadcrumb {
        margin-top: 20px;
    }

    #upload_doc>div {
        margin-left: 20px;
    }

    .upload_step {
        left: 10px;
    }

    /*#form_contact_us_login .dropdown-menu li .text-muted {*/
        /*display: block;*/
        /*padding-left: 0;*/
    /*}*/

}

@media (min-width: 766px) and (max-width: 1150px) {

    #long_navbar_brand, #long_data, #long_tech {
        display: none !important;
    }

    #short_navbar_brand, #short_data, #short_tech {
        display: inline-block !important;
        max-width: 200px;
    }

}

@media (min-width: 821px) and (max-width: 871px) {

    #navbar_p .nav > li > a, #navbar_p .navbar-brand {
        padding-left: 10px;
        padding-right: 10px;
    }

}

@media (min-width: 991px) and (max-width: 1180px) {
    #sidebar_nav {
        width: 30%;
    }

    #doc_div {
        width: 70%;
    }
}

@media (min-width: 991px){

    #sidebar_nav.docs a {
        font-size: 1.1em;
        padding: 5px;
    }

    .docs_info {
        font-size: 1.1em;
    }

    #sidebar_nav.docs .one_doc_table {
        font-size: 1.03em;
        padding: 4px;
    }

    #login_div, .mobile-login-wrapper {
        width: 400px;
        margin-right: auto;
        margin-left: auto;
    }

}

@media (min-width: 992px){

    .modal-lg {
        width: 90%;
    }

}

@media (min-width: 1042px) {
    #short_navbar_brand, #short_data, #short_tech {
        display: none !important;
    }
}