@media screen and (min-width: 1200px) {
    .nav-catalog-li-last {padding: 0 0 0 45px;}
    
    .nav-catalog-menu-login {margin-top: 22px;}
    
    .nav-catalog-li-login {float: right;}
    
    .nav-catalog-menu-login li a span {margin-left: 0;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-menu-login-border-bottom {float: left;}

    .nav-menu-item {margin: 2px 0;}

    .nav-catalog-li {
        float: left;
        width: 50%;
        padding: 8px 40px;
    }

    .nav-catalog-menu {margin-top: 10px;}
    
    .nav-catalog-menu-login {margin-top: 22px;}
    
    .nav-catalog-li-login {
        float: right;
        padding-right: 0;
    }
    
    .nav-catalog-menu-login li a span {
        display: inline-block;
        float: right;
        margin-left: 0;
    }
    
}

@media screen and (max-width: 991px) {
    .nav-menu-item {
        margin: 15px 0;
        line-height: 24px;
        font-weight: 600;
    }

    .menu-catalog {padding: 0;}
    
    .icon-warning-doc-login {line-height: 19px;}
    
    .items-login .col-sm-4 img {width: 100%;}
    
    .items-login .col-sm-4 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 1058px) {
    .area-text-modal {
        max-width: 582px;
    }
}

@media (max-width: 854px) {
    .wrap-section-modal .title-section-modal {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
    }
    
    .title-section-modal-text input {
        width: 100%;    
    }
    
    .area-text-modal {
        max-width: 100%;    
    }
    
    .wrap-section-modal .title-section-modal textarea {
        margin-left: 0;    
    }
    
    #modal-add .modal-dialog,
    #modal-edit .modal-dialog,
    #modal-contact .modal-dialog {
        width: auto;
        max-width: auto;
    }
    
    .title-section-modal input {
        display: inline-block;    
    }
    
    .wrap-section-modal .title-section-modal-rub,
    .wrap-section-modal .price-section {
        display: inline-block;
    }
    
    .wrap-section-modal .title-section-modal-rub {
        margin-left: 10px;    
    }
    
    .area-text-modal {
        max-width: 100%;
    }
    
    .wrap-section-modal {
        margin-bottom: 10px;    
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .npl-sm {padding-left: 0;}
}

@media screen and (max-width: 767px) {
    .npl-xs {padding-left: 0;}

    .block-title-catalog {
        margin-top: 36px;
        margin-bottom: 10px;
        padding: 25px 15px;
    }

    .npr-sm-md-lg {padding-right: 15px;}

    .btn-search {
        display: block;
        float: none;
        margin: 25px auto 0;
        outline: none;
    }

    .input--background-padding-left {padding-left: 15px;}

    .wrap-menu-f,
    .wrap-logo {margin: 0 30px 20px;}

    .nav-f--margin-top {margin: 0 30px 20px;}

    .menu-title {margin: 2.5px 0;}

    .card-img {height: auto;}

    .img-adjust {
        height: auto;
        max-height: 212px;
        max-width: 90%;
    }

    .clock {height: auto;}
    
    .block-consult-login {background-size: cover;}
    
    .items-login .col-sm-4 {margin-bottom: 25px;}
    
    .page-item {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width: 500px) {
    .block-title-doc-login {padding-bottom: 75px;}
    
    .page-number {
        margin-right: 5px;    
    }
}

@media screen and (max-width: 340px) {
    .search-form input {font-size: 13px;}
    
    .modal-title {
        font-size: 17px;    
    }
}