/**************** MEDIA QUERIES *********************/
/**************** MEDIA QUERIES *********************/
/* Mobile sx */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3),
  (max-width: 767px)
{

    .breadcrumb {
        line-height: 35px;
        font-size: 12px;
    }

    #learnerDashboardContent { margin-top: 0 !important;}

    #courseWidgets .tiles-view,
    #courseWidgets .list-view {
        padding: 0;
    }

    .carousel-inner .tiles-view,
    .carousel-inner .list-view {
        padding: 0;
        width: 80%;
        margin-left: 10%;
    }

    #courseWidgets .tiles-view .table_row,
    #courseWidgets .tiles-view .table_cell {
        display: table-row;
    }

    #learnerDashboardContent .litmos-sub-nav {
        margin-bottom: 15px;
        width: 100%;
    }

    #learnerDashboardContent .litmos-sub-nav li {
        width: 21%;
        text-align: center;
        font-size: 13px;
    }

    #learnerDashboardContent .litmos-sub-nav li:first-child {
        width: 10%;
    }
    #learnerDashboardContent #assignedTrainingWrapper .litmos-sub-nav li:first-child {
        width: auto;
    }
    #learnerDashboardContent #assignedTrainingWrapper .litmos-sub-nav li {
        flex-grow: 4;
        font-size: 10px;
        width: auto;
    }
    #assignedTrainingBtn {
        width: 65%;
        font-size: 0.5em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #learnerDashboardContent .nav > li > a {
        padding: 15px 0px;
    }

    #courseWidgets .tiles-view .panel,
    #courseWidgets .list-view .panel {
        width: 100%;
        display: table;
        vertical-align: top;
        margin-bottom: 15px;
        position: relative;
    }

    #courseWidgets .tiles-view .image-box,
    #courseWidgets .list-view .image-box,
    #courseWidgets .tiles-view .image-box-square,
    #courseWidgets .list-view .image-box-square {
        padding-top: 0;
        display: table-cell;
        width: 133px;
        height: 72px;
    }

    #courseWidgets .tiles-view .image-box,
    #courseWidgets .list-view .image-box,
    #courseWidgets .tiles-view .image-box-square,
    #courseWidgets .list-view .image-box-square {
        padding-top: 0;
        display: table-cell;
        width: 133px;
        height: 72px;
    }

    #courseWidgets .tiles-view .tile-image,
    #courseWidgets .list-view .tile-image,
    #courseWidgets .list-view .image-box-square .tile-image-default {
        background-size: cover;
        width: 133px;
        height: auto;
        min-height: 72px;
    }

    #courseWidgets .list-view .tile-image-default {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        padding-top: 13%;
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

    #courseWidgets .tiles-view .image-box-square .tile-image-default,
    #courseWidgets .list-view .image-box-square .tile-image-default {
        padding-top: 15%;
    }

    #courseWidgets .list-view .image-box-square .tile-image-default {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

    #courseWidgets .tiles-view .table_cell {
        display: table-cell;
        padding: 8px 15px;
    }

    #courseWidgets .tiles-view-panel-body {
        height: auto;
        padding: 0;
    }

    #mainContentList .status-box,
    #myTrainingmainContentList .status-box {
        margin-bottom: 0px !important;
    }

    #mainContentList .tiles-view,
    #mainContentList .list-view,
    #myTrainingmainContentList .tiles-view,
    #myTrainingmainContentList .list-view {
        padding: 0;
    }

    #mainContentList .tiles-view .table_row,
    #mainContentList .tiles-view .table_cell,
    #myTrainingmainContentList .tiles-view .table_row,
    #myTrainingmainContentList .tiles-view .table_cell {
        display: table-row;
    }

    #mainContentList .tiles-view .panel,
    #mainContentList .list-view .panel
    #myTrainingmainContentList .tiles-view .panel,
    #myTrainingmainContentList .list-view .panel {
        width: 100%;
        display: table;
        vertical-align: top;
        margin-bottom: 15px;
        position: relative;
    }

    #mainContentList .tiles-view .image-box,
    #mainContentList .list-view .image-box,
    #myTrainingmainContentList .tiles-view .image-box,
    #myTrainingmainContentList .list-view .image-box{

        padding-top: 0;
        display: table-cell;
        width: 90px;
        height: 90px;
        min-width: 90px;
    }

    #mainContentList .tiles-view .image-box-square,
    #mainContentList .list-view .image-box-square,
    #mainContentList .list-view .image-box-square .tile-image,
    #mainContentList .list-view .image-box-square .tile-image-default,
    #myTrainingmainContentList .tiles-view .image-box-square,
    #myTrainingmainContentList .list-view .image-box-square,
    #myTrainingmainContentList .list-view .image-box-square .tile-image-default {
        width: 100px;
        height:90px;
    }

    #mainContentList .tiles-view .tile-image,
    #mainContentList .list-view .tile-image,
    #myTrainingmainContentList .tiles-view .tile-image,
    #myTrainingmainContentList .list-view .tile-image
     {
        background-size: cover;
        width: 100%;
        height: auto;
        min-height: 90px;
    }

    #mainContentList .list-view .tile-image-default,
    #myTrainingmainContentList .list-view .tile-image-default {
        width: 90px;
        height: 90px;
        padding-top: 45px;
    }

    #mainContentList .content-card .viewpanelbody,
    #myTrainingmainContentList .content-card .viewpanelbody {
        height: 90px;
    }
    mainContentList .content-card .viewpanelbody .statuspanelbody,
    #myTrainingmainContentList .content-card .viewpanelbody .statuspanelbody {
        height: inherit;
    }
    #globalSearchResults .content-card .viewpanelbody .statuspanelbody .text-fit-container-title {
        font-size: 12px;
        width:100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #globalSearchResults .courseListRatings, #globalSearchResults .courseListRatings div {
        display: inline-block;
        font-size: 6px;
    }

    #mainContentList .tiles-view .image-box-square .tile-image-default,
    #mainContentList .list-view .image-box-square .tile-image-default,
    #myTrainingmainContentList .tiles-view .image-box-square .tile-image-default,
    #myTrainingmainContentList .list-view .image-box-square .tile-image-default {
        padding-top: 15%;
    }


    #mainContentList .list-view .image-box-square .tile-image-default,
    #myTrainingmainContentList .list-view .image-box-square .tile-image-default {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

    #mainContentList .tiles-view .table_cell,
    #myTrainingmainContentList .tiles-view .table_cell {
        display: table-cell;
        padding: 8px 10px;
    }

    #mainContentList .tiles-view-panel-body,
    #myTrainingmainContentList .tiles-view-panel-body {
        height: auto;
        padding: 0;
    }

    .line_box {
        margin-bottom: 10px;
        padding: 0;
        width:98%;
    }

    .lineText {
        margin-bottom: 10px !important;
    }

    .assignmentsList .line_box {
        padding: 0;
        padding-top: 3px;
        width: 98%;
    }

    .list-view .line_box {
        width: 95%;
    }

    #courseWidgets .tiles-view .tile-image,
    #courseWidgets .list-view .tile-image,
    #courseWidgets .list-view .image-box-square .tile-image {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover !important;
    }

    #courseWidgets {
        height: calc(100% - 150px);
        overflow: auto;
    }


    #course-library-nav .navbar-nav, #coursesheader .navbar-nav,
    #lpHeading .navbar-nav, #peopleTopHeader .navbar-nav,
    #teamHeader .navbar-nav, #messagesSubnav .navbar-nav,
    #competencyTopHeader {
        margin: 0;
    }

    #secondnav-wrapper .subnav-header, #coursesheader .navbar-nav:first-child .subnav-header,
    #lpHeading .navbar-nav:first-child .subnav-header, #peopleTopHeader .navbar-nav:first-child .subnav-header,
    #teamHeader .navbar-nav:first-child .subnav-header, #messagesSubnav .navbar-nav:first-child .subnav-header,
    #competencyTopHeader
    { display:inline-block;}

    #secondnav-wrapper li, #coursesheader .navbar-nav:first-child li,
    #lpHeading .navbar-nav:first-child li, #peopleTopHeader .navbar-nav:first-child li,
    #teamHeader .navbar-nav:first-child li, #messagesSubnav .navbar-nav:first-child li,
    #competencyTopHeader
    {
        height: auto;
        padding: 15px 10px;
    }

    #mobileSearchBtn
    {
        float:right;
        cursor:pointer;
    }

    #coursesheader .navbar-nav .search-quicksearch #searchBox, #lpHeading .navbar-nav .search-quicksearch #searchBox { width:85%; }

    #coursesheader .navbar-nav .search-quicksearch #lmsFilter_link i, #lpHeading .navbar-nav .search-quicksearch #lmsFilter_link i {
        font-size: 1.4em;
        margin: 10px 15px;
    }

    #lpHeading #lpSearchFilter,
    #peopleTopHeader #peopleSearchFilter, #teamHeader #teamSearchFilter,
    #competencyTopHeader {
        margin-bottom: 15px;
    }

    #course-library-nav #toggleview-wrapper, #liveSessionsSubnav #searchBoxMobile, #lpSearchFilter,
    #peopleSearchFilter, #teamSearchFilter, #messageActions #search-wrapper
    {display:none;}

    .course-lib-search, .search-quicksearch {
        min-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    #search-wrapper { width: 100%; }

    .jumbotron .nav:not(.text-tabs) > li
    {
        width: 14%;
        text-align: center;
    }

    .jumbotron .nav.text-tabs > li
    {
        width: 33.333%;
        text-align: center;
    }

    .jumbotron .nav:not(.text-tabs) > li > a
    {
        padding: 20px 0px;
    }

    .jumbotron .nav.text-tabs > li > a
    {
        padding: 16px 8px;
    }

    .jumbotron .nav > li > a > .fa
    {
        font-size: 1.5em;
        padding: 5px 10px;
    }

    .litmos-large-header
    {
        font-size:18px !important;
    }

    .btn_unenroll_learningpath {display:block;}

    #results-header .col-sm-3, #results-header .col-sm-6, #results-header .col-sm-4
    {
        float: left;
        width: 50%;
        margin: 0;
        text-align: center;
    }

    #results-header .col-sm-3, #results-header .col-sm-4   {
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        height: 100%;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
        padding-top: 20px;
    }

    #results-header .col-sm-3:nth-child(even), #results-header .col-sm-4:nth-child(even) {
        border-right: none;
    }

    #results-header .col-sm-3:nth-child(3), #results-header .col-sm-3:nth-child(4), #results-header .col-sm-4:nth-child(3) {
        border-bottom: none;
    }

    #results-header .col-sm-3 i, #results-header .col-sm-4 i, #results-header .col-sm-6 i {
        font-size: 20px;
        display: inline-block;
    }

    .resultsText { font-size: 16px; }

    #results-header .col-sm-3 div, #results-header .col-sm-4 div, #results-header .col-sm-6 div {
        display: inline-block;
        padding: 0 3px;
    }

    #results-header .row {
        height: 80px;
    }

    #results-header .litmos-large-header
    {
        font-size:14px !important;
    }

    .jumbotron p {
        font-size: 12px;
        margin-bottom: 0px;
    }


    .btn_excel { margin-top: 10px; }

    #videoResults .litmos-small-header {padding-left:10px}

    .gamification_stats li, .team_stats li {
        padding: 10px 25px;
        height: auto;
        border-left: 1px solid #ccc;
        display: inline-block;
        width: 49%;
    }

    .gamification_list p, .gamification_list div { float:none !important; }

    #liveSessionsSubnav .navbar-collapse {
        float: none;
    }

    #liveSessionsSubnav .navbar-nav, #liveSessionsSubnav #mytabs {
        margin: 0;
        display: inline-block;
    }

    #liveSessionsSubnav #mytabs {
        float:right;
    }

    #liveSessionsSubnav #mobileSearchBtn
    {
        line-height: 25px;
        margin-right: 2px;
        padding: 10px 15px;
    }

    #liveSessionsSubnav .subnav-header { padding: 15px 0px; }

    #available_sessions,
    #registered_sessions,
    #past_sessions
    {
        margin-left: 1em;
    }

    #calendarview > div > table > tbody > tr
    {
        display: block;
    }

    #calendarview > div > table > tbody > tr > td
    {
        display: block;

        width: auto !important;
        padding: 0 !important;
    }

    .cal-content > div > div:nth-child(1),
    .cal-content > div > div:nth-child(2)
    {
        display: none;
    }

    .cal-content > div > div > b > br
    {
        display: none;
    }

    .cal-content > div
    {
        margin-top: 20px;
    }

    #messageActions li:nth-child(2), #messageActions li:nth-child(3)
    {
        display: inline-block;
        width: 49%;
    }

    #filters-topics { display:none; }

    #badgesWrapper, #pointsWrapper {display:none;}

    .leaderboardTiles {margin-top:4em !important;}

    .tiles-view .socialbox
    {
        text-align:right;
        position:absolute;
        bottom:6px;
        right: 0;
        padding: 0;
        margin: 0;
        font-size: 12px;
    }

    .list-view .socialbox
    {
        text-align:right;
        position: absolute;
        right: 1px;
        bottom:1px;
        top:auto;
    }

    #courseTable .litmos-small-header
    {
        font-size:14px;
    }

    .status-box {
        margin-top: 0px;
    }

    #courseTable small, #courseTable .small {
        font-size: 80%;
    }

    .courseListRatings .stars .fa-star, .courseListRatings .stars .fa-star-half-alt, .courseListRatings .stars .fa {
        font-size: 12px;
    }

    .tiles-view .tile-image-default img, .list-view .tile-image-default img {
        display: block;
        width: 40%;
        margin: 0 auto;
        opacity: .8;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 28%;
        height:auto;
    }

    .achievementsTabs > li > a {
        position: relative;
        display: block;
        padding: 10px 6px;
    }

    .pagination-numbers .pagination-sm > li > a, .pagination-numbers .pagination-sm > li > span
    {
        padding: 5px 6px;
    }

    #postNews #saveNewsBtn { width:100%; }

    #adminCourseTabs li:nth-child(1) a, #adminCourseTabs li:nth-child(2) a, #adminCourseTabs li:nth-child(3) a, #adminCourseTabs li:nth-child(4) a, #adminCourseTabs li:nth-child(5) a,
    #peopleTabs li:nth-child(1) a, #peopleTabs li:nth-child(2) a, #peopleTabs li:nth-child(3) a, #peopleTabs li:nth-child(4) a, #peopleTabs li:nth-child(5) a
    {
        padding-bottom:0;
    }

    .jumbotron .nav#adminCourseTabs > li, .jumbotron #peopleTabs > li {
        width: 20%;
        text-align: center;
    }

    table.mobile-table tbody tr td
    {
        display:block;
        border-top: none;
        padding: 1px;
    }

    table.mobile-table thead { display:none; }

    table.mobile-table tbody tr td:first-child { padding-top: 20px; }

    table.mobile-table tbody tr td:last-child { padding-bottom: 20px; }

    table.mobile-table tbody tr:first-child td:first-child { padding-top: 0px; }

    table.mobile-table tbody tr
    {
        display:block;
        border-bottom: 1px solid #ccc;
    }

    #profileTable .table > tbody > tr > td { border-top: none; }

    .jumbotron .teamsTabs > li
    {
        width: 16%;
        text-align: center;
    }

    #peopleListResults table.mobile-table tbody tr td:last-child { display:inline; }

    #peopleListResults table.mobile-table tbody tr td:last-child a { margin-top:-25px; }

    #peopleListResults table.mobile-table tbody tr:first-child td:first-child { padding-top: 20px; }

    #peopleListResults .dropdown-menu-right {
        left: 0;
        right: auto;
    }

    .team-courses table.mobile-table tbody tr td, .team-lps table.mobile-table tbody tr td
    {
        display:inline-block;
    }

    .team-courses table.mobile-table tbody tr td:first-child, .team-lps table.mobile-table tbody tr td:first-child
    {
        display:block;
    }

    .module-handle-mini img
    {
        width:25px;
        cursor:auto;
    }

    #newModuleView img {
        width: 40px;
    }

    table#tblPeople tbody tr td:first-child, table#tblPeople tbody tr td:nth-child(2)
    {
        display:inline-block;
        padding-top:20px;
    }

    table#tblPeople tbody tr td:nth-child(4)
    {
        display:inline-block;
        padding-bottom:20px;
    }

    table#tblPeople tbody tr td:nth-child(5) { display:inline; }

    table#courseTeamsList tbody tr td:last-child a { margin-top: -25px; }

    table#courseTeamsList tbody tr td:nth-child(2), table#courseTeamsList tbody tr td:nth-child(1)
    {
        display:inline-block;
        padding-top:20px;
    }

    table#courseNoticeboard tbody tr td:last-child, table#lpNoticeboard tbody tr td:last-child
    {
        display:inline-block;
        width:100%;
    }

    table#courseHistory tbody tr td:last-child { display:inline-block; }

    .ratings-thread-img, .ratings-thread-body {
        display: block;
    }

    table#peopleTable thead
    {
        display: block;
        border-bottom: 1px solid #ccc;
    }

    table#peopleTable thead tr th:nth-child(2), table#peopleTable thead tr th:nth-child(3), table#peopleTable thead tr th:nth-child(4) { display: none; }

    table#peopleTable > thead > tr > th { border-bottom: none; }

    #achievementsList li p, #achievementsList li div:first-child { margin: .5em 0;}

    #peopleGamification tbody tr td:nth-child(2) div, #badgesGamificationTable tr td:last-child {display:inline;}

    #peopleGamification .remove-course { margin-top:-25px; }

    #peopleCourses .peopleCourseTags small { display: inline-block; }

    #peopleCourses .peopleCoursesEditResults, #peopleLPs tr td:nth-child(2), #peopleTeams tr td:nth-child(2), #brandsTable tr td:nth-child(6), #badgesGamificationTable tr td:nth-child(4)
    {
        display: inline-block;
        padding-bottom: 20px;
    }

    #peopleCourses tr td:last-child, #peopleLPs tr td:last-child, #peopleTeams tr td:last-child, #brandsTable tr td:last-child { display:inline; }

    #tblmarkinglist tbody tr td:nth-child(2), #Questionlist tbody tr td:nth-child(2) { padding-top:20px; }

    .l-theme-preview-card {
        min-width: 200px;
    }

    #btnPreview, #btnManageDiscussion
    {
        width: 100%;
        margin-bottom: 14px;
    }

    #liveCoursesTab .nav > li > a {
        padding: 10px 5px;
    }

    .subnav-header
    {
        padding: 10px 20px;
    }

    .l-marking-require {
        background-color: orange;
    }

    #assignItemBox {
        width: auto;
        width: 370px;
    }

    .panel-responsive-table {
        background-color: transparent;
        box-shadow: none;
    }

    .panel-responsive-table .panel-body {
        padding: 0;
    }

    table.responsive-table {
        border: 0;
    }

    table.responsive-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.responsive-table tr {
        display: block;
        margin-bottom: 1em;
        background-color: white;
        padding: 15px;
        border-radius: 4px;
        box-shadow: 0 0 1px rgba(0, 0, 0, .7);
    }

    table.responsive-table tr:last-child {
        margin-bottom: 0;
    }

        table.responsive-table td {
            border-bottom: 1px solid #ddd;
            border-top: none !important;
            display: block;
            text-align: right;
            padding: 8px 8px !important;
            clear:both;
        }

    table.responsive-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }

    table.responsive-table td:last-child {
        border-bottom: 0;
    }

    table#PastSessionList td:last-child a, table#sessionList td:last-child a, table#FutureSessionList td:last-child a {
        width: 100%;
        padding: 7px;
        font-size: 14px;
        line-height: 1.8;
    }

    table.responsive-table td .responsive-table-btn2 {
        width: 48%;
    }

    table.responsive-table .responsive-table-btn2:first-child {
        margin-right: 2%;
    }

    #instructorTimeOff table.responsive-table td:nth-child(7) {
        border-bottom: 0;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(1) {
        padding: 0px !important
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(2) {
        display: block !important;
        text-align: left;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(3) {
        display: block;
        text-align: left;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(4) {
        display: block !important;
        text-align: left;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(5) {
        display: inline-block !important;
    }

    table.responsive-table.peopleListMob td {
        border-bottom: none !important;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(6) {
        display: inline-block;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(7) {
        display: revert !important;
        text-align: left;
    }

    table.responsive-table.peopleListMob tbody tr td:nth-child(8) {
        display: revert !important;
    }

    table.responsive-table.peopleListMob.learerView tbody tr td:nth-child(6) {
        display: revert !important;
        text-align: left;
    }

    .inlineblock-clearfix {
        clear: both;
        display: inline-block;
    }

    #approvalsTable tr td:first-child {
        text-align: left;
    }

    #approvalsList, #timeOffList {
        position: relative;
    }

    #approvalsList .col-sm-4, #timeOffList .col-sm-4 {
        position: absolute;
        width: 100%;
        top: 0;
    }
    /* for two buttons */
    #approvalsList .col-sm-8 {
        margin-top:110px;
    }
    /* for one buttons */
    #timeOffList .col-sm-8 {
        margin-top: 55px;
    }

    .main-col .title {
        max-width: auto;
        word-wrap: break-word;
    }

    #dashboardNav #learner-dashboard {
        min-height: 0px;
    }

        #dashboardNav #learner-dashboard .navbar-nav {
            margin: 0 -15px;
            min-height: 0px;
        }

            #dashboardNav #learner-dashboard .navbar-nav h1 {
                font-size: 14px;
            }

    #dashboardNav {
        min-height: 0px;
    }

        #dashboardNav #learner-dashboard .navbar-nav li {
            padding: 10px 25px;
        }

        #dashboardNav #learner-dashboard .dashboard_page {
            border-top: 1px solid #ccc;
        }

    #learner-dashboard ul li {
        height: auto;
        min-height: auto;
    }

    #dashboardNav #learner-dashboard .dashboard_page a {
        display: block;
        margin-top: 10px !important;
        margin-left: 0 !important;
    }

    .boostmodule_progressbar_container {
        border-radius: 50%;
        width: 100px;
        height: 100px;
    }

    .progressbar-text {
        font-size: var(--litmos-progress-bar-font-size, 2rem) !important;
    }

        .progressbar-text i {
            font-size: 1.3em !important;
        }

    div.content-tabs a {
        width: 19%;
        position: relative;
        padding: 10px 5px;
        display: inline-block;
        word-break: normal;
        font-size: 12px;
    }

    #contentFilters, #myTrainingcontentFilters {
        padding: 15px;
    }

    #filterListModal .col-sm-4 {
        height: auto;
        overflow-y: auto;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 25px;
        padding-left: 25px;
    }

    .question-image {
        border: solid 1px #ccc;
        padding: 7px;
        background-color: #fff;
        max-width: 100%;
        width: auto;
        max-height: 200px;
    }

    .discuss-thread-img, .discuss-thread-body {
        display: inline-block;
    }
}



