@media screen and (max-width: 2560px){
    .right-content{
        height: 94%;
    }
    }
    @media screen and (max-width:1920px) {
        .right-content{
            height:auto;
        }
    .tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
    font-size: 19px;
    }
    .Para-tlt-tag p {
        margin: 12px 0 12px;
    }
    .cnt-tag {
    font-size: 15px;
    }
    .cnt-items .img-ico img {
    margin-top: 4px;
    }
    .btn-join {
        padding: 11px 0px;
        font-size: 20px;
        width: 133px;
    }
    .btn-join-class {
        margin: 19px 0;
    }
    .hr-line {
    margin: 25px 0;
    }
    .right-content{
        height: 94%; 
    }
    img.logo {
        width: 100%;
    }
    .list_of-items-tab ul li a {
        font-size: 19px;
        padding: 16px 15px;
    }
    .list_of-items-tab ul li {
        width: 12rem;
        margin-bottom:6px;
    }
    .list_of-items-tab ul {
        padding-bottom: 194px;
    }
    .list_of-items-tab ul li a span img {
        width:22px;
    }
    td.day {
        font-size: 20px;
    }
    th.switch {
        font-size: 18px;
    }
    th.dow {
        font-size: 17px;
    }
    .link-desp {
        font-size: 17px;
    }
    .cnt-items {
        margin: 19px 0;
    }
    .tlt-name {
        font-size: 21px;
    }
    .tlt-heading {
        font-size: 21px;
    }
    .chart_section {
        padding: 35px 15px 0px;
        margin-bottom: 43px;
        margin-top: 11px;
    }
    .chart_hoursection1, .chart_hoursection2, .chart_hoursection3 {
        margin-bottom: 29px;
    }
    .chart_hoursub_sec1, .chart_hoursub_sec2, .chart_hoursub_sec3, .chart_progressdaysec {
        font-size: 15px;
    }
    .tlt-read {
        font-size: 19px;
    }
    .tlt-header{
        font-size: 21px;
    }
    .item-img img{
        width: 30px;
    }
    .tlt-para {
        font-size: 18px;
    }
    .tlt-descrip {
        font-size: 15px;
    }
    .items-list-classes {
        padding: 20px 12px;
    }
    .items-list ul li {
        margin-bottom: 10px;
    }
    ul.listsubject-clss {
        height: 44vh;
    }
    .tlt-inset {
        font-size: 25px;
    }
    .tlt-inset-para {
        font-size: 19px;
    }
    .tlt-progressbar {
        margin: 14px 0px;
    }
    .marks-line {
        font-size: 16px;
    }
    .tlt-inset-more {
        font-size: 22px;
    }
    .tlt-bar {
        font-size: 18px;
    }
    .card-progress.attendance .progress-list {
        height: 155px;
    }
    .progress-list ul li {
        margin-bottom: 17px;
    }
    td.day.active {
        width: 50px;
        height: 52px;
        line-height: 50px;
    }
    }
    @media screen and (max-width:1680px){
    
    .right-content {
        height:auto;
    }
    .btn-join {
        width: 126px;
    }
    }
    @media screen and (max-width:1536px){
        .list_of-items-tab ul li a {
            font-size: 15px;
            padding: 10px 15px;
        }
        .chart_section {
            padding: 10px 15px 0px;
            margin-bottom: 23px;
            margin-top: 9px;
        }
        .tlt-site {
            font-size: 13px;
        }
        .btn-join {
            padding: 7px 0px;
            font-size: 18px;
        }
    .tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
        font-size: 15px;
    }
    .Para-tlt-tag p {
        margin: 5px 0 5px;
    }
    .cnt-items {
        margin: 10px 0 0;
    }
    td.day {
        font-size: 14px;
    }
    .card-progress.attendance .progress-list {
        height: 103px;
        margin-bottom: 0;
    }
    .items-list-classes {
        padding: 7px 12px;
    }
    .btn-join-class {
        margin: 0px 0;
    }
    .Para-tlt-tag p {
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        overflow: hidden;
       
    }
    .btn-join {
        padding: 5px 0px;
        font-size: 17px;
        width:123px;
    }
    .hr-line {
        margin:15px 0;
    }
    ul.listsubject-clss {
        height:39vh;
        margin-bottom: 0;
    }
    .continue-reading {
        height:48vh;
    }
    .tlt-para {
        font-size: 15px;
    }
    .tlt-descrip {
        font-size: 14px;
    }
    .card-progress {
        height:22.5vh;
    }
    .tlt-header {
        font-size: 19px;
    }
    .tlt-inset {
        font-size: 20px;
    }
    .tlt-inset-para {
        font-size: 15px;
    }
    .tlt-progressbar {
        margin: 5px 0px;
    }
    .progress-list ul li {
        margin-bottom:6px;
    }
    .tlt-bar {
        font-size: 15px;
    }
    td.day.active {
        width: 29px;
        height: 29px;
        line-height: 30px;
    }
    .tlt-inset-more {
        font-size: 18px;
    }
    .list_of-items-tab ul {
         padding-bottom:0px;
    }
    }
    @media screen and (max-width:1440px){
    
        .continue-reading{
            height: 48vh;
            margin-bottom: 0;
        }
        .card-progress {
            margin: 17px 0px 0;
            height: 22.9vh;
        }
        ul.listsubject-clss {
            height: 38vh;
        }
        .gradeblock{
            height: 52vh;
        }
        .list_of-items-tab {
            height: 100%;
        }
        
        .item-div {
            padding: 10px 10px 2px;
        }
        th.switch {
            padding-bottom: 9px;
        }
        .item-nm {
            font-size: 11px;
            padding: 4px 10px;
        }
         
        .right-content {
            padding: 10px 15px 7px;
            margin-top: 38px;
        }
        .cnt-tlt {
            font-size: 14px;
        }
        .btn-join {
            padding: 7px 0;
            font-size: 13.5px;
            width: 89px;
        }
        .classes-card {
            height: 68vh;
        }
        .calender_attend_block {
            height: 163px;
        }
        .attand_l .progress-list {
            height: 123px;
        }
        .calender_block {
            height: 242px;
        }
        .calender_classblock {
            height: 190px;
        }
        .tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt{
            font-size: 19px;
        }
        .tlt-site {
            font-size: 16px;
        }
        .btn-join-class {
            margin: 22px 0;
        }
        }
    @media screen 
    and (min-device-width: 1080px) 
    and (max-device-width: 1920px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
    
    .chart_progresscard {
        text-align: center;
        /* margin: 0px 41px; */
    }
    }
    @media screen and (max-width:1366px){
    .Para-tlt-tag p {
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    overflow: hidden;
    }
    td.day {
        font-size: 11.5px;
        height: 1.9em;
    }
    td.day.active {
        width: 22px;
        height: 22px;
        line-height: 23px;
    }
    .item-div {
        padding: 4px 10px 2px;
    }
    .btn-join {
        padding: 5px 0;
    }
    .chart_section {
        padding: 12px 15px 0px;
        position: relative;
        margin-bottom: 13px;
     margin-top: 9px;
    }
    .tlt-user {
        margin-bottom: 5px;
    }
    .right-content {
        margin-top: 34px;
    }
    ul.listsubject-clss {
        height:40vh;
    }
    .tlt-header {
        font-size: 15px;
    }
    .tlt-read {
        font-size: 16px;
    }
    .link-desp {
        font-size: 12px;
    }
    .tlt-tag, .sub-tlt-tag, .Para-tlt-tag p, .cnt-tlt, .tlt-site {
        font-size: 14px;
    }
    .cnt-tag {
        font-size: 13px;
    }
    .card-progress.attendance .progress-list {
        height:93px;
    }
    .item-img img {
        width: auto;
    }
    .tlt-descrip {
        font-size: 11px;
        line-height: 14px;
    }
    .card-progress {
        height: 22.5vh;
    }
    .continue-reading {
        height: 48vh;
    }
    .inset-para {
        height: 75px;
        overflow: auto;
    }
    .gradeblock {
        height: auto;
    }
    .tlt-site {
        font-size: 13px;
    }
    .list-slider .owl-dots {
        height: 19px;
    }
    .classname_detail {
        margin-bottom: 0px !important;
        height: 10vh !important;
    }
    .classname_qusblock {
        height: 293px;
    }
    .classname_leftblock, .classname_rgtblock {
        height: 73vh;
    }
    .calender_block {
        height:215px;
    }
    .calender_classblock {
        height: 176px;
    }
    .calender_attend_block {
        height: 150px;
    }
    .attendance_class .tab-content .tab-pane {
        height: 105px;
    }
    .attand_l .progress-list {
        height: 118px;
    }
    .list_of-items-tab ul li a {
        font-size: 15px;
        padding: 10px 15px;
    }
    .list_of-items-tab ul li a span img {
        width: 19px;
    }
    .chart_hoursub_sec1, .chart_hoursub_sec2, .chart_hoursub_sec3, .chart_progressdaysec {
        font-size: 12.1px;
    }
    .list_of-items-tab ul li {
        width: 10rem;
    }
    .tlt-name {
        font-size: 14px;
    }
    }
    @media screen and (max-width:1360px){
        .Para-tlt-tag p {
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        overflow: hidden;
        margin: 5px 0;
        font-size: 13.5px;
        }
        .hr-line {
            margin: 11px 0;
        }
        .tlt-para {
            font-size: 14px;
        }
        .items-list ul li {
            margin-bottom: 8px;
        }
        .cnt-tag {
            font-size: 11px;
        }
        td.day {
            font-size: 11.5px;
            height:2.4em;
        }
        .item-div {
            padding: 8px 10px 2px;
        }
        .btn-join {
            padding: 7px 0;
        }
        .chart_section {
            margin-bottom: 20px;
        }
        .right-content {
            padding: 10px 15px 15px;
        }
        .continue-reading {
            height: 52vh;
            
        }
        ul.listsubject-clss {
            height: 42vh;
        }
        .card-progress {
            height: 25vh;
        }
        .card-progress.attendance .progress-list {
            height: 102px;
        }
        .inset-para {
            height: auto;
            overflow: auto;
        }
        .right-content {
            margin-top: 45px;
        }
        .classname_detail {
            height: 15vh !important;
        }
        .classname_qusblock {
            height: 347px;
        }
        .classname_leftblock, .classname_rgtblock {
            height: 75vh;
        }
        .calender_attend_block {
            height: 177px;
        }
        .attand_l .progress-list {
            height: 148px;
        }
        .calender_block {
            height: 262px;
        }
        .calender_classblock {
            height: 222px;
        }
        .attendance_class .tab-content .tab-pane {
            height: 125px;
            
        }
        .calender_l td.day {
            height: 2.2em;
            font-size: 14px;
        }
       
       
        .tlt-heading {
            font-size: 19px;
        }
        .chart_hoursection1, .chart_hoursection2, .chart_hoursection3 {
            margin-bottom: 9px;
        }
        .tlt-bar{
            font-size: 13px;
        }
        .tlt-inset-para {
            font-size: 12px;
        }
        .tlt-progressbar {
            margin: 0px 0px;
        }
        .marks-line {
            font-size: 13px;
        }
        .tlt-inset-more {
            font-size: 13px;
          
        }
        .cnt-items {
            margin: 10px 0 0;
        }
        .btn-join-class {
            margin: 0px 0;
        }
        th.switch {
            font-size: 15px;
        }
        th.dow {
            font-size: 13.5px;
        }
        }
        @media screen and (max-width: 1280px){
    .tlt-site {
        font-size: 12px;
    }
    .tlt-tag, .sub-tlt-tag{
        font-size: 13px;
    }
    td.day {
        height: 2em;
    }
    .cnt-tlt {
        font-size: 12px;
    }
    .continue-reading {
        height: 45vh;
    }
    ul.listsubject-clss {
        height: 34vh;
    }
    .card-progress {
        height: 21vh;
    }
    .inset-para {
        height: 62px;
    }
    .card-progress.attendance .progress-list {
        height: 62px;
    }
    .item-div {
        padding: 2px 10px 0px;
    }
    .btn-join {
        padding: 5px 0;
    }
    .right-content {
        margin-top: 24px;
    }
    .cnt-items {
        margin: 6px 0 0px;
    }
    .classes-card {
        height: 66vh;
    }
    .classname_leftblock, .classname_rgtblock {
        height: 71vh;
    }
    .classname_detail {
        height: 7vh !important;
    }
    .classname_qusblock {
        height: 269px;
    }
    .classname_time {
        margin-bottom: 6px;
    }
    .calender_block {
        height: 205px;
    }
    .calender_l td.day.active {
        width: 25px;
        height: 25px;
        line-height: 26px;
    }
    .calender_l td.day{
        height: 2em;
        font-size: 11.5px;
    }
    .calender_classblock {
        height: 173px;
    }
    .calender_attend_block {
        height: 138px;
    }
    .attand_l .progress-list {
        height: 104px;
    }
    .attendance_class .tab-content .tab-pane {
        height: 92px;
    }
    .calender_l th.switch, .calender_heading_l {
        font-size: 12px;
    }
    }