/* 
  ##Device = Desktops
  ##Screen = 1280px to higher resolution desktops
*/
@media (min-width: 1024px) and (max-width: 1400px) {

    #contact-section .user-box .avatars-text-name {
        height: 140px;
        width: 140px;
    }
    .plus-icon-user img{
        width: 140px;
        
    }

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1024px to 1280px
*/
@media (min-width: 1024px) and (max-width: 1180px) {
    #external-events .fc-event .head {
        font-size: var(--font-06) !important;
    }

    #external-events .fc-event .head b {
        font-size: var(--font-06) !important;
    }

    /* Shipments dashboard  */
    button span.dropdown_selected_text {
        font-size: 14px;
    }

    .card.shipments-transit .card-header {
        padding: 15px 10px;
    }

    .card.shipments-transit .card-header .right {
        margin-right: 40px;
    }

    div#transist-box {
        max-width: 90%;
        margin: 10px auto 0 !important;
    }

    span.select2.select2-container.select2-container--default {
        width: 300px !important;
    }

    div#shipmentwidgets .custom-border .snd-titile {
        padding-bottom: 1.65px;
    }

    /* End Shipments dashboard  */

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }

    .card-body .row.px-row div .subgroup b, .card-body .row.px-row div .subgroup {
        font-size: 11px;
    }

    div#myModalAddress .modal-dialog {
        max-width: 800px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 14px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 14px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 14px;
    }

    div#confirmdelivery_section_body * {
        font-size: 14px;
    }

    /* End Delivery Booking */

}

@media (min-width: 1181px) and (max-width: 1190px) {
    /*  Shipments dashboard  */
    span.select2.select2-container.select2-container--default {
        min-width: 250px;
    }
    /*  Shipments dashboard  */

    /* Delivery Booking */

    div#myModalAddress .modal-dialog {
        max-width: 900px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 14px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 14px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 14px;
    }

    div#confirmdelivery_section_body * {
        font-size: 14px;
    }

    /* END Delivery Booking */
    
}

@media (min-width: 1191px) and (max-width: 1280px) {

    /*  Shipments dashboard  */
    div#transist-box {
        min-width: 165px;
    }

    /*  Shipments dashboard  */

     /* Delivery Booking */

     div#myModalAddress .modal-dialog {
        max-width: 950px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 14px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 14px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 14px;
    }

    div#confirmdelivery_section_body * {
        font-size: 14px;
    }

    /* END Delivery Booking */
}

@media (min-width: 1024px) and (max-width: 1280px) {
    span#announcement-badge {
        bottom: 2px !important;
    }

    .dropdown .dropdown-menu.px-sign-out .media-body h6 {
        font-size: var(--font-07) !important;
    }

    .dropdown .dropdown-menu.px-sign-out .media-body h5.uname {
        margin-top: 0 !important;
    }

    .page-content {
        padding: 15px;
    }

    .card-body .row.px-row div b {
        font-size: var(--font-09);
    }

    #external-events .fc-event {
        padding: 3px;
    }

    #external-events .fc-event .head {
        font-size: var(--font-07);
    }

    #external-events .fc-event .head b {
        font-size: var(--font-07);
    }

    #external-events .fc-event .subhead {
        font-size: var(--font-07) !important;
    }

    .fc-event-container .fc-day-grid-event .fc-content span.fc-title {
        font-size: var(--font-07);
    }

    .fc-event-container .fc-day-grid-event .fc-content span.fc-title i.text-success {
        display: block;
    }

    button#cancelBookingcal-Event {
        width: 100% !important;
        padding: 20px 10px !important;
    }

    /*  Shipments dashboard  */


    /* End Shipments dashboard  */

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }

    /* End Delivery Booking */

    /*  Shipments dashboard  */

    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }

}

@media (min-width: 1281px) and (max-width: 1400px) {
    span#announcement-badge {
        bottom: 2px !important;
    }

    .fc-event-container .fc-day-grid-event .fc-content span.fc-title i.text-success {
        display: block;
    }

    .fc-event-container .fc-day-grid-event .fc-content span.fc-title {
        font-size: var(--font-06);
    }

    .page-content {
        padding: 15px;
    }
    #contact-section .user-box .avatars-text-name {
        height: 140px;
        width: 140px;
    }

    .dropdown .dropdown-menu.px-sign-out .media-body h6 {
        font-size: var(--font-07) !important;
    }

    button#cancelBookingcal-Event {
        width: 100% !important;
        padding: 20px 10px !important;
    }

    /*  Shipments dashboard  */
    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }


    div#myModalAddress .modal-dialog {
        max-width: 1100px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 16px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 18px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 16px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 16px;
    }

    div#confirmdelivery_section_body * {
        font-size: 16px;
    }

    /* End Delivery Booking */

}

