@media screen and (max-width: 1550px) {
    .vizn-custom-footer-padding {
        padding-top: 50px;
    }
    .vizn-auth-img{
        background-size: 400px;
        background-position: right bottom;
    }
    .vizn-auth-block, .vizn-auth-block.create-account-block{
        padding: 30px 32px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .create-account-block .vizn-btn-link {
        font-size: 14px;

    }
    .vizn-auth-block-main{
        padding-left: 34px;
    }
    .vizn-auth-title{
        font-size: 26px;
        margin-bottom : 24px
    }
    .vizn-auth-title.create-account-title {
        line-height: 36px;
    }
    .vizn-auth-subtitle, .btn.icon-btn span, .daterangepicker.show-calendar .datepicker-title, .logbook-block-icon,
    .vizn-datatable-title, .modal.right .modal-title{
        font-size: 18px;
    }
    .vizn-auth-block-footer{
        bottom: 0;
        font-size: 14px;
        position: relative;
        margin-top: 15px;
    }
    .vizn-auth-block-content {	
        padding-right: 30px;	
    }
    .vizn-btn-youtube{
        margin-left: 30px;
        width: 100px;
        height: 40px;
    }
    .vizn-header-right .vizn-menu-icon, .notification-dropdown{
        margin-right: 30px;
    }
    .vizn-header, .vizn-nav, .vizn-inner-pages{
        padding-left: 20px;
        padding-right: 20px;
    }
    /* .vizn-inner-page-block{
        min-height: 600px;
    } */
    .vizn-label-dot label:after{
        right: 15px;
    }
    .vizn-nested-menu .vizn-dropdown-menu{
        width: auto;
    }
    .vizn-nested-menu .submenu{
        left: auto;
        right: 100%;
    }
    .vizn-aside, .dropdown .vizn-dropdown-default-text, .vizn-contact-text,
    .vizn-inner-pages .form-control, .vizn-inner-pages .control-label, .vizn-footer-btn button, .select2-results__option,
    .vizn-radio-types label, .vizn-accordion .card-title, .daterangepicker .drp-buttons .btn, .radiobtn, .vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
    .vizn-details-page label, .vizn-details-page b, .override-material-css .mdc-text-field__input, .override-material-css .mdc-select, .vizn-filter-upload-text,
    .vizn-multiselect .multiselect-header, .vizn-multiselect .multiselect-header a, .logbook-block-text, .chapter-block-title, .lecture-details-modal label,
    .file-details .file-name, .file-upload-text, .vizn-tabs .nav-tabs .nav-link, .dashboard-block-name
    {
        font-size: 14px;
    }
    .contact-icon{
        font-size: 25px;
    }
    .vizn-datatable .pagination>li>a, .vizn-datatable .pagination>li>span{
        margin-left: 5px;
        height: 40px;
        min-width: 40px;
    }
    .vizn-contact-block{
        height: auto;
        padding: 15px 0;
    }
    .filter-dot {
        width: 10px;
        height: 10px;
    }
    .daterangepicker{
        margin-right: 20px;
    }
    .vizn-btn-group .btn, .logbook-block-count, .chapter-list-title{
        font-size: 16px;
    }
    .logbook-block-text, .dashboard-block-name, .modal.right .modal-title, .chapter-list-border .chapter-list label{
        line-height: normal;
    }
    .logbook-block-hrs, .dashboard-block-time, .dashboard-block-tags .readonly-tag, .dashboard-block-chapter, .dashboard-block-btn .btn, .vizn-lecture-count{
        font-size: 12px;
    }
    .logbook-block-right{
        width: 92px;
        height: 74px;
    }
    .logbook-block-left{
        /* width reduce same as .logbook-block-right class */
        width: calc(100% - 92px);
    }
    .attendance-blocks .logbook-block-left{
        max-width: 100%;
    }
    .dashboard-block-btn .btn{
        margin-bottom: 5px;
    }
    /* Dipak sir's css changes -- START */
    .vizn-header .vizn-logo {
        max-width: 200px;
	max-height : 45px;
    }
    .vizn-menu-icon {
        font-size: 14px;
        padding-right: 8px;    
    }
    .vizn-header {
        height: 60px;
    }
    .vizn-nav {
        top: 60px;
    }
    .plan-expire-soon .vizn-nav{	
        top: 80px;	
    }	
    .vizn-inner-pages {	
        padding-top: 130px;	
    }	
    .plan-expire-soon main.vizn-inner-pages{	
        padding-top: 170px;	
    }	
    .vizn-footer-btn button,	
    .vizn-footer-btn a,	
    .daterangepicker .drp-buttons .btn,	
    .vizn-footer-btn input[type="submit"] {	
        padding: 15px;	
        min-height: 40px;	
    }	
    .vizn-footer-btn input[type="submit"]{	
        line-height: 1;	
    }
    .daterangepicker .drp-buttons .btn{
        line-height: unset;
    }
    .btn.icon-btn {
        height: 40px;
        width: 40px;
    }
    .vizn-pagename, .icon-cancel-button-large{
        font-size: 20px;
    }
    .modal.right .modal-dialog{
        height: calc(100vh - 80px);
        top: 80px;
    }

    /* Dipak sir's css changes -- END */
    .fix-upload-block{
        /* position: relative; */
        bottom: 70px;
    }
    .modal.right.homework-modal .modal-body{
        margin-bottom: 80px;
    }
    .filter-input-cal-wrapper .form-control{
        min-height: 40px;
        padding: 5px 30px 5px 20px;
    }
    .filter-input-cal{
        font-size: 18px;
        top: 9px;
    }
    .modal-contact-info{
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
    }
    .vizn-card-box .vizn-card-title {
        font-size: 28px;
    }
    .vizn-paper-question-box .vizn-paper-question-item table tr td h5,
    .vizn-paper-question-box .vizn-question-answer-list .vizn-question-answer-item, .vizn-paper-question {
        font-size: 13px;
    }
    .vizn-nav li.nav-item a.nav-link {
        padding: 14px 12px;
        font-size: 12px;
    }
    .vizn-notification-dropdown .vizn-notification-dropdown-btn .vizn-menu-icon {
        margin-right: 0;
        padding-right: 0;
    }
    .vizn-notification-status {
        width: 16px;
        height: 16px;
        top: -2px;
        left: 6px;
        line-height: 13px;
        font-size: 10px;
        /* width: 12px;
        height: 12px;
        top: -2px;
        left: 6px; */
    }
    .vizn-notification-dropdown .dropdown-menu {
        margin-left: -142px;
    }
    .sidebar-blue-box-section {
        grid-template-columns: 1fr;
    }
    .vizn-mdc-form-field-checkbox {
        padding: 8px 14px 8px 14px;
    }
    .vizn-template-section {
        grid-template-columns: 260px 320px 1fr;
    }
    .vizn-sidebar-blue-box-section {
        /* grid-template-columns: 1fr; */
    }
    .override-material-css .mdc-button {
        font-size: 12px;
    }
    .override-material-css .full-width-component {
        height: 45px;
    }
    .mdc-text-field--outlined .mdc-floating-label {
        font-size: 14px;
    }
    .vizn-user-type-block-icon {
        height: 60px;
        width: 60px;
        font-size: 30px;
        line-height: 67px;
    }
    .mdc-button.create-account-btn.full-width-component {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .create-account-block .vizn-auth-content {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .create-account-block .vizn-auth-subtitle.create-account-subtitle {
        margin-bottom: 10px;
    }
    .vizn-btn-link {
        font-size: 16px;
    }
    /* Added as per Client Feedback - Login */
    .vizn-login-section .vizn-auth-block-content {
        max-width: 360px;
    }
    .create-account-section .vizn-auth-block-content {
        max-width: 400px;
    }
    .vizn-login-section .vizn-auth-block-main {
        justify-content: center;
    }
    
    /* Reduce the spacing of Table Layout and Action Button Icons */
    .vizn-datatable table.dataTable thead th,
    table.dataTable thead td,
    .vizn-datatable table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 10px;
        font-size: 11px;
        white-space: nowrap;
    }
    .vizn-datatable .pagination>li>a {
        height: 30px;
        min-width: 30px;
        font-size: 11px;
    }

    .vizn-datatable div.dataTables_wrapper div.dataTables_info {
        font-size: 11px;
    }

    .vizn-table-actions .btn i,
    .vizn-table-actions .btn span,
    .vizn-actions .btn span {
        font-size: 14px;
    }

    /* Reduce for Filter on Table Layout and Input Fields All */
    .vizn-select2 .select2-container .select2-selection--single,
    .vizn-select2 .select2-container--default .select2-selection--single .select2-selection__arrow,
    .override-material-css .full-width-component {
        height: 35px;
    }
    
    .vizn-inner-pages .form-control {
        min-height: 40px;
    }

    .vizn-time-input-field .form-control.duration {
        height: 35px;
        min-height: 35px;
    }

    .vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .vizn-select2 .select2-container .select2-selection--multiple,
    .vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__arrow {
        min-height: 35px;
        padding-bottom: 0px;
    }

    .vizn-inner-pages .form-control,
    .select2-container--default .select2-search--dropdown .select2-search__field,
    .select2-results__option {
        min-height: 35px;
    }

    .vizn-inner-pages .form-control,
    .vizn-inner-pages .control-label,
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding: 6px 15px;
        font-size: 12px;
    }

    .vizn-time-input-field .form-control.duration {
        min-height: 30px;
        height: 30px;
    }

    .vizn-select2 .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
        height: 25px;
    }

    .vizn-inner-pages .search-box input {
        min-height: 30px;
    }

    .search-close {
        top: 2px;
        font-size: 20px;
    }

    .vizn-inner-pages .datetime-blocks .form-control {
        padding: 12px 40px;
    }

    /* Select2 Dropdown Fields */
    .vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
        height: 25px;
        /* line-height: 10px; */
    }

    .vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
        font-size: 10px;
        line-height: 20px;
    }

    .vizn-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
        width: 13px;
        height: 13px;
        top: 5px;
    }
    /* 
        Generate Paper  
    */    
    .override-material-css .full-width-component + .input-calendar {
        font-size: 16px;
        top: 7px;
    }

    /* 
        First Checkbox Space
        Iscore > Student Info
     */
    .first-checkbox {
        min-width: 30px;
    }

    /* 
        Reduce Font Size 
        - Login Page
        - Need to check others pages once
    */

      .vizn-login-section .full-width-component:not(.not-mb) {
          margin-bottom: 10px;
      }

      .vizn-input-field-error {
          margin-bottom: 15px !important;
      }

      .vizn-auth-title {
        font-size: 20px;
        line-height: 100%;
      }

      /* Button Global Changes - Font and Spaces Reduce */
      .vizn-footer-btn button,
      .vizn-footer-btn a,
      .daterangepicker .drp-buttons .btn,
      .vizn-footer-btn input[type="submit"] {
          min-height: 30px;
          width: auto;
          padding: 10px 16px;
          font-size: 12px;
      }

      /* Dashboard Title Changes */
      .dashboard-content-grid-title h4 {
          font-size: 20px;
      }

      /* Dashboard Arrow Changes */
      .slider-subscription .owl-nav button.owl-prev span,
      .slider-subscription .owl-nav button.owl-next span {
          font-size: 26px;
          line-height: 100%;
          height: 30px;
          width: 30px;
      }

    .input-left-icon {
        top: 14px;
        font-size: 14px;
    }
      /* Reduce Form Left Side and Right Side */
      .override-material-css .mdc-text-field--outlined,
      .mdc-select--outlined .mdc-select__anchor {
          padding-left: 15px;
          padding-right: 15px;
      }

      /* Reduce the spacing as per 80% to Smaller Screen Size */
      .vizn-btn-youtube {
          width: 100px;
          height: 30px;
          font-size: 12px;
      }

      .vizn-nav li.nav-item {
          height: 40px;
      }

      .vizn-nav li.nav-item a.nav-link {
          padding: 10px 12px;
          font-size: 10px;
      }

      .vizn-dropdown-menu .dropdown-item {
          padding: 8px 10px;
          font-size: 10px;
      }

      .vizn-profile-img {
          height: 30px;
          width: 30px;
      }

      .vizn-aside,
      .dropdown .vizn-dropdown-default-text,
      .vizn-contact-text,
      .vizn-inner-pages .form-control,
      .vizn-inner-pages .control-label,
      .vizn-footer-btn button,
      .select2-results__option,
      .vizn-radio-types label,
      .vizn-accordion .card-title,
      .daterangepicker .drp-buttons .btn,
      .radiobtn,
      .vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered,
      .vizn-details-page label,
      .vizn-details-page b,
      .override-material-css .mdc-text-field__input,
      .override-material-css .mdc-select,
      .vizn-filter-upload-text,
      .vizn-multiselect .multiselect-header,
      .vizn-multiselect .multiselect-header a,
      .logbook-block-text,
      .chapter-block-title,
      .lecture-details-modal label,
      .file-details .file-name,
      .file-upload-text {
          font-size: 12px;
      }

      .vizn-header-right .vizn-menu-icon,
      .vizn-notification-dropdown {
          margin-right: 30px;
      }

      .vizn-header-right .vizn-menu-icon,
      .notification-dropdown {
          margin-right: 20px;
      }

      .vizn-header {
          height: 40px;
      }

      .vizn-header .vizn-logo {
          max-width: 150px;
	  max-height: 36px;
      }

      .vizn-nav {
          top: 40px;
      }

      .vizn-inner-pages {
          padding-top: 100px;
      }

      .vizn-pagename,
      .icon-cancel-button-large,
      .dashboard-content-grid-title h4 {
          font-size: 14px;
      }

      .vizn-breadcrumbs {
          margin-bottom: 10px;
      }

      .dashboard-content .card-title {
          font-size: 14px;
      }

      .mdc-button {
          font-size: 12px;
          padding: 0 10px;
          height: 30px;
      }

      .vizn-form-title {
          padding: 15px 20px;
          margin: 0;
          font-size: 14px;
      }

      .vizn-aside li .vizn-aside-item {
          padding: 10px;
      }

      .btn.icon-btn {
          height: 30px;
          width: 30px;
      }

      .vizn-footer-btn .btn.icon-btn {
          min-height: 30px;
      }

      .btn.icon-btn span {
          font-size: 14px;
      }

      .dropdown .vizn-dropdown-menu {
          min-width: 160px;
      }

      .package-report-content {
          font-size: 10px;
      }

      .package-report-header h6 {
          font-size: 13px;
      }

      .vizn-card-box .vizn-card-bg-light {
          padding: 15px;
      }

      .vizn-card-box .vizn-card-title {
          font-size: 20px;
      }

       /* Reduce the spacing as per 80% to Smaller Screen Size */
       .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{
        /* -webkit-transform: translateY(-30.75px) scale(0.75);
        transform: translateY(-30.75px) scale(0.75); */
        /* changes label alignment accordingly xd design */
        -webkit-transform: translateY(-24.75px) scale(0.75);
        transform: translateY(-24.75px) scale(0.75);
       }
       .vizn-tabs .nav-tabs .nav-link{
           padding: 8px 20px;
       }

    /* adjust action button hover background */
    .vizn-table-actions .btn span:hover:after, .vizn-table-actions .btn i:hover:after, .vizn-actions .btn [class^="icon-"]:hover:after, .vizn-actions .btn [class*=" icon-"]:hover:after{
        left: -5px;
        top: -5px;
        width: 25px;
        height: 25px;
    }
    
    /*Data table highlighter*/
    .original_chpater {
        font-size: 11px;
    }

    /**/
    .vizn-user-type.vizn-btn-group .btn {
        min-height: 40px;
        font-size: 14px;
    }

    /* Manage library chart */
    .vizn-manage-library-grid-item {
        padding: 25px 25px;
    }

    .vizn-manage-library-grid-item-header h6 {
        font-size: 14px;
    }

    .vizn-manage-library-grid-item-footer .label-status {
        height: 20px;
        width: 20px;
        min-width: 20px;
        margin-right: 12px;
    }

    .vizn-manage-library-grid-item-footer .vizn-manage-library-grid-item-status span {
        font-size: 14px;
    }

    .vizn-manage-library-grid-graph {
        max-height: 280px;
        margin-bottom: 10px;
    }

    /*Page Number of Chapter section start*/
    .bootstrap-tagsinput {
        min-height: 35px;
    }
    .select2-material .bootstrap-tagsinput .tag {
        line-height: 1;
    }
    /*Page Number of Chapter section end*/
    /*Dashboard*/
    .vizn-dashboard .logbook-block-right {
        width: 90px;
        height: 90px;
    }

    .vizn-dashboard-grid-graph {
        margin-top: 10px;
    }

    .vizn-dashboard-grid-5 {
        grid-gap: 15px;
    }

    .vizn-dashboard-grid-item-header h6 {
        font-size: 16px;
    }

    .nav-tabs-fill .nav-link {
        font-size: 14px;
        line-height: 24px;
        padding: 6px 18px;
    }

    .vizn-dashboard-table-heading {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    /*Edit Paper Section*/
    .vizn-custom-footer-padding {
        padding-top: 50px;
    }

    /* Chat module CSS */

    .chat-room {
        padding-top: 82px;
    }

    .chat-sidebar {
        width: 330px;
    }
    .chat-message-list {
        width: calc(100vw - 330px);
    }
    .attachment-list li {
        max-width: 100px;
        max-height: 100px;
        margin: 1px;
    }
    .attachment-list {
        max-width: 220px;
    }
    .user-profile-detail .profile-detail-item {
        margin-right: 15px;
    }
    .not-conneted {
        padding: 15px;
    }
    .not-conneted .not-connected-message {
        margin-bottom: 15px;
    }
    .not-conneted .action-list .btn {
        min-width: 180px;
        margin: 0 5px;
    }

    .user-profile-box .user-avtar {
        width: 44px;
        height: 44px;
    }

    .user-detail .user-name {
        line-height: 16px;
        font-size: 12px;
    }

    .user-detail .user-online-status {
        font-size: 10px;
        line-height: 18px;
    }

    .day-message-list .message-list-entry .message-box {
        padding: 6px 10px;
    }

    .day-message-list .message-list-entry .message-box .messsage {
        font-size: 12px;
        line-height: 18px;
    }

    .day-message-list .message-list-entry .message-box .messsage-time {
        font-size: 10px;
        line-height: 12px;
    }

    .list-date {
        padding-top: 10px;
        padding-bottom: 6px;
        font-size: 10px;
        line-height: 14px;
    }

    .chat-tabs li {
        font-size: 14px;
        padding: 21px 15px;
    }
    
    .contact-list-item .contact-detail .contact-name {
        font-size: 14px;
        line-height: 20px;
    }
    
    .contact-list-item .contact-detail .contact-name{
        max-width: 180px;
    }
    
    .contact-list-item .contact-detail .contact-last-message {
        font-size: 12px;
        max-width: 180px;
    }

    .search-chat {
        padding-top: 15px;
    }

    .search-chat-form-group {
        padding: 9px 14px;
    }

    .search-chat-form-group .chat-icon-search {
        font-size: 16px;
    }

    .search-chat-form-control {
        font-size: 14px;
        line-height: 20px;
        margin-left: 10px;
    }

    .contact-list .contact-list-item {
        padding: 12px 15px;
    }

    .contact-list-item .contact-image {
        height: 40px;
        width: 40px;
        margin-right: 12px;
    }

    .contact-list-item .contact-message-counts .message-time {
        font-size: 12px
    }

    .contact-list-item .contact-message-counts .message-counts {
        height: 18px;
        font-size: 10px
    }

    .option-menu {
        padding: 0 15px;
        width: 180px;
    }

    .option-menu ul li {
        padding: 10px 3px;
    }

    .option-menu ul li a {
        font-size: 12px;
        line-height: 17px;
    }

    .option-menu ul li .icon {
        font-size: 16px;
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    .attachment-list li .attachment-count {
        font-size: 16px;
    }

    .day-message-list .message-list-entry .message-box .messsage-time.send:after, 
    .day-message-list .message-list-entry .message-box .messsage-time.sent:after, 
    .day-message-list .message-list-entry .message-box .messsage-time.read:after {
        font-size: 10px;
        position: relative;
        top: 1px;
    }

    .btn-profile-options {
        font-size: 16px;
    }

    .chat-profile-show .chat-message-list {
        width: calc(100vw - 690px);
    }

    .chat-profile {
        width: 360px;
        margin-right: -360px;
    }

    .chat-profile-show .chat-profile.chat-profile-media-document {
        margin-right: -360px;
    }

    .chat-profile-header {
        padding: 21px 20px;
    }

    .chat-profile-header > h6 {
        font-size: 14px;
        line-height: 24px;
    }

    .chat-profile-header .view-profile-close-button {
        font-size: 16px;
    }

    .chat-profile-photo {
        height: 80px;
        width: 80px;
        margin-bottom: 16px;
    }
    
    .new-group-tab-container .class-group-info-form .chat-profile-photo {
        height: 80px;
        width: 80px;
        margin-bottom: 16px;
    }

    .chat-profile-photo .chat-profile-upload-icon {
        height: 22px;
        width: 22px;
        font-size: 14px;
    }

    .chat-profile-body .chat-profile-title .chat-profile-edit-button {
        right: 15px;
        font-size: 14px;
    }

    .chat-profile-body .chat-profile-title h4 {
        padding-left: 45px;
        padding-right: 45px;
        font-size: 16px;
        line-height: 26px;
    }

    .chat-profile-body .chat-profile-title .chat-profile-schedule {
        font-size: 12px;
        line-height: 18px;
    }

    .chat-profile-body .chat-profile-media-document-option {
        font-size: 14px;
        padding: 12px 40px 12px 16px;
        margin-bottom: 0;
    }

    .chat-profile-body .chat-profile-media-document-option::after {
        font-size: 12px;
        right: 0;
    }

    .chat-profile-add-member {
        padding: 10px 0px;
    }

    .chat-profile-body .chat-profile-title {
        margin-bottom: 10px;
    }

    .new-chat-icon {
        height: 40px;
        min-width: 40px;
    }

    .new-chat-icon .icon {
        font-size: 16px;
    }

    .new-chat-content h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .new-chat-content span {
        font-size: 10px;
        line-height: 16px;
    }

    .new-chat-arrow i {
        font-size: 12px;
        left: 15px;
    }

    .chat-profile-participants-header {
        padding: 16px 12px 12px 12px;
    }

    .chat-profile-participants-header h6 {
        font-size: 14px;
        line-height: 20px;
    }

    .chat-profile-participants-header .chat-profile-select-all {
        font-size: 12px;
    }

    .chat-profile-participants .contact-list ul {
        height: calc( 100% - 342px );
    }

    .chat-profile-body {
        height: calc( 100% - 124px );
    }

    .chat-profile-body-content {
        padding-top: 20px;
    }

    .chat-profile-footer .mdc-button {
        min-width: initial;
        width: 100%;
    }

    .chat-media-back-button {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .chat-profile-media-list .checkbox .document-icon {
        font-size: 36px;
        margin-top: 20px;
    }

    .chat-profile-media-list .checkbox .document-name {
        font-size: 12px;
    }

    .chat-profile-media-list .checkbox .checkbox-audio-play, 
    .chat-profile-media-list .checkbox .checkbox-video-play {
        height: 30px;
        width: 30px;
        font-size: 14px;

    }

    .chat-profile-media-select-all {
        margin-bottom: 12px;
    }

    .chat-profile-media-list {
        grid-gap: 15px;
    }

    .chat-profile-media-document .chat-profile-footer .mdc-button {
       width: auto;
    }

    .footer-action-buttons button {
        margin-right: 15px;
    }

    .footer-action-buttons button .icon {
        font-size: 18px;
    }
    
    .option-menu ul li .icon.icon-video-camera {
        font-size: 12px;
    }

    .messsage-audio .btn-audio-play {
        height: 30px;
        width: 30px;
        margin-right: 14px;
    }
    
    .messsage-audio .btn-audio-play:after {
        font-size: 14px;
    }

    .messsage-audio .audio-progress-time {
        font-size: 12px;
        line-height: 20px;
    }

    .video-play-icon {
        height: 30px;
        width: 30px;
    }

    .video-play-icon i {
        font-size: 14px;
    }

    .message-list-footer .message-field {
        padding: 10px ​16px;
    }

    .message-list-footer .message-field .field-control {
        font-size: 14px;
        line-height: 20px;
        min-height: initial;
    }

    .message-field .btn-emoji {
        font-size: 16px;
    }

    .message-list-footer .btn-message-send {
        height: 38px;
        width: 38px;
        font-size: 18px;
    }

    .message-list-footer .btn-message-send .icon {
        margin-top: 0;
    }

    .message-list-footer {
        padding: 8px 20px 8px 22px;
    }

    .chat-profile-footer {
        padding: 14px 15px;
    }

    .individual-chat-room-header {
        height: 50px;
        padding: 12px 20px;
    }

    .individual-chat-room-header > h6 {
        font-size: 14px;
        line-height: 18px; 
    }

    .individual-chat-back-button {
        height: 16px;
        font-size: 14px;
    }

    .individual-chat-room .chat-sidebar, 
    .individual-chat-room .chat-message-list, 
    .individual-chat-room .chat-profile {
        height: 85.9vh;
    }

    .chat-room .new-group-box-close-button {
        top: 106px;
        font-size: 16px;
    }

    .new-group-box-heading {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .new-group-tab-container .nav-tabs-fill .nav-link {
        font-size: 16px;
        padding: 10px 20px;
    }

    .new-group-tab-container .nav-tabs-fill .nav-link.active::after {
        margin-left: -12px;
        bottom: -11px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #1231A2;
    }

    /* .new-group-tab-container .tab-content {
        padding-top: 20px;
    } */

    .chat-room .member-selection .member-list-header h5 {
        font-size: 12px;
    }

    .all-can-chat-heading {
        padding: 10px 15px;
    }

    .all-can-chat-heading h6 {
        font-size: 14px;
    }

    .all-can-chat-body {
        padding: 15px;
        grid-gap: 15px;
    }

    .all-can-chat-footer {
        padding: 10px 15px;
    }

    .member-list-header-action .select-deselect {
        font-size: 12px;
        line-height: 20px;
    }

    .member-list-header-action .btn {
        margin-left: 15px;
        height: 26px;
        width: 26px;
    }
    
    .member-list-header-action .btn.icon-btn span {
        font-size: 12px;
    }

    .new-group-tab-container .tab-content > .tab-pane .tab-pane-content {
        min-height: 400px;
    }

    .new-group-tab-container .class-group-info-form .override-material-css .full-width-component {
        margin-bottom: 20px;
    }
    
    .chat-room .member-selection {
        grid-gap: 40px;
    }

    .chat-room .member-selection .member-list .contact-list {
        height: 300px;
    }

    .chat-room .member-selection .member-selected-list .contact-list {
        height: 360px;
    }

    .chat-room .member-selection .message-field {
        padding: 8px 12px;
    }

    .message-field .field-control {
        font-size: 12px;
        line-height: 20px;
    }

    .chat-room .member-selection .message-field .chat-icon-search {
        font-size: 14px;
        margin-right: 12px;
    }

    .all-can-chat-footer .form-control {
        font-size: 12px;
    } 

    .new-group-tab-container .input-right-icon {
        font-size: 8px;
    }

    .new-group-tab-container .mdc-form-field>label {
        font-size: 12px;
    }

    .all-can-chat-heading .mdc-form-field {
        min-width: 100px;
    }

    .new-chat-tab-container .new-chat-tab-header {
        padding: 8px 28px;
    }

    .new-chat-tab-container .nav-tabs-fill .nav-link {
        font-size: 12px;
        line-height: 18px;
        padding: 5px 10px;
        min-width: 80px;
    }

    .new-chat-tab-pane-header {
        padding: 10px 15px;
    }

    .add-new-member-modal .vizn-footer-btn .mdc-banner {
        width: 100%;
    }

    .add-new-member-modal .modal-title {
        font-size: 16px;
        line-height: 20px;
    }

    .modal.add-new-member-modal .modal-header-center .close {
        margin-top: -22px;
    }

    .upload-image-preview {
        height: calc(100vh - 150px);
    }

    .upload-image-preview .upload-header {
        padding: 10px 15px;
        font-size: 14px;
    }

    .upload-image-preview .upload-header .cancel-upload .icon-close {
        line-height: 14px;
    }

    .upload-image-preview .upload-header .cancel-upload .icon-close:before {
        font-size: 16px;
        vertical-align: middle;
    }

    .upload-image-preview .message-field {
        margin: 10px auto 20px;
    }

    .upload-image-preview .preview-thumbnail-wrapper {
        padding: 15px 15px;
    }

    .upload-image-preview .thumbnail-list li {
        max-width: 80px;
        width: 80px;
        max-height: 80px;
        height: 80px;
    }

    .upload-image-preview .add-more {
        height: 80px;
        width: 80px;
    }

    .upload-image-preview .preview-thumbnail-wrapper .send-image {
        top: -20px;
        right: 60px;
        font-size: 18px;
        height: 40px;
        width: 40px;
        line-height: 44px;
    }

    .upload-image-preview .add-more {
        font-size: 25px;
    }

    .upload-image-preview .preview-image {
        padding-top: 10px;
    }

    .upload-image-preview .preview-image img {
        max-height: calc( 50vh - 72px );
    }

    /* Class Admin Dashboard */

    .vizn-dashboard-status-bar {
        margin-bottom: 15px;
    }

    .vizn-dashboard-status-bar > img {
        height: 30px;
        width: 30px;
        margin-right: 12px;
    }

    .vizn-dashboard-status-title > h6 {
        font-size: 14px;
        line-height: 16px;
    }

    .vizn-dashboard-status-title > span {
        font-size: 12px;
        line-height: 14px;
    }

    .vizn-dashboard-status-bar .progress {
        height: 20px;
    }

    .vizn-student-behaviour-card {
        padding: 20px 20px 15px;
    }

    .vizn-student-behaviour-card > h6 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .vizn-student-behaviour-card > h6 > img {
        height: 24px;
        width: 24px;
        margin-right: 10px;
    }

    .vizn-student-behaviour-card > p {
        font-size: 30px;
        line-height: 38px;
    }

    .vizn-student-behaviour-list ul li {
        line-height: 16px;
        margin-bottom: 6px;
    }

    .vizn-student-behaviour-hours {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 6px;
    }

    .vizn-student-behaviour-title {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 0px;
    }

    .vizn-dashboard-grid-item-header p {
        font-size: 12px;
    }

    .vizn-select2-title {
        font-size: 12px;
    }

    .vizn-select2-dropdown-md.vizn-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 30px;
        font-size: 12px;
        padding-left: 12px;
    }

    .select2-dropdown-md .select2-results__option {
        font-size: 12px;
    }
    
    .vizn-branch-wise-card table tr td {
        font-size: 14px;
    }

    .vizn-survey-table tbody tr td:first-child {
        width: 30%;
    }

    .vizn-survey-table tbody tr td:nth-child(3) {
        width: auto;
    }

    .vizn-survey-table tbody tr td:nth-child(4) {
        width: 30%;
    }

    .vizn-class-admin-dashboard .vizn-dashboard-grid-graph {
        height: auto;
    }

    .vizn-class-admin-dashboard .vizn-dashboard-grid-4 {
        grid-template-columns: repeat(3, 1fr);
    }
   
    .vizn-class-admin-dashboard .vizn-dashboard-span-3 {
        grid-column: span 2;
    }

    .vizn-dashboard-filter-select2 {
        width: 120px;
    }

    .test-breadcrumbs-filter .vizn-select2-title {
        font-size: 12px;
    }
    .modal.student-target-modal .modal-title{
        font-size: 16px; 
    }
}

@media screen and (max-width: 1400px) {
    .vizn-paper-question-box .vizn-paper-question-item table{
        min-width: 100%;
    }
}

@media screen and (max-width: 1366px) {
    /*Dashboard*/
    .vizn-dashboard-grid-5 {
        /* grid-template-columns: repeat(3, 1fr); */
        grid-gap: 20px;
        padding: 30px 0px;
    }
    .vizn-dashboard-grid-5 .vizn-dashboard-chart-item {
        padding: 0;
    }
    /*Dashboard*/
    /* .vizn-dashboard-grid-4 {
    grid-template-columns: repeat(2, 1fr);
    } */

    /*Class admin dashboard*/

    .vizn-student-behaviour-details {
        min-width: 180px;
    }
    .modal.student-target-modal .modal-body{
        max-height: auto;
    }
}

@media screen and (max-width: 1200px) {
    .vizn-profile-info .dropdown-item.header-quick-url {
        display: block;
    }
    /** Fro Dropdwown alginment**/
    .vizn-nested-menu .dropdown-menu-right .submenu {
        left: 0;
        right: 0
    }
    .vizn-auth-pages{
        height: auto;
        flex-grow: inherit;
    }
    .vizn-auth-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;   
        padding: 30px 0px; 
    }
    .vizn-auth-img{
        display: none;
    }
    .vizn-auth-block, .vizn-auth-block.create-account-block{
        padding: 25px 20px;
    }
    .vizn-auth-block-main{
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
        align-items: initial;
    }
    .vizn-auth-block-content{
        margin: 0 auto;
        padding-right: 0;
    }
    .vizn-auth-img-mobile{
        display: block;
        width: 150px;
        /* margin-top: 30px; */
    }
    .override-material-css .mdc-button, .vizn-btn-link{
        font-size: 14px;
    }
    .create-account-section .vizn-auth-block-main, .vizn-footer-btn .mdc-button--outlined, .vizn-footer-btn input[type="submit"].mdc-button--raised{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .dt-footer-btn .mdc-button--outlined{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .vizn-footer-btn.dt-footer-btn input[type="submit"].mdc-button--raised + .mdc-button--outlined {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /* For background crop issue in responsive landscap view */
    @media (orientation: landscape) {
        .vizn-auth-section{
            height: 100%;
        }
        /* .logbook-blocks .row .custom-md-padding{
            flex: 0 0 50%;
            max-width: 50%;
        } */
    }
    /* My Profile responsive css -- End */
    .vizn-btn-youtube, .vizn-notification-icon, .vizn-ques-icon, .vizn-profile-gm, .vizn-dropdown-default-text span,
    .vizn-seup-icon, .vizn-notification-dropdown, .vizn-notification-note-icon{
        display: none;
    }
    .vizn-nav-custom{
        position: fixed;
        z-index: 99;
        top: 10px;
        right: 15px;    
    }
    .vizn-header-right{
        margin-right: 65px;
    }
    .vizn-nav{
        padding: 0;
    }
    .vizn-nav .navbar-scroll{
        width: 100%;
        max-height: 100%;
        overflow-y: auto;
    }
    .vizn-task-count{
        position: relative;
        margin-left: 15px;
    }
    .vizn-nested-menu .vizn-dropdown-menu, .vizn-inner-page-block-right, .search-box input{
        width: 100%;
    }
    .vizn-nested-menu .submenu, .vizn-nested-menu .dropdown-menu{
        position: relative;
        left: auto;
    }
    .vizn-inner-page-block, .lecture-filter, .test-breadcrumbs-filter, .lecture-block-btn{
        flex-direction: column;   
    }
    .mt-mobile{
        margin-top: 15px;
    }
    .vizn-form-title, .vizn-inner-page-form, .vizn-inner-pages, .vizn-inner-page-upload, .daterangepicker.show-calendar .datepicker-title{
        padding: 15px;
    }
    .vizn-inner-page-block-content{
        margin: 0;
    }
    .vizn-pagename, .vizn-form-title{
        font-size: 18px;
    }
    .vizn-label-dot label:after{
        content: none;
    }
    .vizn-upload-block{
        max-width: 100%;
        margin-left: 0;
    }
    /* My Profile responsive css -- End */
    .vizn-datatable .pagination>li>a, .vizn-datatable .pagination>li>span{
        margin-left: 5px;
        height: 30px;
        min-width: 30px;
    }
    button.vizn-sidebar-toggle{
        display: block;
        cursor: pointer;
        color: rgba(0,0,0,.5);
        padding: .25rem .75rem;
        font-size: 1.25rem;
        background-color: transparent;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: .25rem;
        position: absolute;
        right: 0;
        top: 0;
    }
    .vizn-inner-page-block-left{
        display: none;
        position: absolute;
        width: calc(100% - 30px);
        z-index: 2;
    }
    .vizn-header{
        box-shadow: 5px 15px 10px -15px #ececec;
    }
    .vizn-inner-pages{
        padding-top: 80px;
    }
    .plan-expire-soon main.vizn-inner-pages{
        padding-top: 120px;
    }
    .email-block-btn{
        flex-direction: column;
        align-items: flex-start;
    }
    .email-block-btn .send-btn{
        margin-left: 0;
    }
    .vizn-footer-btn button, .daterangepicker .drp-buttons .btn, .vizn-btn-group .btn{
        min-height: auto;
    }
    .mdc-button.btn-height-res{
        height: 36px;
    }
    .filter-input-cal-wrapper .form-control{
        min-height: 35px;
    }
    .filter-input-cal{
        top: 8px;
    }
    .btn.icon-btn{
        height: 30px;
    }
    .daterangepicker .drp-buttons .btn{
        padding: 10px 20px;
    }
    .daterangepicker{
        margin-right: 15px;
    }
    .modal.right .modal-dialog{
        height: calc(100vh - 60px);
        top: 60px;
    }
    .vizn-inner-pages .search-box input{
        min-height: 30px;
        padding: .375rem .75rem;
    }
    /* .vizn-inner-pages .search-box .search-close{
        top: 0;
    } */
    .export-btn{
        position: relative;
        margin-top: 20px;
    }
    .simple-table-export{
        padding-bottom: 0;
    }
    .test-breadcrumbs-filter .search-responsive > *{
        margin-bottom: 20px;
        margin-right: 0;
    }
    .test-breadcrumbs-filter .mdc-button{
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 0;
    }
    .res-mt-30{
        margin-top: 30px;
    }
    .notification-dropdown {
        display: none;
    }
    .vizn-subject-selection-section {
        padding: 20px 15px;
    }
    .vizn-template-section {
        grid-template-columns: 1fr;
    }
    .vizn-manage-library-grid-list { 
        grid-template-columns: repeat(2, 1fr);
    }

    /* Added Menu issue Jira */
    .vizn-header-left{
        margin-right: auto;
    }
    .vizn-header-right{
        margin-right: 1rem;
    }
    .vizn-nav-custom{
        position: relative;
        top: unset;
        right: unset;
    }

    /* Added For Jira bugs */
    .vizn-paper-question-box .vizn-paper-question-list{
        min-width: unset;
    }
    .vizn-footer-btn button, .vizn-footer-btn .btn, .vizn-footer-btn input[type="submit"], .daterangepicker .drp-buttons .btn {
        line-height: 0;
    }
    .vizn-details-block-inner {
        word-break: break-all;
    }

    .vizn-nested-menu .submenu {
        right: 0;
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .create-account-2-grid-field {
        display: block;
    }

    .modal.right .modal-body {
        max-height: calc(100vh - 155px);
    }
    .modal.right .modal-content {
        border-color: transparent;
    }

    /* Control Search Icon with Title Side by Side */
    .test-breadcrumbs-filter.test-breadcrumbs-single-filter-row {
        flex-direction: row;
    }  

    /* Header Height */
    .vizn-nav {
        top: 60px;
    }

    .vizn-header {
        height: 60px;
    }

    /* library page */
    .selection-types .mdc-button--outlined {
        margin-bottom: 3px;
        margin-top: 3px;
    }

    /* 404 Error Page */
    .page-not-found .mdc-button {
        height: 40px;
        min-width: auto;
    }
    .vizn-dashboard-grid-5 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Chat module CSS */

    .chat-room {
        padding-top: 60px;
    }

    .chat-profile-show .chat-message-list {
        width: calc(100vw - 330px);
    }

    .chat-profile {
        position: fixed;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        z-index: 2;
        top: 60px;
        box-shadow: 0px 2px 6px #00000014;
    }

    .chat-profile-body {
        height: calc( 100% - 124px );
    }

    .chat-profile .create-account-section .vizn-auth-block-main, 
    .chat-profile .vizn-footer-btn .mdc-button--outlined, 
    .chat-profile .vizn-footer-btn input[type="submit"].mdc-button--raised {
        margin: 0;
    }

    .chat-profile-show .chat-profile.chat-profile-media-document.active {
        z-index: 3;
    }

    .day-message-list .message-list-entry .message-box {
        max-width: initial;
    }

    .message-list-body {
        overflow-x: hidden;
    }

    .day-message-list {
        padding: 18px 25px 25px;
    }

    .individual-chat-room .chat-sidebar, 
    .individual-chat-room .chat-message-list, 
    .individual-chat-room .chat-profile {
        height: 88.2vh;
    }
    
    .individual-chat-room .chat-profile {
        top: 110px;
        height: 88.5vh;
    }

    .chat-room .new-group-box-close-button {
        top: 80px;
        z-index: 2;
    }

    .new-group-box {
        padding: 20px 0px;
    }

    .new-group-box-heading {
        margin-bottom: 14px;
    }

    .new-group-tab-container .nav-tabs-fill .nav-link {
        font-size: 14px;
        line-height: 22px;
    }

    .chat-room .new-group-box-footer .mdc-button {
        margin-bottom: 0;
    }

    .new-group-tab-container .tab-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .chat-room .member-selection .member-list-header {
        min-height: 30px;
        margin-bottom: 15px;
    }

    .new-group-tab-container .nav-tabs-fill .nav-link.active::after {
        margin-left: -10px;
        bottom: -9px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #1231A2;
    }

    .upload-image-preview {
        height: calc(100vh - 128px);
    }

    .upload-image-preview .preview-thumbnail-wrapper .send-image {
        right: 30px;
    }

    /* Class Admin Dashboard */
    .vizn-dashboard-grid-2.vizn-dashboard-row-8 {
        grid-template-columns: repeat(1, 1fr);
    }

    .vizn-dashboard-grid-4.vizn-dashboard-row-3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .vizn-dashboard-row-3 .vizn-dashboard-span-3 {
        grid-column: span 1;
    }

    .vizn-dashboard-row-3 .vizn-dashboard-grid-item {
        overflow: auto;
    }


    /* Class Admin dashboard */

    .vizn-dashboard-grid-4.vizn-dashboard-row-7 {
        grid-template-columns: repeat(1, 1fr);
    }

    .vizn-dashboard-grid-4.vizn-dashboard-row-7 .vizn-dashboard-span-3 {
        grid-column: span 1;
    }
    .target-box-wrapper.second-wrapper{
        margin-bottom: 15px;
    }
}

@media screen and (width: 1200px) {
    .chat-room {
        padding-top: 100px;
    }  
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) and (max-width: 1200px) and (min-width: 1024px) {
    .modal.right .modal-footer{
        bottom: 30px;
    }
}

@media screen and (min-width: 1200px) {
    /* Responsive Header Menu */
    .vizn-nav-custom{
        display: none;
    }
    .vizn-navbar-expand{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .vizn-navbar-expand .navbar-collapse{
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .vizn-navbar-expand .navbar-nav{
        flex-direction: row;
    }
    /* Generate Paper Overview page overall-qa set first td fixed with  */	
    .table-first-col-fix-width {	
        width: 250px;	
    }	
    /* End Generate Paper Overview page overall-qa set first td fixed with  */

    /* Temporary Border on Header Submenu Dropdown */
    .vizn-nested-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
    }
    .vizn-nested-menu .submenu {
        padding: 0px;
        margin: 0px;
    }
    .vizn-nested-menu .vizn-dropdown-menu {
        padding: 0px;
        border-color: rgba(0, 0, 0, .15);
    }
    /* Temporary Border on Header Submenu Dropdown */
}

@media screen and (width: 1024px) {
    .logbook-blocks .row .custom-md-padding, .dashboard-blocks .row .custom-md-padding, .chapter-blocks .row .custom-md-padding{
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    /* Export button ipad-pro view */
    .export-btn {
        position: absolute;
    }
    .new-group-box {
        min-width: initial;
    }
}

@media screen and (max-width: 768px) {
     /* Changes are added for iframe issue PEM-295 */
     .modal.right .modal-dialog{
         height: calc(100vh - 60px);
        top: 60px;
    }
    .vizn-nav .navbar-scroll{
        /* added for PEM-565 */
        max-height: 80vh;
    }

    .vizn-dashboard-grid-5 {
        grid-template-columns: repeat(1, 1fr);
    }
    .vizn-dashboard-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .vizn-dashboard-grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .vizn-dashboard-span-2 {
        grid-column: auto;
    }

    /* Class Admin Dashboard */
    .vizn-dashboard-row-1 .vizn-dashboard-grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .vizn-student-behaviour-chart {
        display: block;
    }

    .vizn-dashboard-grid-2.vizn-dashboard-row-8 {
        display: block;
    }

    .vizn-dashboard-grid-2.vizn-dashboard-row-8 .vizn-dashboard-grid-item:first-child {
        margin-bottom: 20px;
    }

    .vizn-student-behaviour-list {
        height: auto;
    }

    .vizn-survey-table {
        min-width: 600px;
    }
}

@media screen and (max-width: 992px) {
    .vizn-details-page .row:last-child .vizn-details-block:first-child{
        border-bottom: 1px solid #D9DEE5;
    }
    .mt-lg-20{
        margin-top: 20px;
    }
    .vizn-details-page .row .vizn-details-block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .vizn-upload-paper-tab {
        display: none;
    }
    .vizn-upload-paper-tab-content {
        padding-bottom: 30px;
    }
    .vizn-upload-paper-tab-content >.active{
        display: none;
    }
    .vizn-upload-paper-tab-content .collapse.show {
        display: block;
    }
    .vizn-upload-paper-accordion-btn {
        display: block;
    }
    .vizn-list {
        padding-left: 10px;
    }

    .vizn-manage-library-grid-list { 
        grid-template-columns: repeat(1, 1fr);
    }
    .tooltip{
        display: none;
    }
    .slider-subscription .owl-nav button.owl-prev span, .slider-subscription .owl-nav button.owl-next span{
        font-size: 40px;
        line-height: 25px;
        height: 30px;
        width: 30px;
    }
    .export-btn{
        position: relative;
        margin-top: 20px;
    }
    /* .select2-material .select-float-label{
        line-height: 1;
        top: 6px;
    } */

    .vizn-user-type .bradius,
    .vizn-user-type .bradius .btn {
        width: 100%;
        display: block;
    }

    .vizn-btn-group, .dt-footer {
        display: flex;
        flex-direction: column;
    }

    .vizn-user-type .bradius .btn {
        border-radius: 5px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .tooltip-top .btn:focus{
        box-shadow: none;
    }
    .page-not-found img {
        max-width: 50%;
    }

    /* Chat module CSS */

    .day-message-list .message-list-entry .message-box {
        max-width: 90%;
    }

    .contact-list .contact-list-item {
        padding: 8px 15px;
    }

    .contact-list-item .contact-image {
        height: 36px;
        width: 36px;
    }

    .contact-list-item .contact-detail .contact-name {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 2px;
    }

    .contact-list-item .contact-detail .contact-last-message {
        font-size: 10px;
        line-height: 12px;
    }

    .contact-list-item .contact-message-counts .message-counts {
        height: 16px;
        min-width: 16px;
        font-size: 9px;
        line-height: 17px;
    }
    .contact-list-item .contact-message-counts .message-time {
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 6px;
    }
    /* .message-box .option-menu {
        left: 40px
    } */
    .separator:after {
        width: 100%;
        left: 0;
    }
    .messsage-audio .audio-progress {
        /* max-width: 200px; */
        min-width: 200px;
    }
    .footer-action-buttons button {
        margin-right: 15px;
    }
    .message-list-footer .btn-add-media {
        font-size: 16px;
        height: 16px;
        width: 16px;
    }
    .footer-action-buttons button .icon {
        font-size: 16px;
    }
    .message-list-header {
        flex-wrap: wrap;
        padding: 10px 12px;
    }

    .day-message-list .message-list-entry .message-box .messsage {
        font-size: 10px;
        line-height: 16px;
    }

    .day-message-list .message-list-entry .message-box .messsage-time {
        font-size: 9px;
        line-height: 12px;
    }

    .user-profile-detail {
        order: 3;
        width: 100%;
        margin-top: 10px;
        /* justify-content: center; */
        flex-wrap: wrap;
    }
    .user-profile-detail .item-full {
        margin-right: 0;
        order: 5;
        margin-left: auto;
        /* width: 100%; */
        /* margin-top: 10px; */
    }
    .not-conneted .action-list .btn {
        min-width: unset;
        width: 100%;
        margin: 0;
        border-radius: 0;
        border-bottom: 1px solid #00000033;
    }
    .not-conneted .action-list li:first-child .btn {
        border-radius: 10px 10px 0 0;
    }
    .not-conneted .action-list li:last-child .btn {
        border-radius: 0 0 10px 10px;
    }
    .not-conneted .action-list {
        flex-flow: column;
        align-items: initial;
    }
    .not-conneted .action-list li .btn{
        background-color: rgba(5, 5, 5, 0.1);
        color: #1C73C5;
    }

    .message-list-footer {
        padding: 8px 12px 8px 14px;
    }

    .message-field {
        padding: 8px 12px;
    }

    .message-list-footer .message-field .field-control {
        font-size: 12px;
    }

    .message-list-footer .btn-message-send {
        height: 36px;
        width: 36px;
        font-size: 16px;
    }

    .day-message-list {
        padding: 12px 15px 15px;
    }

    .attachment-list {
        max-width: 170px;
    }

    .attachment-list li {
        max-width: 80px;
        max-height: 80px;
    }

    .chat-profile-footer {
        padding: 11px 15px;
    }

    .chat-profile-body {
        height: calc( 100% - 110px );
    }

    .chat-profile-media-select-all {
        margin-bottom: 10px;
    }

    .chat-profile-media-select-all > a {
        font-size: 12px;
        line-height: 12px;
    }

    .chat-room .mdc-checkbox {
        height: 16px;
        width: 16px;
    }

    .chat-room .mdc-checkbox .mdc-checkbox__native-control {
        height: 16px;
        width: 16px;
    }

    .chat-room .mdc-checkbox__background {
        height: 16px;
        width: 16px;
    }

    .chat-room .chat-profile-header {
        padding: 18px 20px;
    }

    .chat-profile-header > h6 {
        line-height: 22px;
    }

    .chat-media-back-button {
        width: 22px;
    }

    .chat-profile-media-list {
        grid-gap: 12px;
    }

    .search-chat {
        padding-top: 10px;
    }
    
    .new-chat {
        padding-top: 10px;
    }

    .search-chat-form-group {
        padding: 5px 10px;
    }

    .search-chat-form-group .chat-icon-search {
        font-size: 12px;
    }

    .search-chat-form-control {
        font-size: 12px;
        line-height: 18px;
        margin-left: 10px;
    }

    .individual-chat-room-header {
        padding: 12px 10px;
    }

    .individual-chat-room .chat-sidebar, 
    .individual-chat-room .chat-message-list, 
    .individual-chat-room .chat-profile {
        height: 93%;
    }

    .individual-chat-room .chat-sidebar {
        top: 111px;
    }

    .chat-sidebar {
        position: fixed;
        z-index: 5;
        width: 100%;
        background-color: #fff;
        height: 100%;
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .contact-list .contact-list-item .option-menu {
        display: none;
    }
    .chat-message-list {
        width: 100%;
    }
    .hide-contact-list .chat-sidebar {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
        visibility: hidden;
    }
    .user-profile-box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .selection-list ul .selection-list-item {
        width: 45px;
    }
    .show-contact {
        display: block;
        font-size: 15px;
        margin-right: 10px;
        width: 25px;
        margin-left: -10px;
        text-align: center;
        cursor: pointer;
    }

    .search-contact input, .forward-message-text input {
        height: 36px;
        padding: 8px 8px 8px 36px;
    }
    .search-contact .search-icon {
        font-size: 16px;
        top: 10px;
        left: 12px;
    }
    .group-icon-box {
        padding-bottom: 10px;
    }
    .seleted-contact-list {
        max-height: 50vh;
        overflow: auto;
        overflow-x: hidden;
    }
    .show-prev {
        font-size: 20px;
        top: 10px;
        left: 15px;
    }
    .group-image {
        width: 60px;
        height: 60px;
    }
    .group-image img {
        max-width: 35px;
    }
    .group-name-field input[type="text"] {
        padding: 8px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .group-name-field label {
        font-size: 16px;
        line-height: 20px;
        top: 10px;
    }
    .group-name-field input[type="text"]:focus~label, .group-name-field input[type="text"]:not(:placeholder-shown)~label {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    .group-name-field input[type="text"]:focus~label, .group-name-field input[type="text"]:not(:placeholder-shown)~label {
        font-size: 13px;
    }
    .footer-action-buttons button {
        margin-right: 15px;
    }
    .message-field .btn-emoji {
        bottom: 16px;
    }
    .message-field .reply-message-text p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .seleted-contact-list ul li {
        width: 20%;
    }
    .btn-profile-options {
        height: 20px;
        width: 20px;
        font-size: 16px;
    }
    .message-list-footer .option-menu.align-center {
        left: -20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .message-list-footer .option-menu:after {
        display: none;
    }
    .btn-message-send {
        font-size: 24px;
    }
    .audio-record-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .audio-record-box .audio-record-timeline {
        padding: 10px 15px;
    }
    .audio-record-box .audio-cancel {
        font-size: 20px;
    }
    .message-list-body.select-messages .day-message-list .message-list-entry .delete-message {
        margin-left: 15px;
    }
    .upload-image-preview .preview-thumbnail-wrapper .send-image{
        right: 10px;
    }
    .upload-image-preview .add-more, .upload-image-preview .thumbnail-list li, .upload-image-preview .thumbnail-list li.active{
        border: none;
        height: auto;
        width: auto;
    }
    .upload-image-preview .preview-image{
        padding-top: 0;
    }
    .upload-image-preview .preview-image img{
        max-width: 100%;
    }
    .upload-image-preview .message-field{
        max-width: calc(100vw - 20px);
        margin-top: 5px;
        /* margin-bottom: 5px; */
    }

    .chat-profile-show .chat-message-list {
        width: 100%;
    }

    .chat-tabs li {
        font-size: 12px;
        padding: 16px 15px;
    }

    .user-profile-box .user-avtar {
        width: 38px;
        height: 38px;
    }

    .user-detail .user-name {
        line-height: 14px;
        margin-bottom: 2px;
    }

    .chat-profile-body-content {
        padding-top: 15px;
    }

    .chat-profile-photo {
        height: 60px;
        width: 60px;
        margin-bottom: 12px;
    }
    
    .new-group-tab-container .class-group-info-form .chat-profile-photo {
        height: 60px;
        width: 60px;
        margin-bottom: 12px;
    }

    .chat-profile-body .chat-profile-title h4 {
        padding-left: 35px;
        padding-right: 35px;
        font-size: 14px;
        line-height: 18px;
    }

    .chat-profile-photo .chat-profile-upload-icon {
        height: 20px;
        width: 20px;
        font-size: 12px;
        right: -8px;
        bottom: -8px;
    }

    .chat-profile-body .chat-profile-title .chat-profile-schedule {
        font-size: 10px;
        line-height: 14px;
    }

    .chat-profile-body .chat-profile-title {
        margin-bottom: 6px;
    }

    .chat-profile-body .chat-profile-media-document-option {
        font-size: 12px;
        padding: 10px 32px 10px 12px;
    }

    .new-chat-icon {
        height: 30px;
        min-width: 30px;
    }

    .new-chat-icon .icon {
        font-size: 12px;
    }
    
    .new-chat-content h6 {
        font-size: 12px;
        line-height: 18px;
    }

    .chat-profile-participants .contact-list ul {
        height: calc( 100% - 262px );
    }

    .chat-room .member-selection {
        grid-gap: 25px;
    }

    .add-new-member-modal .modal-title {
        font-size: 14px;
        line-height: 16px;
    }

    .add-new-member-modal .modal-header,
    .add-new-member-modal .modal-footer {
        padding: 10px 10px;
    }

    .upload-image-preview {
        height: calc(100vh - 118px);
    }

    /* Class admin dashboard */
    .vizn-dashboard-grid-2.vizn-dashboard-row-1,
    .vizn-dashboard-grid-4.vizn-dashboard-row-2,
    .vizn-dashboard-grid-4.vizn-dashboard-row-3,
    .vizn-dashboard-grid-2.vizn-dashboard-row-4,
    .vizn-dashboard-grid-4.vizn-dashboard-row-5, 
    .vizn-dashboard-grid-4.vizn-dashboard-row-6, 
    .vizn-dashboard-grid-4.vizn-dashboard-row-7 {
        grid-template-columns: 100%;
    }

    .vizn-dashboard-row-2 .vizn-dashboard-span-3,
    .vizn-dashboard-row-3 .vizn-dashboard-span-3,
    .vizn-dashboard-row-5 .vizn-dashboard-span-3,
    .vizn-dashboard-row-6 .vizn-dashboard-span-3,
    .vizn-dashboard-row-7 .vizn-dashboard-span-3 {
        grid-column: span 1;
    }
}

@media screen and (max-width: 600px) {
    .vizn-logo-mobile{
        display: inline-block;
        vertical-align: middle;
    }
    .vizn-logo{
        display: none;
    }
    .vizn-nav li.nav-item{
        height: auto;
    }
    .vizn-nav li.nav-item:hover, .vizn-nav li.nav-item.active{
        border-bottom: 1px solid #1C73C5;
    }
    .vizn-footer-btn button{
        padding: 10px 20px;
    }
    .vizn-contact-blocks{
        flex-direction: column;
        margin: 15px;
    }
    .vizn-contact-email{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .vizn-contact-block, .vizn-tabs .nav-tabs .nav-item{
        width: 100%;
    }
    .contact-icon{
        margin-left: 20px;
        margin-right: 20px;
    }
    .vizn-radio-types, .vizn-btn-group, .vizn-details-select2, .dt-footer, .vizn-details-block-inner{
        display: flex;
        flex-direction: column;
    }
    .modal.right .modal-dialog{
        width: 100%;
    }
    .vizn-btn-group .btn, .override-material-css .mdc-text-field__input, .override-material-css .mdc-select,
    .vizn-tabs .nav-tabs .nav-link{
        font-size: 14px;
    }
    .test-breadcrumbs-filter .search-responsive{
        display: block;
    }
    .vizn-tabs .nav-tabs .nav-item:first-child{
        margin-bottom: 1px;
    }
    .vizn-tabs .nav-tabs .nav-link{
        padding: 10px 15px;
    }
    .vizn-details-page label::after{
        content: none;
    }
    .vizn-datatable div.dataTables_wrapper div.dataTables_info{
        margin-right: 0;
    }
    .vizn-multiselect .ms-container .ms-selectable, .vizn-multiselect .ms-container .ms-selection{
        width: 100%;
    }
    .vizn-multiselect .ms-container .ms-selection{
        margin-top: 20px;
    }
    .vizn-details-block-inner{
        align-items: flex-start;
    }
    .file-details .file-name{
        max-width: 190px;
    }

    .dashboard-content-grid-title h4 {
        font-size: 1.2rem;
        margin-bottom: 13px;
        min-width: 75%;
    }

    .vizn-card-box-top-btn .mdc-button{
        width: 100%;
        margin: 0;
    }
    .vizn-card-box-top-btn .mdc-button + .mdc-button{
        margin-top: 10px;
    }

    .vizn-actions {
        display: flex;
        /* flex-flow: column; */
        align-items: flex-start;
        width: auto;
    }
    .vizn-actions .vizn-badge{
        white-space: nowrap;
    }

    .vizn-datatable .pagination>li>a, .vizn-datatable .pagination>li>span{
        margin: 3px;
    }

    /* Control Search Icon with Title Side by Side */
    .test-breadcrumbs-filter.test-breadcrumbs-single-filter-row {
        flex-direction: column;
    }

    #mobileFilter {
        display: block;
    }
    #collapseFilter {
        display: none;
    }
    #collapseFilter.show{
        display: block;
    }

}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .navbar-nav{
        max-height: 65vh;
        overflow: auto;
    }
     .lecture-filter-btn-group .vizn-pos-rel {
        width: 100%;
        margin-bottom: 10px;
    }

    .lecture-filter-btn-group .vizn-pos-rel:last-child {
        margin-bottom: 0;
    }

    .lecture-filter-btn-group .vizn-pos-rel .btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 5px;
    }

    /* Chat module CSS */

    .chat-sidebar {
        position: fixed;
        z-index: 5;
        width: 100%;
        background-color: #fff;
        height: 100%;
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }
    .contact-list .contact-list-item .option-menu {
        display: none;
    }
    .chat-message-list {
        width: 100%;
    }
    .hide-contact-list .chat-sidebar {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
        visibility: hidden;
    }
    .user-profile-box {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .selection-list ul .selection-list-item {
        width: 45px;
    }
    .show-contact {
        display: block;
        font-size: 22px;
        margin-right: 10px;
    }
    .search-contact input, .forward-message-text input {
        height: 36px;
        padding: 8px 8px 8px 36px;
    }
    .search-contact .search-icon {
        font-size: 16px;
        top: 10px;
        left: 12px;
    }
    .group-icon-box {
        padding-bottom: 10px;
    }
    .seleted-contact-list {
        max-height: 50vh;
        overflow: auto;
        overflow-x: hidden;
    }
    .show-prev {
        font-size: 20px;
        top: 10px;
        left: 15px;
    }
    .group-image {
        width: 60px;
        height: 60px;
    }
    .group-image img {
        max-width: 35px;
    }
    .group-name-field input[type="text"] {
        padding: 8px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .group-name-field label {
        font-size: 16px;
        line-height: 20px;
        top: 10px;
    }
    .group-name-field input[type="text"]:focus~label, .group-name-field input[type="text"]:not(:placeholder-shown)~label {
        -webkit-transform: translateY(-25px);
        -ms-transform: translateY(-25px);
        transform: translateY(-25px);
    }
    .group-name-field input[type="text"]:focus~label, .group-name-field input[type="text"]:not(:placeholder-shown)~label {
        font-size: 13px;
    }
    .footer-action-buttons button {
        margin-right: 18px;
    }
    .message-field .btn-emoji {
        bottom: 16px;
    }
    .message-field .reply-message-text p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .seleted-contact-list ul li {
        width: 20%;
    }
    .btn-profile-options {
        height: 20px;
        width: 20px;
        font-size: 18px;
    }
    .message-list-footer .option-menu.align-center {
        left: -20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .message-list-footer .option-menu:after {
        display: none;
    }
    .btn-message-send {
        font-size: 24px;
    }
    .audio-record-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .audio-record-box .audio-record-timeline {
        padding: 10px 15px;
    }
    .audio-record-box .audio-cancel {
        font-size: 20px;
    }
    .message-list-body.select-messages .day-message-list .message-list-entry .delete-message {
        margin-left: 15px;
    }
    .btn.sm {
        padding: 5px 15px;
        font-size: 14px;
        line-height: 18px;
    }
}

@media screen and (max-width: 767px) {
    .vizn-card-box .vizn-card-header-details table tr td {
        width: 100%;
        display: block;
        text-align: left !important;
        border-bottom: 1px solid #D8D8D8;
    }
    .fix-upload-block{
        position: relative;
        bottom: 0;
    }
    /* publish paper modal */
    .student_list_publish_paper .wrap-data-box .btn {
        display: inline-flex;
    }
    .student_list_publish_paper .wrap-data-box .btn label.form-label{
        white-space: break-spaces;
    }

    /* Chat Module CSS */
    .chat-room .member-selection {
        grid-template-columns: 1fr;
    }

    .message-list-body.select-messages .day-message-list .message-list-entry .delete-message {
        margin-left: 10px;
        width: 16px;
    }

    .message-list-body.select-messages .day-message-list .message-list-entry .delete-message.checkbox input[type="checkbox"]+label {
        width: 16px;
        height: 16px;
    }

    .message-box .option-menu {
        top: calc(100% - 5px);
    }

    .message-box .option-menu {
        left: 40px;
    }

    .self .message-box .option-menu {
        right: 40px;
    }
}

@media screen and (max-width: 500px) {
    .vizn-upload-paper-instruction-btn {
        margin-right: 0;
    }
    .vizn-upload-paper-instruction-btn > label {
        margin-right: 25px;
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .vizn-modal-900 {
        max-width: 900px;
    }
}

@media screen and (max-width: 500px) {
    #mobileFilter {
        display: block;
    }
    #collapseFilter {
        display: none;
    }
    #collapseFilter.show{
        display: block;
    }
    .vizn-edit-paper-save-btn {
        font-size: 12px;
    }
}

@media screen and (min-width: 599px) {
    #mobileFilter {
        display: none;
    }
}

@media  screen and (max-width: 575px) {
    .vizn-lectures-via-list {
        width: 50%;
        max-width: 50%;
    }

    .vizn-lectures-via-how-it-works > .mdc-button--raised {
        padding: 7px 20px;
        height: 40px;
    }

    .vizn-lectures-via-how-it-works {
        margin-bottom: 40px;
    }

    .vizn-lectures-play-btn {
        margin-right: 10px;
        padding: 5px;
    }

    /* Chat Module CSS */

    .new-group-tab-container .nav-tabs-fill .nav-link {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 12px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1351px) {
    .vizn-lectures-section-box {
        flex: 0 0 58%;
        max-width: 58%;
    }
}

@media screen and (max-width: 716px) {
    .vizn-edit-paper-section-ul .vizn-edit-paper-section-li {
        width: 100%;
        max-width: 100%;
    }
    .vizn-edit-paper-section-ul .vizn-edit-paper-section-li a {
        font-size: 16px;
        padding: 16px 20px;
    }
    .vizn-edit-paper-section-ul .vizn-edit-paper-section-li a.active .vizn-down-arrow {
        opacity: 0;
        visibility: hidden;
    }
}

@media screen and (max-width: 1350px) {
    .vizn-edit-paper-section-ul .vizn-edit-paper-section-li a {
        font-size: 18px;
        padding: 16px 20px;
    }

    .vizn-card-box .vizn-card-title {
        font-size: 25px;
    }

    .vizn-card-box .vizn-card-header-details table tr td {
        font-size: 14px;
    }

    .vizn-edit-paper-question-table tr td {
        font-size: 14px;
        padding: 12px 10px 12px 15px
    }
}   

@media screen and ( max-height: 768px) {

    /* Chat Module CSS */

    .search-contact input, .forward-message-text input {
        height: 38px;
    }
    .search-contact .search-icon {
        font-size: 18px;
        top: 10px;
    }
}

@media screen and ( max-width: 480px) {
    
    /* Chat Module CSS */
    
    .messsage-audio .audio-progress {
        min-width: 190px;
    }

    .messsage-audio .audio-progress-bar {
        height: 8px;
    }

    .chat-profile {
        width: 100%;
        margin-right: -100%;
    }

    .chat-profile-show .chat-profile.chat-profile-media-document {
        margin-right: -100%;
    }

    .chat-room .new-group-box-footer .mdc-button {
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .new-group-tab-container .nav-tabs-fill .nav-link {
        font-size: 10px;
        line-height: 16px;
        padding: 8px 8px;
    }

    .all-can-chat-footer {
        grid-template-columns: 1fr;
    }

    .new-chat-tab-container .new-chat-tab-header {
        padding: 8px 8px;
    }

    .new-chat-tab-container .nav-tabs-fill .nav-link {
        min-width: initial;
    }

    .new-chat-tab-container .nav-tabs-fill .nav-item {
        margin-right: 5px;
    }
}