/*Common Responsive CSS*/
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }

    .card-group {
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }

    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}
/*End*/


/*Manual Responsive CSS*/

/*Common Manual CSS*/
@media only screen and (max-width:767px) {
    .ht-100vh {
        height: 100vh;
    }

    .login-bg .media {
        display: inline;
    }

    .m-0r {
        margin: 0px;
    }

    .p-0-res {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .dvwholeparentavailcls .CBT_laytime {
        height: 65px !important;
        border-right: none !important;
    }
}
/*End*/

/*#region Modify Search */
@media only screen and (min-width:768px) {
    #searchview .modal-dialog {
        max-width: 600px;
    }

    #searchview .TR_Search {
        width: 100%;
        position: initial;
        height: auto;
        box-shadow: none;
        border-radius: 0px;
        border-right: none;
    }

        #searchview .TR_Search .rightcorner, #searchview .TR_Search .sidebar-title {
            display: none;
        }

        #searchview .TR_Search #ulsegType ul li {
            font-weight: 600;
            float: left;
            padding: 8px 20px 8px 40px;
            border-radius: 0;
            margin-right: 0;
            width: 50%;
        }

        #searchview .TR_Search .pad-0 {
            padding: 0px !important;
        }

    .btm_scroll {
        overflow-y: hidden;
        overflow-x: scroll;
    }

        .btm_scroll::-webkit-scrollbar {
            height: 4px;
        }

        .btm_scroll::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
            background: #ccc;
        }

        .btm_scroll::-webkit-scrollbar-thumb {
            background-color: #113c72;
            border-radius: 5px;
            transition: all 0.4s ease 0s;
        }

    .sidebarscroll {
        min-height: calc(100vh - 70px);
    }

    .sidebarscroll, .scrollmenuleft {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 70px);
        border-right: 1px solid #eee;
        padding: 25px 15px;
        width: 16.6%;
    }

        .sidebarscroll::-webkit-scrollbar, .scrollmenuleft::-webkit-scrollbar {
            width: 3px;
        }

        .sidebarscroll::-webkit-scrollbar-track, .scrollmenuleft::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .sidebarscroll::-webkit-scrollbar-thumb, .scrollmenuleft::-webkit-scrollbar-thumb {
            background-color: #103a66;
            border-radius: 50px;
            transition: all 0.4s ease 0s;
            display: none;
        }

    .sidemenu:hover.sidebarscroll::-webkit-scrollbar-thumb, .sidemenu:hover.scrollmenuleft::-webkit-scrollbar-thumb {
        display: block !important;
        transition: all 0.4s ease 0s;
    }

    .dvclsRenderedContent input[type=text]:focus, .dvclsRenderedContent input[type=select]:focus {
        border: 1px solid #80bdff;
        box-shadow: none;
        outline: none;
    }

    .mx-wd-28p {
        max-width: 28% !important;
    }

    #ifrmTripProduct {
        border: none;
        height: calc(100vh - 65px) !important;
    }

    .padmin-lftrgt {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}
/*#endregion */

@media (min-width: 480px) {
    .contact-list .media_fi.active {
        background-color: #eef0f7;
    }

        .contact-list .media_fi.active .avatar-online::after,
        .contact-list .media_fi.active .avatar-offline::after {
            box-shadow: 0 0 0 2px #e5e9f2;
        }
}

@media only screen and (max-width:575px) {
    .TR_Search.p-2 {
        float: left;
    }

    .app-filemgr .filemgr-content .TR_Search .switch-toggle {
        width: 100% !important;
    }

        .app-filemgr .filemgr-content .TR_Search .switch-toggle .custom-control.custom-radio {
            padding: 5px 11px 5px 36px;
        }

    .content.content-fixed.p-10 {
        float: left;
        width: 100%;
        padding: 55px 0px 0px 0px;
    }

    .filemgr-content .scrolltrip {
        padding: 20px 0px;
    }
}

@media (min-width: 576px) {
    .contact-content-header .nav-link span {
        display: inline;
    }

    .timeline-label {
        margin-left: 120px;
    }

    .timeline-item {
        display: flex;
        align-items: flex-start;
    }

        .timeline-item + .timeline-item::before {
            left: 120px;
        }

    .timeline-time {
        width: 120px;
        text-align: right;
        padding-right: 25px;
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
    }

    .timeline-body {
        margin-left: 0;
    }

    .pull-right-lg {
        text-align: right;
    }
}

@media (max-width: 767px) {
    #btnvpnr_ok {
        margin: 0px !important;
    }

    .navbar-menu-header {
        padding: 5px 10px;
    }

        .navbar-menu-header .df-logo {
            float: left;
            width: 100%;
        }

        .navbar-menu-header #mainMenuClose {
            float: left;
            width: 20%;
            border-left: 1px solid #f7f7f7;
            padding: 15px;
        }

    .traveldetails {
        width: 48%;
    }

    .filemgr-wrapper .scrolltrip, .Home_scroll .scrollHtrip {
        height: calc(100vh - 0px);
        -webkit-overflow-scrolling: touch;
    }

    .cmnflex .scrollHtrip {
        height: calc(100vh - 60px);
    }

    .scrolltrip {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 0px);
        -webkit-overflow-scrolling: touch;
    }

    .scrollHtrip {
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #btncncl_ok {
        margin: 0px !important;
    }

    .table > tbody > tr > td {
        font-size: 12px;
    }

    #dvBindTripDetails .table {
        overflow-y: scroll;
        display: block;
        overflow-x: hidden;
    }

    #ModalAttributemap .modal-dialog {
        width: 100%;
        margin: 0px;
        max-width: 100%;
    }

    #ModalAttributemap .modal-content {
        height: 100vh;
    }

    .repsecov_0125 .content-components, .repsecov_0125 .content {
        padding: 0 !important;
    }

    #v4_AirbookedHistory .btnmobsec {
        width: 100%;
    }

    #v4_AirbookedHistory .contact-content {
        left: 0;
    }

    #v4_AirbookedHistory .contact-content-header .nav {
        float: left;
        width: 100%;
    }

        #v4_AirbookedHistory .contact-content-header .nav svg {
            display: block;
            width: 20px;
            height: 20px;
            stroke-width: 2.2px;
            fill: rgba(27, 46, 75, 0.1);
            margin-right: 15px;
            color: #7987a1;
            transition: all 0.2s ease-in-out;
        }

    #v4_AirbookedHistory .contact-content-header .nav-link.active svg {
        fill: rgb(255, 255, 255);
        color: var(--themecolor1);
    }

    #v4_AirbookedHistory .contact-content-header .nav-link, #v4_AirbookedHistory .contact-content-header .nav-link + .nav-link {
        margin-left: 0px;
        padding: 0 10px;
        width: 20%;
    }

        #v4_AirbookedHistory .contact-content-header .nav-link.active::before {
            left: -8px;
            bottom: -18px;
            border-bottom: 2px solid var(--themecolor1);
        }

    #v4_AirbookedHistory .manbook_his .d-flex {
        display: inline !important;
        width: 100% !important;
    }

    #cbtsegmented {
        width: 100%;
    }

    .navbar-menu .nav-item + .nav-item {
        margin-top: 0px !important;
    }

    #searchview .modal-content {
        border: none;
        border-radius: 0px;
    }

    #ifrmTripProduct {
        border: none;
        height: calc(100vh - 5px) !important;
    }

    .dvclsuserdetails .r-15, .dvclsuserdetails .r-25 {
        right: 0px;
    }

    #dv_Visaexpalert {
        right: 0px !important;
    }
}