/* Tablet sm */
@media (min-width: 768px)
{
    .stick-left-nav, .stick-right-nav  {
        position: relative;
        top: 0;
    }

    #filters-topics { display:none; }

    #course-library-nav #toggleview-wrapper { display:block !important; }

    #results-header .col-sm-3, #results-header .col-sm-4, #results-header .col-sm-6 {
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 20px;
    }

    #results-header .col-sm-3 i, #results-header .col-sm-4 i, #results-header .col-sm-6 i {
        font-size: 25px;
        display: inline-block;
    }

    .l-marking-require
    {
       background-color: orange;
    }

    #results-header .col-sm-3 div, #results-header .col-sm-4 div, #results-header .col-sm-6 div {
        padding: 3px;
    }

    .small-course-image img {
        border: 4px solid white;
        border-radius: 8px;
        max-height: 200px;
        max-width: 200px;
    }

    .container {
        width: 100%;
    }

     #badgesWrapper, #pointsWrapper {display:none;}

    .line_box {
        width:80%;
    }

    .assignmentsList .line_box {
        width: 76%;
        padding-top: 2px;
    }

    .list-view .line_box {
        width: 100%;
    }

    .disscussLinks {
        text-align: end;
    }

}

/*Tablet md Content Lib new styles*/
@media only screen and (max-width:821px) {
    .list-view .image-box {
        position: relative;
        display: table-cell;
        width: 180px;
        height: 146px;
    }

    .list-view .tile-image-default {
        width: 180px;
        height: 146px;
        padding-top: 45px;
    }

    .list-view .tile-image {
        width: 180px;
        height: 146px;
        padding-top: 45px;
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
    }

    #globalSearchResults .content-card .viewpanelbody .statuspanelbody .text-fit-container-title {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.14em;
        overflow: hidden;
    }

    #globalSearchResults .content-card .viewpanelbody .statuspanelbody .text-fit-container-description {
        font-size: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.14em;
        overflow: hidden;
        position: unset;
    }

    #globalSearchResults .content-card .viewpanelbody .statuspanelbody p {
        position: absolute;
        bottom: 0;
        margin-bottom: 30px;
        padding-right: 70px;
    }
}