@media (min-width: 1401px) and (max-width: 1600px) {
    form#user_edit_form .form-group.row {
        margin-bottom: 1.5rem;
    }

    div#notification_settings_section {
        padding: 80px;
    }

    button#cancelBookingcal-Event {
        width: 100% !important;
        padding: 20px 10px !important;
    }
    .plus-icon-user img{
        width: 140px;
        
    }
    #contact-section .user-box .avatars-text-name {
        height: 140px;
        width: 140px;
    }

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }

    div#myModalAddress .modal-dialog {
        max-width: 1300px;
    }

    .input-group-append.d-flex.flex-column.justify-content-center.arrow-back span {
        height: 65px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 16px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 18px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 16px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 16px;
    }

    div#confirmdelivery_section_body * {
        font-size: 16px;
    }

    /* End Delivery Booking */

    /*  Shipments dashboard  */
    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }
    .admin-global-filter .metismenu{
        margin-bottom:5px ;
     }
     #order-management img {
     width: 25px;
    margin-top: 5px;
     }
}

@media (min-width: 1601px) and (max-width: 1800px) {
    form#user_edit_form .form-group.row {
        margin-bottom: 1.5rem;
    }

    div#notification_settings_section {
        padding: 80px;
    }
    .plus-icon-user img{
        width: 140px;
    }
    #contact-section .user-box .avatars-text-name {
        height: 140px;
        width: 140px;
    }

    button#cancelBookingcal-Event {
        width: 100% !important;
        padding: 20px 10px !important;
    }

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }

    div#myModalAddress .modal-dialog {
        max-width: 1400px;
    }

    .input-group-append.d-flex.flex-column.justify-content-center.arrow-back span {
        height: 65px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 16px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 18px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 16px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 16px;
    }

    div#confirmdelivery_section_body * {
        font-size: 16px;
    }

    /* End Delivery Booking */

    /*  Shipments dashboard  */
    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }
    .admin-global-filter .metismenu{
        margin-bottom:5px ;
     }
     #order-management img {
        margin-top: 5px;
        width: 25px;
     }



}

@media (min-width: 1801px) and (max-width: 1919px) {
    form#user_edit_form .form-group.row {
        margin-bottom: 1.5rem;
    }

    div#notification_settings_section {
        padding: 80px;
    }
    .plus-icon-user img{
        width: 140px;
    }
    #contact-section .user-box .avatars-text-name {
        height: 140px;
        width: 140px;
    }
    button#cancelBookingcal-Event {
        width: 100% !important;
        padding: 20px 10px !important;
    }

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 18px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 14px;
    }

    .cd-style .del-addr-name {
        font-size: 16px;
    }

    button.cancelBookingcal-Event-call {
        padding: 10px 15px !important;
    }

    div#myModalAddress .modal-dialog {
        max-width: 1600px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 18px !important;
    }

    .input-group-append.d-flex.flex-column.justify-content-center.arrow-back span {
        height: 65px;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 20px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 16px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 16px;
    }

    div#confirmdelivery_section_body * {
        font-size: 16px;
    }

    /* End Delivery Booking */

    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }
    #order-management img {
        width: 23px;
        margin-top: 6px;
    }
}

/* version-1-5-responsive.css */
/* (1920x1080) Full HD Display */

