/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px){
	  .logo {
		max-width: 100px;
		width: 55px;
		height: auto;
	  }
	  .menu li .menu-divider{
	    border-bottom:1px solid #828282;
	    border-right: 0;
	    width: auto;
	    height: auto;    
	  }
	  .menucontainer-right{
	    padding-left:0
	  }
      .recommendation-carousel.flexslider,
	  #mylearnsection .mylearncarousel.flexslider,
	  #cls-dashboard-section .dashboardcarousel.flexslider{
	    margin:0 40px 0px
	  }	  
      #dashboardcarousel.flexslider .dashboardcolumns{
        padding:0 50px
      }
      .container .flex-direction-nav .flex-prev,
      .container .flexslider:hover .flex-direction-nav .flex-prev,
      .container .flexslider:hover .flex-direction-nav .flex-prev:hover {
		  left: -14.5%
	   }
	   .container .flex-direction-nav .flex-next,
       .container .flexslider:hover .flex-direction-nav .flex-next:hover,
       .container .flexslider:hover .flex-direction-nav .flex-next {
          right: -14.5%
       }
	  #bannercomponent .flex-caption{
	    width:60%;
	    font-size:40px;
	    left:12%
	  }
	  #headerLanguage .lxp-ddmenu{
	    left:unset;
	    right:0;    
	  }
	  #headerLanguage .lxp-ddmenu .dropdown-item{
	    text-align:right;
	    padding-right:0.5rem
	  }
	  .filter-block {
	    width: 99%
	  }
	  .flexslider.cls-otherusr-list-container{
	   margin:0 39px 20px
	  }
	  .category-item {
	  	width: 100%
	  }
	  #sitecustomization .cls-custopreference{
	    max-height:inherit
	  }
	  .filterlisttop{
      /*   margin-top:102px */
      }
      .mylan-filter-popup .filterlisttop{
        /* margin-top:95px */
      }
      .ply-list-content-attr{
        margin:1rem 0 0 .90rem
      }
      .ply-list-editcontent-attr{
        margin:1rem 0 0 0
      }
      .filterlisttop{
        margin-top: 102px;
      }
      .mylan-filter-popup .filterlisttop{
        margin-top: 72px;
       }
      .dashboardLH-filter-popup{
        top:30px
      }
      .dashboardLH-filter-popup .filterlisttop{
        margin-top: 52px
      }
      .lxpdashboardLHexpanded .dashboardLH-filter-popup{
        top:130px
      }
      #lxpchublnrhistory-container .lxpdashboardLHexpanded .dashboardLH-filter-popup{
        top:140px
      }
      .lxpdashboardLHexpanded .dashboardLH-filter-popup .filterlisttop {
        margin-top: 62px;
       }       
      .mylan-filter-popup{
        width:100%;
        top:-8px
      }
      .dashboardTP-filter-popup{
        max-width:100%;
        top:21%
      }
      .dashboardTP-filter-popup .filterlisttop{
        margin-top: 57px;
      }
      .lxpdashboardexpanded + .dashboardTP-filter-popup{        
        top:49%
      }
      .lxpdashboardexpanded + .dashboardTP-filter-popup .filterlisttop {
        margin-top:56px
      }      
      .bookmark-filter-popup{
        width:100%
      }
      .mylan-filter-popup .filter-block{
        width:49%
      }
      .lxpdashwidth{
        width:100%
      }      
      .dashboardLH-filter-popup{
        width:100%
      }
      #dashboardLH-filterpopup .filter-block{
        width:48%
      }
      #sshare-certificate div {
       width: unset !important;
      }
      #sshare-certificate table {
       width: 100% !important;
      }
      #completecertificate > div{
       width:100% !important;
      }
      .modal-share-container,
      .modal-rate-container,
      .lxp-common-modal-wrapper{
	   width: 90%;	
      }
      #learning_detail #contentlunch, #learning_detail #addyourrating, #learning_detail #tpcancelenrolment,
      #learning_detail #tppagebookmarkdelete, #learning_detail #tppagewishlistdelete,
      #learning_detail .requesttpclass, #learning_details #sequanceAlertModel, #anonymousFileAttachment,
      #tpenrollconflict, .mylan-cancel, .uniser-mylan-cancel, 
      .lxp-vccontentlaunch, #unisersequanceAlertModel, .universalsearch-wishlistdelete, .uniser-tpbookmark-delete {
       width: 100% !important
      } 
      .lxp-headericon-container{
        justify-content:start;
        padding-left:0
      }      
      .lxp-fontsize26, .h1, .title, .no-records-msg, .font-size-6, .tagscloud-tag.level6, .cls-continue-shopping, .EnrollIcon {
       font-size: 16px;
      }
      .gauge-title{
       font-size: 14px;
      }
      .logged-in-user-detail{
       padding-left:0
     }  
     .navbar-nav .dropdown-menu{
       position:absolute
     } 
     #help-icon {  
       right: 0.5%;
       top:205px
     }
     #help-icon.lxp-signin {
     top:-10px
    }
    #usertranscripts .cls-lxp-lbl{
      width:100px
    }
    .lxplssubhead{
      font-size:16px
    }
    .bannercarousel .slides > div{
      height:275px
    }
    .lxp-fontsize36,.cls-continue-shopping .lxp-continue-shopping-title{
      font-size:22px
    }
    .classtype-detail .catalog-entity-detail,
    .classtype-detail .catalog-entity-detail > div,
    .lxpenroll-container{
      padding:0!important
    }
    .classtype-detail .catalog-entity-thumbnail,
    #prerequisite_equivalence .catalog-entity-thumbnail,
    #equipart .catalog-entity-thumbnail,
    #coursedetail-img,
    .learningplan-entity-thumbnail,
    #learning_prerequisite .catalog-entity-thumbnail {
      padding-bottom:20px
    }
    .lxp-seatleft-row,
    #class-select,
    .lxp-rdobox-arrow{
      margin-left:0!important
    }
    .lxp-rdobox-arrow{
      padding:3px 0 0 0px
    }
    .lxp-rdobox-arrow .collapseText{
      font-size:20px!important;
      line-height:normal
    }
    .lxp-classdetail-attribute > span{
      display:block;
      margin-left:0!important;
      margin-bottom:15px
    }
    .lxp-seatleft-row{
     margin-top:15px!important
    }
    .vuecal--month-view .vuecal__event-title {
    font-size: 0.70em;
    }
    #class_list_section .vuecal__event-content{
      border-left:25px solid transparent
    }
    .cls-eone-lxp .rightsidecalendardata{
      max-width: 94%;
      max-height:300px
    }
    .lxp-share-chk{
      width:100%
    }
    #prerequisite_equivalence .catalog-entity-detail,
    #prerequisite_equivalence .catalog-entity-detail > div,
    #equipart .catalog-entity-detail,
    #equipart .catalog-entity-detail > div{
      padding:0 !important
    }
    .category-filters{
      margin-bottom:0.5rem
    }
    .lxp-tp-module-crs-no{
     /*  margin-top:25px */
    }
    .easy-tree ul{
      padding-left:0px
    }
    .easy-tree ul.class_details_section{
      padding-left:0
    }
    .sub-li::before, .sub-li::after, .child-li::before, .child-li::after{
      left:9.5% !important;
      z-index:-5
    }
    .sub-li::after, .child-li::after{
      width:6px !important;
      display:none
    }
    .circle-icon{
      /* margin-right:-5px !important */
    }
    .sub-circle-icon {
      margin-left: 0 !important;
    }
    .sub-tree-box, .child-tree-box{
      /* width:89%  !important */
    }
    .sub-tree-box-row,
    .child-tree-box-row{
     /*  margin:0 */
    }
    #closeFloaterbox{
	    right: 0px !important;
	    font-size: 14px;
        padding: 3px;
        height:26px !important;
        margin-top:-31px;
        z-index: 100
    }
    .main-tree-box {
	   width:96% !important
    }
    .main-li::after{
      width: 12px !important
    }
    .main-li::before, .main-li::after{
      left:-7px !important
    }
    .lxp-tpdetail-mobileview .circle-icon{
      position:absolute;
      top:16px;
      left:8%;
      width:10px;
      margin:0!important
    }
    .sub-li{
      padding-top:30px!important
    }
    .child-li{
      padding:30px 0 0!important
    }
    .lxp-endcircle-icon{
      top: -15px !important;
     /*  bottom: 0 !important; */
      z-index: 100;
    }
    .sub-li:only-of-type::before, .sub-li:last-child::before{
      height:100% !important
    }
   .child-li:before{
      display:none
    }
    .lxp-tpdetail-mobileview .child-li .circle-icon{
      left:7%
    }
    .lxp-pgmprerequisite{
      padding:0
    }
    .clsDetsessionpopoverbg {
	  width : 350px;
	  max-width: 350px;
    }
    .rightsidecalendardata{
     /*  max-width: 95% */
    }
    #rightsidecalendardetail{
     /*  padding-right:0 */
    }
    .lxp-cale-prenext-txt{
      font-size:12px
    }
    .lxp-crs-cls-status{
      white-space: nowrap
    }
    .cls-regsts-count{
      font-size: 11px !important
    }
    .vuecal__event-content{
      border-left: 23px solid transparent !important
    }
    .calendar-filter-block{
      width:100%!important
    }
    .tp-tree-filter-row{	
	  min-height: calc(100vw/5) !important
    }
    .lxpunivsearchfilter-container{
      margin-top:15px
    }
    #lxpunivsearch-filter-inner.sortfilter-selected-height {
      height: 51px
    }
    #announcementdelete, #wishlistdelete, #bookmarkdelete, #dashboardbookmarkdelete, #contentplayerbookmarkdelete, 
    #dashboardannouncementdelete, #dashboardannouncementdeleteall, #playListItemIddelete, #playlistdelete, 
    #detailbookmarkdelete, #detailwishlistdelete, #savedaddressdelete,.modal-mask #managerapproval-launch-modal, .catalog-wishlistdelete,
    #deleteitemconfirm, #cancelenrolmentdetail, #tpenrollmessage, #enrollcheck, #addPlaylist, #addnewplaylist, #addexistingplaylist, #logoutConfModal, #dashboardTPbookmarkdelete,
    #enrolledclassdetail_pannel #contentlunch, #tcModal, #tcConfModal, #customAlertTp{
      width:95% !important
    }
    .max-width-9{
      max-width:80%!important
    }
    .max-width-1{
      max-width:20%!important
    }
    .rwd-enrcls-detail-section{
      margin:0!important
    }
    .catalog-list-universal-search-results-wrapper .catalog-entity-thumbnail .catalog-content-from{
     /* right:15px */
    }
    #enrolled-classes-section .cls-dly-type-name{
     margin-bottom:10px
    }
    #enrolled-classes-section .dlytype-status{
     margin-top:10px
    }
    .universalsearch-crtlrntp-entity-detail,
    .universalsearch-lnrenrolledcls-entity-detail,
    .catalog-list-universal-search-results .catalog-entity-detail{
     padding-left:0!important
    }
    .catalog-list-universal-search-results .curriculum{
     padding-right:15px!important
    }
    .catalog-list-universal-search-results .catalog-entity-detail{
     margin-left:0!important
    }
    #universalSearchResults .lxp-list-attributes-sbm{
     margin:5px 0
    }
    .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    .modal-mask #content-launch-modal.modal-container,
    #content-launch-modal.modal-container.content-strip-collapsed.full-screen {
    width: calc(( 100vh - 450px)*(1/1))!important;
    }
    .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    .modal-mask #content-launch-modal.full-screen .div-16-9,
    .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 450px)*(1/1))!important;
    }
    .cls-unbind-fullscreen{
     pointer-events:none
    }
    #external-cplayer .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    #external-cplayer .modal-mask #content-launch-modal.modal-container,
    #external-cplayer #content-launch-modal.modal-container.content-strip-collapsed.full-screen {
    width: calc(( 100vh - 560px)*(16/9))!important;
    }
    #external-cplayer .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 560px)*(16/9))!important;
    }
    .cls-unbind-fullscreen{
     pointer-events:auto
    }
    #class-select{
     width:auto!important
    }
    #mylearnsection .flexslider .slides > div{
     flex: 1 0 310px!important;
    }
    .lxp-lang-attribute{
      margin-top:5px
    }
    .lxp-company-login-wrapper,
    .lxp-cmplogin-or-seperator,
    .lxp-cmplogin-separa-txt{
      width:100%
    }
    .lxp-cmplogin-or-seperator{
      margin:30px 0
    }
    .lxp-cmplogin-separa-txt {
	  width: 50%;
	  transform: translateY(-50%);
	  text-align:left
	}    
    .lxp-cmplogin-separa-txt:before, 
    .lxp-cmplogin-separa-txt:after{
      border-bottom-style:solid;
      border-bottom-width:1px;
      width:calc(100% - 1rem);
      height:0;
    }
    .lxp-cmplogin-or-seperator > .lxp-cmplogin-separa-txt {
      width: calc(53% - 1rem);    
     }
    .lxp-cmplogin-separa-txt:before {
      left: -100%;
    }
    .lxp-cmplogin-separa-txt:after {
	  left: auto;
	  right: 0;
	}
	.lxp-company-login-col{
	  padding-left:0
	}
	.lxp-divider-inner-txt{
	  margin-left:-10px
	}
	.lxpsecondaryheader{
      height:auto
    }
    .order-invoice{
      width:95%
    }
    #lxp-invoice-heading{
      font-size:45px
    }
    .creditcartcvvheaderpopover{
      max-width:300px!important
    }
    .uploadpic-instructions{
      margin-top:0
    }
    .lxp-detail-calendar-filter-tab .panel-default{
      margin-top:20px
    }
    .lxp-chub-lnr-other-feature{
      font-size:12px!important
    }
     .lxpchubteam-filters-lists.filterlisttop{
      margin-top: 61px
    }
     .chub-recommend-wrapper .filterlisttop{
      margin-top: 88px
    }
    .lxp-pl-0{
      padding-left:0
    }
    #chubteam-viewlearning .cls-sort-popup{
     /* top:87% */
    }
    #lxpchublnrhistory-container .dashboardLH-filter-popup .filterlisttop {
    margin-top: 51px;
    }
    .chub-viewlearning-attribute{
      padding-top:10px
    }
    .virtual-report-filter{
      padding-left:10%
    }
    #team-member-list,
    #meetall-team-member-list{
      left: 1%!important;
      width: 98%!important;
    }
    #lxpsharemeeting-container #sharemeetteam-member-list{
      top:140px;
      width:98%!important;
      max-width:98%!important;
      left: 1%!important;
    }
    #lxpsharemeeting-container #sharemeetother-users-list{
     top:160px;
     width:98%!important;
     max-width:97%!important;
     left: 1%!important;
    }
    .each-team-member{
     flex:100%!important
    }
    .lxp-lnr-history-title-wrapper,
    .lxp-lnr-history-dlytype-wrapper{
     padding:0
    }
    .lxp-lnr-history-dlytype-wrapper{
     padding-bottom:5px
    }
    .lxp-download-crt{
     padding-bottom:10px
    }
    .lxp-crt-btmleft-space{
     padding-left:0
    }
    .lxp-crt-btmleft-space-inner{
     padding-left:15px
    }
    .otherusr-role-search .dropdown-toggle.selectbgtransparent{
     z-index:10
    }
    .one-profile-crtskill-headerMid, .lxp-oneprofileexport{
     font-size:12px!important;
     margin-bottom:0!important
    }
    .lxp-oneprofcrt-logo-wrapper {
     width: 100%!important;
    }
	.lxp-oneprofcrt-logo {
	 width: 100%!important;
	 max-width: 100%!important;
	}
	#oneprofilecrt-panel-filter-popup {
     width: 100%!important
    }
    #oneprofilecrt-panel-filter-popup .filterlisttop {
     margin-top: 61px
    }
    .oneprofiletopLeft {
     padding: 0px 0 0 30px
    }
    .oneprofile-usr-pic {
	  width: 150px;
	  height: 150px
    }
    .oneprofiletop {
      padding-top: 45px
    }
    .oneprofiletopRight {
      padding: 20px 20px 0 0
    }
    .usr-profile-qrcodeimg{
      width: 200px;
      margin: 0 auto
    }
    .oneprofilebottom {
     /*  padding: 20px 0 0 15px */
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px){
	  .logo {
		max-width: 100px;
		height: auto;
	  }
	  .menu li .menu-divider{
	    border-bottom:1px solid #828282;
	    border-right: 0;
	    width: auto;
	    height: auto;    
	  }
	   .menucontainer-right{
	    padding-left:0
	  }
      .recommendation-carousel.flexslider,
	  #mylearnsection .mylearncarousel.flexslider,
	  #cls-dashboard-section .dashboardcarousel.flexslider{
	    margin:0 40px 0px
	  }
	  #dashboardcarousel.flexslider .dashboardcolumns{
        padding:0 50px
      }
      .container .flex-direction-nav .flex-prev,
      .container .flexslider:hover .flex-direction-nav .flex-prev,
      .container .flexslider:hover .flex-direction-nav .flex-prev:hover {
		  left: -8.1%
	   }
	   .container .flex-direction-nav .flex-next,
       .container .flexslider:hover .flex-direction-nav .flex-next:hover,
       .container .flexslider:hover .flex-direction-nav .flex-next {
          right: -8.1%
       }
	  #headerLanguage .lxp-ddmenu{
	    left:unset;
	    right:0;    
	  }
	  #headerLanguage .lxp-ddmenu .dropdown-item{
	    text-align:right;
	    padding-right:0.5rem
	  }
	  .filter-block {
	    width: 49%
	  }
	  .flexslider.cls-otherusr-list-container{
	    margin:0 39px 20px
	  }
	  .category-item {
	  	width: 100%
	  }
	  .ply-list-content-attr{
        margin:1rem 0 0 .90rem
      }
      .ply-list-editcontent-attr{
        margin:1rem 0 0 0
      }
      .filterlisttop{
        margin-top: 102px;
      }
      .mylan-filter-popup{
        width:100%
      }
      .dashboardTP-filter-popup{
        max-width:80%
      }
      .bookmark-filter-popup{
        width:100%
      }
      .lxpdashwidth{
        width:100%
      }
      .dashboardLH-filter-popup{
        width:100%
      }
      #dashboardLH-filterpopup .filter-block{
        width:48%
      }
      .dashboardLH-filter-popup .filterlisttop{
        margin-top:57px
      }
      .dashboardTP-filter-popup .filterlisttop{
        margin-top: 62px
      }
      .dashboardTP-filter-popup .dashboardTPtype-filter-block{
        width:30%
      } 
      #bannercomponent .flex-caption{
        width:50%
      }
      #sshare-certificate div {
       width: unset !important;
      }
      #sshare-certificate table {
       width: 100% !important;
      }
      .modal-share-container,
      .modal-rate-container,
      #chub-launch-modal.meetnowmodal,
      .lxp-common-modal-wrapper{
        width:90%
      } 
      .lxp-headericon-container{
        justify-content:start;
        padding-left:0
      }
      .lxp-fontsize26, .h1, .title, .no-records-msg, .font-size-6, .tagscloud-tag.level6, .cls-continue-shopping, .EnrollIcon {
       font-size: 16px;
      }
      .gauge-title{
       font-size: 14px;
      }
      .logged-in-user-detail{
       padding-left:0
     } 
     .navbar-nav .dropdown-menu{
       position:absolute
     }
     #help-icon {  
       right: 0.5%;
       top:205px
     }
     #help-icon.lxp-signin {
     top:0
    }
    #usertranscripts .cls-lxp-lbl{
      width:100px
    }
    .lxplssubhead{
      font-size:16px
    }
    .bannercarousel .slides > div{
      height:275px
    }
    .lxp-fontsize36,.cls-continue-shopping .lxp-continue-shopping-title{
      font-size:22px
    }
    .vuecal--month-view .vuecal__event-title {
    font-size: 0.55em;
    }
    #class_list_section .vuecal__event-content{
      border-left:20px solid transparent;
      border-bottom-width: 30px solid transparent
    }
    .cls-eone-lxp #rightsidecalendardetail {
      /* max-width:280px */
    }
    .cls-eone-lxp .cls-regsts-count{
      right: 1px;
      bottom: -32px;
    }
    .category-filters{
      margin-bottom:0.5rem
    }
    .classtype-detail .catalog-entity-detail,
    .classtype-detail .catalog-entity-detail > div,
    .lxpenroll-container{
      padding:0!important
    }
    .classtype-detail .catalog-entity-thumbnail,
    #prerequisite_equivalence .catalog-entity-thumbnail,
    #equipart .catalog-entity-thumbnail,
    #coursedetail-img,
    .learningplan-entity-thumbnail {
      padding-bottom:20px
    }
    .lxp-seatleft-row,
    #class-select,
    .lxp-rdobox-arrow{
      margin-left:0!important
    }
    .lxp-rdobox-arrow{
       padding:3px 0 0 20px
    }
    .lxp-rdobox-arrow .collapseText{
      font-size:20px!important;
      line-height:normal
    }
    .lxp-classdetail-attribute > span{
      display:block;
      margin-left:0!important;
      margin-bottom:15px
    }
    .lxp-seatleft-row{
     margin-top:15px!important
    }
    .lxp-share-chk{
      width:100%
    }
    #prerequisite_equivalence .catalog-entity-detail,
    #prerequisite_equivalence .catalog-entity-detail > div,
    #equipart .catalog-entity-detail,
    #equipart .catalog-entity-detail > div{
      padding:0 !important
    }
    .easy-tree ul{
      padding-left:0
    }
    .easy-tree ul.class_details_section{
      padding-left:0
    }
    .sub-li::before, .sub-li::after, .child-li::before, .child-li::after{
      left:8.7% !important;
      z-index:-5
    }
    .sub-li::after, .child-li::after{
      width:6px !important;
      display:none
    }
    .circle-icon{
      /*margin-right:-5px !important*/
    }
    .sub-circle-icon {
      margin-left: 0 !important;
    }
    .sub-tree-box, .child-tree-box{
      /*width:89%  !important*/
    }
    .sub-tree-box-row,
    .child-tree-box-row{
     /*  margin:0 */
    }
    #closeFloaterbox{
	    right: 23px !important;
	    font-size: 14px;
        padding: 3px;
        height:26px !important
    }
    .main-tree-box {
	   width:96% !important
    }
    .main-li::after{
      width: 12px !important
    }
    .main-li::before, .main-li::after{
      left:-7px !important
    }
    .lxp-tpdetail-mobileview .circle-icon{
      position:absolute;
      top:16px;
      left:8%;
      width:10px;
      margin:0!important
    }
    .sub-li{
      padding-top:30px!important
    }
    .child-li{
      padding:30px 0 0!important
    }
    .lxp-endcircle-icon{
      top: -15px !important;
     /*  bottom: 0 !important; */
      z-index: 100;
    }
    .sub-li:only-of-type::before, .sub-li:last-child::before{
      height:100% !important
    }
   .child-li:before{
      display:none
    }
    .lxp-tpdetail-mobileview .child-li .circle-icon{
      left:7%
    }
    .lxp-pgmprerequisite{
      padding:0
    }
    .lxp-cale-prenext-txt{
      font-size:12px
    }
    .lxp-crs-cls-status{
      white-space: nowrap
    }
    .lxp-crs-calendar-view{
      padding-right:0
    }
    .rightsidecalendardata{
      max-width: 93%!important
    }
    .cls-regsts-count{
      font-size: 11px !important
    }
    .vuecal__event-content{
      border-left: 20px solid transparent !important
    }
    .calendar-filter-block{
      width:45%!important
    }
    .tp-tree-filter-row{	
	  min-height: calc(100vw/10) !important
    }
    .crs-calendar-filter-row {	
	  min-height: calc(100vw/8)
    }
    .lxpunivsearchfilter-container{
      margin-top:15px
    }
    #lxpunivsearch-filter-inner.sortfilter-selected-height {
      height: 51px
    }
    #announcementdelete, #wishlistdelete, #bookmarkdelete, #dashboardbookmarkdelete, #contentplayerbookmarkdelete, 
    #dashboardannouncementdelete, #dashboardannouncementdeleteall, #playListItemIddelete, #playlistdelete, 
    #detailbookmarkdelete, #detailwishlistdelete, #savedaddressdelete,.modal-mask #managerapproval-launch-modal{
      width:95% !important
    }
    #learning_detail #contentlunch, #learning_detail #addyourrating, #learning_detail #tpcancelenrolment,
    #learning_detail #tppagebookmarkdelete, #learning_detail #tppagewishlistdelete,
    #learning_detail .requesttpclass, #learning_details #sequanceAlertModel, #anonymousFileAttachment,
    #tpenrollconflict, .mylan-cancel, .uniser-mylan-cancel, 
    .lxp-vccontentlaunch, #unisersequanceAlertModel, .universalsearch-wishlistdelete, .uniser-tpbookmark-delete, .catalog-wishlistdelete,
    #deleteitemconfirm, #cancelenrolmentdetail, #tpenrollmessage,#enrollcheck,#addPlaylist, #addnewplaylist, #addexistingplaylist, #logoutConfModal, #dashboardTPbookmarkdelete,
    #enrolledclassdetail_pannel #contentlunch,#tcModal, #tcConfModal, #customAlertTp {
       width: 95% !important
    } 
    .catalog-list-universal-search-results-wrapper .catalog-entity-thumbnail .catalog-content-from{
     /* right:15px */
    }
    #enrolled-classes-section .cls-dly-type-name{
     margin-bottom:10px
    }
    #enrolled-classes-section .dlytype-status{
     margin-top:10px
    }
    .universalsearch-crtlrntp-entity-detail,
    .universalsearch-lnrenrolledcls-entity-detail,
    .catalog-list-universal-search-results .catalog-entity-detail{
     padding-left:0!important
    }
    .catalog-list-universal-search-results .curriculum{
     padding-right:15px!important
    }
    .catalog-list-universal-search-results .catalog-entity-detail{
     margin-left:0!important
    }
    #universalSearchResults .lxp-list-attributes-sbm{
     margin:5px 0
    }
    .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    .modal-mask #content-launch-modal.modal-container{
     width: calc(( 100vh - 400px)* (1/1)) !important;
    }
    .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    .modal-mask #content-launch-modal.full-screen .div-16-9,
    .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 400px)* (1/1)) !important;
    }
    .cls-unbind-fullscreen{
     pointer-events:none
    }
    #external-cplayer .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    #external-cplayer .modal-mask #content-launch-modal.modal-container{
     width: calc(( 100vh - 410px)* (4/3)) !important;
    }
    #external-cplayer .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 410px)* (4/3)) !important;
    }
    #external-cplayer .cls-unbind-fullscreen{
     pointer-events:auto;
    }
    #class-select{
     width:auto!important
    }
    .lxp-lang-attribute{
      margin-top:5px
    }
    .lxp-company-login-wrapper,
    .lxp-cmplogin-or-seperator,
    .lxp-cmplogin-separa-txt{
      width:100%
    }
    .lxp-cmplogin-or-seperator{
      margin:30px 0
    }
    .lxp-cmplogin-separa-txt {
	  width: 50%;
	  transform: translateY(-50%);
	  text-align:left
	}    
    .lxp-cmplogin-separa-txt:before, 
    .lxp-cmplogin-separa-txt:after{
      border-bottom-style:solid;
      border-bottom-width:1px;
      width:calc(100% - 1rem);
      height:0;
    }
    .lxp-cmplogin-or-seperator > .lxp-cmplogin-separa-txt {
      width: calc(53% - 1rem);    
     }
    .lxp-cmplogin-separa-txt:before {
      left: -100%;
    }
    .lxp-cmplogin-separa-txt:after {
	  left: auto;
	  right: 0;
	}
	.lxp-company-login-col{
	  padding-left:0
	}
	.lxp-divider-inner-txt{
	  margin-left:-10px
	}
	#signinup.lxp-signin-active{
      max-width: 430px;
    }
    .lxpsecondaryheader{
      height:auto
    }
    .bookmark-filter-popup, .dashboardTP-filter-popup{
      right:7px
    }
    .calendar-popup .active{
      /*position: inherit!important*/
    }
    .lxp-detail-calendar-filter-container #calendar-filter {
      /*margin-top: -19px!important*/
    }
    .lxp-chub-lnr-other-feature{
      font-size:12px!important
    }
    .lxpchubteam-filters-lists.filterlisttop,
    .chub-recommend-wrapper .filterlisttop{
      margin-top: 61px
    }
    #chubteam-viewlearning .cls-sort-popup{
    /*  top:83% */
    }
    .chub-viewlearning-attribute{
      padding-top:10px
    }
    .virtual-report-filter{
      padding-left:10%
    }
    #team-member-list,
    #meetall-team-member-list{
      left: 1%!important;
      width: 97%!important;
    }
    #lxpsharemeeting-container #sharemeetteam-member-list{
      top:140px;
      width:97%!important;
      max-width:97%!important;
      left: 1%!important;
    }
    #lxpsharemeeting-container #sharemeetother-users-list{
     top:160px;
     width:97%!important;
     max-width:97%!important;
     left: 1%!important;
    }
    .lxp-lnr-history-title-wrapper,
    .lxp-lnr-history-dlytype-wrapper{
     padding:0
    }
    .lxp-lnr-history-dlytype-wrapper{
     padding-bottom:5px
    }
    .lxp-download-crt{
     padding-bottom:10px
    }
    .lxp-crt-btmleft-space{
     padding-left:0
    }
    .lxp-crt-btmleft-space-inner{
     padding-left:15px
    }
    .lxp-rdobox-arrow{
     padding: 3px 0 0 0
    }
    .one-profile-crtskill-headerMid, .lxp-oneprofileexport{
      margin-bottom:0!important
    }
    .lxp-oneprofcrt-logo-wrapper {
     width: 100%!important
    }
	.lxp-oneprofcrt-logo {
	 width: 100%!important;
	 max-width: 100%!important
	}
	#oneprofilecrt-panel-filter-popup {
     width: 95%!important
    }
    #oneprofilecrt-panel-filter-popup .filterlisttop {
     margin-top: 61px
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	.logo {
		max-width: 150px;
		height: auto;
	}
	.menu li .menu-divider{
	    border-bottom:1px solid #828282;
	    border-right: 0;
	    width: auto;
	    height: auto;    
	}
	.menucontainer-right{
	    padding-left:0
	}
	.menu,
	.lxp-ddmenu .dropdown-item {
		font-size : 12px;
	}
    .recommendation-carousel.flexslider,
	#mylearnsection .mylearncarousel.flexslider,
	#cls-dashboard-section .dashboardcarousel.flexslider{
	    margin:0 37px 0px
	}
	.user-name-header {
	     font-size : 19px	
	}
	.user-details-header {
	     font-size : 14px;
	}
	.form-group-lbl,
	   .showall-filters-container .form-control{
	     font-size : 12px;
	}
	.navbar-expand-md .navbar-nav .nav-link{
	    padding-left:0.2rem;
	    padding-right:0.2rem
	}
	.dashBoardName{
	    font-size:14px
	}
	.filter-block {
	    width: 32%;
	}
	.flexslider.cls-otherusr-list-container {
      margin: 0 60px 60px;
    }
    .mylan-filter-popup{
        width:100%
    }
    .dashboardTP-filter-popup{
      width:55%
    }
    .bookmark-filter-popup{
        width:90%
    }
    #bannercomponent .flex-caption{
        width:40%
    }
    #sshare-certificate div {
       width: unset !important;
    }
    #sshare-certificate table {
       width: 100% !important;
    }
    .modal-share-container{
	   width: 90%;	
    }
    .lxp-headericon-container{
        justify-content:start;
        padding-left:0
     }
     .logged-in-user-detail{
       padding-left:0
     }
     .navbar-nav .dropdown-menu{
       position:absolute
     }
     #help-icon {  
       right: 0.5%;
       top:205px
     } 
    #help-icon.lxp-signin {
     top:0
    }
    .apply-filters-block{
      flex:0
    }
    .lxp-enr-com-chart-row .dropdown-item{
      padding:0.5rem
    }
    .bannercarousel .slides > div{
      height:345px
    }
    .nav-link.header-tags{
      /* font-size:16px */
    }
    .vuecal--month-view .vuecal__event-title {
      font-size: 0.50em;
    }
	.vuecal__event-content{
	  border-left: 23px solid transparent !important
	}
	.catalog-list-universal-search-results-wrapper .catalog-entity-thumbnail .catalog-content-from{
     /* right:15px */
    }
    .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    .modal-mask #content-launch-modal.modal-container {
     width: calc(( 100vh - 300px)* (1/1)) !important;
    }
    .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    .modal-mask #content-launch-modal.full-screen .div-16-9,
    .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 300px)* (1/1)) !important;
    }
    .cls-unbind-fullscreen{
     pointer-events:none
    }
    #external-cplayer .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    #external-cplayer .modal-mask #content-launch-modal.modal-container {
     width: calc(( 100vh - 410px)* (16/9)) !important;
    }
    #external-cplayer .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 410px)* (16/9)) !important;
    }
    #external-cplayer .cls-unbind-fullscreen{
     pointer-events:auto;
    }
    .lxpsecondaryheader{
      height:auto
    }
    .lxp-detail-calendar-filter-tab{
      /* margin-top:10px */
    }
    .lxp-detail-calendar-filter-tab .panel-default{
     /*  margin-top:35px */
    }
    .chub-education-panel{
      padding-left:0!important
    }
    #team-member-list,
    #meetall-team-member-list{
      left: 25%!important;
      width: 74%!important;
    }
    .lxp-download-crt{
     padding-bottom:10px
    }
    #addPlaylist, #addnewplaylist, #addexistingplaylist, #logoutConfModal, #dashboardTPbookmarkdelete,
    #enrolledclassdetail_pannel #contentlunch,#tcModal, #tcConfModal, #customAlertTp{
     width:95%!important
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){
	.cls-eone-lxp .container{
	  /* padding:0 */
	}
	.logo{
	  width:150px
	}
	.cls-footer-column{
	  max-width:20%;
	  flex: 0 0 20%
	}
	.flexslider.cls-otherusr-list-container {
      margin: 0 90px 60px;
    }
    .lxpdashwidth{
        width:50%
    }
    #sshare-certificate div {
       width: unset !important;
    }
    #sshare-certificate table {
       width: 100% !important;
    }
    .modal-share-container{
	   width: 70%;	
    }
    .lxp-headericon-container{
        justify-content:flex-end
    }
    .logged-in-user-detail{
      justify-content:flex-end;
      max-width:260px
    }
    .logged-in-user-detail .media{
      width:100%
    }
    .nav-link.header-tags{
      font-size:14px
    }
    .header-sec{
      font-size:14px
    }
    .menucontainer-right{
      justify-content:flex-end
    }
    .recordedmeeting-wrapper .flexslider .slides > div {
    width: 310px!important;
    flex: 1 0 310px!important;
    }
    .recommendation-carousel.flexslider,
    #mylearnsection .mylearncarousel.flexslider,
	#cls-dashboard-section .dashboardcarousel.flexslider{
	   margin:0 90px 0px
	}
	#calender #mylearnsection .mylearncarousel.flexslider{
	  margin:0 10px 0px
	}	  
    #dashboardcarousel.flexslider .dashboardcolumns{
       padding:0 50px
    }
    .container .flex-direction-nav .flex-prev,
    .container .flexslider:hover .flex-direction-nav .flex-prev,
    .container .flexslider:hover .flex-direction-nav .flex-prev:hover {
	   left: -10.8%
	}
	.container .flex-direction-nav .flex-next,
    .container .flexslider:hover .flex-direction-nav .flex-next:hover,
    .container .flexslider:hover .flex-direction-nav .flex-next {
      right: -10.8%
    }
    img.header-prof-image {
	  max-width: 70px;
	  max-height: 70px
   }
   .apply-filters-block{
      flex:0
    }
    .bannercarousel .slides > div{
      height:335px
    }
    #learning-chart-container{
      margin-top:9% !important
    }
    .nav-link.header-tags{
     white-space: nowrap;
     /*  font-size:16px */
    }
    .lxp-download-crt{
     padding-bottom:10px
    } 
    #external-cplayer .modal-mask #content-launch-modal.modal-container.content-strip-collapsed,
    #external-cplayer .modal-mask #content-launch-modal.modal-container {
     width: calc(( 100vh - 300px)* (16/9)) !important;
    }
    #external-cplayer .modal-mask #content-launch-modal.content-strip-collapsed .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen .div-16-9,
    #external-cplayer .modal-mask #content-launch-modal.full-screen.content-strip-collapsed .div-16-9{
     min-width: calc(( 100vh - 300px)* (16/9)) !important;
    }
   
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){
	.cls-eone-lxp .container{
	 padding:0
	}
	.cls-footer-column{
	  max-width:20%;
	  flex: 0 0 20%
	}
	.flexslider.cls-otherusr-list-container {
      margin: 0 60px 60px;
    }
    .lxpdashwidth{
        width:50%
    }
    .bannercarousel .slides > div{
       height:400px
    }
    .modal-share-container{
	   width: 50%;	
    }
    .lxp-headericon-container{
        justify-content:flex-end
    }
    .logged-in-user-detail{
      justify-content:flex-end;
      max-width:260px
    }
    .logged-in-user-detail .media{
      width:100%
    }
    .nav-link{
     /*  font-size:14px */
    }
    .menucontainer-right{
      justify-content:flex-end
    }
    .apply-filters-block{
      flex:0
    }
    .nav-link.header-tags{
      white-space: nowrap;
      /* font-size:16px */
    }
}