/* for xs and sm but stop at md */
@media (max-width: 992px) {

    #contentFilters, #myTrainingcontentFilters {
        display: none;
    }

    #mainCourseList table.mobile-table tbody tr td {
        display: block;
        border-top: none;
        padding: 1px;
    }

    #mainCourseList table.mobile-table thead {
        display: none;
    }

    #mainCourseList table.mobile-table tbody tr td:first-child {
        padding-top: 20px;
    }

    #mainCourseList table.mobile-table tbody tr td:nth-child(2) {
        padding-top: 20px;
    }

    #mainCourseList table.mobile-table tbody tr td:last-child {
        padding-bottom: 20px;
    }

    #mainCourseList table.mobile-table tbody tr:first-child td:first-child {
        padding-top: 0px;
    }

    #mainCourseList table.mobile-table tbody tr {
        display: block;
        border-bottom: 1px solid #ccc;
    }

    #coursesheader #lmsFilter_link_web, #peopleTopHeader #lmsFilter_link_web {
        margin-left: 33%;
    }

    #competencyTopHeader #lmsFilter_link_web {
        margin-left: 33%;
    }

    #lpHeading #lmsFilter_link_web {
        margin-left: 28%;
    }

    .discussLinkBlock {
        text-align: left;
    }

    .wrapReply p:first-of-type {
        word-break: break-all;
    }

    .wrapReply table:first-of-type {
        width: auto;
    }
}

    /* Desktop md */
    @media (min-width: 992px) {
        #filters-topics {
            display: block !important;
        }

        .stick-left-nav, .stick-right-nav {
            position: sticky;
            top: 10px;
            position: -webkit-sticky;
        }

        #tiles-space div.container, #lpc-tiles-space div.container {
            display: table;
        }

        .small-course-image img {
            border: 4px solid white;
            border-radius: 8px;
            max-height: 200px;
            max-width: 300px;
        }

        .container {
            width: 100%;
        }

        #badgesWrapper, #pointsWrapper, #leaderboardWrapper {
            display: block !important;
        }

        .line_box {
            width: 76%;
        }

        .raitng_line_box {
            margin: 0px;
            padding: 5px 5px 0px 10px;
            width: 100% !important;
        }

        .assignmentsList .line_box {
            width: 72%;
            padding-top: 3px;
        }

        .list-view .line_box {
            width: 100%;
        }

        .coursesFullScreen .shareCourse {
            margin-left: -7px;
        }

        .coursesFullScreen .line_box {
            width: 75%;
        }

        .coursesFullScreen .list-view .line_box {
            width: 100%;
        }

        #coursesheader #lmsFilter_link_web, #peopleTopHeader #lmsFilter_link_web {
            margin-left: 41%;
        }

        #competencyTopHeader #lmsFilter_link_web {
            margin-left: 26%;
        }

        #lpHeading #lmsFilter_link_web {
            margin-left: 35%;
        }

        #manageReportsHeader #lmsFilter_link_web {
            margin-left: 4%;
        }

        .disscussLinks {
            text-align: end;
        }
    }

    @media (min-width: 1300px) {
        .container {
            max-width: 1270px;
        }

        .jumbotron .container {
            max-width: 1270px;
        }

        #badgesWrapper, #pointsWrapper, #leaderboardWrapper {
            display: block !important;
        }

        .line_box {
            width: 80%;
        }

        .lineText {
            margin-bottom: 0px !important;
        }

        .list-view .line_box {
            width: 100%;
        }

        #coursesheader #lmsFilter_link_web {
            margin-left: 47%;
        }

        #peopleTopHeader #lmsFilter_link_web  {
            margin-left: 46%;
        }

        #competencyTopHeader #lmsFilter_link_web {
            margin-left: 34%;
        }

        #lpHeading #lmsFilter_link_web {
            margin-left: 41%;
        }

        #manageReportsHeader #lmsFilter_link_web {
            margin-left: 20%;
        }
    }

@media (min-width: 1550px) {

    #manageReportsHeader #lmsFilter_link_web {
        margin-left: 26%;
    }
}

/* for xs and sm but stop at md */
@media (max-width: 992px) {

    #externalLearningList table.mobile-table tbody tr td {
        display: block;
        border-top: none;
        padding: 1px;
    }

    #externalLearningList table.mobile-table thead {
        display: none;
    }

    #externalLearningList table.mobile-table tbody tr td:nth-child(2) {
        padding-top: 20px;
    }

    #externalLearningList table.mobile-table tbody tr td:last-child {
        padding-bottom: 20px;
    }

    #externalLearningList table.mobile-table tbody tr {
        display: block;
        border-bottom: 1px solid #ccc;
    }
}

/* Modal Table */
@media (min-width: 768px) {
    .modal .table th.nowrap,
    .modal .table td.nowrap {
        white-space: nowrap;
    }

    .modal .table th.full,
    .modal .table td.full {
        width: 100%;
    }
}
/* End Modal Table */