@media only screen and (max-width:767px) {
    .loading_img_box {
        display: none;
    }

    .loading_head_line {
        margin: 5px 0 0 0;
    }

    .fli-list-heading-section.one_way_loading {
        padding: 4px 10px 39px 10px;
    }

    #T4_loginbody {
        background: #fff !important;
    }

        #T4_loginbody form, .imgw100, #dispdiv1 img, #announce, .one_way_loading .loading_head_line, .CBT .df-logo img, #ui-datepicker-div .ui-datepicker-calendar, .w-100p {
            width: 100%;
        }

    .login-bg {
        background: none !important;
    }

    .cbt_coodinator, .cbt_traveller {
        margin-top: 0px;
    }

    .cbt_approver .TR_Search {
        margin-top: 15px;
    }

    .searchtraveller .TR_Search {
        float: left;
        width: 100%;
        padding: 0px 15px;
    }

    #searchview .searchtraveller .TR_Search {
        float: left;
        width: 100%;
        padding: 0px;
    }

    .rightcorner {
        right: 15px !important;
    }

    #advancefilter .btn {
        padding: 5px;
        border: none;
        text-align: left !important;
        float: left;
        width: 125px !important;
        margin-bottom: 0px;
    }

    .Travelreqshow, .vipshow, .dutycareshow, .calendarpopup {
        top: 55px !important;
    }

    #dvtravreqHeader, .mobpad0 {
        padding: 0;
    }

    .CBT #dvcalendar {
        padding: 0px 10px;
    }

    .BT4 #IdExp, .BT4 #IdErr {
        float: none;
        width: 100%;
        top: 0px;
        right: 0px;
        height: 100vh;
        margin-top: 0px !important;
    }

        .BT4 #IdEh3, .BT4 #IdErr h5 {
            font-size: 20px !important;
            color: #795548;
        }

    .BT4 #Idcont .clsMySubLabel {
        font-size: 12px;
    }

    .BT4 #Idcont ul {
        font-family: "Segoe UI", Roboto;
        font-size: 11px;
        font-weight: 600;
        padding-left: 0;
        color: #8e8b8b;
        margin-bottom: 10px;
        padding-left: 15px;
    }

    #dvTravelReq button, #dispdivelement button {
        font-size: 10px !important;
    }

    .Travelreqshow .card, .vipshow .card, .dutycareshow .card, .calendarpopup .card, .Travelreqshow, .vipshow, .dutycareshow, .calendarpopup {
        background: #fff !important;
    }

    #managebooking {
        max-width: 100%;
        position: relative;
        top: 15px;
        padding: 0;
    }

    .fc-scroller {
        height: 288px !important;
    }

    .sign-wrapper {
        box-shadow: none !important;
        top: 0px;
        width: 100%;
    }

    #dvMeetingDetDatas {
        margin-left: 0px;
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        margin-bottom: 10px;
    }

        #dvMeetingDetDatas .second-title {
            padding: 0px 5px;
            border-radius: 0px !important;
        }

    .refereshsec {
        position: absolute;
        bottom: 0;
        background: #ebf2fd;
        padding: 6px 0;
    }

    .sidebar-category ul li {
        padding: 10px 5px;
        width: 50%;
        border-bottom: 1px solid #eceeef;
    }

    .cbt-accordion .ui-accordion-content {
        padding: 0 0px 0px 20px !important;
    }

    .pad-none {
        padding: 0px;
    }

    .TDK #FlightSearch .pad-lftr-0 {
        padding-left: 0px !important;
    }

    .pad-res-5 {
        padding: 5px;
    }

    .pad-res-10 {
        padding: 10px;
    }

    .pad-res-0 {
        padding: 0px !important;
    }

    .pad-r-0 {
        padding-right: 0px !important;
    }

    .pad-rgt-10 {
        padding-right: 10px !important;
    }

    .pad-res-lr-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pad-res-lr-30 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .TDK .dvcmnclssforallsector .pad-lftr-15 {
        padding-left: 15px !important;
    }

    .pad-lft-rgt-0 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #FlightSearch .pad-lft-0 {
        padding-left: 0px !important;
    }

    .txt-cen-res {
        text-align: center !important;
    }

    .txt-lft-res {
        text-align: left !important;
    }

    .txt-rgt-res {
        text-align: right !important;
    }

    .mg-btm-5 {
        margin-bottom: 5px;
    }

    .mrgn-rgt-15 {
        margin-right: 15px;
    }

    .mg-tp-0 {
        margin-top: 0px !important;
    }

    .m-res-lr-0 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .m-res-t-55 {
        margin-top: 55px !important;
    }

    .dropdown-item.needhelp {
        width: 90%;
    }

    .grossmatdiv .dropdown-item.needhelp {
        width: 100%;
        min-width: 100%;
    }

    .fare-alert .dropdown-item.needhelp {
        width: 100%;
    }

    .ht-38 {
        height: 38px;
    }

    .mob-resnone, #myDIV::after, .no-more-tables tr td.gross_fare {
        display: none !important;
    }
    /*.dis-none,*/
    .mob-res {
        display: block !important;
    }

    .scrollannounce {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 90vh;
    }

    .scrollscrollannounce::-webkit-scrollbar {
        width: 6px;
    }

    .scrollscrollannounce::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px #fff;
    }

    .scrollscrollannounce::-webkit-scrollbar-thumb {
        background-color: #767575;
        outline: 1px solid #767575;
        border-radius: 1px;
        transition: all 0.4s ease 0s;
    }

    .scroll_reschedule
    .navbar-right .dropbtn svg {
        width: 22px !important;
        height: 22px;
    }

    .navbar-header #n_brand {
        float: left;
        width: 25%;
        padding-left: 9px !important;
    }

    .navbar-header .navbar-right {
        padding: 0 !important;
    }

    .df-logo img {
        padding-top: 0;
        min-width: 60px;
        width: 120px;
    }

    #navbarMenu .df-logo img {
        width: 130px;
        margin-top: 10px;
    }

    .clsTU, .clsTP {
        display: none;
    }

    .co-logo img {
        width: 100px !important
    }

    .CBT .navbar-brand {
        padding-left: 0px;
    }

    .navbar-header .navbar-right .dropdown-message .dropdown-menu {
        margin-right: -80px;
    }

    .navbar-right .dropdown-notification .dropbtn {
        margin-top: 10px;
    }

    #topupdets .dropdown-menu {
        right: -21px;
        top: 21px;
    }

        #topupdets .dropdown-menu::after {
            right: 77px;
        }

        #topupdets .dropdown-menu::before {
            right: 76px;
        }

    #navbarMenu .navbar-menu {
        float: left !important;
        padding: 0px !important;
        width: 100%;
        border: none;
        margin: 0;
        height: calc(100vh - 210px);
        overflow-x: auto;
        display: block;
    }

    div#topupdets i {
        line-height: 30px;
    }

    #topupdets #dvBal {
        top: 56px !important;
        right: 0;
        left: 0;
        position: fixed;
        width: 100%;
    }

        #topupdets #dvBal::before {
            right: 134px !important;
        }

        #topupdets #dvBal::after {
            right: 135px !important;
        }

    .cmnclsstimeconcurrcon .step-icon {
        width: 30px;
        height: 30px;
    }

    .cmnclsstimeconcurrcon .tx-14 {
        font-size: 12px;
    }

    .wd-65p {
        width: 87% !important
    }

    .w-100res {
        width: 100%;
    }

    .columns .ui-table-footer .ui-table-size {
        width: 40%;
        padding-left: 0px;
    }

    .columns .ui-table-footer .ui-table-results {
        width: 38%;
    }

    .columns .ui-table-footer .ui-table-controls {
        width: 19%;
    }

    .ui-table-footer .Selecttype {
        padding-left: 0px;
    }

    .content {
        padding: 55px 0px 0px 0px;
    }

        .content .second-title, .clsdivSuccessDetails .second-title {
            border-radius: 0px;
            padding: 5px 15px;
        }

    .title-hd span {
        font-size: 13px;
    }

    .clsviewattribute table {
        display: block;
        overflow-y: scroll;
    }

    #ModalPassport .modal-dialog {
        max-width: 100% !important;
    }

    .Message_board #messageboard_ul li {
        width: 48% !important;
    }

    .sub_error .spncmnclserormsg {
        left: 15px !important;
    }
}

