/* main menu icon medium screen size */

@media screen and (max-width: 990px) {
    .pull-left {
        display: none;
    }
    .medium-screen {
        position: absolute;
        margin-top: 80px;
        width: 100%;
    }
    header {
        height: 180px;
    }
    div.user-bar>p {
        margin: 0;
        align-items: center;
        margin-top: 100px;
    }
    div.menu-item {
        width: 10.2%
    }
    div.menu-item>a>div.icon {
        padding-bottom: 10px;
    
    }

    div.menu-item>a>div.agency-icon img {
        padding-bottom: 8px!important;
    }
}

@media screen and (min-width: 990px) {
    .medium-screen {
        display: none;
    }
}

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

    div.menu-item>a>div.icon {
        font-size: 1.3em;
    }
    div.menu-item>a>div.agency-icon img {
        padding-bottom: 5px;
        width: 18px!important;
    }
} 

/* /main menu icon medium screen size */

@media screen and (max-width: 947px) {
    label.full,
    select.full,
    input[type=text].full {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        margin-top: 2px !important;
        font-size: 1em;
    }
    label.full {
        font-size: 1.2em;
        margin-top: 20px !important;
    }
    input[type=submit].full {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
        height: 40px !important;
    }
    label[for] {
        display: inline;
    }
    form>div:not(:first-of-type) {
        margin-top: 10px;
    }
    body>div.content {
        padding: 0 10px;
    }
    body {
        /* padding-bottom: 10px; */
    }
    #activation-steps>div.row:not(:last-of-type) {
        padding-bottom: 10px;
    }
    div.status {
        width: 10px !important;
        font-size: 0;
        padding: 0 !important;
        float: left !important;
        margin: -10px 10px 0 -10px !important;
        border-right: 1px solid #f5fbff;
    }
    div.status:before {
        display: none !important;
    }
    .logo-container {
        padding: 0 !important;
    }
    .status.loading {
        width: 30px!important;
        display: inline-flex;
        align-items: center;
        justify-content: center!important;
        text-align: center;
    }
    .status.loading>span {
        margin-left: 0!important;
    }
    div.name {
        display: flex;
    }
    div.name>input:not(:first-child):not(:last-child) {
        margin: 0 4px;
    }
    .employee>.expiry {
        height: auto!important;
        margin-left: 4px !important;
        margin-top: 10px;
    }
    .actions>.row:not(:first-of-type) {
        margin-top: 20px;
    }
    .calculator-block {
        display: block;
        vertical-align: bottom;
    }
    .calculator-block:not(:first-of-type) {
        margin-left: 0px;
        margin-top: 10px;
    }
    table.calculation>thead {
        display: none;
    }
    table.calculation>tbody>tr>td:first-of-type {
        width: auto;
    }
    table.calculation>tbody>tr>td>input {
        width: calc(100% - 30px)!important;
    }
    table.calculation>tbody>tr:not(:nth-child(1)):not(:nth-child(2)) {
        margin-top: 10px;
    }
    table.calculation>tbody>tr {
        display: inline-block;
        width: calc(50% - 5px);
        border: 1px solid;
        padding: 4px;
    }
    table.calculation>tbody>tr>td {
        display: block;
        padding: 0;
    }
    table.calculation>tbody>tr:nth-child(odd) {
        margin-right: 5px;
    }
    table.calculation>tbody>tr:nth-child(even) {
        margin-left: 5px;
    }
    table.calculation>tbody>tr>td[title]:before {
        content: attr(title);
        display: block;
        margin-bottom: 4px;
        margin-top: 10px;
    }
    table.calculation>tbody>tr>td:first-of-type {
        font-weight: bold;
        font-size: 1em;
        margin: 10px 0;
        margin-top: 0px;
    }
    .border-box {
        display: block;
        position: relative;
        left: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .blog {
        width: calc(50% - 7.5px);
        display: inline-block;
    }
    .blog:first-of-type {
        margin-right: 7.5px;
    }
    .blog:last-of-type {
        margin-left: 7.5px;
    }
    div.row.sidebar-cont>div.col-md-9.float-right.home-content>div.row>div.col-md-4>p {
        margin: 0;
        margin-top: 10px
    }
}