@media only screen and (max-width: 374px){
    .catalog-widgets span{
        font-size: 18px;
    }
    .cirrculumStatus{
        padding: 2px 6px;
    }
    .cirrculumStatus p{
        font-size: 11px;
    }
    .title-bg-inner-cont .categoryName{
        font-size: 15px;
    }
    .search-bar-filter input::-webkit-input-placeholder {
        font-size:13px;
    }

    .search-bar-filter input:-moz-placeholder { /* Firefox 18- */
        font-size:13px;
    }

    .search-bar-filter input::-moz-placeholder {  /* Firefox 19+ */
        font-size:13px;
    }
    .search-bar-filter input:-ms-input-placeholder {  
        font-size:13px;
    }
    .search-bar-filter input{padding: 0 17px 0 50px;}
    .shareIcons {
        padding: 20px 0px;
        display: flex;
    }
    .User-history .tableHeader{
        display: none;
    }
}
/************************************************less than iphone6***********************************************/

/************************************************Mobile Potrait***********************************************/
@media only screen and (max-width: 480px){

    .catalogCount{
        margin:-2px 0px 0px 10px;
    }
    /* curriculam*/
    .mainhome.curriculum ul li{
        width: 100% !important;
    }

    .favourites-landscape,
    .eval-landscape,
    .img-display-landscape,
    .main-home-landscape,
    .search-filter-landscape,
    .subscription-lanscape,
    .learning-activity-landscape,
    .catalog-nesting-landscape,
    .menu_languages_landscape
    {
        display: none !important;
    }

    ::-webkit-scrollbar { 
        display: none; 
    }
    .countriesList::-webkit-scrollbar { 
        display: block !important; 
    }
    /*Activities*/
    .aw-top-back span:last-child{display: none}
    .todoList-list .activityName{
        width: 100%;
    } 

    .todoList-list .activityName.mob {
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 10px;
        right: 10px;
        padding: 0px 5px;
    }
    .todoList-list .tableContent td:nth-child(1), 
    .todoList-list .tableContent td:nth-child(4){
        padding-top: 30px;
        position: relative;
        width: 100%;
    }
    .todoList-list .done, .todoList-list .remove{
        font-size: 11px;
    }
    .shareIcons .icon-o_facebook_icon, .shareIcons .icon-sms {
        font-size: 35px;
        padding: 0px;
    }
    .shareIcons .icon-email{
        font-size: 32px;
        padding: 0px;
        padding-top: 3px;
    }
    .User-history .tableHeader{
        display: none;
    }
    .modal-dialog{
        width: 256px;   
    }
    .child-cont-1 .cl-2 a{
        padding: 10px 9px;
        font-size: 10px;
    }
    .child-cont-1 .cl-2 .register{
        padding: 10px 9px;
        font-size: 10px;
    }
    .cl-footer div{
        width:18%;
    }
    .cl-footer p {
        font-size: 11px;
    }
}
/************************************************Mobile potrait end***********************************************/