@media (min-width: 1920px) and (max-width: 2560px) {

    button#cancelBookingcal-Event {
        width: 100% !important;
        /* padding: 20px 10px !important; */
    }

    .card .card-header .card-title.notification-header {
        font-size: 24px;
        margin: 0;
        padding: 10px 30px;
        color: #657693;
    }

    div#notification_settings_section .card-body {
        padding: 50px;
    }

    .configure-emails select,
    .configure-emails select option {
        font-size: var(--font-10);
    }

    #notification_settings_section i.fa.fa-envelope-o {
        font-size: 30px;
        margin-left: 14px;
        margin-top: -10px;
    }

    .alert p {
        font-size: 1rem;
    }

    .banner-close button.close span {
        font-size: 1.5rem;
    }

    .user-box {
        height: 400px;
        width: 400px;
        margin-bottom: 40px !important;
    }

    .m-contact-section {
        margin: 75px;
    }

    .box-m-bottom {
        margin-bottom: 40px;
    }

    /* Edit User */

    .modal.left .modal-dialog,
    .modal.right .modal-dialog {
        width: 40%;
        max-width: 40%;
    }

    h4#editUserLabel {
        font-size: 1.5rem;
    }

    form#user_edit_form label.col-form-label,
    form#user_edit_form .form-check label.form-check-label,
    button#prof_submit,
    #request_feature_form label,
    button#request_feature_send_btn,
    textarea.textarea-request-feature {
        font-size: 1.2rem !important;
    }

    input#makeasadministrator {
        width: 20px;
        height: 20px;
    }

    #makeasadministrator + label {
        opacity: 1;
    }

    form#user_edit_form .form-check label.form-check-label {
        margin-left: 10px;
    }


    form#user_edit_form input.user_form_set,
    form#user_edit_form .form-control:focus {
        margin-bottom: 20px;
        font-size: 1.2rem;
        height: 3rem;
    }

    .avatar-upload .avatar-preview {
        width: 200px;
        height: 200px;
    }

    .avatar-upload .avatar-edit {
        right: 10px;
    }

    #modalrequestfeature .modal-header button.close,
    #editUser .modal-header button.close span {
        height: 30px;
        width: 30px;
        font-size: 1.7rem;
    }

    button#request_feature_send_btn,
    button#prof_submit {
        height: 3rem;
    }

    form#request_feature_form {
        padding: 20px;
    }

    /* END Edit User */

    /* Menu */
    body.mini-sidebar .sidebar-left .sidebar-content,
    body.mini-sidebar .hover-unset:hover {
        width: 80px !important;
    }

    body.mini-sidebar .sidebar-left .sidebar-content .main-menu .nav.metismenu>li>a {
        max-width: 80px !important;
    }

    body .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu>li>a img {
        width: 25px;
        margin-right: 30px;
        margin-top: 10px;
    }
    #order-management img {
        margin-top: 10px;
        width: 34px;
    }


    .sidebar.sidebar-left .sidebar-content {
        width: 380px
    }

    body .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu>li>a span {
        font-size: 1.3rem;
        top: 10px;
    }

    .sidebar-left-white {
        width: 310px;
        left: 80px;
    }

    .sidebar.sidebar-left .sidebar-content .main-menu .nav.metismenu>li>a {
        min-height: 70px;
    }

    .pin-icon,
    .pin-icon-w-h-25,
    a#pin-sidebar-arrow {
        height: 30px;
        width: 30px;
    }

    .site-logo.logo-pathway .brand-text img {
        width: 50px;
    }

    body #app .sidemenu-margin.content-wrapper {
        margin-left: 380px;
    }

    ul#menu_list_active li ,.buttom-menu-bar.admin-global-filter li {
        height: 80px;
    }

    ul.nav.white-menu li {
        height: 80px;
    }
    .admin-global-filter .metismenu{
       margin-bottom:5px ;
    }

    .white-menu li h5 {
        font-size: 1.1rem;
    }

    .white-menu li p {
        font-size: 0.8rem;
        line-height: 20px;
    }

    /* END Menu */

    .add-icon span,
    .user-name h4 {
        font-size: 1.25rem;
    }

    .user-address p {
        font-size: 0.9rem;
        line-height: 20px;
    }

    .bootom-bar p {
        font-size: 0.9rem
    }

    .icon-plus {
        font-size: 24px;
    }
    .plus-icon-user img{
        width: 200px;
    }
    #contact-section .user-box .avatars-text-name {
        height: 180px;
        width: 180px;
    }
    #contact-section .user-box .avatars-text-name span{
        font-size: 75px;
    }

    .top-toolbar {
        height: 5.0625rem;
        max-height: 5.0625rem;
    }

    .top-toolbar.navbar-desktop .navbar-nav.nav-right img {
        width: 25px !important;
    }

    .top-toolbar.navbar-desktop .navbar-nav.nav-right img#prof-pic-top-right {
        height: 40px !important;
        width: 40px !important;
    }

    .top-toolbar.navbar-desktop .navbar-nav.nav-right img#user_prof_image_small {
        width: 60px !important;
        height: 60px !important;
        margin-right: 15px !important;
    }

    ul#menu_list_active li.active:before ,.admin-global-filter li.active:before {
        height: 68px;
        width: 6px;
        top: 6px;
    }


    ul.nav.white-menu li.active::before {
        width: 6px;
        height: 66px;
        left: -6px;
    }

    body.mini-sidebar #app .content-wrapper {
        padding-left: 70px;
    }

    .reset-password-form label.form-check-label,
    label.col-form-label.label-password,
    button#reset_password_submit,
    button#reset_password_cancel {
        font-size: 1.2rem !important;
    }

    button#reset_password_submit,
    button#reset_password_cancel {
        height: 3rem;
    }

    form#reset_password_form input {
        height: 48px;
        margin-bottom: 10px;
    }

    #menu_hover_text {
        left: 75px;
        font-size: 1rem;
    }

    div#notification_settings_section {
        padding: 80px;
    }

    .card.shipments-transit .card-header .right {
        margin-right: 20px;
    }

    /* Delivery Booking */
    div#myModelDeleteEvent h4.modal-title {
        font-size: 22px;
    }

    div#myModelDeleteEvent .cd-h3 {
        font-size: 16px;
    }

    .cd-style .del-addr-name {
        font-size: 18px;
    }

    button.cancelBookingcal-Event-call {
        padding: 12px 18px !important;
    }

    div#myModalAddress .modal-dialog {
        max-width: 1800px;
    }

    .input-group-append.d-flex.flex-column.justify-content-center.arrow-back span {
        height: 65px;
    }

    button#requestBooking, button#start-over-fun {
        font-size: 18px !important;
    }

    #myModalAddress .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 20px;
    }

    .conform-delivery-address.cd-style.position-relative.conform-delivery-edit * {
        font-size: 16px;
    }

    .pick-time.border.border-light.text-dark.p-5.bg-light.text-center {
        font-size: 16px;
    }

    div#confirmdelivery_section_body * {
        font-size: 16px;
    }

    /* End Delivery Booking */

}