/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .calender-legend-color {
        margin-top: 4px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        font-size: 11px;
    }

    .form-control {
        font-size: 11px;
    }

    .dropdown-menu {
        font-size: 11px;
    }

    h3, .h3 {
        font-size: 17px;
    }

    h5, .h5 {
        font-size: 12px;
    }

    h6, .h6 {
        font-size: 13px;
    }

    .btn {
        font-size: 13px;
    }

    .fc-today-button, #dropdownMenuButton i, .fc-timeGridDay-button, .fc-listWeek-button {
        display: none;
    }

    #shareMySchedule, #shareMySchedule i {
        font-size: 10px;
    }

    #dropdownMenuAllButton, #dropdownMenuAllButton i {
        font-size: 10px;
    }

    .common-share {
        right: 72px;
    }

    .credit-card {
        width: 266px;
        height: 188px;
    }

    .card__part {
        width: 266px;
        height: 188px;
    }

    .black-card-edit-screen {
        width: 266px;
        height: 188px;
    }

    .overlay-card-edit-screen {
        width: 266px;
        height: 188px;
    }

    .cc_name {
        width: 191px;
        margin: 0px 0px 11px 37px;
    }

    .fc-today-button, #dropdownMenuButton i, .fc-timeGridDay-button, .fc-listWeek-button {
        display: none;
    }

    .common-search {
        position: absolute;
        right: 132px;
        width: 136px;
        height: 28px;
    }

        .common-search input.form-control {
            width: 100px;
        }

    .search-box {
        height: 28px;
    }

    .search-btn {
        height: 28px;
    }

    .common-search .input-group-text {
        font-size: 10px;
    }

    ol.account-setup-progress li {
        font-size: 7px;
    }

    .calender-legend-color {
        margin-top: 4px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        font-size: 13px;
    }
    .mobileView {
        display: none;
    }
    .AttendanceMobileView {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .PercentMobileView {
        font-size: 10px;
    }
    .form-control {
        font-size: 13px;
    }

    .dropdown-menu {
        font-size: 13px;
    }

    h3, .h3 {
        font-size: 17px;
    }

    .btn {
        font-size: 13px;
    }

    .fc-today-button, #dropdownMenuButton i, .fc-timeGridDay-button, .fc-listWeek-button {
        display: none;
    }

    #shareMySchedule, #shareMySchedule i {
        font-size: 10px;
    }

    #dropdownMenuAllButton, #dropdownMenuAllButton i {
        font-size: 10px;
    }

    .common-share {
        right: 72px;
    }

    .common-chat {
        position: absolute;
        right: 273px;
    }

    #chat, #chat i {
        font-size: 10px;
    }

    .common-search {
        position: absolute;
        right: 132px;
        width: 136px;
        height: 28px;
    }

    .common-search input.form-control {
        width: 100px;
    }

    .search-box {
        height: 28px;
    }

    .search-btn {
        height: 28px;
    }

    .common-search .input-group-text {
        font-size: 10px;
    }

    ol.account-setup-progress li {
        font-size: 8px;
    }

    .calender-legend-color {
        margin-top: 4px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    body {
        font-size: 13px;
    }

    .form-control {
        font-size: 13px;
    }

    .dropdown-menu {
        font-size: 13px;
    }

    h3, .h3 {
        font-size: 17px;
    }

    .btn {
        font-size: 13px;
    }

    .fc-today-button, #dropdownMenuButton i, .fc-timeGridDay-button, .fc-listWeek-button {
        display: none;
    }

    .common-search {
        position: absolute;
        right: 132px;
        width: 166px;
        height: 28px;
    }

    .common-search input.form-control {
        width: 130px;
    }

    .search-box {
        height: 28px;
    }

    .search-btn {
        height: 28px;
    }

    .common-search .input-group-text {
        font-size: 10px;
    }

    ol.account-setup-progress li {
        font-size: 8px;
    }

    .calender-legend-color {
        margin-top: 4px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    body {
        font-size: 13px;
    }

    .form-control {
        font-size: 13px;
    }

    .dropdown-menu {
        font-size: 13px;
    }

    h3, .h3 {
        font-size: 17px;
    }

    .btn {
        font-size: 13px;
    }

    .fc-today-button, #dropdownMenuButton i, .fc-timeGridDay-button, .fc-listWeek-button {
        display: none;
    }

    #shareMySchedule, #shareMySchedule i {
        font-size: 10px;
    }

    #dropdownMenuAllButton, #dropdownMenuAllButton i {
        font-size: 10px;
    }

    .common-share {
        right: 72px;
    }

    .main-header h3.m-0 {
        line-height: 2.2;
    }

    .common-chat {
        position: absolute;
        right: 273px;
    }

    #chat, #chat i {
        font-size: 10px;
    }

    .common-search {
        position: absolute;
        right: 132px;
        width: 136px;
        height: 28px;
    }

    .common-search input.form-control {
        width: 100px;
    }

    .search-box {
        height: 28px;
    }

    .search-btn {
        height: 28px;
    }

    .common-search .input-group-text {
        font-size: 10px;
    }

    ol.account-setup-progress li {
        font-size: 8px;
    }

    .calender-legend-color {
        margin-top: 4px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}