/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/*
    Created on : 1 June, 2022, 12:40:07 PM
    Author     : Gaurvi Srivastava
*/

@media screen and (max-width: 540px) {
    .navbar .navbar-container .right-header-nav {
        display: none;
    }
    .mobileOnly {
        display: block;
    }
    #navbar-container #nav-search {
        background-color: white !important;
        margin-top: -1px;
        padding-top: 13px;
        border-bottom: 1px solid #999999;
    }
    .topnav span.menu-text {
        margin-top: 0 !important;
    }
    .topnav i.fa-angle-down,
    .topnav i.fa-angle-up {
        margin-left: 5px !important;
    }
    .topnav a.dropdown-toggle,
    .topnav a.subtopics {
        display: flex !important;
        align-items: center !important;
    }
    .clientwrapper-multi-client.display-flex {
        display: contents !important;
    }
    .login-box {
        width: 100% !important;
    }
    footer {
        padding-left: 0 !important;
    }
    .mobileOnly .mobileOnlyExpandMenuBtn,
    .mobileOnly .mobileOnlyCollapseMenuBtn {
        margin-left: -12px;
    }
    .list-data .caption {
        width: 98%;
    }
    .cls_playlist .sidebar {
        margin-top: 25% !important;
    }
    /* start of phone styles */
    .main-container {
        overflow-x: clip;
    }
    .navbar {
        width: auto;
        height: 115px;
        /* UI Properties */
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        opacity: 1;
        position: relative;
    }
    .st-logo {
        height: auto;
        width: auto;
    }
    .menu-toggler {
        background-color: #ffffff !important;
        width: auto;
        border-bottom: none;
        margin-top: auto;
        z-index: 1000;
        left: 80%;
    }
    .menu-toggler:before {
        border-top: 4px solid #707070;
        border-bottom: none !important;
    }
    .menu-toggler:after {
        border-top: 4px solid #707070;
        border-bottom: 4px solid #707070;
    }
    #breadcrumbs {
        display: none !important;
    }
    #mobile-notification {
        position: absolute;
        display: inline-block;
        z-index: 1000;
        /* bottom: 101.2%; */
        right: 20%;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-header {
        height: 100%;
    }
    .search-block .input-group {
        width: 90% !important;
    }
    .dropdown-toggle {
        background-color: white !important;
        border-bottom-color: gray !important;
    }
    .subtopics {
        background: #F4F4F4 0% 0% no-repeat padding-box !important;
        height: 42px;
        width: 100%;
    }
    .menu-text {
        margin-left: 3%;
        margin-top: 2.5% !important;
        display: inline-block;
        font: normal normal 600 16px/22px Open Sans;
        letter-spacing: 0px;
        color: #707070;
        width: auto !important;
        height: 22px;
    }
    .collaseibleSubTopicMenuUL li {
        border-bottom: none;
        top: 174px;
        width: 424px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 1;
        padding-left: 4%;
        width: 100% !important;
    }
    .collaseibleSubMenuUL,
    .collaseibleSubTopicMenuUL {
        list-style: none;
    }
    .collaseibleSubTopicMenuUL li a {
        border-bottom: none !important;
        margin-top: 3%;
        margin-left: 6%;
        margin-bottom: 3%;
        font: normal normal 600 16px/22px Open Sans;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
    }
    #myLinks ul {
        margin: 0px 0px 0px !important;
    }
    .subtopics .menu-text {
        margin-left: 6%;
    }
    .banner-text,
    .playlist-btn {
        text-align: center !important;
        opacity: 1;
    }
    .topics-container {
        padding-left: 0% !important;
        padding-right: 0% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .main-topic {
        padding-bottom: 12% !important;
    }
    .card-border {
        width: auto !important;
    }
    .topic-main-content {
        margin-top: 0rem !important;
    }
    .card-img-container,
    .card-body {
        height: auto !important;
    }
    .card-text {
        height: 33% !important;
        text-align: left !important;
        font: normal normal bold 20px/27px Open Sans !important;
        letter-spacing: 0px !important;
        color: #FFFFFF !important;
        opacity: 1 !important;
    }
    .btn-hollow {
        height: 19% !important;
        border: 1% solid #FFFFFF !important;
        opacity: 1 !important;
    }
    .seeTopics {
        text-align: left;
        font: normal normal bold 16px/17px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }
    footer {
        margin: 0px;
    }
    .mobileFooter {
        background-color: #fff !important;
    }
    footer #footer_links {
        text-align: left !important;
    }
    footer .footer-left {
        margin-top: 10%;
    }
    .mini-course-list .mnc-status-text {
        text-align: left;
    }
    .minicourse-child-pg-1 .mini-course-title {
        margin-bottom: 10px !important;
        ;
    }
    .minicourse-child-pg-1 .titleMobile {
        padding: 0;
    }
    .minicourse-child-pg-1 .thumbnailWrapper,
    .minicourse-child-pg-1 .mini-course-desc {
        padding-left: 0;
    }
    .minicourse-child-pg-1 .thumbnailWrapper {
        text-align: left !important;
    }
    .minicourse-child-pg-1 .thumbnailWrapper font {
        margin-top: 30px;
        display: block;
    }
    .minicourse-child-pg-1 .cls_is_quiz_div,
    .minicourse-child-pg-1 .cls_is_non_quiz_div {
        padding-top: 0 !important;
    }
    .minicourse-child-pg-1 .cls_is_quiz_div h4,
    .minicourse-child-pg-1 .cls_is_non_quiz_div h4 {
        margin-bottom: 0 !important;
    }
    .minicourse-child-pg-1 .mini-course-desc h4 {
        margin-bottom: 5px !important;
    }
    .cls_minicourse_content #sidebarMobile {
        position: absolute;
        top: 0;
        margin-top: 0% !important;
    }
    .cls_minicourse_content .content-item-pad {
        margin-top: 85px;
    }
    .mobileOnly .mobileOnlyExpandMenuBtn {
        font-style: normal;
        background: #19B3E7 0% 0% no-repeat padding-box;
        padding-left: 15px !important;
        box-shadow: 0px 3px 6px #00000029;
        border: 1px solid #D6D6D6;
        opacity: 1;
        display: inline-flex;
        align-items: center;
        border-radius: 0 10px 10px 0;
        margin-top: 10px;
    }
    .mobileOnly .mobileOnlyExpandMenuBtn,
    .mobileOnly .mobileOnlyCollapseMenuBtn {
        padding: 10px 0;
        display: inline-flex;
        max-width: 360px;
        min-width: 220px;
        width: auto;
    }
    .mobileOnly .mobileOnlyBtnIcon,
    .mobileOnly .mobileOnlyMenuBtnTxt {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        margin-left: 5px;
    }
    .mobileOnly .mobileOnlyBtnIcon {
        font: normal normal bold 32px Open Sans;
    }
    .mobileOnly .mobileOnlyMenuBtnTxt {
        font: normal normal bold 20px Open Sans;
        width: 85%;
    }
    .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        background: #19B3E7 0% 0% no-repeat padding-box;
        border-radius: 0 10px 10px 0;
    }
    .mobileOnlyCollapseMenuBtn .mobileOnlyMenuBtnTxt {
        color: #19B3E7;
        /* padding-bottom: 10px; */
    }
    .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon,
    .mobileOnlyCollapseMenuBtn .mobileOnlyMenuBtnTxt {
        display: inline-block;
        display: inline-flex;
        align-items: center;
    }
    .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        padding-right: 10px;
    }
    .mobileOnlyCollapseMenuBtn .mobileOnlyMenuBtnTxt {
        padding-left: 10px;
    }
    .cls_magazines .page-header h1 {
        font-size: 28px;
    }
    .cls_magazines .mobile-filter,
    .cls_search .mobile-filter.searchPgFilter {
        width: 23%;
        height: 72px;
        background: #00a8e3;
        margin-left: -24px !important;
        border-radius: 0px 10px 10px 0px;
        z-index: 999;
        margin-top: 20px;
        display: flex;
        align-items: center;
        max-width: 100px;
    }
    .cls_search .mobile-filter.searchPgFilter {
        margin-top: 0 !important;
    }
    .cls_magazines .web-ebboks {
        margin-top: 20px;
    }
    .cls_magazines .filterIconDiv,
    .cls_search .filterIconDiv {
        font-size: 4vh;
        color: #fff;
        padding-left: 27%;
    }
    .cls_magazines .media-filters select,
    .cls_search .media-filters select {
        height: 20px;
        padding: 0;
    }
    .cls_magazines .media-filters label {
        font-size: 13px;
        color: #707070;
    }
    .cls_magazines .media-filters .pipe-icon,
    .cls_search .page-header .pipe-icon {
        display: none;
    }
    .cls_magazines #sidebar #sidebarMobile {
        width: 100%;
        /* top: 11% !important; */
        margin-top: 28%;
    }
    .cls_magazines .clearAllMagazinesFilter {
        background: #fff;
        text-align: right;
        position: absolute;
        right: 10px;
    }
    .cls_magazines #leftnavfilterform ul.nav-list {
        padding-top: 66px;
    }
    .cls_magazines #sidebarMobile {
        margin-right: 0;
    }
    .cls_magazines .mobileOnlyExpandMenuBtn,
    .cls_magazines .mobileOnlyCollapseMenuBtn {
        margin-left: -17px;
    }
    .magzine-sidenav-pg-1 {
        background-color: #fff;
        ;
    }
    .magzine-sidenav-pg-1 .card h5,
    .magzine-sidenav-pg-1 .card span.card-copy,
    .magzine-sidenav-pg-1 .card img.card-img-top {
        display: none !important;
    }
    .magzine-sidenav-pg-1 .collaseible-div {
        width: 100%;
    }
    .magzine-sidenav-pg-1 .card p.card-text {
        color: #707070 !important;
    }
    .cls_magazines #sidebarMobile {
        position: absolute;
        top: 75px;
        width: -webkit-fill-available;
        display: none;
        z-index: 100 !important;
    }
    .cls_magazines #sidebarMobile .leftPartDiv,
    .playlist-left-flex .leftPartDiv {
        width: 91%;
    }
    .cls_magazines .caption-content-page {
        width: 100% !important;
    }
    .cls_magazines .list-data {
        margin: 0 !important
    }
    .cls_magazines .list-group-item {
        padding: 0 !important;
    }
    .cls_magazines .item.list-group-item .list-data {
        border-bottom: 0 !important;
    }
    .cls_magazines .item.list-group-item .list-data {
        border-top: 1px solid #9F9F9F !important;
    }
    .item:first-child>.thumbnail .list-data {
        border-top: 0 !important;
    }
    .cls_magazines .list-data div.magazine-cover {
        width: 25%;
        display: inline-block;
    }
    .cls_magazines .list-data div.caption {
        width: 74%;
        float: right;
    }
    .cls_magazines .list-data div.caption .title,
    .cls_magazines .list-data div.caption .subtitle {
        margin-bottom: 10px;
    }
    .cls_magazines .grid-data div.caption {
        padding-top: 0;
    }
    .cls_magazines .grid-data .magazine-cover {
        width: 35%;
    }
    .cls_supportcenter .maincontent-playlist,
    .cls_supportcenter footer {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .cls_supportcenter form .form-group .col-xs-11,
    .cls_supportcenter form .form-group .col-xs-11 input,
    .cls_supportcenter form .form-group .col-xs-11 textarea,
    .cls_supportcenter form .form-group .col-xs-11 select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .cls_supportcenter form .form-group {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .cls_supportcenter .page-header {
        padding-left: 50px !important;
    }
    .cls_supportcenter #default-buttons.submit {
        padding-left: 10px !important;
    }
    .cls_supportcenter #default-buttons.submit button {
        padding: 10px !important;
        width: 100px !important;
    }
    .cls_supportcenter .sc-aboutus-mobile-div {
        margin-right: 0 !important;
        background: #fff;
        border: 1px solid #ccc;
    }
    .cls_supportcenter .sc-aboutus-mobile-div,
    .cls_supportcenter .sc-wrapper-aboutus-mobile-div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cls_supportcenter .sc-aboutus-mobile-div span {
        display: inline !important;
    }
    .cls_supportcenter .sc-aboutus-mobile-div {
        text-align: center !important;
    }
    .cls_supportcenter .mobileOnly,
    .cls_settings .mobileOnly {
        margin-left: -20px;
        text-align: left;
    }
    .cls_supportcenter .mobileOnlyCollapseMenuBtn,
    .cls_settings .mobileOnlyCollapseMenuBtn {
        height: 86px;
    }
    .cls_settings .mobileOnlyExpandMenuBtn {
        width: 250px;
    }
    .cls_supportcenter .mobileOnly .mobileOnlyMenuBtnTxt {
        font: normal normal bold 20px Open Sans;
        width: 73% !important;
        margin-left: 3.3vh !important;
    }
    .cls_settings .mobileOnly .mobileOnlyMenuBtnTxt {
        font: normal normal bold 20px Open Sans;
        width: 85%;
        margin-left: 3.3vh;
    }
    .cls_settings .mobileOnly .mobileOnlyBtnIcon {
        z-index: 99;
        padding-right: 1.5vh;
    }
    .cls_settings .mobileOnlyCollapseMenuBtn {
        height: 82px;
        width: 100%;
    }
    .cls_settings .mobileOnly .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        width: 27%;
    }
    .cls_supportcenter .settings-nav-title-div,
    .cls_settings .settings-nav-title-div {
        display: none;
    }
    .cls_supportcenter .sidebar.sidebar-playlist {
        position: absolute;
        width: 103% !important;
        top: -41px !important;
        z-index: 1;
    }
    .cls_settings .sidebar.sidebar {
        position: absolute;
        width: 103% !important;
        top: 80px !important;
    }
    .cls_supportcenter li.active.open>a>span,
    .cls_supportcenter li.active a,
    .cls_settings li.active a {
        background-color: #00A8E3 !important;
        color: #fff !important;
    }
    .cls_settings li.active a {
        background-color: #00A8E3 !important;
    }
    .cls_settings .indexPgCls div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cls_settings .indexPgCls .profile-title {
        width: 35% !important;
    }
    .cls_settings .indexPgCls .profileValueCls {
        width: 65% !important;
    }
    .cls_settings .AccSubscriptionCls .card-block h4 {
        text-decoration: none;
        color: #00A8E3;
        font: normal normal bold 18px Open Sans;
    }
    .cls_settings .AccSubscriptionCls .card-block label {
        font: normal normal normal 15px Open Sans;
        letter-spacing: 0px;
        color: #707070;
    }
    .cls_settings .accSettingTitleCls {
        padding-left: 12px !important;
    }
    .cls_settings .preferenceTitleCls {
        padding-left: 20px !important;
    }
    .cls_settings .prefMainHeadingCls {
        font: normal normal bold 25px Open Sans;
        letter-spacing: 0px;
        color: #707070;
    }
    .cls_settings .prefSubHeadingCls {
        font: normal normal bold 18px Open Sans;
        letter-spacing: 0px;
        color: #707070;
    }
    .cls_settings .prefContentCls {
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 0px;
        color: #00A8E3;
        width: 100% !important;
    }
    .cls_settings .prefButtonDivCls {
        width: 100% !important;
        padding-top: 20px;
    }
    .cls_settings .prefButtonDivCls a {
        height: 37px;
        border: 1px solid #707070 !important;
        border-radius: 8px;
        opacity: 1;
        color: #707070;
    }
    .cls_supportcenter .submenu li>a {
        background-color: #fff !important
    }
    .cls_supportcenter .submenu li.active>a {
        background: #E2E2E2 0% 0% no-repeat padding-box !important;
    }
    .cls_supportcenter .submenu li.active>a span.menu-text {
        color: #707070 !important
    }
    .cls_settings li.active a .menu-text {
        color: #fff !important
    }
    .cls_supportcenter .submenu li>a span.menu-text {
        color: #707070 !important;
        /* padding-left: 15px; */
    }
    .cls_supportcenter .sidebar-playlist ul.submenu {
        margin-top: 0 !important;
    }
    .cls_supportcenter .userGuideCls .page-content {
        text-align: center;
    }
    .cls_supportcenter .sysReqTitle {
        padding-left: 0;
    }
    .cls_supportcenter .sysReqTitle h1 {
        font-size: 29px;
    }
    .cls_supportcenter .sys-req-wrapper .browser h2 {
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        margin-top: 0;
        padding-left: 10px;
    }
    .cls_supportcenter .browser label {
        width: 100%;
        text-align: left;
    }
    .cls_supportcenter .browser-content {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .cls_supportcenter .browserAndBandwidth {
        padding: 0;
    }
    .cls_supportcenter .faqTitle {
        padding-left: 0;
    }
    .cls_supportcenter .faqs-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .cls_supportcenter .faqs-wrapper h2 {
        color: #707070 !important;
    }
    .historyTitleDiv h1 {
        padding-left: 0 !important;
    }
    .resource-slider .plc-at-work {
        left: 14% !important;
    }
    .cls_minicourse .isMobile .circle canvas {
        margin-top: 70% !important;
        position: absolute;
        left: 2.2vh;
        margin-left: auto;
    }
    .cls_minicourse .isMobile .circle span {
        top: 4vh !important;
        left: 7vh !important;
    }
    .cls_minicourse .isMobile .mini-course-img-mobile img {
        width: 17.3vh;
        margin-top: 18%;
        position: absolute;
        left: 3.8vh;
        margin-left: auto;
        max-width: 100%;
    }
    a.search-row-image img {
        width: 100%;
    }
    .mini-course-status {
        margin: 20px 0;
        padding-left: 0;
        /* top: 8vh; */
    }
    .cls_is_quiz_div {
        height: auto !important;
    }
    .cls_is_quiz_div .mini-course-status {
        margin: 0;
    }
    .cls_is_quiz_div .thumbnailWrapper b font {
        margin-top: 12px;
    }
    .minicourse-child-pg-1 .cls_comp_prgs {
        margin-top: 4px !important;
    }
    .minicourse-child-pg-1 .cls_last_access {
        padding-left: 0px !important;
    }
    .minicourse-child-pg-1 .circle {
        width: 4vh !important;
        height: 4vh !important;
        margin-right: 15px;
    }
    .padding-none {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .cls_minicourse .mediaIds .row {
        margin-left: 0px !important;
    }
    .grey-row {
        padding-left: 0px;
        padding-right: 0px;
    }
    .cls_is_quiz_div {
        height: 40vh;
    }
    .mobile-minicourse-heading {
        display: block;
        height: 24vh;
        /* padding: 8px; */
        margin-top: 30px;
        margin-bottom: 18px;
        /* color: white; */
        /* background-color: #00a8e3; */
        padding-top: 6vh;
    }
    .mobile-menu-head-text {
        color: #ffffff !important;
        width: max-content;
        margin: auto 0;
        font-size: 18px !important;
        font-weight: bold !important;
        font-family: "Open Sans" !important;
        font-style: normal;
        margin-top: -2%;
    }
    .mobile-less-than-icon {
        background: #00a8e3;
        padding-top: 2.5%;
        padding-bottom: 2.5%;
        border-radius: 0px 20px 20px 0px;
        padding-left: 35px;
        font-size: xx-large;
    }
    .open-menu {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .mobile-greater-than-icon {
        float: right;
        font-size: xx-large;
        /* margin-bottom: 20%; */
        margin-top: -1%;
    }
    .mobile-ebook-desc {
        display: none;
    }
    .ebooks-desc {
        margin-top: 45% !important;
        margin-left: 0px !important;
    }
    .web-ebboks {
        width: 82.3333% !important;
        color: black;
    }
    .ebook-title {
        width: 85% !important;
        border-radius: 0px 12px 12px 0px !important;
    }
    .chapter-title-mobile-close {
        color: rgb(255, 255, 255);
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    .ebook-title-close {
        width: 100% !important;
        border-radius: 0px 10px 10px 0px;
    }
    .menu-book-desc {
        color: #707070 !important;
    }
    .mobile-ebook-menu .card {
        background-color: #fff !important;
        margin-bottom: -2% !important;
    }
    .mobile-ebook-menu .card .card-body {
        padding: 0px !important;
    }
    .web-author-section {
        display: block;
    }
    /* @vkm CSS  */
    /* PD Playlist page css Start */
    .cls_playlist .main-content {
        margin-left: 0 !important;
    }
    .menu-toggler>.menu-text {
        border-width: 0 !important;
    }
    .topnav {
        z-index: 999999 !important;
        margin-top: 7% !important;
    }
    div#sidebar div#sidebarMobile {
        z-index: 100 !important;
    }
    .mobileOnly .playlistExpandBtn {
        margin-left: -15px;
        font-style: normal;
        background: #19B3E7 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: 1px solid #D6D6D6;
        opacity: 1;
        display: inline-flex;
        align-items: center;
        border-radius: 0 10px 10px 0;
    }
    .mobileOnly.pdplaylistNextPg .playlistExpandBtn {
        margin-left: -23px;
        width: 100%;
        height: auto;
    }
    .mobileOnly.pdplaylistNextPg .playlistExpandBtn span {
        margin-right: 18px;
    }
    .mobileOnly.pdplaylistNextPg .playlistExpandBtn,
    .mobileOnly.pdplaylistNextPg .playlistCollapseBtn {
        margin-top: 0;
    }
    .mobileOnly .playlistExpandBtn,
    .mobileOnly .playlistCollapseBtn {
        margin-top: 5.5%;
        display: inline-flex;
    }
    .mobileOnly .playlistBtnIcon,
    .mobileOnly .playlistBtnTxt {
        color: #fff;
        font: normal normal bold 20px Open Sans;
        text-decoration: none;
        cursor: pointer;
    }
    .playlistBtnIcon i,
    .playlistBtnIcon svg {
        font-size: 32px;
    }
    .playlistCollapseBtn {
        margin-left: -12px;
    }
    .mobileOnly.pdplaylistNextPg .playlistCollapseBtn {
        margin-left: -23px;
    }
    .playlistCollapseBtn .playlistBtnIcon {
        background: #19B3E7 0% 0% no-repeat padding-box;
        width: 65px;
        border-radius: 0 10px 10px 0;
    }
    .playlistCollapseBtn .playlistBtnTxt {
        color: #19B3E7;
        min-width: 125px;
        padding-bottom: 10px;
    }
    .mobileOnly.pdplaylistNextPg .playlistBtnTxt {
        width: 83%;
        padding: 5px 0;
        padding-left: 15px;
    }
    .playlistCollapseBtn .playlistBtnIcon,
    .playlistCollapseBtn .playlistBtnTxt {
        min-height: 67px;
        display: inline-block;
        display: inline-flex;
        align-items: center;
    }
    #simple-nav.nav-list {
        padding-right: 0;
    }
    input#featuredPlaylistTitle {
        display: none;
    }
    .cls_playlist #addToMyPlaylist {
        padding-top: 11px;
        height: 40px !important;
        margin-top: 20px;
        ;
    }
    .item.list-group-item .caption {
        padding: 30px 0px 10px 0px;
    }
    div.sectionIds .section-title {
        padding-left: 8px;
    }
    .page-header.padding-lt-20 {
        padding-left: 0;
    }
    .cls_playlist .page-header .button-fp-right {
        padding: 0 !important;
    }
    .item.list-group-item .list-data {
        margin-right: 0px;
    }
    .sectionIds .plistname {
        padding-left: 0px;
        ;
    }
    /* playlist next redirected page */
    .page-content .content-item-pad {
        padding: 0 10px;
    }
    .nonMobileDisplay {
        display: none;
    }
    div.sidebar-playlist {
        width: 100% !important;
        margin-top: 125px;
    }
    .sidebar-playlist ul.submenu {
        margin-top: 20px !important;
    }
    .cls_playlist .button-fp-right .btn {
        margin-right: 4px;
    }
    .playlistIds.mediaIds .thumbnail .list-data {
        margin-left: 0;
    }
    .playlistIds.mediaIds {
        padding-left: 0;
        padding-right: 0;
    }
    .plistname div,
    .sectionIds.playlistIds {
        padding: 1px;
    }
    .btn-share-playlist {
        background-color: #4e7a00 !important;
        border-color: #4e7a00 !important;
    }
    .mobileNavPdPlaylist .playlist-background-color {
        display: none !important;
    }
    .cls_search_content .page-content .row .content-item-pad .author-section {
        width: 45% !important;
    }
    .content-item-pad .author-section-inner {
        width: 100% !important;
    }
    .cls_search_content .page-content .row .content-item-pad .add-playlist-section {
        width: 55% !important;
    }
    .media-description-section {
        clear: both;
    }
    .col-lg-3.col-md-3.col-xs-3.col-sm-3.author-section-img {
        display: inline-flex;
        align-items: center;
    }
    .contentContainerSrch .btnsGrp {
        z-index: 10;
    }
    .cls_search_content .playlist-search-content .left-nav-media-quiz {
        min-height: 61px !important;
        height: auto !important;
    }
    ul#mobile-notification,
    a#menu-toggler {
        position: absolute;
        top: 30px;
        bottom: 34.2% !important
    }
    .cls_playlist .sidebar-playlist {
        width: 100% !important;
        margin-top: 13vh;
    }
    .cls_playlist .sidebar .checkFav {
        margin-top: 8vh;
    }
    .cls_magazines .show-page {
        display: inline-block;
    }
    .clientwrapper-multi-client.display-flex {
        display: contents !important;
    }
    .login-box {
        width: 100% !important;
    }
    .cls_magazines .sidebar {
        z-index: 998;
        top: 102px !important;
        width: 100%;
    }
    .cls_search .sidebar {
        position: absolute;
        top: 175px !important;
        width: 100%;
    }
    .form-search #ddown {
        width: 100% !important;
    }
    .topnav ul.submenu li a {
        word-break: break-word;
    }
    .mobileOnlyCollapseMenuBtn.minicourseMenuToggler {
        height: 86px;
    }
    ul.nav.nav-list.black.content-left-nav.leftnav-mc-content-pg {
        margin-top: -10px;
    }
    .topnav span.menu-text {
        text-transform: uppercase;
    }
    .topnav ul.submenu span.menu-text {
        text-transform: unset;
    }
    .topnav .adminMenuink {
        display: none;
    }
    .topnav form.form-search .dropdown-menu.dropdown-info.teamNameDropBody {
        width: 100% !important;
        margin-top: 15px;
    }
    .cls_magazines .mobileOnlyCollapseMenuBtn {
        width: 107% !important;
        max-width: 110% !important;
        padding: 0;
        overflow: hidden !important;
        border-top: 1px solid #C7C7C7;
        margin-top: 10px;
        background-color: #fff;
    }
    .cls_magazines .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        height: 76px;
        ;
    }
    .cls_magazines #sidebarMobile .magzine-sidenav-pg-1>.card {
        padding-left: 67px;
    }
    .cls_magazines #sidebarMobile .magzine-sidenav-pg-1>.card>.card-body>div.px-20 {
        position: relative;
        top: -17px;
    }
    .cls_supportcenter .parentMenuUL li.contactCls:not(.active) a.dropdown-toggle,
    .cls_supportcenter .parentMenuUL li.closed-dropdown a.dropdown-toggle {
        background: #00A8E32E 0% 0% no-repeat padding-box !important;
    }
    .cls_supportcenter .parentMenuUL li.closed-dropdown a.dropdown-toggle i {
        color: #707070 !important;
    }
    .cls_supportcenter .parentMenuUL li.active ul.submenu li>a>span,
    .cls_supportcenter .parentMenuUL li.closed-dropdown ul.submenu li>a>span {
        width: 95% !important;
    }
    .cls_supportcenter .parentMenuUL li.active a.dropdown-toggle span {
        color: #fff !important;
    }
    .cls_supportcenter li.active.contactCls>a {
        background: #00A8E3 !important;
        color: #fff !important;
    }
    .search-content #videoSeeAll a,
    .search-content #bookSeeAll a,
    .search-content #sGuideSeeAll a,
    .search-content #authorSection a {
        color: #00A8E3 !important;
        font-size: 15px;
        border-bottom: 0 !important;
        display: inline-block;
    }
    .search-content .search-media-title a,
    .search-content #sGuideSection .search-media-title a {
        font-size: 12px !important;
        color: #00A8E3 !important;
        border-bottom: 0 !important;
    }
    .search-content span.search-media-author {
        margin-top: -20px !important;
        display: block;
    }
    .search-content #bookSection div.subClass.col-xs-4,
    .search-content #magazineSection div.subClass.col-xs-4 {
        padding: 0 !important;
    }
    .search-content #bookSection .search-media-title a,
    .search-content #magazineSection .search-media-title a {
        word-break: break-all;
        font-size: 11px !important;
    }
    .search-content #authorDiv img {
        width: 52px !important;
    }
    .search-content #authorDiv div div.col-sm-10 {
        display: flex;
        align-items: center;
    }
    .search-block .maxHeight.widget-search-container {
        padding-bottom: 30px;
    }
    .cls_mobile_search .similar-item-li a.similar-items-anchor {
        display: none;
    }
    .cls_mobile_search div#sidebarMobile {
        top: 69px !important;
        word-break: break-all;
        width: 110%;
        overflow: hidden;
    }
    .cls_mobile_search .mobileOnly {
        min-width: 260px !important;
        margin-bottom: 20px;
    }
    .cls_mobile_search .page-header {
        padding-top: 0 !important;
    }
    .cls_mobile_search .similar-item-li {
        padding-right: 6%;
    }
    .cls_mobile_search .similar-items-container .video-author {
        line-height: 1;
    }
    .cls_mobile_search .video-author .author-name,
    .cls_mobile_search .video-author .duration,
    .cls_mobile_search .video-author .pipe {
        font-size: 10px;
    }
    .cls_playlist .playlistExpandBtn {
        display: inline-flex;
        max-width: 360px;
        min-width: 200px;
        height: 65px;
    }
    .cls_playlist .playlistExpandBtn .playlistBtnTxt {
        margin-left: 3.8vh;
        width: 85%;
    }
    .cls_playlist .playlistExpandBtn .playlistBtnIcon {
        z-index: 111111111;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        padding-right: 1.5vh;
    }
    .cls_playlist .sidebar {
        margin-top: 4% !important;
        z-index: 1 !important;
    }
    .cls_playlist .mobileOnly {
        z-index: 999;
        position: absolute;
    }
    .cls_playlist .page-header {
        margin-top: 20%;
    }
    .cls_magazines .mobileOnly i.fa.fa-angle-left {
        padding-right: 25%;
    }
    .cls_magazines .page-header .cover-subtitle {
        display: none;
    }
    .cls_mobile_search .content-left-nav #leftNavRelatedItems .left-nav-media-quiz a {
        width: 100% !important;
    }
    .cls_mobile_search .playlist-search-content .leftnavcount {
        width: 12% !important;
        padding-right: 0;
    }
    .cls_mobile_search .playlist-left-flex.col-md-12 {
        width: 100%;
    }
    .cls_minicourse_content.cls_minicourse .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        min-width: 82px;
    }
    .cls_search .page-header span.show-page.margin-rt-10 {
        display: inline-block;
    }
    .cls_settings .accSelectRow .accSelectDiv {
        width: 100% !important;
    }
    .notificationDivMobile {
        top: 116px !important;
        width: 100%;
        position: fixed;
        right: 0px !important;
    }
    .slider {
        width: auto;
        margin: 0;
    }
    .text-align-right {
        text-align: right;
    }
    .cls_search .sidebar .leftnavfilter .text-left.clearFilter {
        background: #eee !important;
    }
    .cls_supportcenter .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        padding-top: 1.5vh !important;
        padding-bottom: 1.5vh !important;
        padding-right: 3.5vh !important;
        padding-left: 2vh;
    }
    .cls_mobile_search .page-header {
        margin-top: 10px !important;
    }
    .cls_mobile_search .mobileOnly.pdplaylistNextPg .playlistExpandBtn {
        display: inline-flex;
        max-width: 360px;
        min-width: 207px;
        width: auto;
    }
    .cls_mobile_search .mobileOnly.pdplaylistNextPg .playlistExpandBtn .playlistBtnTxt {
        width: 75% !important;
        margin-left: 5.3vh;
        margin-right: 0px !important;
        padding: 0px !important;
    }
    .cls_mobile_search .mobileOnly.pdplaylistNextPg .playlistExpandBtn .playlistBtnIcon {
        padding-top: 2.2vh;
        padding-right: 1.5vh;
        padding-bottom: 2.2vh;
        min-width: 45px;
        text-align: right;
    }
    .cls_mobile_search .mobileOnly.pdplaylistNextPg .playlistExpandBtn span {
        margin-right: 0px !important;
    }
    .cls_mobile_search .mobileOnly.pdplaylistNextPg .playlistCollapseBtn {
        margin-left: -10px !important;
    }
    .cls_mobile_search .playlistCollapseBtn .playlistBtnIcon {
        min-height: 64px !important;
        width: 80px !important;
    }
    #owl-example {
        width: 60vh;
    }
    .owl-nav {
        position: absolute;
        top: 159px !important;
        width: 100%;
        z-index: 99;
    }
    .owl-nav div {
        position: absolute;
        width: 31px;
        height: 31px;
        border-radius: 50%;
        background: #8DC63F 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        opacity: 1;
    }
    .owl-next {
        left: 103%;
        display: flex;
        background: #fff;
    }
    .owl-prev i,
    .owl-next i {
        margin: auto;
    }
    #owl-example .owl-item {
        box-sizing: border-box;
        text-align: center;
    }
    #owl-example .owl-item p {
        font-size: 16px;
    }
    .cls_learning_page.cls_search .sidebar {
        top: 86px !important;
        z-index: 99;
    }
    .cls_supportcenter .mobileOnlyExpandMenuBtn .mobileOnlyBtnIcon {
        padding: 0px 1.5vh 0vh 0vh;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyMenuBtnTxt {
        margin-left: 2.5vh;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyMenuBtnTxt {
        width: 72%;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyExpandMenuBtn .mobileOnlyBtnIcon {
        margin-left: 12% !important;
        padding-right: 1.5vh;
    }
    .cls_learning_page.cls_search #leftnavfilterform .clearFilter {
        text-align: right !important;
        padding-right: 20px;
    }
    .cls_learning_page.cls_search #leftnavfilterform .clearFilter button.link-student {
        margin-top: 0 !important;
    }
    .cls_learning_page.cls_search #leftnavfilterform ul.nav.nav-list.black {
        padding-top: 85px;
    }
    .mcStatusVisibilityHidden {
        margin-top: 30px !important;
    }
    body.modal-open {
        margin-right: 0 !important;
    }
    .web-margin {
        display: none;
    }
    .cls_supportcenter .sidebar .dropdown-toggle .menu-text,
    .cls_settings .sidebar li.settings .dropdown-toggle .menu-text {
        margin-top: 0 !important;
        width: 90% !important;
    }
    #mobileSearch {
        width: -webkit-fill-available !important;
    }
    /* .cls_solution_content .dropdown-share-playlist.dropdown.share{
        margin-right: 60px;
    } */
    .cls_minicourse .dropdown-share-playlist.dropdown.share {
        margin-bottom: 30px;
    }
    .cls_playlist .dropdown-share-playlist.dropdown.share {
        margin-bottom: 5px;
    }
    .customStateBanner .custombanner {
        display: none;
    }
    .customStateBanner .custombannermobile {
        display: flex;
    }
    .award-banner-container {
        height: 430px;
        text-align: center;
    }
    .unauthorisedaccess dialog p {
        height: 230px;
    }
}