/************************************************Mobile landscape**************************************************/
@media only screen and (min-width: 481px) {
    .favourites-landscape,.search-landscape,.eval-landscape,.attempt-history-landscape,.img-display-landscape,.main-home-landscape,.search-filter-landscape,.subscription-lanscape,.learning-activity-landscape,.catalog-nesting-landscape,.menu_languages_landscape{
        display: block !important;
    }
    .modal-dialog{
        width: 256px;   
    }
    .portrait{
        display: none !important;
    }
    /********************login_module_landscape***********************/
    .logo-amway {
        margin: 10px 50px 10px 50px;
        text-align: center;
    }

    .logo-amway>img{
        width:80px;
    }

    .login-body{
        padding: 0px 15px 0px 15px;
    }

    .login-amway-form{
        margin-bottom: 20px;
        margin-top: 15px;
        height: 85px;
        overflow: scroll;
    }

    .remember-btn {
        border-top: 1px solid #B3B3B3;
        border-bottom: 1px solid #B3B3B3;
        padding: 10px 15px 10px 31px;
    }
    .profileSection.change-profile.change-profile-landscape ul{
        overflow-y: scroll;
        height: 100%;
    }
    .profileSection ul{
        padding: 20px 16px 0px 16px;
        margin: 0%;
        height: 40vh;
        overflow-y: scroll;
    }
    .modal-content.alertModal {

        height: inherit;
        border-radius: 0px;
        border: 0px;
    }
    .selection-content ul li:last-child{
        padding-bottom: 0px;
        display: inherit;
    }
    .selection-content ul li{
        padding: 10px 11px;
    }

    /********************login_module_landscape_end***********************/

    /****************menu-languages*************************************/
    .evaluation-head-w.catalogs-head.menu_languages_landscape{
        display: flex !important;
    }
    .evaluation-head-w.catalogs-head.menu_languages_landscape h1{
        width: 100%;
        text-align: left;
    }
    .evaluation-head-w.catalogs-head.menu_languages_landscape p {
        width: 100%;
        text-align: right;
        padding-top: 0px;
        color: #05315d;
        line-height: 25px;
    }  
    /*  .evaluation-head-w.catalogs-head p{display: block}*/
    /**************menu-languages-end*******************************/

    /**************main-home start*******************************/
    #catalog-content.main-home{
        padding-top: 60px;    
    }
    /**************main-home end*******************************/

    /***********catalog-nesting***********************************/
    .catalog-widgets {
        position: absolute;
        bottom: 8px;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
    }
    .catalog-widgets span{
        padding-right: 10px;
        font-size: 17px;
    }
    .catalog-widgets .text{
        display: block;
        font-size: 15px;
        font-family: 'RobotoCondensed-Regular';
        margin: 0px;    
    }
    .catalog-widgets a{
        text-align: center;
        display: inline-block;
    }
    .catalog-widgets div:last-child a{float: right}
    .catalog-widgets .cirrculumStatus p {
        padding: 0 5px;
    }
    .catogory-banner-img img{
        width:180px;
        height: 120px;
    }
    .title-bg{
        height: 120px;
        margin: 0px;
        position: absolute;
        left: 180px;
    }
    .title-bg-inner-cont div:nth-child(1){
        display: inline-block;
        width: 95%;
    }
    .title-bg-inner-cont .categoryName{
        padding-top: 15px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }


    .catalog-main{
        display: flex;
        position: relative;
    }

    #catalog-content{
        padding-top: 0px;
    }

    .catalog-list {
        padding: 0px;  
    }


    /***********catalog(landscape,tab,desktop)*****************/
    #subCatalog{
        display: block;
        padding-top: 54px;
    }
    .subCatalogs ul{
        list-style: none;
        padding-left: 0px;
        margin: 0px;
        width: 100%;
    }
    .subCatalogs ul li{
        /*    padding: 0px 2px 5px 0px;*/
        list-style: none;
        display: inline-block;
    }
    .subCatalogs ul li:last-child{
        margin-right: 0px;
    }
    .subCatalogs .catalogName {
        background-color: #ffffff;
        font-size: 14px;
        font-family: 'RobotoCondensed-Bold';
        font-weight: normal;
        font-style: normal;
        color: #18335C;
        margin: 0px;
        padding: 10px;
    }
    .subCatalogs ul li a{
        position: relative;
        display: block;
    }
    .subCatalogs ul li a img{
        text-align: left;
        /*height: 125px;*/
        width: 100%;
    }
    .subCatalogs .cirrculumStatus{
        font-family: 'RobotoCondensed-Bold';
        padding: 3px 4px;
        background-color: rgba(0,0,0,0.5);
        border-radius: 20px;
        position: absolute;
        right: 0;
        margin: 7px;
    }
    .subCatalogs .cirrculumStatus p{
        margin: 0px;
        text-align:center;
        color: #fff;
        font-size: 12px;
        font-family: 'roboto-medium';
        padding: 0px 3px;
    }
    .subCatalogs a:hover{
        text-decoration: none;
    }
    .mainhome.subCatalog .catalogName {
        padding-bottom: 20px
    }
    .mainhome.subCatalog ul li{width: 33.33%;}
    .mainhome.subCatalog.curriculum ul li{width: 50%;}

    li div.pos.userDriven.tab::after{
        left:0%;
        top:50%;
        margin-left:-4px;
        transform: translateX(-100%)   translateY(-50%);
        -webkit-transform:translateX(-100%)   translateY(-50%);
    }
    li div.pos.userDriven.tab::before{
        left:0%;
        top:50%;
        margin-left:-7px;
        -webkit-transform:translatey(-50%) rotate(-90deg) 
    }
    /*.mainhome.subCatalog ul li:nth-last-child(3n){border-right: 0px solid #e4e7eb;}*/

    /***********catalog(landscape,tab,desktop)-end*****************/

    /***********catalog-nesting-end*****************************/


    /******************learning-activity-start**************/
    .activityWidget-cont{
        margin: 7px;
        padding-top: 54px;
    }
    /**********************learning-activity-end****************/

    /**************** comments_page******************************/
    #rating-section {
        display: flex;
    }
    .comment-sub{
        padding: 8px 0px;
        margin: 0px;
        box-shadow: none;
    }
    /****************comments_page_end***************************/

    /*********************download_page*****************************/
    .login-page.grey .login-content{
        width: 84.0625%;
    }
    .main-content {
        height: 270px;
        overflow-y: scroll;
    }
    .evaluation-head-w .downloads-head{
        text-align: left;
    }
    .download-p-bar .progress-values span:nth-child(1){
        display: inline-block;
        padding-right: 3px;
    }
    .download-p-bar .progress-values span:nth-child(2) {
        display: inline-block;
        text-align: left;
    }
    .progress-values div{
        text-align: left;
    }
    .progress-values div:last-child{
        text-align: right;
    }
    /*****************download_page_end***************************/



    /*************************attempt-history*****************************/

    .attempt-history h1{text-align: center}
    .aw-top-back span:last-child{
        font-size: 16px;
        padding-left: 12px; 
        display: inline-block
    }
    .attempt-history-landscape ul{
        float: left;
    }
    .attempt-history-landscape li
    {
        width: 50%;
        display: block;
        float: left;
        clear: none;
    }
    /*************************attempt-history end*****************************/

    /*******************subscriptions-start***********************************/
    .evaluation-head-w.subscription-lanscape{
        padding: 0px;
    }
    .catalogs-head.subscription-lanscape{
        padding-right: 0px;
    }
    .subscription-lanscape div:nth-child(1){
        display: flex;
    }
    .subscription-lanscape h1{
        width: 80%;
        text-align:left;
        padding: 12px;
    }
    .subscription-lanscape .manage{
        width: 20%;
        text-align:left;
        background-color: #1d91c2;
        border: none;
        color: #fff;
        font-family: 'Roboto-medium';
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        padding: 12px;
        -webkit-appearance: none;
        outline: 0px !important;
        text-align: center;
    }
    /*******************subscriptions-end**********************************/

    /********************Search-Filter************************************/

    /********search bar landscape***********/
    .search-bar-display{
        position: absolute;
        top: -60px;
    }
    .search-predictive-landscape{
        margin-top: 10px !important;
    }
    /*******search bar landscape************/
    .filter-landscape{
        padding: 10px;
    }
    .search-filter-landscape{
        display: flex;
    }
    .search-filter-landscape input{
        width: 80%;
        text-align: left;
        padding: 12px;
    }
    .search-filter-landscape .filter{
        text-align: left;
        font-family: 'Roboto-medium';
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        padding: 10px;
        -webkit-appearance: none;
        outline: 0px !Important;
    }
    .filter .icon-search-filter{
        color: #fff;
        font-size: 14px;
        padding-left: 20px;
    }

    /*.filter-modal-landscape .modal-content{
        margin: 3% 8%;
    }*/
    .filter-modal-landscape .modal-body{
        padding: 5px 55px;
    }
    .filter-modal-landscape hr{
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .filter-modal-landscape .search-filter-data li{
        padding: 0px 10px;
    }
    /************************************************comments and rating landscape start***********************************************/
    #rating-section .activityName{
        border-bottom: 0px;
        border-right: 1px solid #B3B3B3;
    }
    #rating-section .activityName p {
        text-align: center;
        position: absolute; 
        top: 50%; 
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0; 
        right: 0;
    }

    /************************************************comments and rating landscape start***********************************************/

    /**************toDo-Landscape************/
    .todoList-list .activityNameImage img {
        width: 112px;
        height: 75px;
    }
    .addedTime{
        position: relative;
        bottom: 2px;
        padding-left: 10px;
    }
    /**************toDo-Landscape************/

    /**************notification Inbox**************/
    .evaluation-head-w.catalogs-head.notifyInboxHead, .notifications.inbox, .messageSubject, .notifications.inbox .catalog-list ul, .notifyInboxFooter{
        position: static;
    }
    .notificationContent p.subject-title, .notifications.inbox .notificationContent p.subject-title{
        margin-bottom: 0px;
        float: left;
        /*      width: 65%;*/
    }
    .notificationContent p.subject-title{
        margin-bottom: 10px;
        float: none;
        /*      width: 65%;*/
    }
    /* .notificationContent .right-cont{
     display: inline-block;
     width: 70%;
   }*/
    .notifications.inbox .rating-cont{
        display:block;
    }
    .notifications.inbox .notificationContent .right-cont {
        display: initial;
        width: 100%;
    }
    /**************notification Inbox**************/
    .achievmentsBadgesWrapper ul li{
        width: 16.66%;
    }
    .achievmentsBadgesWrapper .myBadges li , .achievmentsBadgesWrapper  .promoted li, .achievmentsBadgesWrapper .locked li{
        float: none;
        width: 16.66%;
    }

    .User-history .tableHeader{
        display: none;
    }
}
/************************************************Mobile end***********************************************/