@media print
{
	* {
      -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
      color-adjust: exact !important;  /*Firefox*/
      print-color-adjust: exact !important;
    }
	table {
	  /* tables don't split across pages if possible. */
	  page-break-inside: avoid;
    }
	.lxp-invoicegrid-tblUI{
      border:0 !important
    }
	.lxp-invoicegrid-tblUI th:first-child,
	.lxp-invoicegrid-tblUI th:last-child,
	.lxp-invoicegrid-tblUI td:first-child,
	.lxp-invoicegrid-tblUI td:last-child{
	  border-width:1px 0 !important
	}
	.lxp-invoicegrid-tblUI th{
	  border-bottom-width:1px !important
	}    
	.lxp-invoicegrid-tblUI tbody td{
	  border-width:1px 
	}
	.lxp-invoicegrid-tblUI tfoot td{
	  border-width:1px 0 !important
	}
	.lxp-invoicegrid-tblUI tbody td.border-0,
	.lxp-invoicegrid-tblUI tfoot td.border-0{
	  border:0 !important
	}
	.order-invoice .clsinvoicetop{
	  justify-content:center !important;
	  overflow:hidden !important;
      background-size: 315px 215px !important; 
      top:-2px !important;
      right:-2px !important;
      background-size:cover !important;
   	}
	.order-invoice .clsinvoicebottom{
	  overflow:hidden !important;
	  background-size: 110px 180px !important; 
	  bottom:-5px !important;
	  left:-1px !important;
	  background-size:cover !important;
	}	
	.lxpdashwidth{
        width:50%
    }
}