@media (min-width: 451px) {
    .box-90 {
        max-width: 405px;
    }
    
    .login-title {
         font-size: 31px;
         position: relative;
    }
    
    .login-title::before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(img/cita-logo.png);
        background-size: 100%;
        background-repeat: no-repeat;
        width: 276px;
        height: 190px;
        top: -195px;
        left: calc(50% - 138px);
    
    }
    
    
    .input-wrapper {
        height: 54px;
        margin-top: 31.5px;
        margin-bottom: 31.5px;
    }
    
    input {
        padding-top: 15px;
        border-radius: 15px;
        font-size: 25px;
    }
    
    .input-wrapper label {
        top: 10%;
        left: 5%;
        font-size: 15px;
    }
    
    .button-active {
        height: 65.5px;
        margin-top: 22.5px;
        font-size: 27px;
        border-radius: 15px;
    }
    
    /******* новый заказ*********/
    
    #main-content input {
        font-size: 20px;
    }

    
    
}

@media (min-width: 800px) and (max-width: 1200px) {
    
    .header {
        height: 7.5vw;
    }
    
    .header-item  {
        height: 7.5vw;
        width: 7.5vw;
    }
    
    .wrapper {
        height: calc(100% - 7.5vw);
    }
    
    .page.slided {
        top: 25vw;
        height: calc(100vh - 25vw);
    }
    
    nav {
        margin-top: 0vw;
    }
    
    .menu-item  {
        font-size: 4vw;
        margin-top: 4vw;
    }
    
    .main-content {
        justify-content: space-between;
        height: auto;
        margin: 0vw 3vw;
    }
        
    .order-box {
        position: relative;
        margin: 0;
        margin-top: 1.5vw;
        margin-bottom: 1.5vw;
        padding-top: 5vw;
        padding-bottom: 1vw;
        border-radius: 1.5vw;
        width: 48%;
        max-height: 15vw;
        max-height: 15vw;
        background-size: 4vw;
        background-position: 1.5vw 2.35vw;
    }
    
    .order-box:nth-of-type(1), .order-box:nth-of-type(2) { 
        margin-top: 3vw;
    } 
    
    .order-add {
        background-position: center;
    }
    
    .order-box-name {
        left: 7vw;
        top: 2vw;
        font-size: 1.9vw;
    }
    
    .order-box-entity {
        left: 7vw;
        top:4.5vw;
        font-size: 1.5vw;
    }
    
    .order-box-date {
        right: 1.5vw;
        top: 4.5vw;
        font-size: 1.5vw;
    }
    
    .order-box-content {
        padding: 1.5vw;
        font-size: 1.5vw;
    }
    
    .order-box-footer {
        height: 2vw;
        bottom: 1vw;
    }
    
    .order-box-item {
        background-size: 1.5vw;
        background-position: 0vw 0.3vw;
        font-size: 1.5vw;
        padding-left: 2vw;
        margin-right: 1.5vw;
    }
    
    
    /******* Новый заказ ***********/
    
    #main-content .box-90 {
        margin: 4vw auto auto auto;
    }
    
    #select-modal #main-content {
        height: calc(100% - 7.5vw);
        overflow-y: auto;
        margin: 0vw;

    }
    
     #main-content input {
        font-size: 20px;
    }
    
    .back-btn, .ok-btn {
        border-width: 0.2vw;
        border-radius: 1vw;
        font-size: 1.5vw;
        line-height: 3.75vw
    }
    
    .order-header  {
        margin-top: 2vw;
        font-size: 3vw;
    }
    
    .order-sub-header {
        margin-top: 1vw;
        font-size: 2vw;
    }
    
    
        
    #selector {
        width: 100%;
        padding-inline-start: 0px;
        margin: 0vw auto;
        height: auto;
    }
    
    #selector li {
        border-bottom-width: 0.2vw;
    }
    
    #selector div {
        width: 100%;
        text-align: center;
        font-size: 2vw;
    }
    

}

@media (min-width: 1201px) {
    
    .header {
        height: 5.5vw;
    }
    
    .wrapper {
        height: calc(100% - 5.5vw);
    }
    
    .page.slided {
        top: 20vw;
        height: calc(100vh - 20vw);
    }
    
    nav {
        margin-top: 0vw;
    }
    
    .menu-item {
        font-size: 3vw;
        margin-top: 3vw;
    }
    
    .header-item  {
        height: 5.5vw;
        width: 5.5vw;
    }
    
    .main-content {
        height: auto;
        margin: 0vw 2.5vw;
    }

    .order-box {
        position: relative;
        margin: 0;
        margin-right: 2.5vw;
        margin-top: 1.25vw;
        margin-bottom: 1.25vw;
        padding-top: 3.33335vw;
        padding-bottom: 0.66667vw;
        border-radius: 1.000005vw;
        width: 30vw;
        max-height: 10vw;
        background-size: 2.66668vw;
        background-position: 1.000005vw 1.5666745vw;
    }
    
    .order-box:nth-of-type(1), .order-box:nth-of-type(2), .order-box:nth-of-type(3) {
        margin-top : 2.5vw;
    } 
    
    .order-box:nth-of-type(3n) {
        margin-right: 0;
    }
    
    
    
    .order-add {
        background-position: center;
    }
    
    .order-box-name {
        left: 4.66669vw;
        top: 1.33334vw;
        font-size: 1.266673vw;
    }
    
    .order-box-entity {
        left: 4.66669vw;
        top:3vw;
        font-size: 1.000005vw;
    }
    
    .order-box-date {
        right: 1.000005vw;
        top: 3vw;
        font-size: 1.000005vw;
    }
    
    .order-box-content {
        padding: 1.000005vw;
        font-size: 1.000005vw;
    }
    
    .order-box-footer {
        height: 1.33334vw;
        bottom: 0.66667vw;
    }
    
    .order-box-item {
        background-size: 1.000005vw;
        background-position: 0vw 0.200001vw;
        font-size: 1.000005vw;
        padding-left: 1.33334vw;
        margin-right: 1.000005vw;
    }
    
    
    /************ новый заказ **********/
    
    .back-btn, .ok-btn {
        border-width: 0.15vw;
        line-height: calc(2.75vw - 0.3vw);
        font-size: 1.2vw;
        border-radius: 0.73vw;
    }
    
    #select-modal #main-content {
        height: calc(100% - 5.5vw);
        overflow-y: auto;
        margin: 0vw;
    }
    
    #main-content .box-90 {
        margin: 2vw auto auto auto;
    }
    
    #main-content input {
        font-size: 20px;
    }

    .order-header  {
        margin-top: 2vw;
        font-size: 3vw;
    }
    
    .order-sub-header {
        margin-top: 1vw;
        font-size: 2vw;
    }
    
    #selector {
        width: 100%;
        padding-inline-start: 0px;
        margin: 0vw auto;
        height: auto;
    }
    
    #selector li {
        border-bottom-width: 0.2vw;
    }
    
    #selector div {
        width: 100%;
        text-align: center;
        font-size: 2vw;
    }

}