@media screen and (min-width:320px) and (max-width:767px) {
    .c-img .activityTitleTabs{
        display: none;
    }
    .right-cont .activityTitle
    {
        display: block;
    }
    .arrow-toggle{
        display: flex !important;
    }
    .tabModalCirrculm{
        /*display: none !important;*/
    }
    .toggleTooltip{
        bottom: 1px !important;  
    }
    .homeTooltip.tab, .userDriven.tab{
        display: none;
    }
    .userDriven.mob{
        bottom: -2px !important;
        right: 30px !important;
    }

    .homeTooltip.mob , .userDriven.mob{
        position:absolute;
        display:inline-block;
        bottom: 10px;
        right: 10px;
        background: #E7194F;
        border-radius: 50%;
        padding: 3px 6px;
        z-index: 999;
        color: #ffffff;
    }
    .categoryModalContent{
        max-height: 300px;
    }
    .toggle-data.tabModal .card{
        max-height: 170px;
        min-height: 170px;
    }
    .toggle-data .card .foo{
        font-size: 12px;
        padding: 5px;
    }
    .toggle-data .card .foo p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1;
        word-wrap: break-word;
        height: 60px;
        padding-right: 0px;
    }
    .toggle-data.tabModal .card img{
        height: 115px;
    }
    .mainhome .subCatalogs .user-curculim .catalogName.ellipsify {
        height: 50px !important;
        width: auto !important;
        padding: 0px;
    }
    .c-footer .left-cont .radio input[type="radio"] + .radio-label:before {
        top: -4px !important;
    }
    .bannerBlock span{
        padding: 0px 0px 14px 0px;
        display: block;
        color: #18335C;
    }
    .bannerBlock a img{
        padding-right: 0px !important;
        width: 50%;
        float: left;
    }
    .bannerBlock{
        padding:60px 15px 10px 15px;
        background-image:linear-gradient(#e4e7eb 36%,#e4e7eb 45%,#e4e7eb 79%,#3a4a63 98%);
    }
    
    #calendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-day-header.fc-widget-header > span {
        margin: 10px 0px !important;
    }
    .fc-basic-view .fc-body .fc-row {
    height: 2em !important;
}
    #calendar .fc-basic-view .fc-day-number {
           padding: 5px;
    float: right;
    }
    .fc-scroller .fc-day-grid-container{
        height:337px;
}
    .fc-basic-view .fc-body .fc-row,.fc-row .fc-bg,.fc-basic-view .fc-body .fc-row {
        min-height:3em !important;
    }
    .fc-scroller .fc-day-grid-container{
          height: 100%;
    }
    .ilp_block ul li{
/*        height:90px !important;*/
        height:95px !important;
    }
    .tabsessions_lt .checkedin_btn{
    background: rgb(24 ,51, 92);
    color: #fff;
    padding: 5px 10px;
    border: none;
    text-align: center;
    float: right;
    margin: 15px 15px 0px 0px;
    }
    .email_popup  .email_content{
        width: 10%;
}
    .eml-popup .email_width {
        width: 90%;
    }
    .email_popup input {
        width: 90%;
    }
}

/************************************************Mobile landscape end***********************************************/

@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
    .upshot-modal .modal-dialog{
        height: 305px;
    } 
    .upshot-modal img{
        width: 80px;
        height: 80px;
    }
    .catalogCount{
        margin:9px -15px 0px 10px
    }
    .upshot-modal .descriptionModal p.landscapeHelpper{
        height: 93px;
        overflow-y: scroll;
        margin: 0px;
    }
    .catgTooltip{
        bottom: -2px !important;  
    }
    [tooltip]{
        padding: 4px 4px;
        line-height: 11px;
    }

    .mainhome .subCatalogs .user-curculim .catalogName.ellipsify {
        height: 46px !important;
        width: auto !important;
        padding: 0px;
    }
    .c-footer .left-cont .radio input[type="radio"] + .radio-label:before {
        top: -4px !important;
    }
    .bannerBlock a img{
        padding-right: 0px !important;
        width: 40%;
        float: none;
    }

    /*  .mainhome .subCatalogs .user-curculim.c-footer .c-ticker.begin{
            width: 40px;
            height: auto;
        }*/
    /*    .mainhome .subCatalogs .user-curculim.c-footer .c-ticker.begin p{
              word-wrap: break-word;
        }*/

    .fc-row.fc-week.fc-widget-content{
        min-height:2em !important;
}
     .fc-basic-view .fc-body .fc-row,.fc-row .fc-bg,.fc-basic-view .fc-body .fc-row {
        min-height:3em !important;
    }
    #calendar > div.fc-view-container > div > table > thead > tr > td > div > table > thead > tr > th.fc-day-header.fc-widget-header > span {
        margin: 18px 0px !important;
    }
    .ilp_block .tabsessions_rt {
    width: 85% !important;
}
.ilp_block .tabsessions_lt {
    width: 15% !important;
}
.fc-scroller{
    height: 253px !important;
}
}
/************************************************Mobile landscape Upshot modal***********************************************/