@media only screen and (min-width:768px) {
    .pull-right-lg {
        text-align: right;
    }

    .disnone {
        display: none;
    }

    .calendar-content {
        transition: all 0.3s;
    }

    .fc-scroller.fc-day-grid-container {
        height: auto !important;
    }

    .fc-scroller fc-time-grid-container {
        height: 295px !important
    }

    .filemgr-wrapper {
        position: fixed;
        top: 55px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .filemgr-content {
        position: absolute;
        top: 10%;
        right: 0;
        bottom: 0;
        transition: all 0.3s;
    }

    .filemgr-wrapper .scrolltrip, .Home_scroll .scrollHtrip {
        min-height: calc(100vh - 55px);
    }
    /*.scrolltrip{overflow-x: hidden;overflow-y: scroll; height: auto;}*/
    .scrollHtrip {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 230px;
    }

    .scrollpolicy {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 246px;
    }

    .suggestedflightscrollpolicy {
        overflow-x: hidden;
        overflow-y: auto;
        height: 225px;
    }

        .scrolltrip::-webkit-scrollbar, .scrollHtrip::-webkit-scrollbar, .scrolltraveltrip::-webkit-scrollbar, .scrollsuggestflight::-webkit-scrollbar, .ht-calc::-webkit-scrollbar, .scrollpolicy::-webkit-scrollbar, .suggestedflightscrollpolicy::-webkit-scrollbar {
            width: 5px;
        }

        .scrolltrip::-webkit-scrollbar-track, .scrollHtrip::-webkit-scrollbar-track, .scrolltraveltrip::-webkit-scrollbar-track, .scrollsuggestflight::-webkit-scrollbar-track, .ht-calc::-webkit-scrollbar-track, .scrollpolicy::-webkit-scrollbar-track, .suggestedflightscrollpolicy::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .scrolltrip::-webkit-scrollbar-thumb, .scrollHtrip::-webkit-scrollbar-thumb, .scrolltraveltrip::-webkit-scrollbar-thumb, .scrollsuggestflight::-webkit-scrollbar-thumb, .ht-calc::-webkit-scrollbar-thumb, .scrollpolicy::-webkit-scrollbar-thumb, .suggestedflightscrollpolicy::-webkit-scrollbar-thumb {
            background-color: #767575;
            border-radius: 5px;
            transition: all 0.4s ease 0s;
        }

    .scrollfilter {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 150px);
    }

    .scrollfilteration {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 160px);
    }

    .scrollcontrip {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 200px);
    }

    .scrolltripdets {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 175px);
    }

    .scrollcart {
        overflow-x: hidden;
        overflow-y: auto;
        height: calc(100vh - 96px);
    }

    .scrollfilter::-webkit-scrollbar, .scrollcontrip::-webkit-scrollbar, .scrolltripdets::-webkit-scrollbar, .scrollfilteration::-webkit-scrollbar {
        width: 3px;
    }

    .scrollfilter::-webkit-scrollbar-track, .scrollcontrip::-webkit-scrollbar-track, .scrolltripdets::-webkit-scrollbar-track, .scrollfilteration::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px #fff;
    }

    .scrollfilter::-webkit-scrollbar-thumb, .scrollcontrip::-webkit-scrollbar-thumb, .scrolltripdets::-webkit-scrollbar-thumb, .scrollfilteration::-webkit-scrollbar-thumb {
        background-color: #97a3b9;
        border-radius: 1px;
        transition: all 0.4s ease 0s;
    }

    .scroll_choosepnr {
        overflow-x: hidden;
        overflow-y: auto;
        height: 55px;
    }

        .scroll_choosepnr::-webkit-scrollbar {
            width: 4px;
            height: 10px;
        }

        .scroll_choosepnr::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .scroll_choosepnr::-webkit-scrollbar-thumb {
            background-color: #767575;
            border-radius: 10px;
            transition: all 0.4s ease 0s;
        }

    .approver_scroll {
        overflow-x: hidden;
        overflow-y: auto;
        height: 90px;
    }

        .approver_scroll::-webkit-scrollbar {
            width: 3px;
        }

        .approver_scroll::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .approver_scroll::-webkit-scrollbar-thumb {
            background-color: #97a3b9;
            border-radius: 10px;
            transition: all 0.4s ease 0s;
        }

    .travel_reqdform #dvMeetingDetDatas .depature.cardfile {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f7fafe;
    }

    .dvclstripnamedetails {
        border-right: 1px solid #9b9
    }
}

@media (min-width: 768px) {
    .timeline-label {
        margin-left: 150px;
    }

    .timeline-time {
        width: 150px;
    }

    .timeline-item + .timeline-item::before {
        left: 150px;
    }

    .dismin-none, #spnfilteration, #dvfilterationsec .closeicon {
        display: none;
    }

    .t-20min {
        top: 20px;
    }

    .mt-4min {
        margin-top: 1.5rem !important;
    }

    /*Layout menu header Section*/
    .makeflex {
        height: 57px;
        padding: 12px 0px;
    }

    .TDK .makeflex {
        height: 50px;
    }

        .TDK .makeflex .button__badge {
            right: 10px;
        }

    .makeflex i {
        float: left;
        width: 100%;
        text-align: center;
        color: #8392a5;
    }

    .makeflex h6 {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        color: #8392a5;
        font-style: normal;
        margin-bottom: 0px;
    }

    #navbarMenu h4 {
        white-space: nowrap;
        font-size: 13px !important;
        font-weight: 600;
        color: #0268fb;
        float: left;
        padding: 8px 10px;
        cursor: pointer;
        margin: 14px 15px;
        border-radius: 2px;
        background-color: #ecf1fa;
    }

    .clsuserguideul li a.nav-sub-link {
        width: 100%;
    }
    /*End*/
    .scroll_reschedule {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 500px;
    }

        .scroll_reschedule::-webkit-scrollbar {
            width: 6px;
        }

        .scroll_reschedule::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .scroll_reschedule::-webkit-scrollbar-thumb {
            background-color: #767575;
            outline: 1px solid #767575;
            border-radius: 1px;
            transition: all 0.4s ease 0s;
        }

    /*SidebarHide*/
    /*.sidebar {width: 260px;position: fixed;top: 0;bottom: 0;left: -260px;z-index: 1050;overflow: hidden;transition: all 0.4s; }*/
    .hidesidebar {
        position: absolute;
        top: 10px;
        right: 15px;
        color: #495584;
        text-align: center;
    }

    .mini-sidebar .sidebar-nav {
        margin-top: 10px;
    }

    .bar-icon {
        display: inline-block;
        width: 18px;
        cursor: pointer;
    }

        .bar-icon span {
            background-color: #113c72;
            border-radius: 500px;
            display: block;
            float: left;
            height: 2px;
            margin-bottom: 4px;
            width: 18px;
        }

            .bar-icon span:nth-child(2) {
                width: 14px;
            }

            .bar-icon span:nth-child(3) {
                margin-bottom: 0;
            }

    .mini-sidebar .hidesidebar {
        right: 50%;
        margin-right: -8px;
    }

    .mini-sidebar .sidebar, .mini-sidebar #sidebarReportMenu, .mini-sidebar .msidebar, .mini-sidebar #sidebarFundMenu {
        width: 70px;
        max-width: 70px;
        z-index: 1;
    }

    .mini-sidebar .cmnflex {
        flex: 1 0 83.33333%;
        max-width: 95%;
    }

    .mini-sidebar #Admin .cmnflex {
        max-width: 100%;
    }

    .mini-sidebar .sidebar-body, .mini-sidebar #sidebarReportMenu, .mini-sidebar #sidebarFundMenu {
        transition: all 0.2s ease-in-out 0s;
        width: 70px;
        padding: 25px 0px;
    }

    .mini-sidebar .sidebar-nav span, .mini-sidebar .sidebar-nav .nav-link.with-sub::after {
        display: none;
    }

    .mini-sidebar .sidebar-nav .nav-item .nav, .mini-sidebar .sidebar-nav .nav a.active::before, .mini-sidebar .las.la-angle-down {
        display: none;
    }

    .mini-sidebar .sidebar-nav .nav-link svg {
        margin-right: 0px;
    }

    .mini-sidebar .sidebar-nav .nav-link {
        padding: 15px 25px;
    }

    .mini-sidebar .empclstab:hover span {
        display: block !important;
        margin-left: 44px;
        white-space: nowrap;
        position: absolute;
        background: #0093d2;
        padding: 15px;
        width: 190px;
    }

    .mini-sidebar .empclstab .nav-link.active, .mini-sidebar .empclstab:hover a.Tabcls {
        background-color: #0093d2;
        color: #fff !important;
    }

    .mini-sidebar .nav-link.active svg, .mini-sidebar .nav-link:hover svg, .mini-sidebar .sidebar-nav li a.active i, .mini-sidebar .sidebar-nav li:hover i {
        color: #fff !important;
    }

    .mini-sidebar .sidebar-nav li a.active, .mini-sidebar .sidebar-nav li a:hover span, .mini-sidebar .empclstab:hover a.Tabcls svg {
        color: #fff !important;
    }

    .mini-sidebar .sidebar-nav li .nav a.active {
        color: var(--themelinkcolor) !important;
    }

    .mini-sidebar .sidebar-nav .nav-item + .nav-item {
        margin-top: 0px;
    }

    .mini-sidebar .empclstab:hover > .nav, .mini-sidebar .empclstab:hover > .managesubmneu .nav {
        display: block !important;
    }

    .mini-sidebar .sidebar-nav .nav, .mini-sidebar .sidebar-nav .managesubmneu .nav {
        border-left: none;
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
    }

    .mini-sidebar .sidebar-nav .nav, .mini-sidebar .sidebar-nav .managesubmneu .nav {
        left: 70px;
        position: absolute;
        width: 190px;
        height: auto !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.10);
        background: #fff;
        padding: 5px 0px;
        padding-left: 0px !important;
    }

        .mini-sidebar .sidebar-nav .nav a + a, .mini-sidebar .sidebar-nav .nav a, .mini-sidebar .sidebar-nav .managesubmneu .nav a {
            margin-top: 0px;
            padding: 8px 20px;
            cursor: pointer;
            background: transparent;
        }

    .mini-sidebar .scrollmenuleft, .mini-sidebar .sidebarscroll {
        overflow: inherit;
    }
    /*End*/

    .scrollmenuleft {
        overflow-x: hidden;
        overflow-y: scroll;
        height: 230px;
    }

    #Ticketsprintpagevpnr .Clsfooter, #TicketsprintpageBOOK .Clsfooter {
        width: 100% !important;
        float: left;
    }

    .pl-res-0 {
        padding-left: 0px !important;
    }

    .pad-r-0min {
        padding-right: 0px !important;
    }

    .pad-res-0min {
        padding: 0px !important
    }

    .mg-tp-5p {
        margin-top: 5%;
    }

    .w-23 {
        width: 23% !important;
    }

    .availshare svg {
        width: 18px !important;
        height: 23px !important;
    }

    .HotelTarrif table thead tr th {
        width: 10%;
    }

        .HotelTarrif table thead tr th:first-child, .HotelTarrif table thead tr th:last-child {
            width: 15%;
        }

    .w-150p {
        width: 150px;
    }

    .min-ht75 {
        min-height: 74px;
    }

    .pdclsicon2 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pdclsicon3 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pdclsbtn2 {
        padding-top: 22px !important;
        padding-bottom: 22px !important;
    }

    .pdclsbtn3 {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .pdclsbtn4 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pdclsbtn5 {
        padding-top: 72px !important;
        padding-bottom: 72px !important;
    }

    .pdicon {
        top: -1px;
    }

    .pdicon2 {
        top: 5px;
    }

    .pdicon3 {
        top: 25px;
    }

    .pdicon4 {
        top: 35px;
    }

    .pdicon5 {
        top: 55px;
    }
    /*.pdicon {top:-1px;}*/

    .faresection ul li .custom-control-label em.NormalSME {
        color: #fb7d29;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Ecoupoun {
        color: #001f5e;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Flexi {
        color: #00a4d7;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Special {
        color: #0013b1;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.CorporateSME {
        color: #2068f6;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.RetailSME {
        color: #6396f9;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Normal {
        color: #444b58;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.HandBaggage {
        color: #061e4f;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Retail {
        color: #5490cc;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Corporate {
        color: #dfa502;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.SME {
        color: #E91E63;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Flat {
        color: #061e4f;
        background: transparent;
    }

    .faresection ul li .custom-control-label em.Marine {
        color: #358ea3;
        background: transparent;
    }

    .faresection .NormalSME, .faresection .Ecoupoun, .faresection .Flexi, .faresection .Special, .faresection .CorporateSME, .faresection .RetailSME, .faresection .Normal, .faresection .Retail, .faresection .Corporate, .faresection .SME, .faresection .Flat, .faresection .Marine, .faresection .HandBaggage {
        background: transparent
    }

    .userco2_dets:hover, .flight_co2:hover {
        color: #fff;
        background: #0d652d;
    }

    #dvmultipnr {
        margin-top: -28px;
    }

    .widthcls, .flight_co2 {
        width: 90px;
    }

    .userco2_dets {
        width: 90px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    /*ABG Delegates Page*/
    .delegates_sec #accordion .headerclor {
        display: none;
    }

    .delegates_sec .grad {
        margin: -8px 15px 0px -8px;
    }

    .delegates_sec .dvinnsersectordetails.row.m-0 {
        margin: 0px -15px 0px -15px !important;
    }

    .delegates_sec #InsuranceSearch #dvSearchPage .grad {
        margin: 0px 0px 0px -15px;
    }

    .delegates_sec .form-control {
        height: 35px;
    }
}