@media screen and (min-width: 480px) {
    /* start of medium tablet styles */
    .topnav {
        margin-top: 5% !important;
    }
}

@media screen and (max-width: 389px) {
    /* start of medium tablet styles */
    .minicourse-child-pg-1 .cls_last_access {
        padding-left: 42px !important;
    }
    /* .cls_magazines .sidebar {
        margin-top: 15.7vh !important;
    } */
    .cls_playlist .sidebar {
        margin-top: 5% !important;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyMenuBtnTxt {
        margin-left: 6.5vh;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyBtnIcon {
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
        padding-right: 1.5vh;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyExpandMenuBtn {
        padding: 0px 0px 0px 0px !important;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyCollapseMenuBtn .mobileOnlyBtnIcon {
        padding-right: 3.3vh !important;
        margin-left: 4% !important;
    }
    .cls_minicourse_content .mobileOnly .mobileOnlyCollapseMenuBtn .mobileOnlyMenuBtnTxt {
        margin-left: 0px !important;
    }
    /* PD Playlist page css end */
    /*Ebook Page*/
}

@media screen and (max-width: 430px) {}

@media screen and (max-width: 360px) {}

@media screen and (max-width: 330px) {
    .cls_magazines .sidebar {
        top: 135px !important;
    }
}

.topnav {
    background-color: #fff;
    margin-top: 5%;
    mix-blend-mode: overlay;
    z-index: 999999 !important;
}

.topnav #myLinks {
    display: none;
}

.topnav a {
    color: black;
    text-decoration: none;
    font-size: 17px;
    display: block;
    border-bottom-style: inset;
    border-bottom-width: thin;
    border-bottom-color: lightgrey !important;
}

.topnav a.icon {
    background: black;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}