/************************************************tablet and ipad and desktop***********************************************/
@media only screen and (min-width: 768px){
    .ada-testing .ada-card {
        display: flex;
    }
    .catalogCount{
        margin:-12px -8px 0px 10px;
    }
    .ada-testing .ada-card img {
        width: 500px;
        height: 200px;
    }
    .ada-testing .ada-card .cont {
        padding: 20px;
        width: 100%;
    }
    .favourites-landscape,.search-landscape,.eval-landscape,.attempt-history-landscape,.img-display-landscape,.main-home-landscape,.search-filter-landscape,.subscription-lanscape,.learning-activity-landscape,.catalog-nesting-landscape,.menu_languages_landscape{
        display: block!important; 
    }
    .activityWidget-cont li{
        padding-top: 15px;
    }
    .notifications .move{
        margin: 0px !important; 
    }
    .notifyWeb.selectAll{
        position: relative;
        top: 3px;
        right: 10px;
    }

    .download-select-deselect-check input[type="checkbox"]{
        width: 40px;
        height: 40px;
        top: -10px;
        right: 23px;
        margin: 0px;
    }
    .dirloader-badges{
        top: 55%;
        transform: translateY(-45%);
        position: relative;
    }
    .dirloader-badges img{
        width:300px !important;
    }
    .alert_desc{
        text-align: left;  
    }
    /***********nav-bar*******************/
    .navbar-header {
        float:none;
    }
    #slide-nav .navbar-toggle{
        display:block;
    }
    #slide-nav #navbar-height-col, #slide-nav #slidemenu {
        width:450px;
    }
    .login-amway-form{ /*updated*/
        height: auto;
        overflow:initial;
    }
    .navbar-brand{
        padding-left: 15px;
    }
    /***********nav-bar-end*******************/

    /*~~~dashboard~~~*/
    .aw-top-left.aw-blocks-two.aw-blocks-one .aw-blocks, .aw-blocks-one .aw-blocks{
        height: 400px;
    }
    .aw-blocks-one .aw-db-badges-wrapper ul{
        padding-left: 9px;
    }
    .aw-blocks-one .aw-db-badges-wrapper li, .aw-blocks-one .aw-db-badges-wrapper img{
        width: 95px;
        height: 95px;
    }
    .aw-blocks-one .aw-db-badges-wrapper li{
        margin: 13px 18px 13px 0px;
    }
    .aw-db-badges-wrapper ul{width: initial; overflow: initial;display: inline-block;padding: 7px 0px;}
    .aw-db-badges-wrapper li{
        width: 48px;
        height: 48px;
        display: inline-block; 
        margin-right: 18px;

    }
    .aw-blocks-two .aw-db-badges-wrapper ul{
        padding: 20px 0px;
        padding-bottom: 30px;
    }
    /*.aw-welcome-user{display: none}*/
    .aw-db-top{margin-top: 0px;}
    /*    .aw-chart-values li span:last-child{display: inline; margin-right: 4px;}*/
    .aw-db-nav li{text-align: center;}
    .aw-db-nav li a span{display: inline-block; font-size: 20px;font-family: 'RobotoCondensed-Bold';}
    .aw-db-nav li a span:first-child{padding-right: 18px;}
    .mainhome.subCatalog ul li{width: 20%}
    .mainhome.subCatalog ul li div.pos.homeTooltip.tab::after{
        left:0%;
        top:50%;
        margin-left:-4px;
        transform: translateX(-100%)   translateY(-50%);
        -webkit-transform:translateX(-100%)   translateY(-50%);
    }
    .mainhome.subCatalog ul li div.pos.homeTooltip.tab::before{
        left:0%;
        top:50%;
        margin-left:-7px;
        -webkit-transform:translatey(-50%) rotate(-90deg) 
    }


    .mainhome.subCatalog.curriculum ul li{width: 50%;}
    .toggle-data ul li{margin-bottom: 12px;}
    .mainhome.subCatalog ul li a img{/*min-height: 125px;*/ max-height: 100%;}
    /*    .mainhome.subCatalog ul li:nth-last-child(5n) {
            border-right: 0px solid #e4e7eb;
        }*/
    .aw-chart-values li span.tab{
        display: inline;
    }
    .mob{
        display: none;
    }
    p.basedOn.tab{
        display: block;
        margin: 0px 0px 6px 0px;
        padding: 0px;
    }
    .nested-category-li .right-cont p.basedOn{
        display: none;
    }
    .homeScroll ul li.childList{
        margin-right: 3px;
/*        cursor: pointer;*/
        width: 400px;
        min-width: 400px;
        height: 400px; 
    }
    .homeScroll img{
        width: 100%;
    }
    .aw-blocks-one .aw-db-badges-wrapper .noBadges.ellipsify-limit{
        -webkit-line-clamp: 9;
    }
    .aw-db-badges-wrapper .noBadges{
        font-size: 20px
    }
    .aw-blocks-two .aw-overflow-text-hide .ellipsify-limit{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 22px;
        overflow: hidden;
    }
    /*~~~dashboard end~~~*/

    /**/
    .modal-open
    {padding-right: 0!important;
    }
    /**/

    /***********catalog activities(tab,desktop)-start*****************/
    .catalogs .title-bg{display: none;}
    .catalogs .aw-blocks{display: block;}
    .attempt-history h1{text-align: left}
    .aw-chart-pie-blue{
        display: inline-block;
        position: absolute;
        right: 42px;
        top: 80px;
        z-index: 1;
    }


    .catalog-list{
        padding:0px;
    }
    .catalog-list ul li{
        border-right: 3px solid #e4e7eb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 20%;
        float: left;
    }
    .catalog-list ul li:last-child{
        border-right: 0px; 
    }
    .nested-category-li .left-cont>img {
        width: 100%;
        min-height: 100px;
        height: 100%;
    }
    .nested-category-li .left-cont{
        padding: 6px;
        /*position: relative;*/
    }
    .right-cont{
        clear:both;
    }
    .nested-category-li .right-cont p{
        font-family: 'RobotoCondensed-Regular';
        font-weight: normal;
        font-style: normal;
        color:#05315D;
        padding: 10px 10px 15px 8px;
        font-size:15px;
        margin-bottom:0px;
        height: 75px;
        line-height: 20px;
    }
    /******progress indicators in catalog nesting page****/
    .progress-indicators-potrait{
        display: none;
    }
    .progress-indicators-landscape{
        display: block;
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 18px;
    }

    .updatetxt-mob{
        display: none;
    }
    .updatetxt-tab{
        display: block;
        position: absolute;
        padding-left: 85px;
        color: #1d91c2;
        font-size: 15px;
        font-family: 'RobotoCondensed-Bold';
    }

    .offlineupdatetxt-mob{
        display: none;
    }

    .offlineupdatetxt-tab{
        display: block;
        position: absolute;
        padding-left: 85px;
        color: #b8b7b7;
        font-size: 15px;
        font-family: 'RobotoCondensed-Bold';
    }

    .rating-cont{
        width: 100%
    }
    .rating-cont .rating-stars{
        display: table-cell;
        padding-left: 35%;
        float: right;
    }
    .ellipsify{
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 16px;
        overflow: hidden;
        height: 50px;
    }
    .cal-ellipsify{
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 22px;
        overflow: hidden;
    }
    .aw-db-top >.aw-blocks{
        padding: 10px 20px;
        height: 400px;
    }
    .aw-blocks .imgCover{
        height: 239px;
    }
    .aw-blocks-two .aw-margin-top{margin-top: 10px}

    .aw-blocks-one .aw-one-wrapper .aw-overflow-text-hide .ellipsify-limit{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 13;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 20px;
        overflow: hidden;
        font-size: 18px;
    }
    .aw-overflow-text-hide .ellipsify-limit-one{
        text-overflow: ellipsis;
        /*            display: -webkit-box;*/
        display: block;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 17px;
        overflow: hidden;
        white-space: nowrap;
    }
    .aw-overflow-text-hide .ellipsify-limit{
        text-overflow: ellipsis;
        display: -webkit-box;
        /*            display: block;*/
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 17px;
        overflow: hidden;
        padding-top: 3px;
        /*            white-space: nowrap;*/
    }
    .aw-blocks-two .aw-blocks{
        height: 199px;
    }
    .aw-blocks-two .aw-blocks h3{
        font-size: 20px;
        font-family: 'RobotoCondensed-Bold';
    }
    .aw-blocks-two .aw-chart-values li:first-child{
        margin-top: 0px;
    }
    /*.aw-blocks-two .aw-chart-wrapper > .aw-chart-values, .aw-blocks-two .aw-chart-wrapper > .aw-chart-pie{
    padding: 30px 0 0;
    }*/

    .aw-chart-values h3{
        font-size: 20px;
    }
    aw-blocks-two .aw-chart-pie span{
        padding-bottom: 20px; 
    }
    .aw-chart-pie span{
        padding-bottom: 5px;
    }
    .aw-blocks-two .aw-chart-values li span:first-child{
        padding-right: 14px;
    }
    .aw-blocks-two .aw-chart-values li span{
        width: 35px;
    }
    .aw-blocks-two .aw-overflow-text-hide{
        font-size: 20px;
        height: auto;
    }
    .aw-blocks-two .aw-blocks .btn span{font-size: 17px}
    .aw-blocks-two .aw-running-text {
        font-size: 20px;
        padding: 20px 0px 0px 0px;
    }
    .aw-blocks-bg-blue{padding: 26px 36px}
    .aw-blocks-bg-blue{background-color: #18335C; position: relative}
    .aw-blocks-bg-blue .aw-chart-values ul{padding-top: 0px}
    .aw-blocks-bg-blue .aw-chart-values li,
    .aw-blocks-bg-blue .aw-chart-values li span,
    .aw-blocks-bg-blue h3{
        color: #fff;
    }
    .aw-blocks-bg-blue h3{
        font-size: 23px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }

    .aw-blocks-bg-blue .footer{
        border-top: 1px solid #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .aw-blocks-bg-blue .footer ul{margin: 0; padding: 0px; display: flex;align-items: center;}

    .aw-blocks-bg-blue .footer li{
        width: 33%;
        display: inline-block; 
        padding: 10px;
    }
    .aw-blocks-bg-blue .footer li a{
        color: #fff; 
        display: block;
        text-align: center;
    }
    .aw-blocks-bg-blue .footer li a span{
        font-size: 20px; 
        color: #fff; 
        padding-right: 10px; 
        text-transform: capitalize;
        /*vertical-align: text-bottom;*/
        vertical-align: middle;
        cursor: pointer;
    }
    .aw-blocks-bg-blue .footer li a p{
        display: inline-block;
    }
    .catalog-main .cirrculumStatus{
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        font-family: 'RobotoCondensed-Bold';
        padding: 1px 5px;
        background-color: rgba(0,0,0,0.5);
        border-radius: 20px;
        position: absolute;
        right: 0;
        margin: 7px;
        vertical-align: middle;
    }
    .catalog-main .cirrculumStatus p{
        color: #fff;
    }

    .featuredHome p.activityName.ellipsify{
        height: 59px;
        line-height: 19px;
    }
    /*.aw-top-left{height: 375px}*/

    /***********catalog activities(tab,desktop)-end*****************/

    /***********************************learning activity section tab/desktop ********************************************/

    .l-activity .title-bg.noNextActivity{
        right:0px;
        width: 100%;    
    }
    .l-activity .title-bg{
        display: block;
        height: 160px;
        left: 240px;
        width: 50%;
        position: inherit;
    }
    .l-activity .catogory-banner-img img {
        width: 240px;
        height: 160px;
    }
    .nextActivity.landscape{
        right: 0px;
        margin: 0px;
        box-shadow: none;
        top: 0px;
        display: block;
        width: 50%;
    }
    .nextActivityWrapper{
        display: flex;
        width: calc(100% - 240px);
    }
    .nextActivity.landscape .aw-blocks{
        height: 160px;
        display:block;
    }
    .nextActivity{
        display: none;
    }
    .nextActivity.landscape .aw-one-wrapper .aw-overflow-text-hide .ellipsify-limit{
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 18px;
        overflow: hidden;
        font-size: 16px;
    }
    .nextActivity.landscape .aw-one-wrapper-btn{
        bottom: 15px;
        position: absolute;
        left: 10px;
        right: 10px;
    }
    .nested-category-li .rating-cont .rating-stars{
        padding-left: 0px;
    }
    .comments_tab_lactivity{
        display: block;
    }
    .comments_tab_lactivity .comment-cont{
        margin: 7px;
    }
    .comment-list .more{
        margin: 0px;
        text-align: center;
        cursor: pointer;
    }
    /*.activityWidget-cont li a{padding: 20px; padding-bottom: 5px;}*/
    .activityWidget-cont span{
        font-size: 35px;
        display: inline-block;
        vertical-align: middle;
    }
    .activityWidget-cont li p{
        font-size: 16px;
        display: inline-block;
        padding-left: 10px;
        vertical-align: middle;
        font-family: 'RobotoCondensed-Regular';
        color: #4D5057;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
    }

    /***********************************learning activity section tab/desktop ********************************************/

    /***********************************evaluations tab/desktop ********************************************/
    .evaluation-h-bg {
        background-color: rgba(16, 64, 86, 1) !important;
        padding-top: 0px;
        color: #fff;
        margin-top: 75px;
    }
    .evaluations-tablet{
        padding: 0px 12%;
        display: block;
    }
    #eval-white{
        padding: 0px 70px;
    }
    .evaluation-list .table td, .User-history .table td, .todoList-list .table td{padding: 14px 0 14px 0}

    .evaluation-list .table td:first-child, .User-history .table td:first-child, .todoList .table td:first-child{padding-left: 30px; padding-bottom: 15px;}

    .evaluation-list .table td:last-child, .todoList-list .table td:last-child{padding-right: 30px;}
    .User-history .table td:last-child{padding-right: 60px;}

    .evaluation-list .tableContent tr, .todoList-list .tableContent tr{
        border-left: 0;
        border-right: 0;
    }
    p.activityName{margin: 0 0 0 20px}
    .evaluation-list .tableHeader th:nth-child(1), .evaluation-list .tableHeader td:nth-child(1){
        width: 40%;
    }
    .evaluation-list .tableHeader th:nth-child(2), .evaluation-list .tableHeader td:nth-child(2){
        width: 20%;
    }
    .evaluation-list .tableHeader th:nth-child(3), .evaluation-list .tableHeader td:nth-child(3){
        width: 20%; 
    }
    .evaluation-list .tableHeader th:nth-child(4), .evaluation-list .tableHeader td:nth-child(4){
        width: 20%;
    }
    .evaluation-list .tableHeader,
    .User-history .tableHeader{
        display: table-header-group;
    }
    .evaluation-list .activityNameImage img{
        float: left;
    }
    .evaluation-list p.activityName{
        width: 120px;
        float: left;
        display: -webkit-box;
        line-height: 16px;
    }

    /***********************************evaluations tab/desktop ********************************************/

    /********************Search-Filter*********************************/

    .search-icon-set{
        padding: 0;
        display: table;
        width: 100%;
    }
    .search-icon-set ul {
        padding: 0px;
        margin: 0px;
        width: 100%;
        text-align: center;
    }
    .search-icon-set ul li {
        padding-right: 15px;
        display: table-cell;
    }
    .search-icon-set ul li:last-child{padding-right: 0;}
    .search-icon-set ul li a{
        display: table;
        margin-left: 18px;
    }
    .search-icon-set ul li a span{
        width: 19px;
        height: auto;
        display: table-cell;
        text-align: left;
    }
    .search-icon-set p:first-child{
        padding-left: 0px;
    }
    .search-icon-set p{
        display: inline-block;
        font-size: 13px;
        vertical-align: middle;
        display: table-cell;
        line-height: 24px;
        padding-left: 10px;
        text-align: left;
    }
    .search-icon-set li:first-child p {padding-left: 0;}
    .noDisplayTablet{
        display: none !important;
    }
    /********************Search-Filter*********************************/

    /********************evaluations start**********************************/
    .evaluation-head-w h1, .catalogs-head p{
        text-align: left;
        display: block;
    }
    .catalogs-head p{ padding-top: 8px}

    .evalHeadText{
        display: block;
        margin: 0px;

        font-size: 14px;
        color:#4D5057;
        text-align: left;
        padding-top: 10px;
    }
    .evaluation-list .table{
        margin: 0px;
        padding: 0px;
        background-color: #fff;
    }
    .tableHeader{
        display: table-header-group;
    }
    .tableContent img{
        display: inline-block;
    }
    .dueDate.redClr p{
        color: #E90F4D;
        font-size: 14px;
        font-family: 'Roboto-medium'
    }
    .dueDate, .evalStatus{
        display: table-cell;
    }
    .evalStatus p, .dueDate p{
        color: #4D5057;
        font-family: 'Roboto-Light';
        font-size: 14px;
        margin: 0px;
        display: inline-block;
    }
    .evalStatus p{padding-left: 10px;}
    .dueDate p{padding-right: 10px;}
    /*.evalStatus span{
      padding-right: 10px;
    } */
    .evalStatus .status{
        padding-left: 9px; 
        color: #4D5057;
        font-family: 'Roboto-Light';
        font-size: 14px;
        margin: 0px;
        display: inline-block;
    }
    .evalStatus .Inactive_text_tab{
        color: #E90F4D !important;
        padding-left: 2px !important;
        font-family: 'RobotoCondensed-Bold';
        font-size: 13px !important;
    }
    .User-history .table>tbody>tr>td{
        padding-top: 10px;
    } 
    .User-history .table{
        border-collapse: collapse;
        -webkit-border-spacing: 0px 0px 3px 0px;
        -webkit-border-vertical-spacing: 3px  
    }
    .tableHeader{
        color: #fff;
        background-color: #05315D;
        padding-left: 30px;
    }
    .tableHeader th:nth-child(1){
        padding-left: 30px; 
    }
    .tableHeader th{
        text-align: left;
        font-size: 13px;
        font-family: 'RobotoCondensed-Regular'
    }
    .tableHeader .icon-o_down_arrow{
        padding-left: 10px;
        font-size: 8px;
    }
    .tableContent tr{
    }
    .table>tbody>tr>td{
        border-top: 1px solid #B3B2B3;
    }
    .table>thead>tr>th{text-align:left; padding: 10px 0}
    .tableContent tr{
    }
    .tableContent{
        padding: 10px 40px 10px 50px;
    }
    .tableContent img{
        width: 90px;
        height: 60px;
        float: left
    }
    .activityName {
        margin: 0px;
        display: inline-block;
        vertical-align: top;
    }
    .statusDate{
        display: none;
    }
    .evalStatus .icon-o_not_started_icon{
        color: #B3B3B3;
    }
    .evalStatus .icon-right-with-bg{color: #31A049}

    .todoList-list .from, .todoList-list .added{
        display: table-cell;
    }
    .todoList-list .from p{
        color: #18335C;
        font-family: 'Roboto-Light';
        font-size: 14px;
        display: inline-block;
    }
    .todoList-list .added p{
        color: #999999;
        font-size: 14px;
        font-family: 'Roboto-Medium';
    }
    /********************evaluations end**********************************/



    /********************User History Start**********************************/
    .favourites-head h1, .user-history-head h1, .evaluation-head-w h1, .subscriptions-head h1{
        text-align: left;
    }
    .register-head h1{
        text-align: centre
    }
    .User-history .tableContent tr{
        border-bottom: 1px solid #B3B2B3;
    }

    .User-history .tableContent td:last-child{
        text-align: left;
    }
    .User-history .dueDate{
        padding-right: 20px;
    }
    .pseudoRow{
        display: none;
    }
    .User-history .activityName{
        background-color: #ffffff;
        margin:0px;
        display: inline;
        padding-left: 25px;
    }
    .User-history .activityNameImage {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .useractivityListcolor{
        color : #b8b7b7 !important;
    }
    .user_virt_img_tab{
        width: 60px !important;
        height: 21px !important;
        padding-top: 3px !important;
    }

    .activityNameList{width: 150px; padding: 2px 12px 5px 14px}

    .User-history .tableHeader th:nth-child(1), .User-history .tableHeader td:nth-child(1){
        width: 50%;
    }
    .User-history .tableHeader th:nth-child(2), .User-history .tableHeader td:nth-child(2){
        width: 30%;
    }
    .User-history .tableHeader th:nth-child(3), .User-history .tableHeader td:nth-child(3){
        width: 20%;
    }
    .User-history .tableHeader th:nth-child(4), .User-history .tableHeader td:nth-child(4){
        width: 10%;
    }
    /**todo***/
    .toDoStatus{
        padding-top: 0px;
    }
    .todoList-head-w{
        display: block;
        background:#ffffff;
        padding:12px 24px;
        -webkit-box-shadow: 0px 1.86px 2.79px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1.86px 2.79px 2px rgba(0,0,0,0.2);
        box-shadow: 0px 1.86px 2.79px 2px rgba(0,0,0,0.2);
        margin:0 10px 10px 10px;
        text-align:center;
    }
    .todoList-head-w h1{
        text-transform:uppercase;
        text-align: center;
        font-family: 'RobotoCondensed-Regular';
        font-weight: normal;
        font-style: normal;
        font-size:25px;
        color:#05315D;
        padding:0px;
        margin:0px;
        text-align: left;
    }
    .todoList-head-w h1 span{
        font-size:24px;
        color:#000000;
        padding-right:5px;
        position:relative;
        top:2px;
    }
    .todoList-list .tableHeader th:nth-child(1), .todoList-list .tableContent td:nth-child(1){
        width: 40%;
        padding-left: 50px;
    }
    .todoList-list .tableContent td:nth-child(1){
        cursor: pointer;
    }
    .todoList-list .tableHeader th:nth-child(2), .todoList-list .tableContent td:nth-child(2){
        width: 30%;
    }
    .todoList-list .tableHeader th:nth-child(3), .todoList-list .tableContent td:nth-child(3){
        width: 30%;
    }
    .todoList-list .tableHeader th:nth-child(4), .todoList-list .tableContent td:nth-child(4){
        width: 10%;
        padding-right: 50px;
    }
    .tableHeadMobile{
        display: none;
    }
    .tableHeader .tableHeadTab{
        display: table-row; 
    }
    .todoList-list .activityName{
        padding: 0px 10px;
    }
    .todoList-list .statusDate{
        display: none;
    }
    .todoList-list .activityNameImage img {
        width: 90px;
        height: 60px;
    }
    .icon-up-arrow {
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: inline-block;
        font-size: 12px !important;
        padding: 0px;
        position: relative;
        vertical-align: middle;
        left: 10px;
    } 
    .addedTime{
        padding-left: 0px;
    }
    /**todo***/

    /********************User History end**********************************/

    /********************comments start**********************************/
    .commentsSec{
        margin: 13px;
    }
    .commentList{
        display: flex;
    }
    .comment-cont .headMobile{
        display: none;
    }
    .comment-cont .headTab{
        display: block;
        position: relative;
    }
    .comment-cont .headTab span:first-child{
        font-family: 'RobotoCondensed-Regular';
        font-size:16px;
        color:#05315D;
        margin:0px;
        padding: 10px 13px 10px 13px;
        text-transform: uppercase;
        display: inline-block;   
    }
    .comment-cont .headTab span:last-child{
        font-family: 'Roboto-Light';
        font-size:14px;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .recentComment{
        display: block;
        width: 50%;
        margin-right: 0px;  
    }
    .topRatedComment{
        display: block;
        width: 50%;
        margin-left: 0px;
    }
    /********************comments end**********************************/

    /********* Attempt history pop up ***************/
    .attempt-history-landscape li
    {
        width: 100%;
    }
    .history-content p{display: block}
    .history-content p:nth-child(2){padding-left: 0px;}
    .aw-attempt-multi-modal .modal-body{height:316px}
    .aw-attempt-multi-modal .history-content{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .aw-attempt-multi-modal .history-content ul:lastchild{border-bottom: 0}

    /*********************explore catalog start**************/
    .tree img{
        display: block;
        width: 187px;
        height: 125px;
        float: left;
        margin-right: 40px;
    }
    .catalog{width: auto; display: inline;}
    .tree li {
        margin: 3px 0px 0px 0px;
        padding: 0px 0px 3px 11px;
        position: relative;
        text-align: left;
        display: block;
    }
    .tree .cirrculumStatus{
        right: inherit;
        margin: 7px;
        left: 130px;
    }
    .tree .collapse{
        margin-left: 240px;
    }
    .tree .cirrculumStatus{
        position: static;
        margin: 7px;
        left: 126px;
        top: 0;  
    }
    tree, .tree ul{
        width: auto;
    }
    .sub-catalog, .activity-names{display:inline}

    .evaluation-head-w.catalogs-head p{display: block}

    /*********************************downloads ipad start**********************************************/     
    .downloadsPage-list .rating-cont{
        display: block;
        padding: 10px;
    }
    .downloadProgress{
        width: 100%;
        padding: 0px;
    }
    .downloadsPage-list #leftnavi{
        position: relative;
        margin-left: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 2;
        font-size: 20px;
        top: 0px; 
        left: 0px; 
        display: none;
        padding: 10px;
    }
    /*********************************downloads ipad end**********************************************/     

    /**************notification**************/ 
    .notifications .catalog-list ul li{
        width: 100%;
    }

    .notifications #move,
    .notifications .move{
        border-bottom: 1px solid #b3b3b3;
        margin-bottom: 21px;
    }
    .notificationContent p.subject-title{
        margin-bottom: 10px;
        height: auto;
        float: none;
    }
    .notifications.inbox .notificationContent p.subject-title{
        margin-bottom: 0px;
        height: auto;
        float: left;
        /*      width: 50%;*/
    }
    /**************notification**************/   
    .catalogHeader {
        font-family: 'RobotoCondensed-Bold';
        font-size: 20px;
        color: #002F5F;
        text-transform: capitalize;
        margin: 10px;
    }
    /**************notification Inbox**************/
    .evaluation-head-w.catalogs-head.notifyInboxHead, .notifications.inbox, .messageSubject, .notifications.inbox .catalog-list ul, .notifyInboxFooter{
        position: static;
    }
    .notificationModal{
        display:block;
    }
    .notificationModal .modal-body {
        height: 400px;
        overflow-y: scroll;
    }
    .notificationModal ::-webkit-scrollbar { 
        display: none; 
    }
    .notificationModal .modal-body{
        padding: 0px;
    }
    .notificationModal .heading{
        margin: 0 auto;
        font-family: 'RobotoCondensed-Regular';
        font-size:22px;
    }
    .headModal .heading span{
        padding-right: 15px;
    }
    .notificationModal .headModal{
        padding: 5px 5px 0px;
        display: flex;
    }
    .headModal .notifyTab.selectAll{
        position: relative;
        margin-left: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 2;
        font-size: 20px;
    }

    .notificationModal .subHeadModal{
        margin:0px;
        text-align: center;
        padding: 12px 15px;
        color: #4D5057;
        font-size: 13px;
    }
    .notificationModal .editBtn, .notificationModal .cancelBtn{
        text-transform: uppercase;
        font-size: 14px;
        font-family:'RobotoCondensed-Bold';
    }
    .notificationModal .cancelBtn{
        float: left;
        padding-top: 5px;
    }
    .notificationModal .editBtn{
        position: absolute;
        right: 20px;
        padding-top: 5px;
    }
    .notifications.inbox{
        height: 300px;
        overflow-y: auto;
    }
    .notifications.inbox .notificationContent .right-cont {
        display: initial;
        width: 100%;
    }
    .notifications.inbox .notificationContent{
        padding: 15px;
    }
    .notifications.inbox .nested-category-li .left-cont{
        padding: 0px; 
    }
    .notifications .catalog-list ul li:first-child{
        border-top: 0px;
    }
    .notifications.inbox .catalog-list ul li{
        width: 100%;
        box-shadow: none;
    }
    .notifyInboxFooter.modal-footer .btn+.btn{
        margin-left: 0px;
    }
    .notifications.inbox .rating-cont {
        display: block;
    }
    /**************notification Inbox**************/ 
    /**************attempt history**************/  
    .attempt-history-landscape ul{
        float: left; 
        width: 100%;
    }
    .history-content ul:last-child{
        border-bottom:0px  
    }
    /**************attempt history**************/  

    /**************notification alert**************/ 
    .notificaiton-content .details{
        padding-left: 15px;
    }
    /**************notification alert**************/  
    .catogory-banner-img img{
        width:300px;
        height: 210px;
    }
    .catalog-main.catalogs .aw-blocks{
        display: block;
        position: absolute;
        right: 0px;
        left: 300px;
        height: 210px;
        width: auto;
    } 
    .upshot-badgesHead h1{
        text-align: left;
    }
    /*    .modal-content.shareHeading{
            width: 45%;
        }*/
    .achievmentsBadgesWrapper img{
        width: 100px;
        height: 100px;
    }
    .upshot-modal img{
        width: 250px;
        height: 250px;
    }
    .upshot-modal .modal-content,
    .upshot-modal .modal-dialog{
        width: 600px;
    }
    .descriptionModal p:first-child{
        margin: 20px 100px;  
    }
    .toDoImg img{
        width: 45px;
        height: 48px;
        margin: 2px 30px;
    }

    .landingPage .login-content{
        width: 645px;
    }
    .landingPage .link{
        padding: 50px 0px;
    }
    .langMobile{
        display: none !important;
    }
    .langDropDown{
        display: block;
    }

    .controlWrapper{
        width: 35px;
        height: 35px;
    }

    .controls .next, .controls .prev{
        top: 50%;
        font-size: 22px;
        left: 11px;
    }
    .controls .next{
        left: 12px;
        bottom: -4px;
    }
    .controls .prev{
        left: 9px;
        bottom: -6px;
    }

    .langDropDown .dropdown-menu{
        right: 0px ;
        left: inherit;
        width: 280px;
        z-index: 99999;
        border:0px;
        margin-top: 15px;
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .countriesList{
        width: 280px;
        height: 280px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .langDropDown .dropdown-menu li{
        padding: 0px;
        float: none;
        text-align: left;
        padding: 15px 0px;
        border-bottom: 1px solid #b3b3b3;
        margin: 0px 15px;
        display: flex;
        position:relative;
        margin-right: 25px;
    }
    .langDropDown .countriesList li p{
        width: 80%;
    }
    .langDropDown .countriesList li .icon-checkOut{
        position: absolute;
        right: 18px;
    }

    .countriesList li:last-child{
        border-bottom: 0px;
    }
    .footerLangSelection{
        display: flex;
    }
    .langDropDown .dropdown-menu .footerLangSelection li{
        border-bottom: 0px;
        width: 100%;
        border-top: 1px solid #b3b3b3;
    }
    .langDropDown .dropdown-menu .footerLangSelection li button:first-child{
        border-right: 1px solid #b3b3b3;
    }
    .langDropDown .dropdown-menu .footerLangSelection li{
        padding: 0px;
        margin: 0px;
    }
    .triangle-up{
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
        position: absolute;
        right: 42px;
        bottom: -21px;
        display: none;
    }
    .open .triangle-up{
        display: block;   
    }
    .modal-dialog{
        width:600px !important;
    }
    .sucess_popupwidth{
            width: 330px !important;
    }
    .sucess_popupwidth .success_popup{
            padding: 20px 20px !important;
    }
    .alertModal{
        width: 680px; 
    }   
    @-moz-document url-prefix() {
        .landingPage ul {
            margin-right: -16px;
        }
    }
    .catalog-list-e ul li{
        float:none !important;
        width:100% !important;
    }
    .c-img .p-title{
        display: block;
    }
    .ada-testing .list-items ul li .c-img{
        width: calc(100% - 250px);
    }
    .ada-testing .list-items ul li .activityTitleTabs{
        display: flex;
        position: relative;
        width: 100%;
    }
    .ada-testing .list-items ul li .activityTitleTabs .type{
        margin-right: 10px;
    }
    .ada-testing .list-items ul li .activityTitleTabs .complitionIcon{
        position: absolute;
        right: 0px;
    }
    .ada-testing .list-items ul li .right-cont .activityTitle{
        display: none;
    }


    .ada-testing .list-items ul li{
        justify-content: space-between;
    }
    .ada-testing .list-items ul li .right-cont button{
        height: 35px;
        line-height: 22px;
        min-width: 100px;
    }
    .ada-testing .list-items ul li .activityList{
        line-height: 60px;
    }
    .arrow-toggle{
        display: none !important;
    }
    .tabModalCirrculm{
        display: block !important;
        width: 50px;
        margin: 0 auto;
        height: 50px;
    }
    .tabModalCirrculm .icon-arrow-right{
        padding: 0 25px;
        line-height: 50px;
    }
    .catgTooltip{
        bottom: -1px !important;
    }
    .userDriven.tab{
        right:40px !important
    }
    .catalog-list ul .tab_height{
        height:110px !important;
}
    .ilp_block .tabsessions_lt{
            width: 15% !important;
    }
   .ilp_block .tabsessions_rt{
        width:85% !important;
    }
    .fc-scroller{
            height: 388px !important;
    }
    #calendar .fc-basic-view .fc-day-number {
    padding: 20px;
}
}

/************************************************tablet and ipad end********************************************************/  

@media only screen and (min-width: 991px){
    .search-icon-set p{font-size: 18px;}
    .activityNameList{width: 300px;}
    /***start activity start***/
    .l-activity .catogory-banner-img img{
        width: 330px;
        height: 220px;
    }
    .nextActivityWrapper{
        display: flex;
        width: calc(100% - 330px);
    }
    .l-activity .title-bg{
        height: 220px;
        /*    left: 330px;
            right: calc(100% - 700px);*/
    }

    .nextActivity.landscape {
        /*    width: calc(100% - 700px);
            left: 370px;*/
    }
    .nextActivity.landscape .aw-blocks {
        height: 220px;
    }
    .nextActivity.landscape .aw-one-wrapper .aw-overflow-text-hide .ellipsify-limit{
        -webkit-line-clamp: 8;
        line-height: 20px;
        font-size: 18px;
    }
    .startactivityHeader{
        font-size: 21px;
    }
    /***start activity ***/

    /***catalog header img ***/
    .catalogs .catogory-banner-img img{
        width: 330px;
        height: 220px;
    }  
    .catalog-main.catalogs .aw-blocks{
        height: 220px;
        left:330px;
    }
    .ada-testing .ada-card {
        display: flex;
    }
    .ada-testing .ada-card img {
        width: 330px;
        height: 220px;
    }
    .ada-testing .ada-card .cont {
        padding: 20px;
        width: 100%;
    }
    /**catalog header img end***/

    /*     .modal-content.shareHeading{
            width: 35%;
        }*/
    .user_virt_img_tab{
        width: 60px !important;
        height: 21px !important;
        padding-top: 3px !important;
    }
}

@media only screen and (min-width: 1280px){
    .mainhome.subCatalog ul li.div.pos.homeTooltip.tab::after{
        left:0%;
        top:50%;
        margin-left:-4px;
        transform: translateX(-100%)   translateY(-50%);
        -webkit-transform:translateX(-100%)   translateY(-50%);
    }
    .mainhome.subCatalog ul li.div.pos.homeTooltip.tab::before{
        left:0%;
        top:50%;
        margin-left:-7px;
        -webkit-transform:translatey(-50%) rotate(-90deg) 
    }
    .mainhome.subCatalog ul li, .catalog-list ul li{width: 14.2751%;}
    .activityNameList{width: 400px;}

    .user_virt_img_tab{
        width: 60px !important;
        height: 21px !important;
        padding-top: 3px !important;
    }
    /***start activity***/
    .l-activity .catogory-banner-img img{
        width: 390px;
        height: 260px;
    }
    .nextActivityWrapper{
        display: flex;
        width: calc(100% - 390px);
    }
    .l-activity .title-bg{
        height: 260px;
        /*        left: 390px;
                right: calc(100% - 820px);*/
    }
    .nextActivity.landscape {
        /*    width: calc(100% - 820px);*/
        /*    left: 430px;*/
    }
    .nextActivity.landscape .aw-blocks {
        height: 260px;
    }
    .startactivityHeader{
        font-size: 25px;
    }
    /***start activity/
    
    /***catalog header img ***/
    .catalogs .catogory-banner-img img{
        width: 360px;
        height: 240px;
    }  
    .catalog-main.catalogs .aw-blocks{
        height: 240px;
        left:360px;
    }
    .ada-testing .ada-card {
        display: flex;
    }
    .ada-testing .ada-card img {
        width: 330px;
        height: 220px;
    }
    .ada-testing .ada-card .cont {
        padding: 20px;
        width: 100%;
    }
    /**catalog header img end***/
    /*     .modal-content.shareHeading{
            width: 30%;
        }*/
    .ilp_block .tabsessions_lt {
        width: 10% !important;
    }
    .ilp_block .tabsessions_rt {
        width: 90% !important;
    }
}

@media only screen and (min-width: 1600px){
    .ada-testing .ada-card {
        display: flex;
    }
    .ada-testing .ada-card img {
        width: 330px;
        height: 220px;
    }
    .ada-testing .ada-card .cont {
        padding: 20px;
        width: 100%;
    }
    .mainhome.subCatalog ul li.div.pos.homeTooltip.tab::after{
        left:0%;
        top:50%;
        margin-left:-4px;
        transform: translateX(-100%)   translateY(-50%);
        -webkit-transform:translateX(-100%)   translateY(-50%);
    }
    .mainhome.subCatalog ul li.div.pos.homeTooltip.tab::before{
        left:0%;
        top:50%;
        margin-left:-7px;
        -webkit-transform:translatey(-50%) rotate(-90deg) 
    }

    .mainhome.subCatalog ul li, .catalog-list ul li{width: 10%;}
    .activityNameList{width: 500px;}

    .user_virt_img_tab{
        width: 60px !important;
        height: 21px !important;
        padding-top: 3px !important;
    }
    /***start activity and catalog header img***/
    .l-activity .catogory-banner-img img{
        width: 420px;
        height: 280px;
    }
    .nextActivityWrapper{
        display: flex;
        width: calc(100% - 420px);
    }
    .l-activity .title-bg{
        height: 280px;
    }

    .nextActivity.landscape .aw-blocks {
        height: 280px;
    }
    .startactivityHeader{
        font-size: 30px;
    }
    /***start activity***/

    /***catalog header img ***/
    .catalogs .catogory-banner-img img{
        width: 390px;
        height: 260px;
    }
    .catalog-main.catalogs .aw-blocks{
        height: 260px;
        left:390px;
    }
    /**catalog header img end***/


    /***width of right menu***/
    #slide-nav #navbar-height-col, #slide-nav #slidemenu {
        width: 500px;
    }

}