@media screen and (min-width:900px) {
    .txttGender {
        width: 10% !important;
    }
}

@media (max-width: 991.98px) {
    .app-filemgr.filemgr-sidebar-show .filemgr-sidebar {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .app-filemgr.filemgr-sidebar-show .filemgr-content {
        transform: translateX(240px);
    }

    .app-contact.contact-content-show .contact-navleft,
    .app-contact.contact-content-show .contact-sidebar {
        visibility: visible;
        transform: translateX(-350px);
        opacity: 1;
    }

    .app-contact.contact-content-show .contact-content {
        visibility: visible;
        transform: translateX(0);
        opacity: 1;
    }

    .app-contact.contact-content-visible .contact-content {
        visibility: visible;
        transform: translateX(305px);
        opacity: 1;
    }
}

@media only screen and (min-width:992px) {
    .TR_Search {
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        width: 100%;
        position: relative;
        overflow-y: auto;
        scroll-behavior: smooth;
        border-right: 1px solid #e4e4e4;
        box-shadow: 0 0 25px rgba(0,0,0,.3);
        background: #fff;
        border-radius: 6px;
        height: calc(100vh - 80px);
        overflow-x: hidden;
    }

        .TR_Search::-webkit-scrollbar {
            width: 6px;
        }

        .TR_Search::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .TR_Search::-webkit-scrollbar-thumb {
            background-color: #767575;
            outline: 1px solid #767575;
            border-radius: 5px;
            transition: all 0.4s ease 0s;
        }

    .filemgr-content .TR_Search {
        width: 100%;
        position: inherit;
        height: auto;
        float: left;
    }

    .max-width25p {
        max-width: 40%;
    }
}

@media (min-width: 992px) {
    .cbt-accordion {
        padding: 20px;
    }

    .df-example1 {
        padding: 20px;
    }

    .filemgr-wrapper {
        top: 60px;
    }

    .filemgr-wrapper-two {
        position: relative;
        height: 100%;
        top: auto;
    }

    .filemgr-sidebar {
        left: 0;
        opacity: 1;
        visibility: visible;
    }

    .filemgr-content {
        left: 2%;
    }

    .contact-list .media_fi:hover nav, .contact-list .media_fi:focus nav {
        display: flex;
    }

    .contact-wrapper {
        top: 60px;
    }

    .contact-navleft {
        width: 60px;
    }

    .contact-content {
        left: 0px;
        transform: none;
        visibility: visible;
        opacity: 1;
    }

    .df-example {
        padding: 20px;
    }

    .content-profile {
        padding: 40px 0;
    }

    .profile-sidebar {
        width: 260px;
    }

    .profile-sidebar-two {
        width: 230px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .app-contact.contact-options-show .contact-navleft, .app-contact.contact-options-show .contact-sidebar {
        transform: translateX(-260px);
    }
}

@media only screen and (min-width:992px)and (max-width:1200px) {
    .switch-toggle ul {
        width: 90% !important;
    }

    .sidebar-category ul li {
        padding: 10px 5px;
        width: 50%;
    }

    .navbar-header .navbar-brand {
        width: 120px;
        padding: 0;
        margin: 0;
    }

    .navbar-menu .nav-item + .nav-item {
        margin-left: 18px;
    }

    .navbar-menu .nav-link {
        font-size: 12px;
    }

    .navbar-header .navbar-right {
        padding: 0 !important;
    }

    .df-logo img {
        width: 80%;
    }

    .calendar-content-body .fc-toolbar button.fc-prev-button, .calendar-content-body .fc-toolbar button.fc-next-button {
        width: 24px;
    }

    .calendar-content-body .fc-toolbar button {
        height: 25px;
        padding: 0 10px;
    }

    .calendar-content-body .fc-toolbar.fc-header-toolbar {
        height: 50px;
        padding: 0 6px;
    }
}

@media (max-width: 1139px) {
    .content-auth > .container {
        max-width: none;
        padding: 0 20px;
    }
}

@media (max-width: 1139px) {
    .content-auth-alt .container {
        max-width: none;
    }
}

@media (max-width: 1199.98px) {
    .app-contact.contact-options-show .contact-content {
        transform: translateX(-260px);
    }
}

@media (min-width: 1200px) {
    .df-example1 {
        padding: 10px;
    }

    .cbt-accordion {
        padding: 8px;
    }

    .filemgr-content-body > div:first-child {
        max-width: 1140px;
    }

    .app-contact.contact-options-show .contact-content-sidebar {
        opacity: 1;
        visibility: visible;
    }

    .contact-content {
        left: 0px;
    }

    .contact-content-header {
        padding: 0 5px;
    }

    .contact-content-body .tab-pane > .row {
        max-width: 800px;
    }

    .wd-28p {
        width: 28%;
    }

    .df-example {
        padding: 15px 10px;
    }
}

@media only screen and (min-width:1201px) {
    .max-width25p {
        max-width: 30%;
    }

    .sidebar-category ul li {
        padding: 10px 5px;
        width: 25%;
    }

    .max-width12p {
        max-width: 12%;
    }
}
/*#endregion */

@media only screen and (max-width:767px) {
    /*login Page*/
    .div-left {
        display: none;
    }

    .mediahawkz-login .div-right {
        width: 100% !important;
        border-left: none !important;
        padding: 15px;
    }

    .mediahawkz-login .copyright {
        text-align: center !important;
        margin-left: 0% !important;
    }

    #IdExp {
        width: 100% !important;
        box-shadow: none !important;
        top: 0px !important;
        right: 0px !important;
    }
    /*End*/

    /*Layout menu header Section*/
    .makeflex i {
        float: left;
        width: 100%;
        text-align: center;
        color: #0093d2;
        font-size: 20px;
    }

    .makeflex h6 {
        display: none;
    }

    .navbar-header .navbar-right .dropdown {
        margin-left: 15px !important;
    }

    .button__badge {
        top: -8px;
        right: -5px;
    }

    .scrollfilter {
        height: calc(100vh - 50px);
        overflow-y: scroll;
    }

    .navbar-menu li {
        width: 100%;
    }

    .navbar-menu .nav-link i {
        margin-right: 15px;
        font-size: 20px !important;
    }

    .navbar-menu .nav-link {
        padding: 15px 15px;
        font-size: 13px;
        font-weight: 400;
        border-top: 1px solid #eee;
        width: 100%;
    }

    #dvwalletbal .showbal, .userguidesec.dropdown-content, #needhelpdiv .dropdown-content {
        position: fixed !important;
        top: -1px;
        left: -1px;
        width: 101%;
        height: 100vh;
    }

    .add_tripanother {
        width: 95%;
        left: 10px;
        background: rgba(6,6,6,.9);
    }

    .clsuserguideul li a.nav-sub-link {
        width: 80%;
    }
    /*End*/

    /*Your Selected Trip*/
    #TripProduct, .add_trip {
        width: 100%;
        left: 0px;
        border: none;
        box-shadow: none;
    }

        .add_trip ul li a {
            height: 45px;
            width: 50px;
            padding: 10px 0px;
            transition: all .5s ease;
        }

    .scrollcontrip {
        overflow-x: hidden;
        overflow-y: scroll;
        height: calc(100vh - 210px);
    }

        .scrollcontrip::-webkit-scrollbar {
            width: 3px;
        }

        .scrollcontrip::-webkit-scrollbar-track {
            box-shadow: inset 0 0 6px #fff;
        }

        .scrollcontrip::-webkit-scrollbar-thumb {
            background-color: #97a3b9;
            border-radius: 1px;
            transition: all 0.4s ease 0s;
        }

    .t1-shape_1:after {
        border-top: 20px solid #0093d2;
        border-left: 20px solid transparent;
    }

    .t1-shape_2:after {
        border-top: 20px solid #10b759;
        border-left: 20px solid transparent;
    }

    .t1-shape_3:after {
        border-top: 20px solid #f10075;
        border-left: 20px solid transparent;
    }

    .t1-shape_4:after {
        border-top: 20px solid #00cccc;
        border-left: 20px solid transparent;
    }

    .t1-shape_5:after {
        border-top: 20px solid #fd7e14;
        border-left: 20px solid transparent;
    }

    .t1-shape_6:after {
        border-top: 20px solid #5b47fb;
        border-left: 20px solid transparent;
    }

    .t1-shape_7:after {
        border-top: 20px solid #F44336;
        border-left: 20px solid transparent;
    }

    .newicon span {
        left: 32px;
        top: 6px;
    }

    .dvclsRenderedContent.scrollHtrip .trip_approvform {
        padding: 55px 0px 0px 0px;
    }

    .grossfare_show .dropdown-item.needhelp {
        height: calc(100vh - 110px);
        overflow-y: auto;
    }
    /*End*/

    /*Search Page*/
    .login-content h1 {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    #gotosearch {
        background: #fff;
    }

    #advancefilter svg.feather.feather-chevron-down, #settingssec {
        display: none;
    }

    .responfix {
        width: 50%;
        margin-right: 0px;
    }

    .receipts-upload, .cmnclslihomemenutabs a, .limoreoptioncls a {
        width: 100%;
    }

        .cmnclslihomemenutabs a span, .limoreoptioncls a span {
            text-align: center !important;
            float: left !important;
            width: 100%;
            font-size: 11px;
        }

        .cmnclslihomemenutabs a i, .limoreoptioncls a i {
            text-align: center !important;
            float: none !important;
            margin: 0 auto;
            display: block;
            font-size: 25px;
        }

        .cmnclslihomemenutabs a.active i, .cmnclslihomemenutabs a.active span {
            color: #0093d2;
        }

        .limoreoptioncls a i {
            font-size: 17px;
        }

    .moreOption {
        height: auto;
        top: 50px;
    }

        .moreOption ul li {
            width: 100% !important;
            border-right: 0px !important;
        }

            .moreOption ul li:last-child {
                border-bottom: none;
            }

            .moreOption ul li i {
                font-size: 25px;
            }

    .flt-lftres {
        float: left;
    }

    .w-100res, #spantxtstatuscar {
        width: 100%;
    }

    .travel_slct {
        right: 165px;
    }

    .search_view ul {
        text-align: left !important;
        margin-top: 10px;
        background: #113c72;
    }

        .search_view ul li {
            margin: 0px 5px;
            position: relative;
        }

            .search_view ul li a {
                color: #fff;
            }

    #btn-add-multi-city-route {
        width: 45% !important;
    }

    .dvclsFetchedTripDetails {
        position: fixed;
        top: 55px;
        left: 0px;
        width: 100%;
        padding: 0px;
        z-index: 1;
    }

    .CBT #BusRailSearch {
        float: left;
        width: 100%;
    }

    #cptab_toggle {
        border-radius: 0px;
        margin-bottom: 0px;
        padding: 10px;
    }

    .clsproductmenu ul {
        overflow: auto;
        white-space: nowrap;
        display: flex !important;
        -webkit-overflow-scrolling: touch;
    }

    #FlightSearch .custom-select, #FlightSearch .form-control, .dvclscarvalidation .form-control, .busrailsearch .form-control, .busrailsearch .custom-select, #InsuranceSearch .form-control, #HotelSearch .form-control, .dvmodifyFlightSearch .form-control, .dvmodifyFlightSearch .custom-select, #dvclstriptypedet .custom-select, #ddlclientdiv .form-control, #ddlempdiv .form-control, .car_search .form-control, .car_search .custom-select {
        border-radius: 0px;
        border-left: none;
        border-right: none;
        border-top: none;
        font-weight: 600;
    }

    #airlinefilter {
        border: 1px solid #ddd !important;
    }

    .ipcmnclsfromtocities {
        font-size: 15px;
        font-weight: 600;
    }

    #FlightSearch .exchanegmethod, .dvmodifyFlightSearch .exchanegmethod {
        left: inherit;
        right: 30px;
        transform: rotate(90deg);
        top: -48px;
    }

    #ticket_details .exchanegmethod {
        left: inherit;
        right: 20px;
        transform: rotate(90deg);
        top: -32px;
    }

    .dvclsFetchedTripDetails .la.la-times-circle-o {
        right: 10px;
    }

    .busrailsearch .input-style i, #HotelSearch .input-style i {
        display: none;
    }

    .clsproductmenu ul.nav {
        flex-wrap: inherit;
    }

    #cptab_toggle ul li label, #FlightSearch .switch-toggle ul li label {
        font-size: 12px;
    }

    #cptab_toggle ul li {
        padding: 5px 0px;
    }
    /*End*/

    /*Availability Page*/
    .contact-content-header.preavailability {
        margin-top: 55px;
        padding: 0px 5px;
    }

    #hdercorpname {
        font-size: 12px;
    }

    .M0b_modify {
        padding-top: 0px;
        padding-left: 0px;
    }

    #searchview .modal-dialog {
        margin: 0px;
    }

    .pd-10r {
        padding: 10px !important;
    }

    .pd-15r {
        padding: 15px !important;
    }

    #modal-corporatepolicies .mx-wd-50p {
        width: 100%;
        margin: 0px;
        max-width: 100%;
        height: 100%;
    }

    #modal-corporatepolicies .modal-content {
        height: 100%;
        overflow: auto;
        border: none;
        border-radius: 0px;
    }

    .fli_dets a {
        padding: 0px;
        margin-top: 0px !important;
        font-size: 10px;
        white-space: nowrap;
    }

    .fareselect {
        margin: 5px 0px;
        width: 100%;
        padding: 5px 1px !important;
        border-radius: 3px;
        font-size: 10px;
    }

    .farebg {
        padding: 7px 0px !important;
        font-size: 12px !important;
        text-align: center;
        width: 55px;
        font-weight: 600;
        cursor: pointer;
    }

    .connectflt.border.pd-15, .pd-15.border-top.dvcmnclsconfltdetails {
        padding: 5px;
    }

    .df-settings-body {
        z-index: 11;
        position: absolute;
        background: #fff;
        float: left;
        width: 100%;
        height: calc(100vh - -32px);
        overflow-y: scroll;
        top: 0px;
    }

    .crypto-icon i {
        margin-top: 25px;
    }

    .fare-bar ul {
        display: flex;
        overflow-x: scroll;
        width: 100%;
    }

        .fare-bar ul li {
            width: 20%;
            border-top: 1px solid #eee;
        }

    .mob-resnone svg {
        width: 14px;
    }

    .moveleft {
        left: 0px;
        top: 1px;
        position: relative;
        -webkit-animation: mymoveleft 1s infinite;
        animation: mymoveleft 1s infinite;
    }

    @keyframes mymoveleft {
        0% {
            left: 8px;
        }

        50% {
            left: 5px;
        }

        100% {
            left: 8px;
        }
    }

    .moveright {
        right: 0px;
        top: 1px;
        position: relative;
        -webkit-animation: mymoveright 1s infinite;
        animation: mymoveright 1s infinite;
    }

    @keyframes mymoveright {
        0% {
            right: 8px;
        }

        50% {
            right: 5px;
        }

        100% {
            right: 8px;
        }
    }

    .fare-cd.tx-10 {
        font-size: 10px !important;
    }

    #dvSearchDetails, .dvclssortheader .sort-by-title, .CBT_laytime p.tx-12, .clsdivSuccessDetails .tx-12, .preavailability .fc-button-group span, .duration.tx-13, .airname.tx-11, .airname.tx-12, .airname.tx-13, .aircode.tx-12, .aircode.tx-13, .stopssec.tx-12, .datesecs.tx-12 {
        font-size: 11px !important;
    }

    #dvclstriptypedet .switch-toggle ul, .clsdivSuccessDetails .tx-13, .clsdivSuccessDetails .tx-14, .airlinecode.tx-13, .airlinecode.tx-14, .spnavailstatus.tx-13, .ticket_details .tx-13, div#travel_productdetails .tx-13, div#travel_productdetails .btm_sec .tx-13 {
        font-size: 12px !important;
    }

    #dvMeetingDetDatas .tx-17, .clsdivSuccessDetails .no-more-tables td.tx-14 {
        font-size: 13px !important;
    }

    .dvclssortheader .tx-15, .CBT_laytime .dropdown p.tx-16, .clsdivSuccessDetails .tx-16, #dvRoundtripStickbottom .tx-16, #dvRoundtripStickbottom .tx-18, .dvwholeparentavailcls h4.tx-20, .clsdivSuccessDetails .tx-20, .orgtimesec.tx-16, .orgtimesec.tx-16, .orgin-name.tx-16, .des-name.tx-16, #dvMeetingDetDatas .tx-16, .appdet .tx-15, .orgtimesec.tx-18, #ticket_details .tx-15 {
        font-size: 14px !important;
    }

    .grossmatdiv .tx-18, #spntotalfare, .collapse.show .text-right .tx-20, .cardfile .tx-20 {
        font-size: 16px !important
    }

    .spnavailstatus {
        font-weight: 400;
    }

    .multiclassoptions {
        white-space: nowrap;
    }

    .cls_seat {
        margin-top: 10px !important;
    }

    .faresection.w-50 {
        width: 100% !important;
    }

    .preavailability .fc-prev-button, .preavailability .fc-next-button {
        height: 26px !important;
        width: 22px !important;
    }

    #spnfilteration {
        float: right;
    }

    #dvMeetingDetDatas .dropdown-notification .media-body p {
        white-space: normal;
    }

    #dvMeetingDetDatas .dropdown-notification .dropdown-content {
        top: 40px;
    }

    .dep-vertical span {
        left: -18px;
        font-weight: 400;
        font-size: 12px;
    }

    .grossmatdiv .dropdown-content {
        top: 55px !important;
        position: fixed;
        width: 100% !important;
        max-width: 100%;
        left: 0px;
        height: 100vh;
        min-width: 100%;
    }

    .grossmatdiv .dropdown-header {
        border-radius: 0px !important;
    }

    #dvclstriptypedet ul {
        width: 255px !important;
        height: 28px;
    }

    #spnModifySearch {
        margin-top: 5px;
        margin-right: 5px;
        padding: 5px 3px 5px 3px;
        width: 48%;
        font-size: 12px;
    }

    .availshare {
        padding: 5px 3px 5px 3px;
        width: 100%;
        font-size: 12px;
    }

    .shrdropdown {
        float: inherit !important;
        margin-top: 5px;
        margin-right: 5px;
        width: 44%;
    }

    .AllowFarerule {
        top: 3px !important;
        width: 11px;
    }

    #Selectfltbtn {
        margin: 0px;
    }

    .navbar-right .tx-18 {
        font-size: 22px !important;
    }

    .mt-res-10 {
        margin-top: 10px;
    }

    .ml--5res {
        margin-left: -5px;
    }

    .pad-15-10-res {
        padding: 15px 10px !important;
    }

    .multicity_scroll {
        min-width: 95px !important;
        max-width: 95px !important;
    }

    .pt-0res {
        padding-top: 0px !important;
    }

    .pb-0res {
        padding-bottom: 0px !important;
    }

    .faresection ul li .custom-control-label em.special-fare {
        bottom: -1px;
    }

    .faresection ul li .custom-control-label.tx-semibold {
        margin-top: 4px !important;
    }

    #modal-corporatepolicies {
        padding-left: 0px !important;
    }

        #modal-corporatepolicies .modal-body {
            margin-bottom: 50px;
        }

        #modal-corporatepolicies .modal-footer {
            position: fixed;
            width: 100%;
            bottom: 0px;
            z-index: 1;
            background: #fff;
        }

    #dvBindTripDetails table thead tr th, #dvBindTripDetails table tbody tr td {
        white-space: normal !important;
    }

    #dvBindTripDetails table tbody tr td {
        font-size: 12px !important;
        padding: 5px 5px 10px 5px;
    }

    #dvBindTripDetails .no-more-tables td:before {
        width: 100% !important;
        white-space: normal !important;
        top: 3px;
    }

    #dvBindTripDetails .no-more-tables td {
        padding-left: 4% !important;
        font-weight: normal !important;
        padding-top: 8%;
    }

    .faresection ul li {
        padding: 0 5px 0px 5px !important;
    }

    #dvpaxbottons ul li {
        width: 100% !important;
    }

    .dvwholeparentavailcls .m_avatar h4 .badge {
        margin: 0 auto !important;
        display: block;
        text-align: center;
    }

    #dvidparentAvail .faresection em.badge {
        margin-right: 5px !important;
        margin-left: 5px;
    }

    .Availabilitydiv .dvwholeparentavailcls .cus_check {
        margin-top: 10px;
    }

        .Availabilitydiv .dvwholeparentavailcls .cus_check .custom-control {
            top: -8px;
        }

    .cus_check .select_checkbox, .dvclsavailscroll .cus_check .select_checkbox {
        height: 8px;
    }
    /*End*/

    /*Manage Booking*/
    .contact-content-header {
        background-color: #fff;
        height: auto;
        border-bottom: 1px solid rgba(72, 94, 144, 0.16);
        display: flex;
        align-items: center;
        padding: 0 20px;
    }

    #AirbookedHistory .contact-content-header {
        margin-top: 55px;
    }

        #AirbookedHistory .contact-content-header .nav svg {
            display: block;
        }

        #AirbookedHistory .contact-content-header .nav span {
            display: none;
        }

    .contact-content-header .nav-link.active::before {
        bottom: 0px;
    }

    #tbnavbkdhistory_body, #tbnavviewpnr_body, #tbnavcancel_body, #tbnavreschedul_body {
        padding: 15px !important;
    }

    .cmnflex {
        margin-top: 55px !important;
    }

    #grid_bookedhistory_body {
        overflow-x: scroll;
    }

    #sidebarReportMenu, #sidebarMenu {
        left: -100%;
        top: 0px;
        width: 100% !important;
        position: fixed;
        z-index: 100;
        height: calc(100vh - 0px) !important;
    }

    .mini-sidebar #sidebarReportMenu, .mini-sidebar #sidebarMenu {
        left: 0;
        overflow-y: auto;
        padding: 0px;
    }

        .mini-sidebar #sidebarMenu .sidebar-body {
            padding: 0px;
        }

        .mini-sidebar #sidebarReportMenu h5, .mini-sidebar #sidebarMenu h5 {
            padding: 15px;
            border-bottom: 1px solid rgba(72, 94, 144, 0.16);
            margin-bottom: 10px;
        }

    .mini-sidebar .hidesidebar {
        right: 15px;
        top: 5px;
    }

    .mini-sidebar #sidebarReportMenu .sidebar-body .sidebar-nav li, .mini-sidebar #sidebarMenu .sidebar-body .sidebar-nav li {
        margin: 0px;
    }

    #tckt_rech table, div#pax_rech table, #dvNewRequeshow table {
        overflow-y: auto;
        display: block;
    }

    .reschedulebtn ul li, .reschedulebtn ul li input {
        width: auto !important;
    }

    .sidebar-nav li {
        padding: 10px 15px;
    }

    .sidebar-nav .nav-link i {
        color: #0093d2 !important;
    }

    .sidebar-nav .nav-link, .sidebar-nav .nav a.active {
        font-weight: 400 !important;
        font-size: 13px !important;
    }

    .hidesidebar {
        position: absolute;
        top: 12px;
        right: -44px;
        text-align: center;
        background: #fff;
        padding: 5px 8px;
    }

    .bar-icon {
        display: inline-block;
        width: 18px;
        cursor: pointer;
    }

        .bar-icon span {
            background-color: #979797;
            border-radius: 500px;
            display: block;
            float: left;
            height: 2px;
            margin-bottom: 4px;
            width: 18px;
        }

            .bar-icon span:nth-child(2) {
                width: 14px;
            }

            .bar-icon span:nth-child(3) {
                margin-bottom: 0;
            }

    #sidebarReportMenu .sidebar-nav .nav-link i {
        font-size: 20px !important;
    }

        #sidebarReportMenu .sidebar-nav .nav-link i.las.la-angle-down {
            font-size: 12px !important
        }

    .mini-sidebar .bar-icon span:nth-child(1) {
        transform: rotate(135deg);
        position: absolute;
    }

    .mini-sidebar .bar-icon span:nth-child(2) {
        display: none;
    }

    .mini-sidebar .bar-icon span:nth-child(3) {
        transform: rotate(45deg);
    }

    .cbtmodel .cbtroundicon .cbtcol12 {
        padding: 10px 10px !important;
    }

    .manbook_vpnr .clsfullwith ul li {
        padding: 0px 0px;
        width: 25%;
        margin-bottom: 5px;
    }

        .manbook_vpnr .clsfullwith ul li #CHK_fare, .manbook_vpnr .clsfullwith ul li #CHK_logo {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 3px;
        }

    .manbook_vpnr .vpnrtktsec ul {
        width: 100%;
    }

    .mb-res-2 {
        margin-bottom: 0.5rem !important;
    }

    .text-left-res {
        text-align: left !important;
    }

    .flt-lft-res {
        float: left !important;
    }

    .w-100r {
        width: 100% !important;
    }

    .flt-rgt-res {
        float: right !important;
    }

    .clsdivSuccessDetails .ml-3 {
        margin-left: 2px !important;
    }

    #dvMailPopUp .modal-dialog.modal-lg {
        max-width: 100% !important;
    }

    #myModalP .modal-content {
        height: 100vh;
        border: none;
        border-radius: 0px;
    }

    #myModalP .modal-dialog {
        max-width: 100%;
        margin: 0px;
    }
    /*End*/

    /*Booking Page*/
    #dvEmpFeedbackValues .bx-shadow {
        width: 100%;
    }

    .ticket::before, .ticket::after {
        display: none;
    }

    #CorporateMovediv fieldset {
        margin-bottom: 15px;
    }

    #terms table {
        overflow-x: scroll;
        display: block;
    }

    #ModalBagg .modal-dialog, #InsMoreDetails-Modal .modal-dialog {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0px;
    }

    #ModalBagg .modal-content, #Div_Seatmap .modal-content, #InsMoreDetails-Modal .modal-content {
        height: 100%;
        overflow: auto;
        border: none;
        border-radius: 0px;
    }

    #ModalBookingSummary {
        padding: 0px !important;
    }

        #ModalBookingSummary .modal-dialog.mx-wd-80p {
            max-width: 100% !important;
        }

    .clsdivSuccessDetails .ticket {
        margin-top: 55px !important;
    }

    #travel_productdetails {
        box-shadow: 0 1px 7px 0 rgb(0 0 0 / 20%) !important;
        margin-top: -70px;
        border-radius: 4px;
    }

        #travel_productdetails .ht-calc {
            height: calc(100vh - 245px);
            overflow-y: auto;
        }

    .clr_ash {
        color: #8392a5;
    }

    .dvclsseatbtns .dvseat_0, .dvclsseatbtns .dvseat_1, .dvclsseatbtns .dvseat_2, .dvclsseatbtns .dvseat_3, .dvclsseatbtns .dvseat_4 {
        width: 100%;
    }

        .dvclsseatbtns .dvseat_0 img, .dvclsseatbtns .dvseat_1 img, .dvclsseatbtns .dvseat_2 img, .dvclsseatbtns .dvseat_3 img, .dvclsseatbtns .dvseat_4 img, .dvclsseatbtns .dvseat_0 i, .dvclsseatbtns .dvseat_1 i, .dvclsseatbtns .dvseat_2 i, .dvclsseatbtns .dvseat_3 i, .dvclsseatbtns .dvseat_4 i {
            margin-left: 15px;
        }

    #dvExpense {
        display: block;
        overflow: auto;
    }

    .blockUI.blockMsg.blockPage {
        width: 35% !important;
    }

    .airline_pnr ul li {
        padding: 2px 4px !important;
        margin-left: 0px !important;
    }

        .airline_pnr ul li span {
            font-size: 11px !important;
        }

    .clsdivSuccessDetails table {
        display: block;
        overflow: auto;
    }

    .compltest {
        float: left;
        width: 100%;
    }

    .searchclosediv, .closediv {
        top: 5px !important;
        left: 0px !important;
    }
    /*End*/

    /*Trip Approval Form*/
    .mobview_policy {
        float: left !important;
        width: 47%;
        margin-top: 8px !important;
        text-align: center;
    }

    .form-check-input.ipclsairfltradbtn {
        margin-top: -8px;
    }

    .air_detalapr {
        padding: 5px 15px !important;
        margin-top: 10px !important;
        width: 80px !important;
        font-size: 12px;
    }

    #ticket_details span.Approved {
        font-weight: 400;
        font-size: 13px;
        float: left;
        width: 100%;
    }

    .pos-inherit {
        position: inherit !important;
    }

    #otherssr .other_ssr tbody tr, #otherssr .other_ssr tbody tr td {
        float: left;
        width: 100%;
    }

    #otherssr .other_ssr tbody tr {
        border: none !important;
    }

    .dvclstotalattributesparent .tab-content.tabinnerbrdr ul {
        flex-wrap: inherit;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .travel_reqdform .depature {
        background: #f7fafe;
    }

    #ModalTermsandcondition .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

        #ModalTermsandcondition .modal-dialog .modal-content {
            height: 100vh !important;
        }

    .travel_reqdform .ticketinner::before, .travel_reqdform .ticketinner::after, .ticketinner::before, .ticketinner::after {
        display: none;
    }
    /*End*/

    /*Trip Menu*/
    #modal-4 .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0px;
    }

    .wizards_trip ul li .clsDate {
        bottom: -45px !important;
    }
    /*End*/

    /*Common Print Ticket*/
    .bg_cmn_print_ticket .tx-30 {
        font-size: 20px !important;
    }

    #divPrintOptIconvpnr1, #divPrintOptIconvpnr2 {
        overflow: auto;
    }

        #divPrintOptIconvpnr2 #TicketsprintpageBOOK .Clsfooter {
            margin-top: 90px !important;
        }

    .clsdivPrintTicketContent {
        overflow: auto;
        margin-top: 22px;
    }

    .CBT .pl-res-0 {
        padding-left: 0px !important;
    }
    /*End*/

    /*Trip tarvel Request*/
    .px-2res {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .btn-primary.px-2res {
        width: 100%;
        text-align: center !important;
    }

    .ht-calc {
        height: calc(100vh - 125px);
        overflow-y: auto;
    }

    .pdres-tb {
        padding-top: 0rem !important;
        padding-bottom: 0.25rem !important;
    }

    .pdres-b {
        padding-top: 0px !important;
        padding-bottom: 0.25rem !important;
    }

    .pdclsicon2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pdclsicon3 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    div#travel_productdetails .btm_sec {
        margin-top: 8px;
        border-top: 1px dashed #ddd;
        padding-top: 8px !important;
    }

    .w-150p {
        width: 150px;
    }

    .btm_sec ul li {
        margin-bottom: 5px;
    }

        .btm_sec ul li:last-child {
            margin-right: 0px !important;
        }

    .btm_sec li.mr-4 {
        margin-right: 0.5rem !important;
    }

    .product_img {
        width: 45px;
        height: 45px;
    }

        .product_img img {
            padding: 7px;
            width: 100%;
        }

    .themeclr.mb-3 {
        margin-bottom: 0px !important;
    }

    .row.mx-0.mt-2 {
        margin-top: 0px !important;
    }

    .pdres-b .tx-14 {
        font-size: 13px !important;
    }
    /*End*/

    /*W2grid Scroll*/
    .w2ui-grid .w2ui-grid-body {
        overflow: auto;
    }
    /*.w2ui-grid .w2ui-grid-body .w2ui-grid-records, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords, .w2ui-grid .w2ui-grid-body .w2ui-grid-columns, .w2ui-grid .w2ui-grid-body .w2ui-grid-fcolumns {overflow:initial !important;}*/
    /*End*/

}
/*End*/

