/*
   ##    #######   #######   #######  
 ####   ##     ## ##     ## ##     ## 
   ##          ## ##        ##        
   ##    #######  ########  ########  
   ##          ## ##     ## ##     ## 
   ##   ##     ## ##     ## ##     ## 
 ######  #######   #######   #######  
*/
/* @media screen and (max-width: 1242px) {} */
@media screen and (max-width: 1366px) {
    .page-main-content .page-inner-content{
        max-width: calc(100% - 80px);
    }

    .edu-top-section h1{
        font-size: 42px;
        line-height: 42px !important;
    }

    #qiprojects .progress .progress-value{
        font-size: 26px;
    }
    #qiprojects .progress .progress-value span{
        font-size: 10px;
    }

    .icst-dashboard-body .certifications{
        max-width: calc(100vw - 240px - 80px - 40px);
    }
}
/*
   ##      ##    #######   #######  
 ####    ####   ##     ## ##     ## 
   ##      ##   ##     ## ##     ## 
   ##      ##    ########  ######## 
   ##      ##          ##        ## 
   ##      ##   ##     ## ##     ## 
 ######  ######  #######   #######  
*/
/* @media screen and (max-width: 1090px) {} */
@media screen and (max-width: 1199px) {
    .page-main-content .page-inner-content{
        max-width: calc(100% - 40px);
    }
    header.header .header-left{
        min-width: 180px;
    }
    .left-nav-bar{
        min-width: 180px;
    }

    .page-main-content .home-heading-day {
        font-size: 16px;
    }
    .page-main-content .home-heading-user h2 {
        font-size: 28px;
    }
    .icst-home-video-slide-title h2{
        font-size: 22px;
    }
    
    .inner-banner .inner-banner-icon {
        width: 60px;
        height: 60px;
    }
    .inner-banner .inner-banner-icon span.icst-icon {
        font-size: 26px;
    }
    .inner-banner .inner-banner-title h2{
        font-size: 26px;
    }

    .programmes-programm-list .xdtitle {
        min-height: 260px;
    }
    .programmes-programm-list .cat-thumb {
        height: 100px;
    }
    .programmes-programm-list .cat-thumb img {
        height: 90px !important;
        width: 90px !important;
    }

    .edu-top-section h1{
        font-size: 36px;
        line-height: 36px !important;
    }

    .progmenu{
        font-size: 14px;
    }

    .icst-event-page-container h2,
    .evnet-single-inner-page-body h2,
    .redeem-toolkit-inner-page-body h2{
        font-size: 26px;
    }

    #qiprojects .progress .progress-value{
        font-size: 26px;
    }
    #qiprojects .progress .progress-value span{
        font-size: 10px;
    }

    .button-width-mobile button{
        padding: 0 20px;
    }

    .icst-dashboard-body .certifications{
        max-width: calc(100vw - 180px - 40px - 40px);
    }
}
/*
   ##     #####    #######  ##        
 ####    ##   ##  ##     ## ##    ##  
   ##   ##     ##        ## ##    ##  
   ##   ##     ##  #######  ##    ##  
   ##   ##     ## ##        ######### 
   ##    ##   ##  ##              ##  
 ######   #####   #########       ##  
*/
@media screen and (max-width: 1024px) {
    .left-nav-bar{
        min-width: 240px;
        position: absolute;
        left: -100%;
        transition: left 0.3s ease 0s;
        height: calc(100% - 52px);
    }
    .left-nav-bar.icon-only{
        left: 0;
        min-width: 240px;
    }
    header.header .icst-toggle-menu:hover .icst-toggle-menu-wrap span,
    header.header .icst-toggle-menu.active .icst-toggle-menu-wrap span{
        width: 100%;
    }
    header.header .icst-toggle-menu.active .icst-toggle-menu-wrap span:nth-child(1){
        transform: rotate(45deg) translate3d(5px, 5px, 0px);
    }
    header.header .icst-toggle-menu.active .icst-toggle-menu-wrap span:nth-child(2){
        width: 0;
    }
    header.header .icst-toggle-menu.active .icst-toggle-menu-wrap span:nth-child(3){
        transform: rotate(-45deg) translate3d(5px, -5px, 0px);
    }

    .home-heading-activity-bar {
        padding: 11px 30px;
    }
    .home-heading-activity-bar ul {
        gap: 16px 40px;
        padding: 0 20px;
    }

    .widget-programmes-wrap ul {
        gap: 16px;
    }
    .widget-programmes-wrap ul li {
        max-width: calc(50% - 8px);
    }

    footer.footer .footer-container {
        flex-direction: column;
        align-items: center;
    }

    .programmes-details-inner-page-body .cat-kid-image{
        height: 22vw !important;
    }

    .edu-top-section h1 {
        font-size: 32px;
        line-height: 32px !important;
    }
    
    .programmes-details-full-inner-page-body .education-lib-title h4.title-name,
    .collections-list-wrap h4.title-name{
        font-weight: 400;
        font-size: 20px;
    }

    .icst-dashboard-body .certifications{
        max-width: calc(100vw - 40px - 40px);
    }
}
/*
 #######   #######     ##   
##     ## ##     ##  ####   
##     ## ##     ##    ##   
 ########  ########    ##   
       ##        ##    ##   
##     ## ##     ##    ##   
 #######   #######   ###### 
*/
@media screen and (max-width: 991px) {
    header.header .header-right .header-right-links ul li.header-user-manage,
    header.header .header-right .header-right-links ul li.header-transactions{
        display: none;
    }
    header.header .header-user-nav-menu ul li.header-user-manage,
    header.header .header-user-nav-menu ul li.header-transactions{
        display: flex;
    }
    .icst-home-video-slide-left {
        max-width: calc(100% - 350px - 10px);
    }
    .icst-home-video-slide-right {
        max-width: 350px;
    }
    .programmes-details-full-inner-page-body .education-lib-title h4.title-name{
        font-weight: 400;
    }

    .collection-single-list .collectiongrouptitle{
        margin-top: 10px;
    }

    .redeem-toolkit-inner-page-body{
        overflow: scroll;
        max-width: calc(100vw - 20px);
    }
    .redeem-toolkit-inner-page-body > .wrap{
        min-width: 900px;
    }
    .redeem-toolkit-inner-page-body h2{
        text-align: left;
    }

    #qiprojects .progress .progress-value{
        font-size: 36px;
    }
    #qiprojects .progress .progress-value span{
        font-size: 12px;
    }

    .courst-exam-inner-page-body .unit_content {
        padding-right: 0;
    }
}
/*
########  #######  ######## 
##    ## ##     ## ##    ## 
    ##   ##            ##   
   ##    ########     ##    
  ##     ##     ##   ##     
  ##     ##     ##   ##     
  ##      #######    ##     
*/
@media screen and (max-width: 767px) {
    .icst-button {
        font-size: 12px;
        padding: 8px;
        min-width: 120px;
    }
    header.header .header-container {
        gap: 10px;
    }
    header.header .header-left {
        min-width: 140px;
    }
    header.header .header-right {
        gap: 20px;
    }
    .page-main-content .page-inner-content{
        padding-bottom: 40px;
    }
    .page-main-content .home-heading-day {
        font-size: 14px;
    }
    .page-main-content .home-heading-user h2 {
        font-size: 22px;
    }
    .page-main-content .page-inner-content .page-breadcrumb{
        min-height: 60px;
    }
    .inner-page-body{
        padding-top: 20px;
    }
    .programmes-programm-list{
        padding: 20px 10px 0 10px;
    }

    .icst-home-video-slide {
        flex-direction: column;
        gap: 30px;
    }
    .icst-home-video-slide-left {
        max-width: 100%;
    }
    .icst-home-video-slide-left-content {
        padding-left: 0;
    }
    .icst-home-video-slide-title{
        max-width: 100%;
    }
    .icst-home-video-slide-content{
        max-width: 100%;
        padding-bottom: 20px;
    }
    .icst-home-video-slide-right {
        max-width: 100%;
    }
    .icst-home-video-slide-right .icst-home-video-box {
        width: 100%;
        height: 47vw;
    }

    .widget-programmes-wrap ul {
        gap: 4px;
    }
    .home-widget-section .home-collection-widget, 
    .home-widget-section .home-favourites-widget {
        width: 100%;
        max-width: 100%;
    }
    .widget-programmes-wrap ul li {
        max-width: 100%;
    }
    .widget-programmes-wrap ul li a span.add-programmes-icon,
    .widget-collection-wrap ul li a span.add-collection-icon {
        width: 50;
        min-width: 50px;
        height: 50;
        min-height: 50px;
    }
    .widget-collection-wrap ul li a span.icst-icon {
        font-size: 20px;
    }
    .widget-programmes-wrap ul li a span.add-programmes-label,
    .widget-collection-wrap ul li a span.add-collection-label {
        font-size: 18px;
    }

    .inner-banner .inner-banner-icon span.icst-icon {
        font-size: 20px;
    }
    .inner-banner .inner-banner-icon {
        width: 50px;
        height: 50px;
    }
    .inner-banner .inner-banner-title h2 {
        font-size: 22px;
    }
    .inner-banner .inner-banner-description p {
        font-size: 14px;
    }
    .page-inner-heading-notifaction .notifaction-left p {
        font-size: 14px;
    }

    body.icst-redesign h4{
        font-size: 20px;
    }

    .edu-top-section h1 {
        font-size: 26px;
        line-height: 26px !important;
    }
    
    .progitem a{
        line-height: 46px;
    }
    .special{
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    .special h3 {
        font-size: 20px;
    }
    .special .thespecialcontent ol>li:before{
        font-size: 14px;
    }
    
    .featured h4.title-name {
        font-size: 20px !important;
    }

    .icst-event-page-container h2,
    .evnet-single-inner-page-body h2,
    .redeem-toolkit-inner-page-body h2{
        font-size: 22px;
    }
    .icst-event-page-container h2 svg,
    .evnet-single-inner-page-body h2 svg{
        width: 24px;
        height: 24px;
    }
    .icst-event-page-container label{
        font-size: 14px;
    }

    .collections-list-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
    .user-home-inner-page-body .icst-profile-nav .item-list-tabs ul li a{
        font-size: 18px !important;
    }

    #qiprojects .progress .progress-value{
        font-size: 26px;
    }
    #qiprojects .progress .progress-value span{
        font-size: 10px;
    }
}
/*
 #######  ##          #####   
##     ## ##    ##   ##   ##  
##        ##    ##  ##     ## 
########  ##    ##  ##     ## 
##     ## ######### ##     ## 
##     ##       ##   ##   ##  
 #######        ##    #####   
*/
@media screen and (max-width: 640px) {
    .home-heading-activity-bar {
        gap: 10px;
        padding: 11px 30px;
    }
    .home-heading-activity-bar ul {
        gap: 16px 20px;
        padding: 0 10px;
    }

    .programmes-details-full-inner-page-body .qi-setup-progress-box {
        display: flex;
    }
    .programmes-details-full-inner-page-body .qi-setup-progress-box .progress{
        width: 100px;
        height: 100px;
    }
    .programmes-details-full-inner-page-body .qi-setup-progress-box .progress-value{
        font-size: 26px;
    }
    .programmes-details-full-inner-page-body .qi-setup-progress-box .progress-value span{
        font-size: 10px;
    }

    .education-details-full-inner-page-body .container.edu-content{
        margin-left: unset;
        margin-right: unset;
        padding-left: unset;
        padding-right: unset;
    }
}
/*
######## ######## ######## 
##       ##    ## ##       
##           ##   ##       
#######     ##    #######  
      ##   ##           ## 
##    ##   ##     ##    ## 
 ######    ##      ######  
*/
@media screen and (max-width: 575px) {
    body.icst-redesign p{
        font-size: 14px;
    }
    header.header .icst-logo a img {
        max-width: 64px;
    }
    header.header .header-right {
        gap: 10px;
    }
    header.header .header-right .header-right-links > ul{
        gap: 20px;
    }
    header.header .header-right .header-right-links a {
        font-size: 12px !important;
    }
    header.header .header-right .header-right-links .icst-admin-menu .admin-nav-menu a {
        font-size: 14px !important;
    }
    header.header .header-user-wrap {
        width: 54px;
    }
    header.header .header-user-icon {
        width: 24px;
        height: 24px;
    }
    header.header .header-user-icon span.icst-icon {
        font-size: 15px;
    }

    .icst-home-video-slide-right .icst-home-video-box .icst-home-play-video {
        width: 68px;
        height: 40px;
    }
    .icst-home-video-slide {
        padding: 24px 20px;
    }
    .home-heading-activity-bar {
        gap: 20px;
        padding: 16px 10px;
        flex-direction: column;
        align-items: center;
        width: 100%;
        border-radius: 10px;
    }
    .home-heading-activity-bar ul {
        gap: 16px 20px;
        justify-content: center;
    }
    .home-heading-activity-bar .home-heading-activity-bar-label {
        border-right: unset;
        border-bottom: 1px solid var(--ics-grey);
        padding: 0px 15px 10px 15px;
    }
    footer.footer p, footer.footer a {
        font-size: 12px;
    }

    .page-main-content .page-inner-content .page-breadcrumb ol.icts-breadcrumb li a {
        font-size: 12px;
    }
    .page-main-content .page-inner-content .page-breadcrumb ol.icts-breadcrumb li.active span {
        font-size: 12px;
    }

    .page-inner-heading-notifaction {
        flex-direction: column;
        text-align: center;
    }
    .programmes-programm-list {
        padding: 20px 0px 0 0px;
    }

    .programmes-programm-list .xdtitle {
        min-height: 230px;
    }
    .programmes-programm-list .cat-thumb {
        height: 80px;
        padding: 2px 12px 12px 12px;
    }
    .programmes-programm-list .cat-thumb img {
        height: 70px !important;
        width: 70px !important;
    }
    .education-details-full-inner-page-body .bigactionbox-wrap .bigactionbox{
        padding-bottom: 20px;
    }

    body.icst-redesign h4 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .programmes-details-inner-page-body .collectionlist .collectionul {
        font-size: 14px;
    }

    .collectionlist .collectionul {
        font-size: 14px;
    }

    .edu-top-section h1 {
        font-size: 24px;
        line-height: 24px !important;
    }
    .special h3 {
        font-size: 18px;
    }

    .markunderstoodbox-ondark span{
        font-size: 1em;
    }

    .icst-event-page-container nav{
        width: 100%;
    }
    .icst-event-page-container nav > div {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }
    .icst-event-page-container nav > div select{
        width: 100%;
    }

    .collections-list-wrap {
        padding-left: 0px;
        padding-right: 0px;
    }

    .favourites-list-wrap .dataTables_wrapper{
        margin-left: -15px;
        margin-right: -15px;
    }

    .user-home-inner-page-body .icst-profile-nav .item-list-tabs ul li a{
        font-size: 16px !important;
    }
    .user-home-inner-page-body .icst-dashboard-body .item-list-tabs ul{
        padding: 0 !important;
        margin: 0 !important;
    }
    .user-home-inner-page-body .icst-dashboard-body .item-list-tabs ul li{
        width: 100% !important;
        float: none !important;
        text-align: center;
    }
    .user-home-inner-page-body .icst-dashboard-body #item-body .profile {
        padding: 0px !important;
    }
    .user-home-inner-page-body .profile button.btn-primary{
        margin-bottom: 20px !important;
    }

    #qiprojects .progress .progress-value div{
        margin-top: 0;
    }
    #qiprojects .progress .progress-value{
        font-size: 20px;
    }
    #qiprojects .progress .progress-value span{
        font-size: 8px;
    }
}