/*
 * Mixin printing a linear-gradient
 * as well as a plain color fallback
 * and the `-webkit-` prefixed declaration
 * @access public
 * @param {Keyword | Angle} $direction - Linear gradient direction
 * @param {Arglist} $color-stops - List of color-stops composing the gradient
 *
 * @see https://www.sitepoint.com/building-linear-gradient-mixin-sass/
 */

.back-button {
    position: fixed;
    top: 60px;
    left: calc(50% + 120px);
}


/*.main .owl-carousel .owl-stage,
.main .owl-carousel .owl-stage-outer {
    padding: 6px;
}*/

.ieukmob-bredcumb {
    background-color: #d55b7d;
    width: 100%;
    height: 40px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 1.125rem;
    font-family: "Myriad Pro";
    color: white;
    text-align: center;
}

.ieukmob-bredcumb span.ieuk-b-totsk {
    display: none;
}

.ieukmob-bredcumb.fullscreen {
    line-height: 50px;
    height: 60px;
}

.ieukmob-bredcumb.fullscreen span.ieuk-b-totsk {
    display: inline-block;
}

.management-slider-top .management-slider_button {
    margin: 0.25rem 0;
    width: 100%;
}


/*== timetable  ==*/

.management-slider-top {
    padding: 1rem 1.188rem;
}