@media only screen and (max-width:767px) {
    /*Home Mobile Page*/
    .welcomesection {
        float: left;
        width: 100%;
        height: 130px;
        background: rgb(24,27,78);
        background: linear-gradient(180deg, rgba(24,27,78,1) 11%, rgba(2,147,210,1) 100%);
        margin-top: 55px;
    }

        .welcomesection span {
            color: rgba(255, 255, 255, 0.8);
            font-size: 13px;
        }

        .welcomesection p {
            color: #fff;
            font-size: 16px;
        }

    .menuwrapper {
        height: auto;
        border-radius: 4px;
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -70px;
    }

        .menuwrapper ul li {
            list-style: none;
            float: left;
            display: inline-block;
            width: 33.3%;
            padding: 0px 10px;
            height: 100px;
        }

            .menuwrapper ul li a i {
                text-align: center;
                margin: 0 auto 5px;
                display: block;
                border-radius: 8px; /*box-shadow: 0 1px 3px 0 rgba(37, 32, 31, 0.3);*/
                background-color: #ffffff;
                font-size: 30px;
                color: #113c72;
                border: 1px solid #eee;
            }

            .menuwrapper ul li a span {
                float: left;
                width: 100%;
                text-align: center;
                font-size: 11px;
                color: #113c72;
            }

            .menuwrapper ul li.active a i {
                background: #113c72;
                color: #fff;
            }

    .homebg_img {
        bottom: 0px;
        z-index: -1;
    }

        .homebg_img img {
            width: 100%;
        }

    .mobile_logout {
        position: absolute;
        bottom: 0px;
        float: left;
        width: 100%;
    }

    .header_mob_logout i {
        background: #0093d2;
        border-radius: 50%;
        color: #fff;
        width: 25px;
        height: 25px;
        padding: 3px 2px;
        margin-right: 20px;
        font-size: 20px;
        margin-left: 10px;
    }

    .CBT .navbar-brand .co-logo {
        display: none;
    }

    .moblogout #IdExp {
        background-image: url(../Images/mobilelogout.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    /*End*/

    /*Mobile Layout page and sideleft menu*/
    .name-trigger span {
        height: 40px;
        width: 40px;
        min-width: 40px;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
        place-content: center;
        align-items: center;
        margin-right: 5px;
    }

    .second-title {
        border-radius: 0px;
    }

    #EmpCreation_Tab .t-25 {
        top: 10px !important;
    }

    .hdnform .shadow {
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2) !important;
        border: none;
        border-radius: 4px;
    }

    .hdnform .tx-20 {
        font-size: 16px !important;
    }

    .hdnform .titlemarq .tx-20 {
        font-size: 20px !important;
    }

    .mb-res-3 {
        margin-bottom: 1rem !important;
    }

    .mb-res-3em {
        margin-bottom: 1rem !important;
    }

    .Leveldetails {
        max-height: inherit !important;
    }

    #ui-timepicker-div {
        left: 0px !important;
        top: 55px !important;
        height: 100%;
        width: 100%;
    }

        .ui-timepicker-table td span, #ui-timepicker-div .ui-timepicker-table td a {
            margin: 0px !important;
        }

    .Caravailability table {
        display: block;
        overflow-y: auto;
    }

    .modal .modal-header {
        float: left;
        width: 100%;
    }

    .modal-backdrop {
        display: none !important;
    }

    .modal-dialog.modal-dialog-centered, .modal-dialog {
        align-items: inherit;
        margin: 0px;
    }

        .modal-dialog.modal-dialog-centered .modal-content, .modal-dialog .modal-content {
            border: none;
            height: 100vh;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            border-radius: 0px;
            overflow-x: hidden;
        }
    /*End*/

    /*Seat Map*/
    #Div_Seatmap .modal-dialog {
        max-width: 100% !important;
        margin: 0px !important;
    }

    .main.Seatctive {
        height: calc(100vh - 85px) !important;
    }

    #Div_Seatmap .modal-body {
        padding: 0px !important;
        height: calc(100vh - 60px);
    }
    /*End*/

    .otp_bg .card {
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .swal2-content {
        padding: 0px !important;
        font-size: 13px;
    }

    .swal2-title {
        font-size: 18px;
    }

    .availshare.availmob svg {
        width: 17px !important;
        height: 17px !important;
    }

    #spnfilteration {
        width: 96%;
        padding: 5px 4px 5px 4px;
        background-image: var(--buttoncolor);
        color: #fff;
        border-radius: 3px;
        height: 31px;
        margin-top: 5px;
        margin-right: 5px;
        font-size: 12px;
    }

    #dvGeneralValues table {
        display: block;
        overflow-y: auto;
    }

        #dvGeneralValues table tbody tr td {
            white-space: nowrap;
        }

    .dropdown-item.tx-13.p-0.col-12.btn-link:active {
        background-color: transparent;
    }

    .HotelTarrif table {
        display: block;
        overflow-y: auto;
        border: 1px solid #ddd;
    }

        .HotelTarrif table thead tr th {
            width: 10%;
        }

            .HotelTarrif table thead tr th:first-child, .HotelTarrif table tbody tr td:first-child {
                width: 215px;
            }

                .HotelTarrif table tbody tr td:first-child span {
                    white-space: normal;
                }

        .HotelTarrif table thead tr th, .HotelTarrif table tbody tr td {
            width: 140px;
        }

        .HotelTarrif table thead tr, .HotelTarrif table tbody tr {
            display: inline-flex;
        }

    .clsMailtextarea {
        height: 100px !important;
    }

    .Bintabdiv {
        max-height: 180px !important
    }

    img.clsmailpreview {
        width: 100%;
    }

    /*Report Section*/
    #divMOre {
        margin-top: 10px;
    }

        #divMOre a.btn-link {
            border: 1px solid;
            border-radius: 3px;
            padding: 5px 10px;
        }

    #Idcont ul, #Idcont .clsMySubLabel {
        font-size: 13px !important;
    }

    #IdEh3 {
        font-size: 20px !important;
    }
    /*End*/

    .userco2_dets {
        white-space: nowrap;
        width: 100%;
    }

        .userco2_dets span.tx-11 {
            font-size: 9px;
        }

    .flight_co2 {
        width: 90px;
    }

    /*ABG*/
    .dp-res-0 {
        padding: 0px !important;
    }

    .add_products ul li a, .delegates_sec .add_products ul li a {
        height: 45px !important;
        width: 48px !important;
        padding: 10px 0px !important;
        transition: all .5s ease;
    }

    .add_products ul li, .delegates_sec .add_products ul li {
        margin: 0px 2px !important;
    }

    .delegates_sec {
        margin-top: 55px;
    }

        .delegates_sec .TR_Search.shadow {
            box-shadow: none !important;
        }

        .delegates_sec ul li a i {
            text-align: center;
            width: 100%;
            font-size: 28px !important;
        }

        .delegates_sec .add_products ul li a em i {
            font-size: 16px !important;
        }

        .delegates_sec .TR_Search .tx-12 {
            font-size: 12px;
        }

        .delegates_sec .TR_Search .tx-15 {
            font-size: 14px;
        }

        .delegates_sec #dvclstriptypedet ul {
            width: 100% !important;
        }

    div#modal-confirmdets .tx-14 {
        font-size: 13px;
    }

    .htres-38 {
        height: 38px;
    }

    .ml-res-30 {
        margin-left: 30%;
    }

    /*Car New Page*/
    .car_search .radio-buttons {
        border: 1px solid #ddd;
        float: left;
        width: 100%;
        padding: 8px 5px 0px 5px;
        border-radius: 3px;
        margin-bottom: 5px;
        background: #eef0f7;
    }

        .car_search .radio-buttons ul {
            display: flex;
            overflow-y: scroll;
        }

        .car_search .radio-buttons label::before, .car_search .radio-buttons input[type="radio"]:checked + label::after {
            display: none;
        }

        .car_search .radio-buttons .form-group {
            padding: 5px 12px 5px 12px;
            white-space: nowrap;
            margin-right: 0px;
        }

    .cbt_traveller #spnModifySearch {
        width: 100px;
        margin-right: 15px;
    }

    /*One time password*/
    #ModalMsgOTP .mx-wd-80p {
        max-width: 100%;
    }

    #ModalMsgOTP .modal-content {
        width: 100% !important;
        margin: 0px !important;
    }

    #ModalMsgOTP .modal-body .floa-left.w-100.mb-1 {
        text-align: center;
    }

        #ModalMsgOTP .modal-body .floa-left.w-100.mb-1 .tx-15 {
            font-size: 18px;
        }

    #ModalMsgOTP .op-7 {
        width: 100px;
    }
}

@media only screen and (max-width:339px) {
    .availshare.availmob svg, #spnModifySearch i, #spnfilteration i {
        display: none !important;
    }
}

@media only screen and (min-width:320px)and (max-width:374px) {
    .menuwrapper ul li a i {
        height: 55px;
        padding: 10px;
    }

    .faresection ul {
        width: 260px;
        padding: 0px;
    }
}

@media only screen and (min-width:375px)and (max-width:424px) {
    .menuwrapper ul li a i {
        height: 60px;
        padding: 20px;
    }

    .faresection ul {
        width: 310px;
        padding: 0px;
    }
}

@media only screen and (min-width:425px)and (max-width:479px) {
    .menuwrapper ul li a i {
        height: 70px;
        padding: 25px;
    }

    .faresection ul {
        width: 360px;
        padding: 0px;
    }
}

@media only screen and (min-width:480px)and (max-width:767px) {
    .menuwrapper ul li a i {
        height: 75px;
        padding: 25px;
    }
}

@media only screen and (min-width:1300px)and (max-width:1349px) {
    .faresection ul {
        width: 86%;
    }
}

@media only screen and (min-width:767px) {
    .min-ht-120 {
        min-height: 120px;
    }
}