/*Custom CSS File */
@media (max-width:320px) {
.cal { margin: auto; text-align: center; width: 100%;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.select2-container {width: 100% !important;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.share-btn { margin-top: 20px; width: 100px; float:left !important;}
.fc-toolbar .fc-center {display: inline-block;float: left; margin-left: 10px; margin-top:25px;}
.fc-toolbar {padding: 30px 10px 30px 30px !important;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.date-wrap-new { padding: 15px; margin-top: 0;}
}

@media (max-width:360px) {
#assign_classroom_course_model .close{font-size: 28px;}
.for-rsp {display: none!important;}
.main-header .navbar .nav > li > a > .label {right: 10px;}
.label.label-success.label-right {right: 8px !important;}
.skin-blue .main-header .logo {display: none;}
.skin-red .main-header .logo {display: none;}
.skin-green .main-header .logo {display: none;}
.skin-pink .main-header .logo {display: none;}
.skin-yellow .main-header .logo {display: none;}
.skin-purple .main-header .logo {display: none;}
.main-sidebar, .left-side { margin-top: -85px; }
.Schedule-text { padding: 25px 0 0 0px !important;}
.fc-toolbar .fc-right { margin: auto; width: 150px; float:none;}
.fc-toolbar h2 { float: left; margin: 0 10px; width: 150px;}
.inner-block { padding: 15px;}
.event-title h1 { color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 20px; font-weight: 600; line-height: 14px; margin: 0 0 5px; text-align: center;}
.event-title span { font-size: 14px; line-height: 22px; margin: 0 0 10px; text-align: center;}
.event-title {padding: 25px 25px 0; text-align: center; width: 55%;}
.event-title .join-now {margin-top: 10px;}
.event-date h1 {font-size: 30px;}
.event-date {padding: 28px 25px 0;}
.carousel-control {left: -50px;}
.date-time-wrap h2 {font-size: 16px;}
.date-time-wrap p {font-size: 12px;}
.btn-tra {padding: 5px 15px; width: 120px;}
.Schedule-text p { display: inline-block;  margin: 0 0px 25px 0 !important;  padding: 0 3px !important;}
.jquery-calendar { margin: auto; text-align: center; width: 100%;}
.cal {width: 100% !important;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 55px !important;}
.mt-30 { margin-top:0px;}
.btn-mediam {width: 100% !important;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.mb-20 {padding-left: 0; padding-right: 0;}
.select2-container {width: 100% !important;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.share-btn { margin-top: 20px; width: 100px; float:left !important;}
}

@media (max-width:500px) {
      #loginModal .modal-sm, .modalcartlogin .modal-sm, #loginModalSubDetail .modal-sm{width:98%; margin: 2%}
.for-rsp {display: none!important;}
.main-header .navbar .nav > li > a > .label {right: 10px;}
.label.label-success.label-right {right: 8px !important;}
.skin-blue .main-header .logo {display: none;}
.skin-red .main-header .logo {display: none;}
.skin-green .main-header .logo {display: none;}
.skin-pink .main-header .logo {display: none;}
.skin-yellow .main-header .logo {display: none;}
.skin-purple .main-header .logo {display: none;}
.main-sidebar, .left-side { margin-top: -85px; }
.Schedule-text { padding: 25px 0 0 0px !important;}
.inner-block { padding: 15px;}
.event-title h1 { color: #fff; font-family: "Source Sans Pro",sans-serif; font-size: 20px; font-weight: 600; line-height: 14px; margin: 0 0 5px; text-align: center;}
.event-title span { font-size: 14px; line-height: 22px; margin: 0 0 10px; text-align: center;}
.event-title {padding: 25px 25px 0; text-align: center; width: 55%;}
.event-title .join-now {margin-top: 10px;}
.event-date h1 {font-size: 30px;}
.event-date {padding: 28px 25px 0;}
.carousel-control {left: -50px;}
.date-time-wrap h2 {font-size: 16px;}
.date-time-wrap p {font-size: 12px;}
.btn-tra {padding: 5px 15px; width: 120px;}
.Schedule-text p { display: inline-block;  margin: 0 0px 25px 0 !important;  padding: 0 3px !important;}
.jquery-calendar { margin: auto; text-align: center; width: 100%;}
.cal {width: 100% !important;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 55px !important;}
.mt-30 { margin-top:0px;}
.btn-mediam {width: 100% !important;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.mb-20 {padding-left: 0; padding-right: 0;}
.select2-container {width: 100% !important;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.share-btn { margin-top: 20px; width: 100px; float:left !important;}
.fc-toolbar {padding: 30px;}
.fc-toolbar h2 { float: left; margin: 0 10px; width: auto;}
}

@media (min-width:1280px) and (max-width:1446px){ 
    .org-strip-footer {
    margin-left: 10px;
    margin-right: 10px;padding: 12px 5px;
}

}
@media (min-width:361px) and (max-width:480px){ 
.fc-toolbar .fc-center { display: inline-block; float: none !important; margin: 25px auto auto; text-align: center;}
.fc-toolbar {text-align: center;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.jquery-calendar { text-align: center; width: 67% !important;}
}

@media (max-width:480px) {
.main-sidebar, .left-side { margin-top: -85px;}
.Schedule-text { padding: 25px 0 0 20px;}
.fc-toolbar .fc-right { margin: auto; width: 150px; float:none !important;}
.fc-toolbar h2 { float: left; margin: 0 10px; width: auto;}
.inner-block { padding: 15px;}
.event-title span { font-size: 14px; line-height: 22px; margin: 0 0 10px; text-align: center;}
.event-title {padding: 25px 25px 0; text-align: center; width: 55%;}
.event-title .join-now {margin-top: 10px;}
.event-date h1 {font-size: 30px;}
.event-date {padding: 28px 25px 0;}
.carousel-control {left: -50px;}
.date-time-wrap h2 {font-size: 14px;}
.date-time-wrap p {font-size: 12px;}
.btn-tra {padding: 5px 15px; width: 120px;}
.Schedule-text p { display: inline-block;  margin: 0 0px 25px 0 !important;  padding: 0 3px !important;}
.main-sidebar, .left-side { margin-top: -85px; }
.jquery-calendar { margin: auto; text-align: center; width: 100%;}
.cal { margin: auto; text-align: center; width: 67%;}
.main-sidebar, .left-side { padding-top: 15px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 55px !important;}
.mt-30 { margin-top:0px;}
.btn-mediam {width: 100% !important;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.mb-20 {padding-left: 0; padding-right: 0;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.tabsnav .-primary li{display: none;}
.tabsnav .-primary li:last-child, .tabsnav .-secondary li{display: block;}
}


@media (min-width:481px) and (max-width:767px) {
.fc-toolbar {padding: 30px 10px 30px 30px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}

@media (max-width:508px) {
.Schedule-text p { display: inline-block;  margin: 0 0px 25px 0 !important;  padding: 0 3px !important;}
.main-sidebar, .left-side { margin-top: -85px; }
.main-sidebar, .left-side { padding-top: 15px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 55px !important;}
.mt-30 { margin-top:0px;}
.btn-mediam {width: 100% !important;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.mb-20 {padding-left: 0; padding-right: 0;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.select2-container {width: 100% !important;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}

@media (max-width:568px) {
.select2-container {width: 100% !important;} 
.white-wrap { padding: 20px 30px !important;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}

@media (max-width:640px) {
      
.Schedule-text { clear: both; height: 60px; padding: 25px 20px;}
.jquery-calendar { margin: auto; text-align: center; width: 100%;}
.cal {margin: auto; text-align: center; width: 73%;}
.carousel-control {left: -50px;}
.Schedule-text p {padding: 0 26px; vertical-align: middle; float:left;}
.main-sidebar, .left-side { margin-top: -85px; }
.cal { margin: auto; text-align: center; width: 53%;}
.main-sidebar, .left-side { padding-top: 15px; margin-top: 1px !important; }
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 55px !important;}
.mt-30 { margin-top:0px;}
.btn-mediam {width: 100% !important;}
.box-inner-body { padding: 25px 20px 10px 5px; height:auto;}
.box-inner-body-2 { height: auto; padding:25px;}
.mb-20 {padding-left: 0; padding-right: 0;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.select2-container {width: 100% !important;}
.fc-toolbar { padding: 30px 18px 30px 17px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}


}

@media (min-width:641px) and (max-width:767px) { 
/*.main-sidebar, .left-side { margin-top: 15px !important;}*/
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: auto;}
}

@media (max-width:767px) {
    #external_certificate_table_wrapper .col-sm-12{overflow: auto !important;}
  .modal .btn-blue#self_assign{margin-top: 15px !important;}
  .prev_next_section svg {
    margin: 0px 0px 0px 0px !important;
    float: unset !important;
}
#create_mail #fields{padding-left: 6px !important;}
#external_certificate_table_wrapper td:last-child, #external_certificate_table_wrapper th:last-child {
    width: 80px !important;
    min-width: 80px !important;
}
.update-btn{width: auto !important; padding: 6px 20px !important;}
.prev_next_section .openbtn, .prev_next_section .closebtn{padding:0px !important;}
  .dtable { display: flex !important;}
  .searchfilter #search_helper{    right: 20px;  top: -2px;}
  .filter-inpute-larg{line-height: inherit !important;}
  #searchlist .width-set-list .col-md-7.t-cell{width: 300px;}
  .search-option-sec{font-size: 13px;}
.string-limit-name-learning-path{overflow: hidden; text-overflow: ellipsis;}
  .inner-block-2.pt0{padding: 0px 12px !important;}
  #collapseExample, #collapseFilterCurrentLearningRecord, .selection-sec, #collapseFilterTranscript{z-index: 123 !important;}
  #collapseFilterTranscript .filter-details {  padding: 0px !important;}
  #certificate_list_table th:last-child,  #certificate_list_table td:last-child{width: 110px !important; min-width: 110px !important;}
.skin-blue .main-header .logo {display: none;}
.from-content {  background-color: #fff; padding: 50px 20px 35px;}
.login-footer span {color: #888a8a; display: block;  font-family: "Source Sans Pro",sans-serif; font-size: 16px; line-height: 45px;}
.login-footer { background-color: #f4f5f5; border-radius: 0 0 1px 1px !important; font-family: "Source Sans Pro",sans-serif; padding: 15px 0;}
.panel-body p { color: #3d3d3d; font-family: "Source Sans Pro",sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 20px; margin-top: 20px;}
.panel-body h2 { color: #0080c2; font-family: "Source Sans Pro",sans-serif; font-size: 18px; font-weight: 600; margin-top: 20px;}
.from-content { background-color: #fff; padding: 20px;}
.xs-no-margin{margin: 0px !important;}
.width-set-list .panel-body h2, .string-limit-name-learning-path {margin-top: 0px !important;}
.btn-new-large { background-color: #0080c2; border-color: #0080c2; border-radius: 3px !important; color: #fff; font-size: 18px;  margin-top: 0px; padding: 12px 0;
width: 100%;}
.btn-new-large:hover { background-color: #00679c; border-color: #0271ab; color: #fff; margin-top: 0px;}
.btn-new-large-gry { background-color: #888a8a; border-color: #888a8a; border-radius: 3px !important; color: #fff; font-size: 18px; margin-top: 0; padding: 12px 0;
 width: 100%;}
.btn-new-large-gry:hover {background-color: #737373; border-color: #737373; border-radius: 3px !important; color: #fff; font-size: 18px; margin-top: 0; padding: 12px 0; width: 100%;}
.mb-20 { margin-bottom:20px; padding-left: 0; padding-right: 0;}
.white-wrap { padding: 20px 30px !important;}
.box-inner-body { background-color: #f4f5f5; border-radius: 0 0 3px 3px; height: 207px; padding: 35px 10px;}
.box-inner-2-headding { background-color: #ffffff; border-radius: 3px 3px 0 0; padding: 20px;}
.box-inner-headding {background-color: #0080c2; border-radius: 3px 3px 0 0; padding: 14px 25px;}
.width-set {min-width: 100%;}
.main-header .sidebar-toggle {background-color: transparent; background-image: none; float: left; font-family: fontAwesome; padding: 7px 0 0 10px;}
.skin-blue .main-header .navbar .sidebar-toggle {font-size: 30px;}
.skin-pink .main-header .navbar .sidebar-toggle {font-size: 30px;}
.skin-yellwo .main-header .navbar .sidebar-toggle {font-size: 30px;}
.mb-20 { margin-bottom: 0px; margin-top: 0px;}
.navbar-nav>.user-menu>.dropdown-menu {margin-top: 0px;}
.profile-arrow { display:none;}
.copy-right-text {bottom: 30px;}
.buttons-wrap span { display:none;}
.buttons-wrap-2 {float: none !important;}
.date-time-wrap-2 h2 {font-size: 16px;}
.btn-tra-catlog {padding: 5px 16px; width: 110px;}
.postion-bottom {padding: 0 15px;}
.Schedule-text { padding: 25px 0 0 20px;}
.mt-30 { margin-top:0px;}
.box-inner-body { padding: 25px 5px 10px 5px; height:auto;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.box-inner-body-2 { height: auto; padding:25px;}
.content { margin-top: 0;}
.for-rsp-cat { display: block;  height: 40px; margin-top: 35px; max-width: 100% !important; text-align: left; width: 100%;}
.for-rsp-gridview { float:right; margin-right:0px !important;}
.for-rsp-fillter { left: -13px !important; position: absolute; top: auto;}
.date-wrap-new {padding: 15px; margin-top: 26px;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #005986; color: #fff; padding: 15px 10px 19px; display: block; text-align: left;}
      .navbar-custom-menu{position: absolute; z-index: 999; top: 74px; right: 5px;}
      .accessibilitymenu{float: right !important; margin:20px 15px 0px 0px !important; }
      .box-header .carousel-control.left{left: 0px !important;}
           .box-header .carousel-control.right{right: -5px !important;}
      #dashboard-banner{margin-bottom: 15px;}
      .tabsnav .-secondary svg{margin-right: 15px !important;}
      .tabsnav .-secondary a, .tabsnav .-secondary button{padding: 1em !important;}
      #leaderboard #myLeaderboard li, #leaderboard .leaderboard-details ul.myRank{width: calc(50% - 20px) !important; }
      .item3{width: 115px !important;}
      .carousel-inner>.item>a>img, .carousel-inner>.item>img { height: 200px !important; object-fit: cover;}
      #dashboard-banner .carousel-caption.center { left: 15% !important; right: 15% !important;  top: 12% !important;}
      .navbar-custom-menu.withoutloginhead{position: relative !important; top: -12px; right: 15px;}
       .navbar-custom-menu.withoutloginhead .pull-right.ml15{ margin-left: 8px !important; }
         .navbar-custom-menu.withoutloginhead .btn{padding: 6px !important}
      .content-wrapper.withoutlogin{    margin-top: 130px !important;}
      #accordion-reenroll .panel-default{margin-bottom: 5px !important; width: 100% !important;}
      #searchpop, .right-modal-po, #collapseOne .panel-body label.checkbox-type-1, #collapseThree .panel-body label.checkbox-type-1{width: 100% !important;}
      #searchpop.in{left: 1px;right: 0px; top: 132px !important; height: calc(100% - 132px) !important; min-height: auto !important;}
      .btn-md{height: auto !important;}
      .right-modal-po .modal-body{padding: 0px 15px !important;    width: calc(100% - 0px) !important;}
      .logbg{padding: 0px !important;}
      #catalog_content #show_error_success_message a{ margin: 2px 10px -5px 10px !important;}
#loginbx .accessibilitymenu{float: left !important;}
.alert .close{text-align: center;}
.whiteboard .alert-retake{text-align: left;     line-height: 21px; height: auto !important;}
.rightPartheader .accessibilitymenu{margin: 0px 0px 0px 0px !important;}
.badge-details ul li{padding: 15px 0px 15px 0px;}
.p20-imp { padding: 15px !important;}
.badge-details ul li span:last-child{margin-right: 5px !important;}
.filtersort{margin-bottom: 10px;}
.width-team{min-width: calc(100% - 30px);  margin: 0px 15px;}
.btn-w{margin-bottom: 15px !important;}
.right-modal-po, #collapseExample.in{width: 100% !important;}
.rightPartheader .fa-circle{display: none !important;}
.content{padding: 0px 0px 0px !important;}
.xs-mt-10{margin-top: 10px;}
.no-xs-margin{margin:0px !important;}
.settingstab li{width: auto !important;}
#collapseFilterCurrentLearningRecord .panel-body label.prefered-column, #collapseFilterTranscript .panel-body label.prefered-column, #collapseFilter label.prefered-column, .prefered-column{    width: 100% !important;}
#collapseFilterCurrentLearningRecord.in, #collapseFilterTranscript.in { top: 190px !important;}
.right-modal-po .table>thead>tr>th:last-child, .right-modal-po .table>thead>tr>th:nth-child(3) {
    min-width: 82px;
    width: 82px;
}
.inner-block{padding: 5px 15px !important;}
.chart-img{padding-bottom: 0px !important;}
.course-stauswrap{background: #fff; border-radius: 4px;}
.box-header-tab>.nav-tabs>li{max-width: 46% !important;}
#mainNavigation{position: relative;
    width: 50px;
    display: inline-block;}
    #collapseFilterCurrentLearningRecord.in{margin-top: 0px !important;}
    .zoom_in, .zoom_out {display: none !important;}
    .greedy-menu {
    /*position: relative;
    display: inline-block;*/
    width: 40px; min-width: 40px !important; box-shadow: none !important;}
    .greedy-menu ul:first-of-type{width: 40px;}
    .greedy-menu .hidden-links{    left: 12px;  padding: 5px;    width: 290px !important; top: 50px;     box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.2);}
    .fixed .main-header{background: #fff; max-height: 133px;}
    #mainNavigation a, #mainNavigation button, #mainNavigation nav li{width: 100%;text-align: left !important;}
.inner-block{padding: 5px 15px !important;}
.xs-no-padding{padding:0px !important;}
.uyky div:last-child{height: 40px !important;}
.extheight.box .btn-blue{padding: 6px 8px !important;}
.cstfloat .col-xs-7.xs-mt-10{padding:0px !important;}
.xs-mb-15{margin-bottom: 15px;}
ul.tagit li.tagit-choice .tagit-close .text-icon{float: right; margin: -2px -7px 0px 0px;}
.cstfloat{text-align: center;}
.form-check [type="radio"]:checked + label, .form-check [type="radio"]:not(:checked) + label {
    padding-left: 25px;
    font-size: 13px;
}
#session_error_div_new .alert-danger{margin-bottom: 0px !important;}
.heading4{margin-top: 0px !important;}
.cstfloat .pull-right{float: unset !important; display: inline-block;}
.cstfloat .pull-right.filter-report{position: relative; bottom: -5px;}
.cstfloat .pull-right.filter-report a{margin: 0px !important;}
.chart-img img{height: auto !important; padding-bottom: 0px !important;}
.dropdown.user-menu{position: absolute !important; right: 0px; top: -68px;}
.dropdown.user-menu img{width: 30px !important; height: 30px !important;}
.accessibilitymenu {  padding: 0px 50px 0px 0px !important;}
.cstminusmargin{    top: -42px;  position: relative;}
.extheight .btn-blue.mr10{margin-right: 5px !important;}
.keyword-tab{margin-bottom: 5px;}
.enroll-warp.rydtgf{margin-left: -15px !important;}
.col-xs-2 .course-status{padding:0px !important;}
.col-xs-2 .course-status .ml15{margin-left: -4px !important;}
.col-xs-2 .status-sec{padding: 0px !important; margin:7px 0px 0px 0px !important;}
.folder-slide .col-xs-2 .status-sec.complete.list{width: 65px; margin-left: -20px !important;}
.folder-slide .col-xs-2 .status-sec button.circle-26{ margin-left: 10px !important;}
.folder-slide .accordion .col-xs-2 {padding:0px !important;}
.col-xs-2 .card-header .list li, .col-xs-2 button.circle-26{margin-left: 0px !important;}
.srrzszr .course-details-btn-slice, .srrzszr .course-details-btn-box{padding-top: 0px !important; border-top:0px !important; }
.toggleHide i{margin-left: 0px !important;}
.right-modal-po .pricecart .v-center{transform: translate(0%, 10%) !important;}
.right-modal-po .vheight{height: 40px !important;}
.right-modal-po .btn-danger{position: absolute;  left: -5px;     margin-top: 12px !important;}
#right-modal-cart .right-modal-po .table th, #right-modal-cart .right-modal-po .table td {
    padding: 6px 8px !important;
}
#request_modal_classroom .panel-default > .panel-heading{height: auto !important;}
.listlearningobject .square-50{margin:4px 5px !important;}
.xs-cstprofile{width: calc(100% - 135px);
    margin: 0px 0px 0px 15px !important;
    float: left;}
    .border-left {
    border-left: 0px solid #dfdfdf;}
    .announceheight .string-limit-details {
        height: auto !important;
        max-height: 320px;
        white-space: normal !important;
        text-overflow: unset !important;
    }
    .box-profile .box .box-body{    padding: 20px 15px !important;}
    .email-list li a{position: relative;}
    .greedy-menu .visible-links{visibility: hidden !important; opacity: 0; display: none !important;}
    #course_list_table_wrapper .dataTables_scrollBody{height: auto !important;}
   .sessionHeadinghighlight .session-title, .session-title { font-size: 13px !important; max-width: 83%;}

    #getLearnersDetails .emailtab tr th, #getLearnersDetails .emailtab tr td{width: 100% !important; max-width: 100% !important; min-width: 100% !important;}
.system_certificate  #collapseExample, .external_certificate .selection-sec.in#collapseExample2 { right: 34px !important;  }
.external_certificate .selection-sec.in{ top: 2px !important; margin-left: 32px !important;}
#collapseFilter.selection-sec.teamcertificate-filter.collapse{top: 180px !important;}
.teamcertificate-filter.selection-sec.in .panel-body { margin-top: -145px !important;}
    #timezone_form .col-form-label, #timezone_form .box-inner-body-2 label{margin-right: 10px !important;}
    .xs-cstprofile .btn, .grylablebox h2{margin-top: 0px !important;}
.ml30.mr30.no-xs-margin{margin:0px 15px !important;}
.nmcourse-report {white-space: normal !important; line-height: 18px;}
#btn_clear_catalog{width: auto !important;}
.rewardsbox{    width: 94px !important; margin: 0px 6px 0px 0px !important;}
.qty-box .small-selection{margin-top: 3px; background-position: calc(100% - 17px) 19px, calc(100% - 11px) 19px, 100% 0 !important;}
.thumbnail .media-object{width: 60px !important;}
.cart-table{border-spacing: 0 0.2em !important;}
.post-comments .author{margin-bottom: 0px !important;}
.post-comments h6.author>small{font-size: 12px !important;}
.comment-body .ml-15 {  float: left !important;  margin: 10px 0px 10px 0px !important;}
.togglett{font-size: 13px !important;}
.post-comments > li {border: 1px solid #dfdfdf !important;}
.post-comments > li:first-child {margin-top: 0px !important;}
.discussionForumName{float: left; width: 100%; margin-top: 0px !important;}
.xs-no-padding{padding: 0px !important;}
.modal-body .panel-default:not(.filter-sec) #collapseOne .panel-body label {
    width: 100% !important;
}
.shoping-content .price-lable{    margin-left: 30px !important;}
}
@media (max-width:768px) {
  .box-inner-2-body.infoSystem.xs-pl40{    padding: 28px 10px 28px 15px !important;}
  .responsive-setting{margin-right: 15px;}
  #assign_classroom_course_model .close{font-size: 28px;}
  .xsl-padding{padding: 0px 15px !important;}
  .passportbox .settingstab {    margin-bottom: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;}
  #collapseFilterTranscript .well{float: left;}
  #collapseFilterTranscript .panel-body{    margin-top: 0px; float: left;}
  #right-modal-cart .right-modal-po, #right-modal-cart .modal-dialog{width: 100% !important;}
 .main-header .navbar .nav>li>a>.label.label-right{ right: 0px !important;  top: -5px !important;}
.radiobtn .radio-inline{width: 31%;  float: unset !important; margin-bottom: 15px;}
.radiobtn .radio-inline label{font-size: 14px;}
.main-header .navbar .nav>li>a>.label{top: -5px !important; right: 0px !important;}
  #collapseFilterCurrentLearningRecord.in {  top: -35px !important;    left: -10px;}

.xs-txt-center.col-xs-12{margin-bottom: 15px;}
  .xs-txt-center{text-align: center;}
  .cstradio .radio-inline+.radio-inline {
    margin-top: 10px !important;
    margin-left: 0px !important;
}
  .leaderboardbox .leaderboard-details #myLeaderboard li, #leaderboard .leaderboard-details #ul_my_rank{width: calc(49.6% - 20px) !important;}
  /*.p5.width100-inline-block .pull-right,   .p5.width100-inline-block .pull-left, .cscustompanel .pull-right, .cscustompanel .pull-right{float: unset !important;}*/
  .form-group .prefered-column.checkbox-type-1{width: 100% !important;}
  #discussion_forum_tab .post-comments li:first-child {
    margin-top: 0px !important;
}
    .btn-blue-catalog, .btn-white-catalog {
        padding: 5px 10px !important;
    }
.heading .searchbxleft {margin-bottom: -50pc !important;}
  .box-list-1 .mr10 { margin-right: 10px !important; }
  .card-body .d-flex { display: inline-block;}
  .statuslist .progress-with-bar{ justify-content: flex-end; padding-top: 6px; margin-top: 6px; border-top: 1px solid #f6f6f6;}
  .statuslist .flex-2-1-0 {  width: 110px !important;}
  .square-50{width: 40px !important; height: 40px !important;}
  .headandsubhead{margin-right: 0px !important;}
  #open_rating_error_modal .close > span {float: left !important;  margin-left: 8px !important;}
  /*.course-details-progress-sec{text-align: left; justify-content: left;}*/
  .rating-cls{border-bottom: 0px;}
  .greedy-menu ul.visible-links{width: 0px !important; padding: 0px !important;}
  .greedy-menu .toggle-links{right: -1px !important;}
      /*.tabsnav .-primary > li{margin: 0px 10px 0px 0px;}*/
          .tabsnav svg {
        margin: 0px 8px 0px 0px !important;
    }
    .btn-transcript {
    width: 30px;
    height: 30px;
    line-height: 32px;
    padding: 0px !important;
    text-align: center;
}
.mb-20 { margin-bottom:20px;}
#clearbutton{width: auto !important;}
.width-set, #collapseOne .panel-body label, #collapseThree .panel-body label {min-width: 100% !important;}
.navbar-nav>.user-menu>.dropdown-menu {margin-top: 0px;}
.profile-arrow {position: absolute; right: 68px; top: -16px;}
.white-wrap { padding: 20px !important;}
.copy-right-text {bottom: 30px;}
.buttons-wrap span {display: none;}
.buttons-wrap { padding: 15px 0 0 0; text-align: center;}
.dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff;}      
.Schedule-text {padding: 25px 0 0 20px;}
.Schedule-text p { display: inline-block; margin: 0 22px 25px 0;}
.fc-toolbar h2 { margin: 0 5px;}
.fc-toolbar .fc-center { display: inline-block; float: left;}
.cal {width: 44%;}
.carousel-control {left: -50px;}
.main-header .navbar-custom-menu, .main-header .navbar-right {float: right; margin-top: 22px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 80px;}
.box-inner-2-body {padding: 25px 10px 25px 20px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.white-wrap-2 {background: #fff none repeat scroll 0 0; padding: 20px 30px;}
.mycourses-wrap {margin-left: 0; margin-right: 0;}
.orange-line {border-top:4px solid #fe6d4b; border-left:0px solid #fe6d4b;}
.green-line {border-top:4px solid #4bcfbe; border-left:0px solid #4bcfbe;}
.blue-line {border-top:4px solid #47b8f3; border-left:0px solid #47b8f3;}
.date-mbt-20 { margin-bottom:20px;}
.inner-block-3 {padding: 15px;}
.buttons-cur {display: block;}
.left-btn-c { width: 10%;}
.right-btn-c { width: 10%;}
.bg-gay-light {background: #d8d9d9 none repeat scroll 0 0;}
.bg-gay-dark {background: #ebeded none repeat scroll 0 0;}
/*.inner-block-4 {padding: 56px 25px;}*/
}

@media (min-width:769px) and (max-width:800px) {
/*.main-sidebar, .left-side {margin-top: 0px;}*/
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}

@media (min-width:768px) and (max-width:1023px) {
 #dashboard-banner .carousel-caption.center {left: 25% !important;  right: 25% !important;  top: 10% !important;}
.special-text { display:none;}
.date-wrap-new {padding: 15px; margin-top: 60px; border-bottom: 0px;}
.filter-768 { float:right;}
.for-rsp-cat {float: right; width: 100%;}
.filter-wrap a {margin-right: 13px;}
.filter-wrap a:hover {margin-right: 13px;}
.for-rsp-gridview { float:right; margin-right:20px !important;}
.filter-arrow {position: absolute; right: 84px; top: -17px;}
.buttons-wrap span {display: none;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.lable-box-768{margin-left: 16px !important; width: 46% ;}
.select2.select2-container.select2-container--default {width: 100% !important;}
.buttons-cur {display: block;}
.left-btn-c { width: 10%;}
.right-btn-c { width: 10%;}
.bg-gay-light {background: #d8d9d9 none repeat scroll 0 0;}
.bg-gay-dark {background: #ebeded none repeat scroll 0 0;}
.inner-block-4 {padding: 20px 35px;}
.table-responsive { min-height: 0.01%; overflow-x: auto;}
.dropdown-menu {min-width: 198px;}
.inner-block-2 {padding: 30px 40px 12px;}
.content-wrapper, .right-side {margin-top:80px;}
.fc-toolbar {padding: 30px 60px 30px 22px;}
.date-mbt-20 { margin-bottom: 25px;}
#leaderboard #myLeaderboard li, #leaderboard .leaderboard-details ul.myRank{    width: calc(20% - 20px) !important;}
.leaderboard-details ul li span:nth-child(2) img{    margin: -1px 6px 10px 4px !important;}
.leaderboard-details ul li div:first-child{margin: -12px 0 0 -5px !important;}
.radiobtn{margin-bottom: 7px;}
.filtersearch{padding-left: 10px !important;}
.well .filter-details {  padding: 0px !important;    }

}

@media (max-width:800px) {
.mb-20 { margin-bottom:20px;}
.width-set {min-width: 293px;}
.navbar-nav>.user-menu>.dropdown-menu {margin-top: 0px;}
.profile-arrow {position: absolute; right: 68px; top: -16px;}
.copy-right-text {bottom: 30px;}
.buttons-wrap span {display: none;}
.buttons-wrap { padding: 15px 0 0 0; text-align: center;}
.dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff;}      
.Schedule-text {padding: 25px 0 0 20px;}
.Schedule-text p { display: inline-block; margin: 0 22px 25px 0;}
.fc-toolbar h2 { margin: 0 5px;}
.fc-toolbar .fc-center { display: inline-block; float: left;}
.cal {width: 44%;}
.carousel-control {left: -50px;}
.main-header .navbar-custom-menu, .main-header .navbar-right {float: right; margin-top: 22px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: 80px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.carousel-control.right, .carousel-control.left{height: 33px !important; width: 33px !important; text-align: center !important; }
.tabsnav .-secondary{width: 43vh; text-align: left !important; white-space: nowrap;  left: 0px;  padding: 0px;  min-width: 43vh !important;}
.tabsnav a, .tabsnav button{text-align: left !important;}
#home .box-footer .nav > li > a{padding: 5px 0px !important; font-size: 13px; }
.-more .btn-sm{    width: 34px !important; height: 34px !important; background: #101112;  color: #fff; border-radius: 50% !important;  width: 38px; text-align: center !important;}
.tabsnav svg{margin: -1px 1px 0px -4px !important;}
.logbg{padding: 0em 1em !important;}
}

@media (min-width:801px) and (max-width:985px) { 
/*.main-sidebar, .left-side {margin-top: 2px;}*/
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.date-time-wrap-2 h2 {font-size: 16px;}
.btn-tra-catlog {padding: 5px 0px; width: 90px;}
.heading {margin-top: 0px; padding: 11px 34px;}
}

@media (max-width:985px) {
.mb-20 { margin-bottom:20px;}
.width-set {min-width: 293px;}
.navbar-nav>.user-menu>.dropdown-menu {margin-top: 0px;}
.profile-arrow {position: absolute; right: 68px; top: -16px;}
.copy-right-text {bottom: 30px;}
.buttons-wrap { padding: 15px 0 0 0; text-align: center;}
.dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff;}      
.Schedule-text {padding: 25px 0 0 20px;}
.Schedule-text p { display: inline-block; margin: 0 22px 25px 0;}
.fc-toolbar h2 { margin: 0 5px;}
.fc-toolbar .fc-center { display: inline-block; float: left;}
.cal {width: 44%;}
.carousel-control {left: -50px;}
.main-header .navbar-custom-menu, .main-header .navbar-right {float: right; margin-top: 22px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {right: 3%; top: auto;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}

@media (min-width:966px) { 
.buttons-wrap span {padding: 0 5px; font-size: 18px;}
.dropdown-menu {background: #fff none repeat scroll 0 0; border: 1px solid #ddd; left: auto; position: absolute; right: 13%; top: 54px;}

.profile-arrow {position: absolute; right: 8px; top: -17px;}
.navbar-nav>.user-menu>.dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 0; border-top-width: 0; width: 282px; margin-top: 0px;}
.width-set { float: left; width: 100%; max-width: 293px; padding-left: 15px; padding-right: 15px;}
.date-time-wrap-2 h2 {font-size: 13.3px;}
.btn-tra-catlog {padding: 5px 10px; width: auto;}
.date-time-wrap-2 p {font-size: 13px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}


@media (min-width:992px) and (max-width:1030px) {
.width-set {
    max-width: 33.33% !important;
}

.width-team {
    float: left;
    margin: 0 15px;
    max-width: 29.7% !important;
}

}

@media (min-width:1024px) {
.fc-toolbar h2 { margin: 0 10px; width: auto;}
.calendar-heading h1 {font-size: 18px;}
.main-header .navbar-custom-menu, .main-header .navbar-right { float: right; margin-top: 22px;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { left: auto; position: absolute; right: 25%;}
.theme-arrow { position: absolute; right: 41px; top: -17px;}
.event-date h1 {font-size: 26px;}
.event-date span {font-size: 16px; line-height: 17px;}
.event-title h1 {font-size: 20px;}
.event-title .join-now { margin-top: 13px; padding: 5px 19px;}
/*.carousel-control {left: -50px;}*/
.ptrbl20 { padding: 25px 20px;}
.date-time-wrap p {font-size: 12px;}
.date-time-wrap h2 {font-size: 14px;}
.btn-tra {padding: 4px 15px; width: 112px;}
.skin-blue .gry-bg { padding: 67px 0 !important;}
.skin-yellow .gry-bg { padding: 67px 0 !important;}
.skin-pink .gry-bg { padding: 67px 0 !important;}
.skin-green .gry-bg { padding: 67px 0 !important;}
.skin-red .gry-bg { padding: 67px 0 !important;}
.skin-purple .gry-bg { padding: 67px 0 !important;}
.select2-container {width: 100% !important;}
.width-1024 { width:100% !important;}
.box-inner-body {height: auto;}
.date-time-wrap-2 p {font-size: 13px;}
.buttons-wrap span {padding: 0 6px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.box-inner-2-body {padding: 56px 10px 56px 35px;}
.margin-bottom-30 { text-align:left;}
.skin-blue .calendar-small {padding: 34px 128px 1px 0px}
.skin-pink .calendar-small {padding: 34px 128px 1px 0px}
.skin-yellow .calendar-small {padding: 34px 128px 1px 0px}
.Schedule-text { padding: 0px 0 0 12px;}
.fc-toolbar {padding: 30px 20px;}
.content-wrapper {margin-top: 80px;}
.filter-wrap a {margin-right: 4px;}
.btn-most {padding: 5px 5px;}
.course-date-wrap h2 {font-size: 15px;}
.width-team {float: left; margin: 0 15px; max-width: 22.2%;}
.organization-wrap h2 { font-size: 16px;}
.logbg{padding: 0em 1em !important;}
}

@media (min-width:1170px) {
.width-set { float: left; width: 100%; max-width: 357px; padding-left: 15px; padding-right: 15px;}
.width-1024 { width:33.3333% !important;}
.box-inner-body {height: 295px;}
.white-wrap { background-color: #fff; padding: 20px;}
}

@media (min-width:1200px) {
.buttons-wrap span {color: #3d3d3d; font-size: 20px;font-weight: 300; padding: 0 35px;}
.white-wrap { background-color: #fff; padding: 20px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.margin-1280 { width:47%;}
.span-gap { margin-right:10px !important;}
.logbg {padding: 0em 2.5em !important;}

}

@media (min-width:1279px) and (max-width:1281px) {
input[type=radio]+label span {display: block; margin: auto;}
.mt-30 {margin-top: 102px;}
.responsive-setting {float: none; text-align: center;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.cal {width: 88%;}
.width-set-list {height: 200px;}
.date-list {padding: 36px 0; width: 20%;}
.list-body-content {width: 46%;}
.enroll-warp {float: left; padding: 82px 0; text-align: center; width: 15%;}
.most-view img {height: 210px;}
.most-view-2 {min-height: 303px;}
.btn-most {padding: 5px 18px;}
.buttons-wrap span {padding: 0 25px;}
.inner-block-4 {background-color: #e5e8e8; padding: 25px 40px;}
.learn-date h2 {font-size: 14px;}
.skin-blue .calendar-small {padding: 34px 0px 1px 0px;}
.skin-red .calendar-small {padding: 34px 0px 1px 0px;}
.skin-green .calendar-small {padding: 34px 0px 1px 0px;}
.skin-pink .calendar-small {padding: 34px 0px 1px 0px;}
.skin-yellow .calendar-small {padding: 34px 0px 1px 0px;}
.skin-purple .calendar-small {padding: 34px 0px 1px 0px;}
}

@media (max-width:1280px) {
.ptrbl20 {height: 156px;}
.box { height: 574px;}
.my-courses-btn {height: 84px; padding: 28px 12px;}
.white-wrap { background-color: #fff; padding: 20px;}
.btn-mediam { font-size: 18px; padding: 8px 0; width: 110px;}
.box-inner-body-2 { height: auto; padding:25px;}
.box-inner-body { padding: 25px 10px 25px 28px;}
.width-set {max-width: 25%;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.imp-class { display:none;}
.datepicker.dropdown-menu {padding: 5px; width: 15.3%;}
}

@media (min-width:1280px) {
            .content-wrapper {
            padding-bottom: 0px !important;
        }
    .md-ml--10 {margin-left: -10px} 
.md-mr--10 {margin-right: -10px}
.width-team { float: left; margin: 0 10px; max-width: calc(25% - 20px); width: 100%;}
}
@media (min-width:1281px) {
.ptrbl20 {height: 155px;}
.box { height: 608px;}
.my-courses-btn {height: auto; padding: 29px 12px;}
.white-wrap { background-color: #fff; padding: 40px;}
.btn-mediam { font-size: 18px; padding: 8px 0; width: 127px;}
.box-inner-body-2 { height: auto; padding:25px;}
.box-inner-body {padding: 25px 10px;}
.width-set {max-width: 25%;}
.responsive-setting {float: none; text-align: center;}
input[type=radio]+label span { display:block;margin:auto;}
.lang-mt{ margin-top:100px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.imp-class { display:none;}
.datepicker.dropdown-menu {padding: 5px; width: 14%;}
.dropdown-menu {min-width: 200px;}
.skin-blue .calendar-small {padding: 34px 0px 0px 0px;}
.skin-pink .calendar-small {padding: 34px 0px 0px 0px;}
.skin-yellow .calendar-small {padding: 34px 0px 0px 0px;}
.skin-red .calendar-small {padding: 34px 0px 0px 0px;}
.skin-green .calendar-small {padding: 34px 0px 0px 0px;}
.skin-purple .calendar-small {padding: 34px 0px 0px 0px;}


}
@media (min-width:992px){
      .course-img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
}

@media (max-width:991px){
      .course-img img{
            max-width:100%;
      }
      .course-img{
            min-height:250px;
      }
}

@media (min-width:320px) and (max-width:360px) { 
.fc-toolbar .fc-center {display: inline-block; float: none !important; margin: 20px auto auto; text-align: center;}
.fc-toolbar {padding: 18px;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.fc .fc-toolbar > * > * {float: none;}
.button-margin { display: block; float: left !important; margin: 58px auto 13px;  width: 85%;}
.coupon-input {height: 35px;line-height: 38px; width: 107px;}

}

@media (min-width:320px) and (max-width:479px) {
.catlog-bg-list-1 { display:none; } 
.line-red {width: 23px;}
.line-green {width: 23px;}
.line-blue {width: 23px;}
.width-set-list {height: 290px;}
.enroll-warp { display:none;}
.imp-class { display:inline-block !important;}
.date-list {padding: 20px 0; width: 108px;}
.list-body-content {padding: 10px 12px; width: 58%;}
.inner-block-4 { background-color: #e5e8e8; padding: 15px; margin-top: 0px;}
.margin-bottom-30 {margin-bottom: 10px; text-align: center;}
.date-list p {font-size: 12px;}
.date-list h2 {font-size: 15px;}
.inner-block-2 { padding: 20px;}
.btn-white {font-size: 12px; padding: 6px 4px;}
.dropdown-menu {min-width: 198px;}
.btn-blue {padding: 5px 10px;}
.heading {margin-top: 4px; padding: 11px 34px;}
.catlog-content p {text-align: left;}
.catlog-content h4 {text-align: left;}
.alert-postion { margin: 55px 0px 0;}
.content-wrapper, .right-side {margin-top: 51px;}
.box {height: auto; margin-bottom: 18px;}
.alert-dismissable .close, .alert-dismissible .close {top: 12px;}
.calendar-small {height: auto !important; padding: 30px;}
.inner-block {padding: 20px 15px 0;}
.main-sidebar, .left-side {position: absolute;}
.buttons-wrap-2 {float: none !important;}
.buttons-wrap {float: right;}
.white-wrap-post {padding:20px;}
.post-wrap {padding: 20px;}
.for-center-320 {text-align: center !important;}
.text-lable { display: block; padding: 8px 0 0;}
.inner-block-6 {background-color: #e5e8e8; padding: 20px 30px;}
.organization-wrap {padding: 10px 0px; text-align: center;}
.organization-wrap h2 {font-size: 18px;}
.width-team { min-width:100%; margin-left:0;}
.right-modal-po {width: 100% !important;}
.shoping-cart-img { height: 100px;}
.breadcrumb {padding: 17px 12px;}
.modal {height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.btn-white-catalog { width: auto;}
.carousel-indicators-numbers li {
    border: medium none;
    border-radius: 0;
    display: none;
    height: auto;
    padding: 5px;
    text-indent: 0;
    transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}
.carousel-indicators {
    height: 50px;
    left: 0;
    list-style: outside none none;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 0;
    width: 110px;
}
.carousel-indicators-numbers li.active {
    background-color: #0080c2;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);
}

.width-auto { width: auto!important;}

}
@media (min-width:480px) and (max-width:767px) {
.catlog-bg-list-1 { display:none; } 
.line-red {width: 23px;}
.line-green {width: 23px;}
.line-blue {width: 23px;}
.width-set-list {height: 240px;}
.enroll-warp { display:none;}
.imp-class { display:inline-block !important;}
.date-list {padding: 21px 0; width: 124px;}
.list-body-content {padding: 19px 32px; width: 67%;}
.inner-block-4 { background-color: #e5e8e8; padding: 25px; margin-top: 0px;}
.inner-block-2 {padding: 20px;}
.dropdown-menu {min-width: 198px;}
.btn-blue {padding: 5px 25px;}
.heading {margin-top: 5px; padding: 11px 34px;}
.catlog-content p {text-align: left;}
.catlog-content h4 {text-align: left;}
.alert-postion { margin: 55px 0px 0;}
.content-wrapper, .right-side {margin-top:51px;}
.box {height: auto; margin-bottom: 18px;}
.alert-dismissable .close, .alert-dismissible .close {top: 12px;}
.calendar-small {height: auto !important; padding: 30px;}
.inner-block { padding: 20px 15px 0;}
.main-sidebar, .left-side {position: absolute;}
.buttons-wrap-2 {float: none !important;}
.buttons-wrap {float: right;}
.white-wrap-post {padding:20px;}
.post-wrap {padding: 20px;}
.inner-block-6 {background-color: #e5e8e8; padding: 20px 30px;}
.organization-wrap {padding: 10px 0px; text-align: center;}
.organization-wrap h2 {font-size: 18px;}
.team-name { margin-left: -9px; margin-top: 30px;}
.width-team { min-width:100%; margin-left:0;}
.shoping-cart-img { height: 100px;}
.breadcrumb {padding: 17px 12px;}
.modal {height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header { padding: 7px 0 0 0; text-align: center;}
.navbar-nav>.user-menu>.dropdown-menu>.user-body { padding: 10px 0 0 0 !important;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {color: #6d6d6d;font-size: 17px; font-weight: 600; margin-top: 0px !important; z-index: 5;}
.btn-tran {margin-bottom: 0px !important;}
.carousel-indicators-numbers li {
    border: medium none;
    border-radius: 0;
    display: none;
    height: auto;
    padding: 5px;
    text-indent: 0;
    transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s;
}
.carousel-indicators {
    height: 50px;
    left: 0;
    list-style: outside none none;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 0;
    width: 110px;
}

.carousel-indicators-numbers li.active {
    background-color: #0080c2;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);
}

}

@media (min-width:600px) and (max-width:800px) {
.alert-dismissable .close, .alert-dismissible .close {top: 3px;}
.Schedule-text p {margin: 0;}
.Schedule-text {padding: 22px;}
.calendar-small {height: auto !important; padding: 30px;}
/*.main-sidebar, .left-side {position: absolute;}*/
.buttons-wrap-2 {float: none !important;}
.heading {margin-top: 5px; padding: 11px 34px;}
.buttons-wrap {float: right;}
.white-wrap-post {padding:20px;}
.post-wrap {padding: 20px;}
.inner-block-6 {background-color: #e5e8e8; padding: 20px 30px;}
.organization-wrap {padding: 10px 0px; text-align: center;}
.organization-wrap h2 {font-size: 18px;}
.team-name { margin-left: -52px; margin-top: 30px;}
.width-team { min-width:100%; margin-left:0;}
.shoping-cart-img { height: 100px;}
.breadcrumb {padding: 17px 12px;}
.modal {height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.carousel-indicators-numbers li {
    border: medium none;
    border-radius: 0;
    display: none;
    height: auto;
    padding: 5px;
    text-indent: 0;
    transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s;
}

.carousel-indicators {
    height: 50px;
    left: 0;
    list-style: outside none none;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 0;
    width: 110px;
}

.carousel-indicators-numbers li.active {
    background-color: #0080c2;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);
}
}

@media (min-width:768px) and (max-width:991px) { 

.carousel-indicators-numbers li {
    border: medium none;
    border-radius: 0;
    display: none;
    height: auto;
    padding: 5px;
    text-indent: 0;
    transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}

.carousel-indicators {
    height: 50px;
    left: 0;
    list-style: outside none none;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    top: 0;
    width: 110px;
}

.carousel-indicators-numbers li.active {
    background-color: #0080c2;
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
 }


@media (min-width:768px) and (max-width:992px) {
.catlog-bg-list-1 { display:none; } 
.line-red {width: 23px;}
.line-green {width: 23px;}
.line-blue {width: 23px;}
.width-set-list {height: 225px;}
.enroll-warp { display:none;}
.imp-class { display:inline-block !important;}
.date-list {padding: 12px 0; width: 124px;}
.list-body-content {padding: 19px 32px; width: 67%;}
.box { height: auto; margin-bottom: 30px;}
.inner-block {padding: 30px 30px 0 30px;}
.calendar-small {height: auto !important; padding: 30px;}
.fc-toolbar {padding: 30px;}
/*.main-sidebar, .left-side {position: fixed;}*/
.buttons-wrap-2 {float: none !important;}
.date-time-wrap-2 h2 {font-size: 13px;}
.btn-tra-catlog {padding: 5px 0px; width: 90px;}
.heading {margin-top: 0px; padding: 11px 34px;}
.buttons-wrap {float: right;}
.white-wrap-post {padding:20px;}
.post-wrap {padding: 20px;}
.inner-block-6 {background-color: #e5e8e8; padding: 30px 40px;}
.organization-wrap {padding: 10px 0px; text-align: center;}
.team-name { margin-left: 0px; margin-top: 30px;}
.width-team { min-width:47%; margin-left:15px;}
.shoping-cart-img { height: 100px;}
.breadcrumb {padding: 17px 12px;}
.modal {height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}

}

@media (min-width:1023px) and (max-width:1025px) {
.box {height: 580px;}
.ptrbl20 {padding: 25px 20px; height:160px;}
.my-courses-btn {padding: 28px 12px;}
.responsive-setting {float: none; text-align: center;}
.no-margin-box {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.lable-box-768{margin-left: 16px !important; width: 47% ;}
.width-set-list {height: 220px;}
.list-body-content {padding: 20px; width: 47%;}
.margin-bottom-30 {margin-bottom: 20px;}
.date-list {padding: 10px 0; text-align: left; width: 18%;}
.enroll-warp {float: left; padding: 93px 0; text-align: center; width: 17%;}
.most-view img {height: 214px; width: 220px;}
.date-bg-wrap h2 {font-size: 13px;}
.box-most-view { width:50%;}
.filter-wrap a {margin-right: 10px;}
.datepicker.dropdown-menu {padding: 5px; width: 195px;}
.buttons-wrap span {padding: 0 5px;}
.inner-block-4 {padding: 25px 40px;}
.filter-wrap a {margin-right: 10px;}
.modal {height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.box-1024 {
    min-width: 288px;
    padding: 0 5px;
}

.calendar-heading > h1 img {
    display: none;
}
}

@media (min-width:320px) and (max-width:360px) {
.coupon-input-btn {margin-left: 13px;}
}

@media (min-width:361px) and (max-width:414px) {
.coupon-input-btn {margin-left: 24px;}
}

@media (min-width:415px) and (max-width:416px) {
.coupon-input-btn {margin-left: 24px;}
}

@media (min-width:417px) and (max-width:508px) {
.coupon-input-btn {margin-left: 21px;}
}

@media (min-width:509px) and (max-width:767px) {
.coupon-input-btn {margin-left: 21px;}
}


/*carosual mycourses-details.html 27-01-2016 start (sb)*/
@media(min-width:768px) and (max-width:1199px){
    .carousel-indicate-course .nav-justified {width: 90% !important;margin: auto;}              
}
@media(max-width:767px){                        
    .carousel-indicate-course .nav-justified {width: 80% !important;margin: auto; float: left;} 
    #left-btn-page, #right-btn-page{height: 40px; width: 10%; float: left;}    
}
@media (min-width:768px) and (max-width:800px) { 
    .navbar-custom-menu .navbar-nav > li > a{padding: 15px 7px;}
}
@media (min-width:320px) and (max-width:360px) { 
    .navbar-custom-menu .navbar-nav > li > a{padding:0 6px 15px !important;}
}

@media (min-width:1600px) and (max-width:1920px) { 
    .width-team { float: left; margin: 0 15px; max-width: 23.20%; width: 100%;}
}

@media (min-width:768px) and (max-width:991px) {
    .static-logo img {
    height: 80px;
    width: 176px;
}

.static-logo {
    background-color: #fff;
    float: left;
    height: 80px;
    left: 0;
    position: relative;
    width: 176px;
    z-index: 1027;
}


}
@media (min-width:768px) and (max-width:1024px) { 
/*.main-sidebar, .left-side {margin-top: 26px;} */
/*.content-wrapper { margin-top: 80px!Important;}*/
.carousel-control{left:-45px;}
}

/*carosual mycourses-details.html 27-01-2016 end*/
.mt-27 { margin-top:27px; }

@media (min-width:768px) and (max-width:1024px) {
/*.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {position: static;}*/
/*.content-wrapper, .right-side {margin-top: 0px;}*/
.content { margin-left: auto; margin-right: auto; margin-top: 0px; min-height: 250px; padding: 0;}
/*.main-sidebar, .left-side {position: absolute;}*/
.alert-postion {margin-top: 0px;}
body { overflow-x: hidden;}
}
@media (min-width:641px) and (max-width:767px){
      .main-sidebar, .left-side { top:91px; }
}
@media screen and (max-width:640px){
    .main-sidebar, .left-side { top:50px; }
}
@media (min-width:768px) and (max-width:992px) { .buttons-wrap-btn { float:none; text-align: center;} .width-team {
    max-width: 279px;
    float: left;
} .width-set {min-width: 50% !important;} }
@media (max-width:767px) { .buttons-wrap-btn { margin-right: 20px;}  }

@media (min-width:768px) and (max-width:991px) { 
     .sm-close{
    position: absolute;
    /*top: -191px !important;*/
    border: 1px solid red;
    width: 30px;
    height: 30px;
    background: #000!important;
    border-radius: 20px;
    right: -30px !important;
    color:#fff!important;
}
}
@media (min-width:992px) and (max-width:1600px) { 
.sm-close{
    position: absolute;
    /*top: -191px !important;*/
    border: 1px solid red;
    width: 30px;
    height: 30px;
    background: #000!important;
    border-radius: 20px;
    right: -60px !important;
    color:#fff!important;
}
}
@media screen and (min-width:768px) { 
#view-detail-learn_material_rules .modal-dialog {
    width: 670px; 
}
#getLearnersDetails .modal-dialog {
    width: 760px; 
}

}
@media screen and (max-width:768px) { 
.sm-close{
    position: absolute;
    /*top: -191px !important;*/
    border: 1px solid red;
    width: 30px;
    height: 30px;
    background: #000!important;
    border-radius: 20px;
    right: 0px !important;
    color:#fff!important;
}
}

/* profile pic and name overlapping in my team */
.team-name{ margin-left: 34px !important;}

.alert-dismissable .close, .alert-dismissible .close {
    top: -4px;
    right: -4px;
}