.management-slider-top .ieukprofleowl.owl-theme {
    padding: 0 1.063rem;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav {
    margin: 0;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav button {
    position: absolute;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #30475e;
    width: 25px;
    height: 25px;
    font-size: 0.75rem;
    color: white;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav button:focus {
    outline: none;
    border: none;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav button:hover {
    background-color: #30475e;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav button.owl-prev {
    left: 0;
}

.management-slider-top .ieukprofleowl.owl-theme .owl-nav button.owl-next {
    right: 0;
}


/*== timetable  ==*/


/*== course slide work  ==*/

.main-course .btn.btn-primary.btn-icon span {
    margin-right: 10px;
}


/*== course slide work  ==*/


/*== tutorial ==*/

.ieuk-tutopopuptitle {
    padding-top: 15px;
}


/*== tutorial  ==*/


/*== voca  ==*/

.ieuk-vocaddtopic a,
.ieuk-vocaddtopic a:hover,
.ieuk-vocaddtopic a:focus {
    color: #d55b7d;
    text-decoration: none;
    line-height: 35px;
}


/*== voca  ==*/


/*==topic start here==*/

.true-false .box .true-false_buttons .form-check-input {
    display: none;
}

.true-false .box.ieuktf-outerbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.true-false .box .ieuktf-dis {
    max-width: 60%;
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.true-false .box .true-false_buttons.ieuktf-btnbox {
    width: 33%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}


/*==topic start here==*/


/*== functional_language ==*/

.allfunction>.panel-body ul li {
    text-indent: 0 !important;
}


/*== functional_language ==*/


/*== task ==*/

form.form_15542196595ca3828b92b17 .owl-carousel.loop.multiple-choice.owl-theme.owl-loaded.owl-drag {
    padding: 0;
}

.true-false_buttons-aes .form-check-input,
.true-flase-radio .form-check-input {
    display: none;
}


/*== task ==*/


/*== teacher css ==*/

.management-slider-top.ieuk-teach-mts .owl-carousel {
    max-width: 100%;
}

.management-slider-top.ieuk-teach-mts .item {
    width: 100%;
}


/*.dashboard-tabs .nav-tabs .ieuk-dtmd {
    max-width: 30%;
}*/

.dashboard-topic {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    /* padding-left: 1rem; */
}

.sidebar-menu .navbar-nav .nav-item .nav-link .nav-icon {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.owl-carousel.loop .owl-stage {
    padding: 0;
}

.owl-carousel.loop .owl-dots {
    display: inherit;
}

.owl-carousel.loop .owl-dots.disabled {
    display: none;
}


/*==need in student also========*/

.multiple-check .custom-control {
    margin-right: 1rem;
}


/*== teacher css ==*/

@media (min-width: 1200px) and (max-width: 1500px) {
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin: 0;
        margin-right: 0.25rem;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
        margin-right: 0;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
        min-width: inherit;
        width: auto;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
        min-width: inherit;
        width: auto;
        padding: 0.5rem 0.8rem;
    }
    .course-book.fullscreen .course-tab .course-tab-content {
        padding-top: 3rem;
    }
    .course-book.fullscreen .course-tab .course-tab-fixed-heading {
        padding-bottom: 1rem;
    }
}


/***** lage devices for col-xl-number ***********/


/***** lage devices for col-lg-number ***********/

@media (max-width: 1199px) {
    .course-book.fullscreen .practice-content.pc.bg-white.course-content.expanded-block,
    .course-book.fullscreen .course-content.cc.bg-white.course-content-2.expanded-block {
        height: calc(100vh - 3rem) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .course-book.fullscreen .course-content {
        max-width: 100%;
        margin: 1.3rem 0;
        /* height: calc(50vh - 3rem) !important; */
        /*height: calc(50vh - 3rem);*/
    }
    .course-book.fullscreen .practice-content {
        max-width: 100%;
        height: calc(50vh - 3rem) !important;
        margin: 1.3rem 0;
    }
    .course-book.fullscreen .practice-content.pc.bg-white.course-content.expanded-block,
    .course-book.fullscreen .course-content.cc.bg-white.course-content-2.expanded-block {
        height: calc(100vh - 3rem) !important;
    }
    .mh_11 {
        height: calc(100vh - 1rem) !important;
        max-height: calc(100vh - 7.3rem) !important;
        max-height: 100vh;
    }
}


/*---only for tablet--*/

@media (min-width: 1025px) and (max-width: 1199px) {
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin: 0;
        margin-right: 0.25rem;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
        margin-right: 0;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
        min-width: inherit;
        width: auto;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
        min-width: inherit;
        width: auto;
        padding: 0.5rem 0.8rem;
    }
}

@media (max-width: 1024px) {
    .main .main__content {
        padding: 2rem 1rem 3rem;
    }
    main.course-book.\35 c2f16efb0dace3ac5045e92.fullscreen .main-audio-record-div.justify-content-end {
        justify-content: flex-start !important;
    }
    .topic-tab .nav-pills.nav-pills_switch .nav-item {
        margin: 0;
    }
    .course-book .picture {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
    /*== timetable  ==*/
    .ieuk-timetablem .nav-pills .nav-item:not(:last-child) {
        margin-right: 0.8rem;
    }
    .nav-pills .nav-link {
        min-width: inherit;
        font-size: 0.8rem;
    }
    .course-book .say-hello h1 {
        min-width: inherit;
    }
    /*== timetable  ==*/
    /*== GES student topic taks ==*/
    .draw-image>a img {
        max-width: 100% !important;
    }
    /*== GES student topic taks ==*/
    a.nav-link.active.ieukpb-btnmain {
        margin-bottom: 0.3rem;
    }
    .ieukpb-cucmob .abc-tab.m-auto {
        display: block;
        width: 100%;
        margin: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin: 0;
        margin-right: 0.25rem;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
        margin-right: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
        min-width: inherit;
        width: auto;
        margin: 0;
        padding: 0.3rem 0.6rem;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
        padding: 0.5rem 0.6rem;
    }
    .course-book .ieukpb-cucmob .heading-right {
        margin-right: 0;
        position: absolute;
        top: 2rem;
        right: 70px;
    }
    .course-book .ieukpb-cucmob .expand-option-practice {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 2rem;
        right: 1.5rem;
    }
    .true-flase-radio .form-check-input {
        display: none;
    }
    .ieukcc-boxo {
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .multiple-check .custom-control {
        width: 50%;
    }
    .choice-box p,
    .multiple-check .custom-control {
        margin-bottom: 0.7rem;
    }
    .multiple-check .choice-box {
        margin-bottom: 0.5rem;
    }
    /*== teacher start here ==*/
    .ieuktmenutbs.nav-pills .nav-item .nav-link,
    .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
        font-size: 0.9rem;
        padding: 0.5rem;
    }
    /*==need in student also========*/
    .true-false .box .ieuktf-dis {
        max-width: 60%;
        width: 60%;
    }
    .true-false .box .true-false_buttons.ieuktf-btnbox {
        width: 40%;
    }
    .quiz__option_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .create-quiz .quiz-question__form-control {
        width: 100%;
    }
    .create-quiz .quiz-question {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    /*== porfolio_assessment ==*/
    .portfolio_details,
    .progress_details {
        min-width: inherit;
    }
    .course-book.fullscreen .course-tab .course-tab-content {
        padding-top: 3rem;
    }
    .course-book.fullscreen .course-tab .course-tab-fixed-heading {
        padding-bottom: 1rem;
    }
    /*== porfolio_assessment ==*/
}

@media (min-width: 992px) {
    header.mobile-header {
        display: none;
    }
}


/***** Medium device view for col-md-number ***********/

@media (min-width: 768px) {
    span.mobonly {
        display: none;
    }
    .ieuklevlinfo-mob {
        display: none;
    }
    header.mobile-header {
        display: none;
    }
    .ieuktimeselc-cls,
    .ieukmob-bredcumb {
        display: none;
    }
    .ieuk-ilp-hsb {
        display: none;
    }
    a.opneAddModel-ieukmob {
        display: none;
    }
    .ieuk-h-omob {
        display: none;
    }
    .ieuk-taimmobonly {
        display: none;
    }
    a.allfeedbackQuestion_mob {
        display: none;
    }
}

@media (max-width: 991px) {
    .modal-dialog {
        min-width: inherit;
    }
    .modal-dialog {
        max-width: 98%;
    }
    .course-book.fullscreen .course-tab .course-tab-content {
        max-height: inherit;
    }
    .sidebar-menu {
        width: 10rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .table thead th {
        padding: 10px;
        font-size: 1rem;
    }
    .course-book .course-content.course-content-1.bg-white.scrollbar {
        width: 100%;
        height: calc(30vh - 4rem) !important;
        overflow: hidden;
    }
    .speaking-course.flex-wrap.col-lg-6 {
        margin-top: 2rem;
    }
    .course-book.fullscreen .course-content {
        max-width: 100%;
        margin: 1.3rem 0;
        height: calc(85vh - 3rem) !important;
    }
    .course-book.fullscreen .course-content-feedback {
        max-width: 100%;
        margin: 1.3rem 0;
        height: calc(36vh) !important;
    }
    .course-book.fullscreen .practice-content {
        max-width: 100%;
        height: calc(85vh - 3rem) !important;
        margin: 1.3rem 0;
    }
    .practice-content.pc.bg-white.course-content.expanded-block,
    .course-content.cc.bg-white.course-content-2.expanded-block {
        height: calc(100vh - 3rem) !important;
    }
    .main .tab__block_chart .progress {
        width: 70px;
        height: 70px;
    }
    .nav-pills.nav-pills_switch .nav-link {
        min-width: inherit;
    }
    .main .main__content {
        padding: 2rem 1em 2rem;
    }
    .ilp-heading {
        padding: 1.5rem 0rem;
    }
    .main .main-vocab .btn-topic {
        display: none;
    }
    .ieuk-vocaddtopic.ieuk-ilp-hsb {
        display: inline-block;
    }
    .ieuk-vocabulary .ilp-heading .add-ilp-button {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .main .main-vocab .vocal-nav {
        max-width: 100%;
    }
    .ieuk-vocaddtopic a span {
        margin-right: 0.5rem;
    }
    .ieuk-vocabulary .table tbody td,
    .ieuk-vocabulary .table tbody th {
        padding: 1.125rem 0.75rem;
        font-weight: 500;
        color: #30475e;
        vertical-align: middle;
        min-width: 40px;
    }
    .main.notes .overflowhide {
        width: auto;
        white-space: normal;
    }
    /*== porfolio_assessment ==*/
    .main .portfolio_assessment_ges {
        border-right: none !important;
    }
    .portfolio_assessment_ges {
        height: auto;
        margin-bottom: 20px;
    }
    .main .portfolio_assessment_ges .list-inline,
    .main .portfolio_assessment_aes .list-inline {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    /*== porfolio_assessment ==*/
    .course-book.fullscreen .course-tab .course-tab-content {
        padding-top: 3rem;
        height: calc(100% - 7rem);
    }
    .course-book.fullscreen .course-tab .course-tab-fixed-heading {
        padding-bottom: 1rem;
    }
    /*== teacher start here ==*/
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-icon {
        width: 100%;
        height: 60px;
        text-align: center;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-detail {
        width: 100%;
        height: auto;
        margin-top: 15px;
        text-align: center;
    }
    .modal-header .alert.alert-with-icon .alert-icon {
        left: 1rem;
    }
    .course-buttons li {
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
    }
    .expand-option-course img {
        width: 30px;
    }
    .expand-option-feedback img {
        width: 30px;
    }
    .practice-marking-btn {
        font-size: 15px !important;
    }
}


/***** small view for col-sm-number  ***********/

@media (max-width: 767px),
only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /*=menu css=*/
    h1 {
        font-size: 1.5rem;
    }
    body.login_page .mb-menu {
        display: none;
    }
    aside#sidebar.sidebar-menu {
        display: none;
    }
    .w-55.login-sidebar {
        width: 100% !important;
        border: none;
    }
    .login-sidebar:after,
    .login-sidebar:before {
        display: none !important;
    }
    .logo.mb-5 {
        display: none;
    }
    .login-slider .carousel-item img {
        max-width: 100%;
        height: 200px;
    }
    div#carouselExampleCaptions {
        margin: 30px;
    }
    .login-form.ieuk-forgtpp,
    .login_page .login-form {
        width: 100% !important;
        background: none;
        height: auto;
        text-align: center;
    }
    .login-form.ieuk-forgtpp .back-button {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 40px;
        height: 40px;
        background: #F8D7DA;
        border-radius: 5px;
        line-height: 37px;
        color: white;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .login-main {
        height: auto !important;
    }
    .login-form .login-heading {
        margin-bottom: 20px !important;
        margin-top: 20px;
    }
    .login-form .login__form .form-label-group__last {
        margin-bottom: 20px !important;
    }
    form#my_form {
        margin-bottom: 30px;
    }
    .form-label-group {
        text-align: left;
    }
    .login-slider .carousel-indicators li {
        width: 15px !important;
        height: 15px !important;
    }
    .login-main .login-slider {
        padding: 0;
    }
    .login-sidebar .login-slider .carousel-indicators {
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        margin-left: 0;
        text-align: center;
        margin-right: 0;
        margin-bottom: 0;
    }
    .main {
        padding-right: 0;
        padding-left: 0;
        -webkit-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }
    img.deskonly {
        display: none;
    }
    header.mobile-header {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        color: white;
        padding: 10px 15px;
        background-color: #30475e;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
        position: relative;
        z-index: 3;
    }
    header.mobile-header a {
        color: #d55b7d;
        font-size: 2.5rem;
        line-height: 30px;
        float: left;
    }
    header.mobile-header a img {
        float: left;
    }
    header.mobile-header .mh-logo {
        max-height: 30px;
        margin: 0 auto;
        float: none;
        width: 120px;
        padding: 0;
    }
    header.mobile-header .mh-logo img {
        max-height: 30px;
        max-width: 120px;
        float: left;
    }
    header.mobile-header .mb-menu {
        float: left;
        width: 35px;
        margin: 0;
        padding: 0;
        height: 30px;
        line-height: 30px;
    }
    .main__logo a.btn.btn-danger.float-right.ieuklogoutbtn {
        position: absolute;
        top: -41px;
        right: 15px;
        background: transparent !important;
        border: none;
        padding: 0 !important;
        height: 30px;
        width: 30px;
        z-index: 4;
    }
    .main__logo>a:nth-child(1) {
        display: none;
    }
    .main .main__logo {
        padding: 0 !important;
        float: right;
        padding-right: 1rem !important;
        padding-bottom: .5rem !important;
    }
    aside#sidebar.sidebar-menu.on .navbar-profile.d-flex.align-items-center {
        display: none !important;
    }
    .sidebar-menu.on .navbar-nav .nav-item .nav-link .nav-link__name {
        visibility: visible;
        opacity: 1;
        left: 65px;
    }
    aside.sidebar-menu.on {
        width: 90%;
    }
    aside.sidebar-menu.on .navbar {
        padding: 0 1rem;
    }
    .owl-carousel .owl-stage-outer {
        padding: 0px;
    }
    .main .main__content.ieuks-tutorial,
    .main .main__content.ieuk-ilpm,
    .main .main__content.ieuk-fdbk,
    .main .main__content.ieukt-calllog,
    .main .main__content {
        padding: 2.4rem 1rem 2.4rem 1rem;
    }
    .main .main__content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .main .tab__block h1 {
        font-size: 1.6rem;
    }
    .main .tab__block_chart .progress {
        width: 70px;
        height: 70px;
    }
    .main .tab__block .tab__block_content {
        width: calc(100% - 70px);
    }
    .main .tab__block_chart {
        width: 70px;
    }
    .tab-data__heading_left {
        margin-right: 0.5rem;
    }
    a.nav-link.ieuktb-btn {
        padding: 0.65rem 1rem !important;
        font-size: 13px !important;
    }
    /*== topic menu work ==*/
    main.course-book {
        padding: 2rem;
    }
    .course-book a.mobbackbtn-b {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 0.5rem;
        background: white;
        vertical-align: middle;
        z-index: 99;
        text-decoration: underline;
        color: #30475e;
    }
    .course-book .book-navigation .navigation.active,
    .course-book .book-navigation .navigation:hover {
        margin-left: 0.95rem;
    }
    .course-book .say-hello h1 {
        margin: 0rem 0 0.8rem;
        width: 100%;
        font-size: 1.5rem;
        text-align: center;
    }
    .course-book .course-content {
        height: auto !important;
        width: 100% !important;
        font-size: 0.8rem;
        margin: 0.8rem 0;
        padding: 1.5rem;
    }
    .course-book.fullscreen .course-content {
        height: auto !important;
        width: 100% !important;
        font-size: 0.8rem;
        margin: 0.8rem 0;
        padding: 0;
    }
    iframe#iframe_aim1 {
        min-height: 250px !important;
    }
    .course-book .book-navigation .navigation {
        max-width: 100%;
    }
    body.topicsall main.course-book {
        padding-bottom: 46px;
        border-left: none;
    }
    body.topicsall main.course-book.fullscreen {
        padding-bottom: 2rem;
    }
    .course-book.fullscreen .course-book-navigation {
        max-width: 100%;
        position: absolute;
        height: 60px;
        z-index: 1;
        overflow: hidden;
        top: 50px;
        left: 0;
        padding: 15px 5px;
        margin: 0;
        /*box-shadow: 0px 0px 17px -6px #000;
        border-bottom: 1px solid #fff;*/
        background: transparent;
    }
    .course-book.fullscreen .course-book-navigation>.row {
        min-width: 90px;
        width: 100%;
        margin: 0;
    }
    .course-book.fullscreen .book-navigation {
        width: 100%;
        max-width: 100%;
        position: static;
        height: 60px;
        padding: 0;
    }
    .course-book.fullscreen .book-navigation .close-course {
        display: block;
        visibility: visible;
        opacity: 1;
        margin-left: 0;
        margin-bottom: 0;
        width: auto;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .course-book.fullscreen .book-navigation .navigation {
        display: none;
        padding: 0;
        margin: 0 auto;
        float: none;
        width: auto;
        min-width: inherit;
        height: auto;
        max-height: inherit;
        min-height: inherit;
        border: none;
        border-radius: 0px;
    }
    .course-book.fullscreen .book-navigation .navigation small {
        margin-top: 0;
        text-align: center;
        font-size: 27px;
        font-weight: 600;
        color: white;
        display: none;
    }
    .course-book.fullscreen .book-navigation .navigation p {
        display: none;
    }
    .course-book.fullscreen .book-navigation .navigation.active {
        display: block;
        padding: 0 6px;
    }
    .course-book.fullscreen .book-navigation .navigation .task_progress {
        visibility: visible;
        opacity: 1;
        margin-top: 32px;
    }
    .course-book.fullscreen .book-navigation .navigation strong {
        visibility: visible;
        opacity: 1;
    }
    .course-book.fullscreen .speaking-course {
        padding: 0px 0 0 0;
    }
    .course-book.fullscreen .course-content {
        max-width: inherit;
        margin: 10px 0;
    }
    .main-audio-record-div {
        margin-bottom: 0rem;
    }
    .course-book .audio-player .audioplayer {
        max-width: 200px;
    }
    .course-book .audio-element {
        min-width: 200px;
        margin-right: 65px;
    }
    .course-book .audio-player .audioplayer .audioplayer-playpause:focus,
    .course-book .audio-player .audioplayer .audioplayer-playpause:hover,
    .course-book .audio-player.audioplayer-playing .audioplayer-playpause,
    .course-book .audio-player .audioplayer .audioplayer-playpause {
        right: -56px;
        width: 48px !important;
        height: 48px !important;
    }
    .main-audio-record-div .delete-icon-right {
        left: 270px;
    }
    .main-audio-record-div .countdown {
        left: 150px !important;
    }
    .main-audio-record-div .animated__mic__icon {
        position: absolute;
        left: 0;
        bottom: -45px;
    }
    .audio__controls {
        position: absolute;
        left: 60px;
        bottom: -48px;
    }
    .main-audio-record-div.justify-content-end .delete-icon-left {
        left: auto;
        right: 280px;
    }
    .main-audio-record-div.justify-content-end div#stop_recording0.animated__mic__icon.justify-content-center.displayOnly-0.new__stop__button-0 {
        left: auto;
        right: 0;
    }
    .main-audio-record-div.justify-content-end .audio__controls {
        left: auto;
        right: 65px;
    }
    /*== after login ==*/
    .main .topic-tab {
        margin: 0 0 1.875rem;
    }
    .main .topic-tab ul li {
        padding-bottom: 0 !important;
    }
    .main .topic-tab ul li:nth-child(1) {
        padding-right: 5px;
    }
    .main .topic-tab ul li:nth-child(2) {
        padding-left: 5px;
    }
    .main .tab__block {
        padding: 0;
        text-align: center;
        width: 100%;
    }
    .main .tab__block.active {
        background: #d55b7d;
    }
    .main .tab__block.active h1 {
        color: #fff;
    }
    .main .tab__block h1 {
        font-size: 1rem;
        line-height: 35px;
        margin-bottom: 0;
        font-weight: 500;
    }
    .main .tab__block .tab__block_content {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .main .tab__block .tab__block_content ul.list-unstyled {
        display: none;
    }
    .main .tab__block .tab__block_content h3 {
        display: none;
    }
    .main .tab__block .tab__block_chart {
        display: none;
    }
    .main .ieuklevlinfo-mob {
        background: #f5f5f5;
        border-radius: 10px;
        border: 1px solid #e7e7e7;
        padding: 0.625rem 0.938rem;
        -webkit-box-shadow: 0px 0px 10px -9px #3e3e3e;
        box-shadow: 0px 0px 10px -9px #3e3e3e;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.563rem;
    }
    .main .ieuklevlinfo-mob .ieuklevlinfo-con1-mob {
        width: 65%;
    }
    .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob {
        width: 35%;
        margin: 0;
    }
    .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob .progress {
        width: 65px;
        height: 65px;
        margin-top: 0.5rem;
    }
    .main .ieuklevlinfo-mob .ieuklevlinfo-chart-mob .progress .progress-bar {
        border-color: #d55b7d;
    }
    .main .ieuklevlinfo-mob h3 {
        margin-bottom: 0.813rem;
        text-align: left;
    }
    .main .ieuklevlinfo-mob ul.list-unstyled {
        margin-bottom: 0;
    }
    .main .ieuklevlinfo-mob ul.list-unstyled li span {
        font-size: 0.75rem;
        color: #8e98b9;
    }
    .main .ieuklevlinfo-mob ul.list-unstyled li span.task__name {
        margin-right: 0.5rem;
    }
    .main .tab-data .tab-data__heading {
        padding: 0;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .main .tab-data .tab-data__heading .tab-data__heading_left h2 {
        font-size: 1.25rem;
    }
    .main .tab-data .tab-data__heading .tab-data__heading_left p {
        font-size: 0.7rem;
    }
    .main .tab-data .tab-data__heading .tab-data__heading_right a.btn-icon {
        font-size: 1rem;
        width: auto;
        min-width: inherit;
        padding: 0.375rem 0.75rem;
    }
    .main .tab-data__slider .owl-carousel {
        padding: 0 1.25rem;
    }
    .main .tab-data__slider .owl-carousel .owl-nav>button.owl-prev {
        left: 0;
    }
    .main .tab-data__slider .owl-carousel .owl-nav>button.owl-next {
        right: 0;
    }
    /*== after login ==*/
    /*==topic start here==*/
    .course-book .form-slider .owl-nav .owl-next {
        width: 25px;
        background-size: 48%;
        right: -1.5rem;
    }
    .course-book .form-slider .owl-nav .owl-prev {
        width: 25px;
        background-size: 48%;
        left: -1.5rem;
    }
    .course-book .form-slider {
        padding: 0 1.5rem;
    }
    .table-slider-box {
        flex-flow: column wrap;
    }
    .table-slider-box .w-50.table-option.mr-2.shadow.bg-white {
        width: 100% !important;
        margin-bottom: 10px;
    }
    #drawModal .modal-content {
        padding: 1rem;
    }
    .draw-image {
        overflow: hidden;
    }
    .erase-modal .modal-footer .btn:not(:last-child) {
        margin-right: 0;
    }
    .erase-modal .modal-footer {
        padding: 1.25rem 0.5rem;
    }
    .match-answer .match-answer__block li {
        width: calc(45% - 10px) !important;
        -ms-flex: 0 0 calc(45% - 10px) !important;
        flex: 0 0 calc(45% - 10px) !important;
    }
    .topicsall .speaking-course.flex-wrap {
        display: none;
    }
    .topicsall .fullscreen .speaking-course.flex-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .true-false .box.box-flex .form-group:last-child {
        position: absolute;
        left: 0;
        width: 100%;
    }
    .true-false .box {
        margin-bottom: 2rem;
    }
    .table {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }
    /*==topic start here==*/
    /*== all table  ==*/
    .dashboard table.table th,
    .dashboard table.table td {
        /* font-weight: bold; */
        font-weight: 500;
    }
    .dashboard table.table tbody tr th,
    .dashboard table.table tbody tr td {
        /* font-size: 0.9rem; */
        font-size: 1rem;
    }
    .dashboard table.table.ieuktable-notsline thead {
        border-bottom: 1px solid #d55b7d;
    }
    .dashboard table.table.ieuktable-notsline thead tr th {
        padding: 0.625rem 0.5rem;
        font-size: 0.8rem;
        color: #8e98b9;
        line-height: normal;
    }
    .dashboard table.table.ieuktable-notsline tbody tr th,
    .dashboard table.table.ieuktable-notsline tbody tr td {
        padding: 0.5rem;
        font-size: 0.95rem;
        font-weight: bold;
    }
    .dashboard table.table.ieuktable-sline tr {
        display: block;
        position: relative;
    }
    .dashboard table.table.ieuktable-sline thead {
        display: none;
    }
    .dashboard table.table.ieuktable-sline tbody tr {
        border-radius: 10px;
        box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 1.125rem;
        background: #f2f2f2;
    }
    .dashboard table.table.ieuktable-sline tbody tr:nth-last-child(1) {
        margin-bottom: 0;
    }
    .dashboard table.table.ieuktable-sline tbody tr th,
    .dashboard table.table.ieuktable-sline tbody tr th:first-child,
    .dashboard table.table.ieuktable-sline tbody tr td {
        width: 100%;
        display: block;
        max-width: 100%;
        border: none;
        padding: 0.5rem 0.938rem;
    }
    .dashboard table.table.ieuktable-sline tbody tr th:before,
    .dashboard table.table.ieuktable-sline tbody tr th:first-child:before,
    .dashboard table.table.ieuktable-sline tbody tr td:before {
        content: attr(title);
        margin-right: 5px;
    }
    /*== all table  ==*/
    /*== timetable  ==*/
    .main .ilp-heading {
        padding: 30px 15px;
    }
    .ilp-heading ul.nav.ieuk-ttbl {
        display: none;
    }
    .ieuktimeselc-cls {
        width: 50%;
    }
    .ieuktimeselc-cls select.ieukselect {
        background: url(../images/select-ieukbg.png) #f7f8f9 no-repeat right center;
        border: none;
        border-radius: 8px;
        line-height: 40px;
        height: 40px;
        text-align: left;
        color: #30475e;
        padding: 0 32px 0 10px;
        width: auto;
        max-width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
    }
    .timetable.main__content h3 {
        text-align: center;
        width: 100%;
        font-weight: bold;
        margin: 20px 0 15px 0;
    }
    .attendance-summary .summary-box {
        font-size: 1.2rem;
        color: #30475e;
        margin-bottom: 5px;
    }
    .attendace-log .log__detail {
        margin-top: 1.5rem;
        padding: 0;
        border-radius: 0;
        background-color: #fff;
    }
    .timetable table tbody td:nth-last-child(1) {
        text-align: center;
    }
    .attendance-summary .summary-box .summary-title {
        font-size: 0.9rem;
    }
    .timetable.main__content {
        padding-top: 0px;
    }
    .timetable.main__content .attendance-summary h3 {
        margin-top: 0;
    }
    .timetable.main__content .attendace-log .log__heading_right .list-inline-item {
        margin-right: 10px;
        width: auto;
    }
    /*== timetable  ==*/
    /*== course slide work  ==*/
    .main-course .course-enrolement h2 {
        font-size: 1rem;
        font-weight: bold;
    }
    .main-course .course-enrolement {
        padding: 1.875rem 1.875rem 1.25rem;
    }
    .course-enrolement-card h5 {
        color: #9fa9c5;
        font-size: 0.9rem;
        margin-bottom: 2px;
        width: 50%;
        float: left;
        font-weight: bold;
    }
    .course-enrolement-card h4 {
        color: #30475e;
        font-size: 0.9rem;
        width: 50%;
        float: right;
        font-weight: bold;
    }
    /*== course slide work  ==*/
    /*== tutorial  ==*/
    .ieuks-tutorial .table__date {
        float: left;
        margin-right: 5px;
    }
    .main .main__content.ieuks-tutorial .ilp-heading {
        padding: 0 0 20px 0;
    }
    .main .main__content.ieuks-tutorial table .ieuk-tdrtd {
        font-weight: normal;
        font-size: 0.938rem;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td:before {
        font-size: 0.938rem;
        font-weight: bold;
        float: left;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr .ieuktu-mob-tn {
        font-size: 1.125rem;
    }
    .mf_1 {
        margin-bottom: 8px;
    }
    .fl_1 {
        font-size: 15px;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td.ieuk-ac-btn {
        position: absolute;
        bottom: 10px;
        right: 0;
        width: auto;
        padding: 0;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr {
        padding: 0.5rem 0;
    }
    /*== certificate ==*/
    .main__content.certificate_process h3 {
        font-size: 1rem;
    }
    .certificate_details h5 {
        font-size: 1rem;
        padding: 15px 0;
    }
    .certificate_details h4 {
        font-size: 1rem;
    }
    /*.ieukc-process {
        display: none;
    }*/
    .progress_status {
        width: 100%;
        margin: 0 0 0 0;
    }
    /*ol.progress_status.ieukc-getcerty li {
        width: 100%;
        text-align: left;
        padding: 0 0 0 83px;
    }*/
    .progress_status .name {
        /*text-align: left;*/
        margin: 40px 0 40px 0;
        /*line-height: 16px;*/
    }
    .progress_status .name br {
        display: none;
    }
    /*ol.progress_status.ieukc-getcerty li:before {
        content: "";
        display: block;
        left: 50px;
        width: 3px;
        height: 100%;
        background: #30475e;
        position: absolute;
    }
    ol.progress_status.ieukc-getcerty li:after {
        content: "";
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        position: absolute;
        left: 44px;
        background: #30475e;
        top: 0;
    }*/
    .psp {
        width: 100%;
        display: inline-block;
        padding: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    span.psp img {
        max-width: 30px;
        max-height: 30px;
        height: auto;
        width: auto;
    }
    ol.progress_status.ieukc-getcerty li.done:after,
    ol.progress_status.ieukc-getcerty li.active:after,
    ol.progress_status.ieukc-getcerty li.done:before,
    ol.progress_status.ieukc-getcerty li.active:before {
        background: #d55b7d;
    }
    .ieukcd-btn {
        min-width: inherit;
    }
    /*== certificate  ==*/
    /*== fees  ==*/
    .main__content h3 {
        font-size: 1.125rem;
        color: #30475e;
        text-align: center;
        font-weight: bold;
    }
    .fee-detail {
        border-bottom: none;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        padding-right: 15px;
    }
    .fee-detail .fee-detail__box {
        max-width: 100%;
    }
    /*== fees  ==*/
    /*== ILP  ==*/
    a.ieuk-ilp-hsb img {
        max-width: 33px;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th,
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td:before {
        margin-right: 0;
        width: 100%;
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody td.ieuk-ilp-acn {
        position: absolute;
        top: 5px;
        right: 0;
        width: auto;
    }
    .main .main__content.ieuk-ilpm table.table.ieuktable-sline tbody tr td.ieuk-ilp-acn:before {
        margin: 0;
    }
    .main .ieuk-ilp-acn a {
        margin-right: 0.3rem;
        display: inline-block;
        width: 33px;
        height: auto;
    }
    .main .ieuk-ilp-acn a:nth-last-child(1) {
        margin-right: 0;
    }
    .ieuk-ilp-hsb.on img {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .main .main__content.ieuk-ilpm .ilp-heading {
        padding: 0 0 30px 0;
    }
    .main .main__content.ieuk-ilpm .ilp-heading ul.nav {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .main .main__content.ieuk-ilpm .ilp-heading ul.nav li .nav-link {
        min-width: inherit;
        font-size: 0.8rem;
    }
    .main__content.ieuk-ilpm .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 50%;
    }
    .main__content.ieuk-ilpm .ilp-heading .ilp-search {
        margin: 0;
        margin-top: 10px;
        width: 50%;
    }
    .main__content.ieuk-ilpm .ilp-heading .ilp-search.addilpbtn-without {
        width: 100%;
    }
    .main .main__content.ieuk-ilpm .ilp-heading {
        flex-direction: row;
    }
    .policy .policy__box {
        width: 100%;
        max-width: 100%;
        border-radius: 0.45rem;
        margin-bottom: 2rem;
        padding: 0.5rem 0.75rem 1.5rem;
        background-color: #f5f5f5;
    }
    .add-ilp-modal .modal-content {
        padding: 0.938rem 1.125rem;
    }
    .add-ilp-modal .modal-body {
        padding: 0.5rem;
    }
    .add-ilp-modal .modal-body .form-check-inline {
        width: auto;
        margin-right: 5px;
    }
    .modal-header .modal-title span img {
        width: 30px;
        height: auto;
    }
    .modal-header .modal-title {
        font-size: 1.125rem;
    }
    /*== ILP  ==*/
    /*== feedbacks  ==*/
    .main .main__content.ieuk-fdbk .ilp-heading {
        padding: 0 0 20px 0;
    }
    .main .main__content.ieuk-fdbk .ilp-heading .add-ilp-button {
        margin-right: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1):before,
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1):before {
        margin-right: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        width: auto;
        padding: 0;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr td {
        font-weight: normal;
    }
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline.ieukfbk-tbl tbody tr th:nth-child(1),
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuk-fdbk table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main__content.main__content_full.ieuk-fdbk a.opneAddModel {
        display: none;
    }
    #teacher-feedback-mobieuk .modal-content {
        padding: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-header {
        padding: 0;
    }
    #teacher-feedback-mobieuk .modal-header .close {
        right: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-header .close img {
        max-width: 27px;
    }
    #teacher-feedback-mobieuk .modal-header .modal-title {
        font-size: 0.938rem;
    }
    #teacher-feedback-mobieuk .modal-body {
        padding: 0.938rem;
    }
    .ieukinmh {
        width: 100%;
        text-align: center;
        position: relative;
    }
    .ieukinmh h5 {
        color: #30475e;
        font-weight: bold;
    }
    span.ieuk-msr-count {
        font-weight: normal;
        color: #d55b7d;
        font-size: 0.875rem;
        position: absolute;
        top: 5px;
        right: 0;
    }
    .ieuk-fpr label {
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        padding: 0;
        text-align: center;
        cursor: pointer;
    }
    .ieuk-fpr label input {
        display: none;
    }
    .ieuk-fpr label input+span {
        line-height: 30px;
        font-size: 0.875rem;
        text-align: center;
        width: 100%;
        border-radius: 5px;
        background: #f7f8f9;
        color: #30475e;
        font-weight: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }
    .ieuk-fpr label input:hover+span,
    .ieuk-fpr label input:checked+span {
        background: #d55b7d;
        color: #fff;
    }
    #teacher-feedback-mobieuk p {
        font-size: 0.875rem;
        font-weight: bold;
        color: #30475e;
        text-align: justify;
    }
    .ieuk-fpr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .ieukf-tarea {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        font-size: 0.875rem;
        line-height: normal;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #30475e;
        margin-top: 10px;
    }
    .ieukf-tarea textarea {
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 8px;
        line-height: normal;
        min-height: 130px;
        border: none;
        background: #f7f8f9;
        border-radius: 10px;
        margin: 5px 0 10px 0;
    }
    .ieukf-tarea textarea::-webkit-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::-moz-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea:-ms-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::-ms-input-placeholder {
        color: #b6c5df;
    }
    .ieukf-tarea textarea::placeholder {
        color: #b6c5df;
    }
    a.allfeedbackQuestion {
        display: none;
    }
    /*== feedbacks  ==*/
    /*== complaints  ==*/
    .main .main__content.complaint .scrollbar-table {
        max-height: inherit;
        overflow: inherit;
    }
    .main .main__content.complaint table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
    .main .main__content.complaint table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.complaint table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main .main__content.complaint table.table.ieuktable-sline tbody tr th,
    .main .main__content.complaint table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main .main__content.complaint .complaint-table {
        border: none;
    }
    .main__content.complaint .row {
        flex-direction: column-reverse;
    }
    .main__content.complaint .row .complaint-list {
        margin-bottom: 40px;
    }
    .main__content.complaint .row .complaint-form {
        margin-bottom: 1rem;
    }
    .main .main__content.complaint .complaint-form .form-box {
        padding: 0.938rem;
        padding-right: 0;
        padding-bottom: 2.5rem;
    }
    .main .main__content.complaint form#my_form h3 {
        text-align: left;
        margin-bottom: 0.4rem;
    }
    .complaint-form .typebox {
        padding: 1rem;
    }
    /*== complaints  ==*/
    /*== notes  ==*/
    .main.notes .main__content table.table.ieuktable-sline tbody tr th:before,
    .main.notes .main__content table.table.ieuktable-sline tbody tr td:before {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        font-weight: bold;
    }
    .main.notes .main__content table.table.ieuktable-sline tbody tr th,
    .main.notes .main__content table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main.notes .main__content table.table.ieuktable-sline tbody tr td:nth-last-child(1) {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
    }
    .filter-sidebar {
        right: -20px;
        width: 80vw;
        max-width: 350px;
    }
    aside.filter-sidebar.openclose {
        right: 0;
        width: 80vw;
        max-width: 350px;
    }
    .main.notes .ilp-heading {
        padding: 1rem 0;
    }
    .share-notes {
        display: none;
    }
    .main.notes .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0.5rem;
        line-height: 35px;
    }
    .main.notes .ilp-heading .add-ilp-button span img {
        height: 30px;
    }
    .ieuk-notemdl.add-summary-modal .modal-header {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: column !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .ieuk-notemdl.add-summary-modal .modal-content {
        padding: 0.938rem;
        background: #fff;
    }
    .row.ieuk-h-omob {
        max-width: 100%;
    }
    .ieuk-noteselect.ieuktimeselc-cls {
        width: 100%;
        margin: 5px 0 10px 0;
    }
    .ieuk-notemdl.add-summary-modal .modal-body {
        border: 1px solid #d55b7d;
        padding: 1rem;
    }
    .ieuk-notemdl.add-summary-modal .modal-body h3 {
        font-weight: bold;
        margin-bottom: 15px;
    }
    /*== notes  ==*/
    /*== comman dashbord  ==*/
    .ieuk-h-inmob {
        display: none;
    }
    .summary-heading {
        padding: 1rem 0.938rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .portfolio-heading h1,
    .summary-heading h1 {
        font-size: 22px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .summary-heading h1 span img {
        height: 25px;
    }
    .summary-heading .ilp-search {
        position: relative;
        width: 100%;
    }
    .summary-heading .ilp-search input.form-control {
        display: block;
        width: 100%;
        margin-right: 0 !important;
    }
    .ilp-heading .nav-pills .nav-link {
        min-width: inherit;
        padding: 0 0.938rem;
        font-size: 0.875rem;
        height: 35px;
        line-height: 35px;
    }
    .modal-content,
    .add-summary-modal .modal-content {
        padding: 0.938rem;
    }
    .add-summary-modal .modal-header {
        border: none;
        padding: 0;
        margin-bottom: 1.5rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .modal-header .modal-title {
        font-size: 1.125rem;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0rem !important;
    }
    .add-summary-modal .modal-body {
        padding: 0.938rem;
    }
    /*== comman dashbord  ==*/
    /*== vocabulary ==*/
    .main.ieuk-vocabulary .ilp-heading {
        padding: 0px 15px;
    }
    a.back-button {
        display: none;
    }
    .ieuk-vocabulary hr.hr {
        display: none;
    }
    .main .main-vocab .vocal-nav {
        max-width: 100%;
    }
    .main .main-vocab .vocab-table-container {
        border: none;
        border-radius: 0;
        padding: 0;
        margin-top: 18px;
    }
    .main .main-vocab .vocal-nav .nav-pills .nav-link {
        margin-bottom: 0;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th:before,
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td:before {
        font-weight: bold;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th,
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr td {
        font-weight: normal;
    }
    .main.ieuk-vocabulary .ilp-heading * {
        font-size: 0.875rem;
    }
    .main.ieuk-vocabulary .ilp-heading img {
        line-height: 35px;
        height: 30px;
    }
    .main.ieuk-vocabulary .ilp-heading .d-flex.flex-wrap.pull-right {
        margin-left: 0 !important;
    }
    .main.ieuk-vocabulary .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
    }
    .main.ieuk-vocabulary .ilp-heading {
        -webkit-flex-flow: row nowrap !important;
        -moz-flex-flow: row nowrap !important;
        -ms-flex-flow: row nowrap !important;
        flex-flow: row nowrap !important;
        -webkit-box-pack: space-between !important;
        -ms-flex-pack: space-between !important;
        -webkit-justify-content: space-between !important;
        -moz-justify-content: space-between !important;
        justify-content: space-between !important;
    }
    .main .main-vocab .vocal-nav .nav-pills a {
        margin-bottom: 10px;
    }
    .main .main-vocab .vocal-nav .nav-pills {
        margin-bottom: 0.5rem;
    }
    .main .main-vocab .edit-here {
        padding: 0 0.938rem;
    }
    .main.ieuk-vocabulary .main__content table.table.ieuktable-sline tbody tr th.vocab-sorter {
        position: absolute;
        width: auto;
        top: -70px;
        height: auto;
        line-height: normal;
        padding: 0;
    }
    .main.ieuk-vocabulary .main__content .vocal-atoz table.table.ieuktable-sline tbody tr {
        margin: 50px 0 80px 0;
    }
    /*== vocabulary ==*/
    /*== summery ==*/
    .ieuks-summerys .ilp-heading .add-ilp-button {
        margin-left: 0;
        margin-right: 0;
    }
    /*== summery ==*/
    /*== porfolio_assessment ==*/
    .portfolio-heading h1 {
        padding: 1rem 0.938rem;
    }
    .portfolio-heading h1 span img {
        max-height: 30px;
        width: auto;
        margin-right: 5px !important;
    }
    .main .portfolio_sidea .main__content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .portfolio_assessment_ges h2,
    .portfolio_assessment_ges h2,
    .portfolio_assessment_aes h2 {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: 20px;
        text-align: center;
    }
    .portfolio_details,
    .progress_details {
        min-width: inherit;
        font-size: 0.938rem;
        padding: 0.5rem 0.9rem;
    }
    .main .portfolio_assessment_ges {
        border-right: none !important;
    }
    .portfolio_assessment_ges {
        height: auto;
        margin-bottom: 20px;
    }
    .main .portfolio_assessment_ges .list-inline,
    .main .portfolio_assessment_aes .list-inline {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr {
        width: 100%;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr td:first-child,
    .portfolio_asesment_table.ieukpa-tbl thead,
    .portfolio_asesment_table.ieukpa-tbl thead tr th {
        display: none;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc {
        position: relative;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr.iepa-trwc td.iepa-tdwc {
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        background: #30475e;
        color: #fff;
        width: 100%;
    }
    .portfolio_asesment_table.ieukpa-tbl tbody tr:nth-child(1) td.iepa-tdwc {
        border-radius: 8px 8px 0px 0px;
    }
    .main.ieuk-pappg .portfolio-heading h1 {
        padding: 0;
    }
    .main.ieuk-pappg .portfolio_sideb .custom-content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
        margin-bottom: 20px;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div {
        padding-left: 0 !important;
    }
    .main.ieuk-pappg .portfolio_sideb .nav.nav-pills.nav-pills_switch+div+div {
        padding-right: 0 !important;
    }
    .main.ieuk-pappg a#backp,
    .main.ieuk-pappg a#back {
        position: absolute;
        top: 70px;
        font-size: 1.25rem !important;
    }
    .portfolio_topic {
        padding: 11px 35px 10px 20px;
    }
    .select_topic_modal ul {
        margin: 0;
    }
    #select_learning_modal_aes .modal-dialog,
    #select_topic_modal_aes .modal-dialog,
    #select_learning_modal_ges .modal-dialog,
    #select_topic_modal_ges .modal-dialog {
        max-width: 94%;
    }
    .portfolio_asesment_table.work-record__table thead tr th:nth-child(2),
    .portfolio_asesment_table.work-record__table tbody tr td:nth-child(2) {
        display: none;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr td,
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table thead tr th {
        padding: 0.93rem;
        font-size: 0.8rem;
    }
    .work-record .hidden-tr {
        padding: 0;
    }
    .main .progress_sideb .custom-content {
        padding: 0.938rem;
        margin-top: 0 !important;
    }
    .main .portfolio_sideb .work-record>.col-12,
    .main .progress_sideb .work-record>.col-12,
    .main.ieuk-pappg .portfolio-heading h1 {
        padding: 0;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td:nth-child(2) {
        display: table-cell;
    }
    .main.ieuk-pappg .portfolio_asesment_table.work-record__table tbody tr.hidden-data td {
        font-weight: normal;
    }
    .main.ieuk-pappg .portfolio_sideb .ilp-heading,
    .main.ieuk-pappg .progress_sideb .ilp-heading,
    .main.ieuk-pappg .main__content {
        padding: 0.938rem;
    }
    .main.ieuk-pappg .progress_sideb .ilp-heading {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
    }
    /*== porfolio_assessment ==*/
    /*== work-record ==*/
    .work-record .tab-content .nav-tabs {
        padding: 0 0.938rem;
        -webkit-flex-flow: nowrap;
        -moz-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    }
    .work-record .tab-content .nav-tabs .nav-link {
        margin-right: 0.8rem;
        padding: 0 0 0.875rem;
        line-height: 30px;
        font-size: 0.8rem;
    }
    .work-record .tab-content .nav-tabs .nav-link.active {
        font-size: 0.9rem;
    }
    .ieuk-wrm .table thead th:nth-child(4),
    .ieuk-wrm .table tbody td:nth-child(4),
    .ieuk-wrm .table thead th:nth-child(5),
    .ieuk-wrm .table tbody td:nth-child(5) {
        display: none;
    }
    .ieuk-wrm .work-record .hidden-tr .topic-block {
        padding: 0.938rem;
        margin: 5px 0;
        width: calc(100% - 30px);
        margin-left: 15px;
    }
    .ieuk-wrm .work-record .hidden-tr {
        text-align: center;
    }
    .ieuk-wrm .hidden-tr .table tbody td:nth-child(4) {
        display: table-cell;
    }
    /*== work-record ==*/
    .functional_language_select select {
        margin-bottom: 0px;
    }
    .certificate_details.functional_language_select {
        text-align: center;
        margin-bottom: 20px;
    }
    /*== work-record ==*/
    /*== functional_language ==*/
    /*== functional_language ==*/
    /*==topic start here==*/
    .true-false .box .true-false_buttons.ieuktf-btnbox {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        align-items: flex-end;
    }
    .true-false .box .true-false_buttons.ieuktf-btnbox *:not(last-child) {
        margin-bottom: 2px;
    }
    .true-false .box .true-false_buttons.ieuktf-btnbox * {
        margin-right: 0;
    }
    .create-quiz .quiz-question__form-control {
        width: 100%;
    }
    .create-quiz .quiz-question {
        width: 100%;
    }
    .form-slider .table-slider-box.ietsb-mobv {
        width: 100%;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: initial;
        -moz-flex-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
    .form-slider .table-slider-box .table-option.ietsob-mobv {
        width: auto;
        border-left: 1px solid;
        border-color: #dee2e6;
    }
    a.nav-link.active.ieukpb-btnmain {
        margin-bottom: 0.3rem;
    }
    .ieukpb-cucmob .abc-tab.m-auto {
        display: flex;
        width: 100%;
        margin: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin: 0;
        margin-right: 0.25rem;
        min-width: inherit;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item:nth-last-child(1) {
        margin-right: 0;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link {
        min-width: inherit;
        width: auto;
        margin: 0;
        padding: 0.3rem 0.6rem;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item a.nav-link.active {
        padding: 0.5rem 0.6rem;
    }
    .course-book .ieukpb-cucmob .heading-right {
        margin-right: 0;
        position: absolute;
        top: 1.2rem;
        right: 70px;
    }
    .course-book .ieukpb-cucmob .expand-option-practice {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 1.2rem;
        right: 1.5rem;
    }
    .draw-image {
        min-height: inherit;
    }
    .task-box_buttons>a {
        margin-bottom: 10px;
    }
    .task-box_buttons a.submit_form {
        width: 100%;
    }
    .true-flase-radio .form-check-input {
        display: none;
    }
    .btn.btn-dark {
        min-width: inherit;
    }
    .course-book .course-content h1 {
        font-size: 1rem;
    }
    .draw-image>a.ieuks-ctdbtn span {
        position: absolute;
        background: white;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 5px;
    }
    .ieuks-vvvdc {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .ieuks-vvvdc img {
        max-width: 100%;
        margin: 0 auto;
    }
    .ieuktbl-candossmnt-cntnr .table-heading {
        display: none !important;
    }
    .ieuksm-ttlvvdf+div,
    .ieuksm-ttlvvdf+div+div {
        display: none !important;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
        font-weight: bold;
    }
    .course-book .table-container .table .table-row .td.ieuksm-ttlvvdf {
        border-top: 1px solid #e0e2e4 !important;
        border-right: 1px solid #e0e2e4 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div,
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd {
        width: 100% !important;
        border-right: 1px solid #e0e2e4 !important;
    }
    .ieuktbl-candossmnt .table-row {
        -webkit-flex-flow: column;
        -moz-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .ieuk-vvdfrbtn {
        padding: 1rem 0.5rem !important;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div+div {
        width: 100%;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div.ieuksm-cdstvvfd+div .ieuk-vvdfrbtn:before {
        content: attr(title);
        width: auto;
        font-weight: bold;
        text-align: left;
        padding: 0;
        left: 10px;
        position: absolute;
        top: 17px;
    }
    .ieuktbl-candossmnt-cntnr .table-row>div+div+div:before {
        content: attr(title);
        width: auto;
        font-weight: bold;
        text-align: left;
        padding: 10px;
        left: 0;
    }
    .ieuktbl-candossmnt .table-row .wm-1001 {
        width: 100%;
    }
    /*==topic end here==*/
    /*==teachcer start her==*/
    .chart .attendance-chart {
        max-width: 300px;
        margin: 2.5rem auto 0;
    }
    .ieuk-timetablem .presentation_block ul li {
        padding: 0 5px 5px 0;
    }
    .table .tutorial__date,
    .table .tutorial__time {
        display: initial;
    }
    .ieuks-tutorial.ieukt-tutorial .ilp-heading .add-ilp-button {
        max-width: 50%;
        width: 50%;
    }
    .ieuks-tutorial.ieukt-tutorial .ilp-heading .search-form {
        max-width: 50%;
        width: 50%;
    }
    .dashboard .main .main__content+div.main__content {
        padding-top: 0;
    }
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-icon {
        width: 100%;
        height: 60px;
        text-align: center;
        margin: 0;
        padding: 0;
        display: inline-block;
    }
    .dashboard-tabs .nav-tabs .ieuk-dtmd .tab-detail {
        width: 100%;
        height: auto;
        margin-top: 15px;
        text-align: center;
    }
    .ieuktmenutbs.nav-pills .nav-item .nav-link,
    .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
        font-size: 0.8rem;
        padding: 0.5rem;
    }
    .ilp-heading.main__content>* {
        width: 100%;
        margin-top: 15px;
        /* padding: 0 15px 0 15px; */
    }
    .ilp-heading select.form-control {
        min-width: inherit;
        max-width: inherit;
    }
    .previous_practice_answer_exists_15507574545c6eae4ea867f {
        min-width: 550px;
        padding: 0 10px;
    }
    aside.w-35.course-book__left {
        width: 100% !important;
    }
    .w-65.course-book__right {
        width: 100% !important;
    }
    .course-content .course-tab-content .scrollbar {
        max-height: inherit;
    }
    /*==need in student also========*/
    .true-false .box.box-flex .box__left_radio {
        max-width: 100%;
        padding-right: 5rem;
    }
    .multiple-check .custom-control {
        width: 100% !important;
    }
    .draw-image img {
        max-width: 100%;
        height: auto;
    }
    /*==teachcer start her==*/
}


/*== most responsive ==*/


/***** Extra small view for col-number ***********/

@media (max-width: 575px) {
    .main .main__content.ieuks-tutorial,
    .main .main__content.ieuk-ilpm,
    .main .main__content.ieuk-fdbk,
    .main .main__content.ieukt-calllog,
    .main .main__content {
        padding: 1.875rem 15px;
    }
    .main .tab__block_chart .progress {
        width: 50px;
        height: 50px;
    }
    .main .tab__block_chart {
        width: 50px;
    }
    .main .tab-data .tab-data__heading .tab-data__heading_right {
        margin-left: 0;
        margin-top: 1rem;
    }
    main.course-book {
        padding: 1.5rem;
    }
    .course-book .plyr--audio .plyr__controls {
        max-width: 200px;
    }
    .course-book .plyr__controls .plyr__controls__item:first-child {
        right: -56px;
    }
    /*== all table  ==*/
    table.table tbody tr th,
    table.table tbody tr td {
        font-size: 0.86rem;
    }
    /*== all table  ==*/
    /*== course slide work  ==*/
    .course-enrolement-card h5 {
        font-size: 0.83rem;
    }
    .course-enrolement-card h4 {
        font-size: 0.83rem;
    }
    .course-enrolement-card .btn {
        min-width: 4.5rem;
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }
    /*== course slide work  ==*/
    /*== tutorial  ==*/
    .main .main__content.ieuks-tutorial table .ieuk-tdrtd {
        font-size: 0.86rem;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr th:before,
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr td:before {
        font-size: 0.86rem;
    }
    .main .main__content.ieuks-tutorial table.table.ieuktable-sline tbody tr .ieuktu-mob-tn {
        font-size: 1rem;
    }
    .tutorial-modal .ieuk-tutopopuptitle {
        display: block;
        width: 100%;
        margin-bottom: 0.6rem;
    }
    .tutorial-modal .modal-title-right.ieuks-tumotitle {
        display: block;
        width: 100%;
        padding: 0.5rem 0.8rem;
        font-size: 0.86rem;
    }
    .tutorial-modal .modal-header {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tutorial-modal .modal-content {
        padding: 0.5rem 0.86rem;
    }
    .tutorial-modal .modal-dialog {
        width: calc(100% - 1rem);
    }
    /*== tutorial  ==*/
    /*== comman dashbord  ==*/
    .summary-heading {
        padding: 1rem 0.938rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .portfolio-heading h1,
    .summary-heading h1 {
        font-size: 22px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .summary-heading h1 span img {
        height: 25px;
    }
    .summary-heading .ilp-search {
        position: relative;
        width: 100%;
    }
    /*== comman dashbord  ==*/
    /*== topic start here==*/
    .two-click .btn:not(:last-child) {
        margin-right: 0;
    }
    .ieukcc-boxo {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .choice-box p,
    .multiple-check .custom-control {
        margin-bottom: 0.7rem;
    }
    .multiple-check .choice-box {
        margin-bottom: 0.5rem;
    }
    /*===== only phone portratit ======*/
    .ieuktmenutbs.nav-pills .nav-item .nav-link,
    .ieuktmenutestbtn a.btn.btn-lg.btn-dark {
        font-size: 0.8rem;
        padding: 0.5rem;
    }
    /*===== only teacher portratit ======*/
}

@media (min-width: 0px) and (max-width: 480px) {
    div#stop_recording0.animated__mic__icon.justify-content-center.displayOnly-0.new__stop__button-0 {
        position: absolute;
        left: 0;
        bottom: -45px;
    }
    .audio__controls {
        position: absolute;
        left: 60px;
        bottom: -48px;
    }
    .course-book .course-tab .nav-pills .nav-link,
    .course-book .practice-content .nav-pills .nav-link {
        min-width: inherit;
    }
    .practice-content-heading.course-tab-fixed-heading .heading-right {
        margin-right: 4px;
    }
    .practice-content-heading.course-tab-fixed-heading .expand-option-practice {
        padding-left: 0;
    }
    .course-tab-fixed-footer.etra_options {
        bottom: 40px;
        padding: 5px 20px;
    }
    .erase-modal .modal-footer .btn:not(:last-child) {
        margin-right: 0;
    }
    .main.ieuk-vocabulary .ilp-heading * {
        font-size: 0.69rem;
    }
    .course-book .ieukpb-cucmob ul#abc-tab.ieukpb-abcul li.nav-item {
        margin-right: 0.15rem;
    }
    /*====*/
}

@media (min-width: 0px) and (max-width: 340px) {
    .main-audio-record-div .delete-icon-right {
        left: 227px;
        top: -10px;
    }
}

@media (min-width: 0px) and (max-width: 280px) {
    header.mobile-header .mh-logo {
        max-height: 49px;
        margin: 4px auto 0 auto;
        float: none;
        width: 140px;
        padding: 0;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    .course-book.fullscreen .course-content,
    .course-book.fullscreen .practice-content {
        height: auto !important;
    }
}

@media (min-width:767px) and (max-width:1369px) {
    .fl_1 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }
}

@media (min-width:990px) and (max-width:1200px) {
    .dt_2 {
        position: relative;
        top: -13px;
    }
}

@media (min-width:930px) and (max-width:1328px) {
    .df_1 {
        flex-direction: column;
    }
    .pr_1 {
        position: relative;
        place-self: end;
        margin-bottom: 5px;
    }
}

@media (min-width:930px) and (max-width:1222px) {
    .df_1 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .df_1 .nav li a {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .df_1 .nav li {
        margin-right: 7px !important;
    }
}

@media (max-width:1314px) {
    .mt_10 {
        margin-top: 10px;
    }
}

@media (min-width:470px) and (max-width:720px) {
    .mw_40 {
        min-width: 70%;
    }
}

@media (min-width:430px) and (max-width:469px) {
    .mw_33 {
        min-width: 50%;
    }
    .mw_35 {
        min-width: 70%;
    }
    .mw_40 {
        min-width: 70%;
    }
}

@media (min-width:319px) and (max-width:429px) {
    .mw_33 {
        min-width: 50%;
    }
    .mw_35 {
        min-width: 100%;
    }
    .mw_40 {
        min-width: 100%;
    }
}

@media (max-width:319px) {
    .mw_33 {
        min-width: 100%;
    }
    .mw_35 {
        min-width: 100%;
    }
    .mw_40 {
        min-width: 100%;
    }
}

@media (max-width:620px) {
    .w_50 {
        width: 100%;
        margin-top: 5px;
    }
}

@media (max-width:660px) {
    .cr_1 {
        flex-direction: column-reverse;
    }
    .w_100 {
        width: 100% !important;
    }
}

@media (min-width:390px) and (max-width:600px) {
    .w_3 {
        width: 45%;
    }
    .w_3:last-child {
        margin-bottom: 5px;
        width: 100%;
    }
}

@media (max-width:389px) {
    .w_3 {
        width: 100%;
    }
    .w_3:last-child {
        margin-bottom: 5px;
    }
}

@media (max-width:450px) {
    .w_45 {
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 428px) {
    .course-content.course-content_shrink {
        max-height: 100%;
    }
    .course-content {
        max-height: 100%;
    }
    /*.expand-option-feedback,
    .expand-option-course {
        display: none;
    }*/
    .course-book__left {
        padding-right: 0;
        margin-bottom: 20px;
    }
    /*.course-book.fullscreen .course-content {
        padding: 10px;
    }*/
    .course-content .course-tab-fixed-heading {
        padding: 0 3rem 0 0;
    }
    .course-book-heading .heading__button {
        margin-bottom: 5px;
    }
    .course-content .course-tab-fixed-heading .title {
        margin-bottom: 5px;
    }
    .tab-footer .overall-feedback {
        padding: 0 0 10px 0;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .profile_data_title {
        border-bottom: 1px solid #3E5971;
        text-align: left !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main .profile:last-child {
        padding-left: 1rem;
    }
}


/********  Data table row count and search alignment - added by divyesh 26-02-2022  ********/

@media (max-width: 767px) {
    .dataTables_length,
    .dataTables_info {
        /* padding-left: 15px; */
    }
    .dataTables_length,
    .dataTables_filter,
    .dataTables_info {
        text-align: left !important;
    }
    .pagination {
        float: left;
        margin-bottom: 20px !important;
    }
    .course-content .course-tab-content .tab-content {
        min-height: calc(100% - 2rem);
    }
    /* #get_class_reg .ilp-heading .row {
        padding-left: 0 !important;
    } */
    /* #get_class_reg .ilp-heading .row>*:nth-child(odd) {
        padding-left: 0 !important;
    } */
}


/*********************************************************************************************/

@media (max-width:576px) {
    .mt-3.presentation_block {
        width: 100%;
    }
    .mt-3.presentation_block ul {
        margin-right: 0;
    }
    .mt-3.presentation_block ul li {
        margin-right: 0.3rem !important;
    }
}

@media (max-width: 391px) {
    .main .ilp-heading .d-flex.justify-content-between {
        display: block !important;
    }
    .main .ilp-heading .d-flex.justify-content-between #pills-tab {
        margin-bottom: 1rem;
    }
}

@media (min-width: 0px) and (max-width: 474px) {
    #pills-profile #observation-add1 {
        float: left !important;
        padding-bottom: .5rem;
    }
}


/*# sourceMappingURL=responsive1.css.map */