/*===== Responsive Css Start ======*/
@media only screen and (min-width: 1920px) {
    #sidebar ul {
        width: auto;
    }

    .col-lg-3.col-md-3.col-sm-3.wordalphabetchat {
        width: 25%;
        padding: 0px;
    }
}

@media (min-width:1440px) and (max-resolution: 62dpi) {


    .bgbackgound {
        padding: 4px;
    }

    .ptagdiv {
        padding: 3px;
    }

    .bgbackgound h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }
}


@media only screen and (min-width: 1370px) and (max-width: 1605px) {
    .album .card-text {
        font-size: 14px;
    }

    .minheigth {
        font-size: 20px;
    }

    .textwhite a {
        font-size: 17px;
    }

    .mubgcolor a {
        font-size: 17px;
    }

    .threefixed {
        left: 32px;
        right: 113px;
    }

    .col-lg-3.col-md-3.col-sm-3.wordalphabetchat {
        width: 25%;
        padding: 0px;
    }
    .fullimagepath {
        position: fixed;
        left: 25px;
        width: 20%;
        bottom: 50px;
    }
  
}


    @media only screen and (max-width:1280px) {
        .nav-link {
            font-size: 11px;
        }

        .minheigth {
            font-size: 21px;
        }

        /*.bd-placeholder-img.card-img-top{min-height: 237px;}*/
        .album .card-text {
            font-size: 12px;
        }
       
        
    }
@media screen and (min-device-width: 1100px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
    .tab {
        font-size: 14px;
    }

    .legend-item {
        font-size: 14px;
    }
    .score-block h4 {
        padding: 11px;
        font-size: 15px;
    }
    .icon-img {
        width: 28px;
        margin-right: 6px;
    }
   
    .score-block span {
        font-size: 26px;
    }
    .menu-item {
        font-size: 15px !important;
        padding: 0px 6px;
    }
    .classDomains.scroll-text.wd-2 {
        display: block;
    }
    .action-btn {
        font-size: 9px;
        margin: 6px;
    }
    .badge .level-number {
        margin-right: 6px;
        font-size: 22px;
    }
    .badge {
        font-size: 11px;
    }
    .score {
        font-size: 24px;
    }
    .level-box {
        margin: 4px 0px;
        width: 116px;
    }
    .slider-line_Minimally {
        height: 19%;
    }
    .overflowx {
        height: auto;
        min-height: auto;
    }
    .review-button {
        font-size: 13px;
        padding: 5px 10px;
    }
    }
    @media only screen and (min-device-width: 1025px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

        .width100 {
            width: 93%;
        }

        .accountno.width100.mb-3 {
            width: 100%;
        }
        .tab { font-size:14px;
        }
        .legend-item{ font-size:14px;}
        .score-summary {
            margin-left: 12px;
        }
        .badge {
            padding: 5px 2px;
        }
        .displaywd .label {
            font-size: 15px;
        }
        .col-lg-2.leftwidthCl {
            width: 22%;
            max-width: 22%;
        }
        .summary-left {
            margin-right: 0px;
        }
        .level-box .level-text {
            font-size: 20px;
        }
        .bar1 {
            width: 46px;
        }
        .displaywd .label {
            font-size: 16px;
        }
        .closebtn {
            display: none;
        }
        .sidebar {
            min-height: 55%;
        }
        }

    @media only screen and (min-width: 1025px) and (max-width: 1500px) {


        .displayimg img {
            width: 23%;
        }

        .AnalyzeChartImagesbg img {
            width: 45%;
        }
        .content {
            width: auto;
        }
        .alit {
            margin: 0;
        }
        .content {
            width: auto;
        }
    }
    @media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .fullimagepath {
        position: fixed;
        left: 25px;
        width: 23%;
        bottom: 76px;
    }
        .EndAssessmentpage.teachassesmentviewpage {
            width: 100%;
            padding: 10px;
        }
        .responive-teach-assesment .mr-4, .mx-4 { margin-right:0px;
        }
       
        .breadcrumb_color {
            width: auto;
        }
        .breadcrumb {
            width: auto;
            font-size: 13px;
            margin-bottom: 10px;
        }
        .ClassOverviewPage {
            margin-top: 0;
        }
        table.scroll-text { display:grid;
        }
    
        }

    @media screen and (min-width: 768px) and (max-width: 1280px) {
        .menu-item {
            font-size: 20px;
        }
        #StudentAnalysis {
            overflow: scroll;
        }
        .bgbackgound {
            padding: 4px !important;
        }

        .ptagdiv {
            padding: 3px !important;
        }

        .bgbackgound h4 {
            font-size: 16px;
            margin-bottom: 0px;
        }

        .bgbackgound img {
            width: 25px;
        }

        .d-flex.flex-column.flex-shrink-0 p {
            margin-bottom: 0;
            font-size: 12px !important;
        }

        .progress {
            margin-top: 6px;
        }

        .width100 {
            width: 93%;
        }


        .accountno.width100.mb-3 {
            width: 100%;
        }

        .rightContentTeacher {
            -ms-flex: 0 0 85% !important;
            flex: 0 0 85% !important;
            max-width: 85% !important;
        }

        .webwidth1 {
            width: 54% !important;
        }

        .footer {
            transform: translateY(39%);
        }

        .sciencewidth .storiesongsimg img {
            margin-top: 0;
        }

        .connectunitdiv .progress {
            margin: 22px 0px;
        }

        .connectunitdiv h2 {
            font-size: 24px;
        }

        .teachpagediv .nemenudiv ul li {
            font-size: 12px;
        }

        .effect1 {
            font-size: 24px;
            padding: 6px 12px 14px;
        }

        .settingpagediv .btn.btn-sm {
            font-size: 13px;
        }

        .ELAtandard .media p {
            font-size: 18px;
        }

        .card.shadow-sm.bodernew img {
            height: auto;
        }

            .card.shadow-sm.bodernew img.actionimgpage {
                height: auto;
            }

        .sidebar-menu {
            margin-top: -5px;
        }

        .d-flex.flex-column.flex-shrink-0 {
            margin: 0px !important;
        }
       
    }


    @media screen and (max-width:1194px) {

        .width100 {
            width: 93%;
        }

        .teachpagediv .nemenudiv ul li a {
            width: 86%;
        }

        .AnalyzeChartImagesbg img {
            width: 38%;
        }
        .breadcrumb {
            width: auto;
        }
        .breadcrumb_color {
            width: auto;
        }
        .alit {
            margin: 0px;
        }
        .responive-teach-assesment .mr-4, .mx-4 {
            margin-right: 0px !important;
        }
        #panel-rightView {
            width: 70%;
        }

        }




    @media (max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
            width: 97vw;
            max-width: none;
            height: 100%;
            margin: 10px;
        }
    }
@media screen and (max-width:1180px) {
    .summary-container {
        padding: 10px;
    }
}


    @media only screen and (max-device-width : 1080px) {
        .anchtdivclass.pl-0.unitmainBG {
            background-size: contain !important;
        }

        .overviewpage {
            padding: 13px;
        }

        .score-block h4 {
            font-size: 14px;
        }

        .score-block span {
            font-size: 24px;
            padding: 10px;
        }

        .icon-img {
            width: 26px;
            margin-right: 4px;
        }

        .teacher-info p {
            font-size: 12px;
        }

        .teacher-info.p-4 {
            padding: 8px !important;
        }

        .classDomains.scroll-text.wd-2 {
            display: grid;
        }

        .menu-item {
            font-size: 12px;
        }

        .score-block h4 {
            padding: 6px;
        }
        .col-lg-2.leftwidthCl {
            width: 22%;
            max-width: 22%;
        }
        .content {
            width: 70%;
        }
        .level-box .level-text {
            font-size: 14px;
        }

        .level-box h3 {
            font-size: 24px;
        }

    .level-box.minimally-developed-color {
            max-width: 90px;
        }
        .legend-item {
            font-size: 13px;
        }
        .legend {
            padding: 0px 0px;
        }
        .score {
            font-size: 32px
        }
        .bar1 {
            width: 36px;
        }
        .slider-line_Minimally {
            height: 16%;
        }
        .overflowx {
            min-height: auto;
        }
        .summary-container {
            padding: 15px;
        }
        .action-btn {
            margin:0px;
        }
        .tab-nav {
            width: 64%;
        }
        table.standards-table {
            font-size: 12px;
        }
        .standards-table td:nth-child(2) {
            width: 46%;
        }
        .badge .level-number {
            margin-right: 4px;
            font-size: 28px;
        }
        .badge {
            font-size: 13px;
        }
        .standards-table tbody {
            max-height: 208px;
        }
        .action-btn {
            font-size: 12px;
        }
        }

@media only screen and (max-width:1024px) {
    .levelmarginleft {
        margin-left: 20%;
    }
    .closebtn {
        display: none;
    }
    .anchtdivclass {
        padding-left: 25px;
    }

    .Chartmarginleft {
        margin-left: 10%;
    }

    .rightContentTeacher {
        -ms-flex: 0 0 80% !important;
        flex: 0 0 80% !important;
        max-width: 80% !important;
    }

    .webwidthscore {
        width: 54% !important;
    }

    #divtest a.anchor {
        margin-right: 15px;
    }

    .navbar-nav .sub-menu {
        font-size: 13px;
    }

    .AnalyzeChartImagesbg img {
        width: 38%;
    }

    .stuname h2 {
        font-size: 22px;
    }

    .sidebar-menu span {
        margin-left: 0px;
        font-weight: bold;
        font-size: 12px;
    }

    .middle img {
        width: 74%;
    }

    .bluebg h2 {
        font-size: 28px;
    }

    .d-flex.flex-column.flex-shrink-0 {
        width: auto;
    }

    .width100 {
        width: 93%;
    }

    .modal.show .modal-dialog {
        top: 30%;
        margin-top: 0px;
    }

    .modal-dialog.modal-dialog-centered {
        top: 0%;
    }

    .teachpagediv .nemenudiv ul li {
        margin: 10px 4px;
        width: 93%;
    }

        .teachpagediv .nemenudiv ul li a {
            width: 88%;
        }

    .myaccountpage .nav-item a span {
        font-size: 12px;
        padding-left: 3px;
    }

    #sidenavCollapse span {
        padding-left: 0px;
    }

    #sidenavCollapse .navbar-brand img {
        vertical-align: middle;
    }

    #sidenavCollapse a.navbar-brand {
        font-size: 14px;
    }

    .myaccountpage .nav-item img {
        vertical-align: middle;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .sub-menu.almunebar.mubgcolor span {
        font-size: 12px;
    }

    .myaccountpage .form-horizontal a {
        font-size: 30px;
    }

        .myaccountpage .form-horizontal a img {
            width: 35%;
        }

    #teachpagedivpopModal {
        top: 20%;
    }


    .AnalyzeChartpagebg {
        background-position: inherit;
    }

    .posidrop a {
        font-size: 12px;
    }

    .sidmenurit img {
        width: 90%;
    }

    .PaddingTop30 {
        padding-top: 10px !important;
    }

    .World-Languages-Spanish-text h1 {
        font-size: 1.5rem;
        left: 49%;
    }

    .AnalyzeChartpagebg .sidebar-menu span {
        font-size: 13px !important;
    }

    #sidenavCollapse .navbar-brand img {
        width: 22%;
        height: 22%;
    }

    .nav-item a.nav-link {
        padding-right: 10px;
    }

    .panel_1 {
        min-height: auto;
    }

    #btnContinue {
        margin-bottom: 10px;
    }

    .assessmentassignment {
        padding: 36px 18px;
    }
    .Front-End-Assessment-View-page {
        height: auto;
    }

    .responive-teach-assesment a img {
    }
    .level-box.minimally-developed-color {
        max-width: 170px;
    }
    .level-box .level-text {
        font-size: 24px;
    }
}
    




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

        .footer.mt-auto.py-3.bg-body-tertiary {
            bottom: 30px;
        }

        .rightContentTeacher {
            -ms-flex: 0 0 85% !important;
            flex: 0 0 85% !important;
            max-width: 85% !important;
        }

        .webwidthscore {
            width: 54% !important;
        }

        .width100 {
            width: auto;
        }

        .minheight {
            min-height: auto !important;
        }

        .bd-footer-links.text-center {
            padding-left: 3px;
        }

        .bd-footer-links li a {
            font-size: 13px;
        }

        .album .card-text {
            font-size: 12px;
        }

        .minheigth {
            min-height: 45px;
            font-size: 20px;
        }

        .border-radius {
            margin-bottom: 10px;
        }

        .navbar {
            padding: 0px 0px;
            /*    display: block;*/
        }

        .nav-link {
            font-weight: normal;
        }

        .navbar-nav.mr-auto.ml-auto.mt-3 {
            margin-top: 0px !important;
        }

        .navbar-dark .navbar-brand img {
            width: auto;
        }

        .blues {
            margin-bottom: 10px;
        }

        .nav-item {
            padding: 10px 0px;
        }

        .navbar-nav {
            width: 100%;
        }

        .nav-item a {
            font-size: 14px;
        }

        .border-radius .card-body {
            min-height: 130px;
        }

        .marginright h1 {
            font-size: 27px;
        }

        .textwhite a {
            font-size: 17px;
        }

        #sidebar ul {
            width: auto;
        }

        .bd-example.awards {
            padding-left: 15px;
        }

        .mubgcolor a {
            font-size: 13px;
        }

        #main-content h3 {
            font-size: 22px;
        }

        .threefixed {
            left: 42px;
            right: 44px;
        }

        .gamespagediv h3 {
            font-size: 22px;
        }

        .StoriesSongsPage.gamespagediv .boxtopwidth {
            margin-top: -98px;
        }

        .StoriesSongsPage .boxtopwidth {
            margin-top: -18px;
        }

        .boxtopwidth.readerpagediv {
            margin-top: -22%;
        }

        .songstoryhome img {
            width: 40%;
            margin-top: 5px;
        }

        .font-black.homepageimage img {
            margin: 5px 0px;
        }

        .connectunitdiv h2 {
            font-size: 19px;
        }

        .AnalyzeChartpagebg .sidebar-menu span {
            font-size: 13px !important;
        }

        .breadcrumb_color {
            width: 100%;
            float: right;
            margin-bottom: 20px;
        }

        .breadcrumb {
            width: 100%;
        }

        .tab-nav {
            width: 88%;
        }

        #div_SubTestName {
            font-size: 18px !important;
        }

        .div_AssessmentName {
            font-size: 24px !important;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1023px) {
        .fullimagepath {
            position: absolute;
            left: 0px;
            width: auto;
            bottom: auto;
        }

        .line-dashed {
            width: 74px;
            margin: 0 5px;
        }

        .label {
            font-size: 12px;
        }

        .score-block span {
            font-size: 26px;
        }

        .score-block h4 {
            font-size: 16px;
        }

        .menu-item {
            font-size: 15px;
            margin: 4px 0px;
            padding: 0px 8px;
        }

        .closebtn {
            display: none;
        }

        .tab {
            font-size: 14px
        }

        .tab-nav {
            width: 94%;
        }
    }

    @media screen and (max-width:834px) {
        .videowidth {
            width: 100%;
        }


        .gamespagediv h3 {
            font-size: 22px;
        }

        .songstoryhome img {
            width: 40%;
            margin-top: 5px;
        }

        .teachpagedivpop h3 {
            font-size: 25px;
            margin-top: 0px;
        }

        .AnalyzeChartpagebg {
            background-position: inherit;
        }

        .anfont {
            font-size: 24px;
        }
    }


    @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (-min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3) { /* Your Styles... */
        .score-block h4 {
            padding: 10px;
        }

        .table1 {
            font-size: 11px;
        }



        .scale-row {
            font-size: 8px;
        }

        .slider-marker {
            font-size: 20px;
        }

        .score-block span {
            font-size: 22px;
        }

        .score-block h4 {
            font-size: 14px;
        }
        .level-box .level-text {
            font-size: 16px;
        }
        .level-box.minimally-developed-color {
            max-width: 170px;
        }
        .level-box h3 {
            font-size: 42px;
        }
    }

@media (max-width:810px) {
    .EndAssessmentpage{ width:auto;}
      .level-box.minimally-developed-color {
    max-width: auto;
  }
   
}

    @media screen and (max-width:768px) {
        .line-dashed {
            width: 92px;
        }

        .Front-End-Assessment-View-page {
            height: 100%;
            height: 100vh;
        }


        #div_SubTestName {
            font-size: 15px !important;
        }

        .div_AssessmentName {
            font-size: 18px !important;
        }

        .bordertes h4 {
            font-size: 20px;
        }

        .small, small {
            font-size: 60%;
        }

        .bordertes .boder.mx-1.p-3 {
            font-size: 18px;
        }

        h5 {
            font-size: 18px;
        }

        .spanQuestionText {
            width: 116px !important;
        }

        .myaccountpage .nav-item a span {
            font-size: 14px;
            padding-left: 3px;
        }

        #sidenavCollapse .navbar-brand img {
            vertical-align: middle;
        }

        #sidenavCollapse a.navbar-brand {
            font-size: 14px;
        }

        .myaccountpage .nav-item img {
            vertical-align: middle;
        }

        .p-5 {
            padding: 1rem !important;
        }

        .sub-menu.almunebar.mubgcolor span {
            font-size: 12px;
        }

        .myaccountpage .form-horizontal a {
            font-size: 30px;
        }

            .myaccountpage .form-horizontal a img {
                width: 35%;
            }

        .col-auto.d-none.d-lg-block.img-thumbnail {
            display: block !important;
        }

        .rightContentTeacher {
            -ms-flex: 0 0 85% !important;
            flex: 0 0 85% !important;
            max-width: 85% !important;
        }

        .webwidthscore {
            width: 54% !important;
        }

        .width100 {
            width: 93%;
        }

        .bgimg .accountno {
            width: 16%;
        }

        .middle img {
            width: 74%;
        }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-left: 4px;
            padding-right: 4px;
        }

        .navbar-nav {
            width: 100%;
        }

        .nav-item a {
            font-size: 11px;
        }

        .marginright h1 {
            font-size: 27px;
        }

        .textwhite a {
            font-size: 13px;
        }

        .mubgcolor a {
            font-size: 14px;
        }

        #sidebar ul {
            width: 100%;
        }

        .bd-example.awards {
            padding-left: 15px;
        }

        .sidebar-menu .sub-menu img {
            width: 50%;
        }

        .mubgcolor a {
            font-size: 11px;
        }

        #main-content h3 {
            font-size: 17px;
        }

        .stuname h2 {
            font-size: 13px;
        }

        .col-lg-3.col-md-3.col-sm-3.wordalphabetchat {
            width: 25%;
            padding: 0px;
        }

        .threefixed {
            left: 42px;
            right: 44px;
        }

        .d-flex.flex-column.flex-shrink-0 {
            padding: 5px;
            width: auto;
            margin: 0px !important;
        }

        .nav-link.link-dark {
            font-size: 10px;
        }

        .nav-pills li a.nav-link.active {
            font-size: 10px;
        }

        .d-flex.flex-column.flex-shrink-0 p {
            margin-bottom: 0px;
            font-size: 12px;
        }

        .gamespagediv h3 {
            font-size: 18px;
        }

        .gamespagediv p {
            font-size: 13px;
        }

        .hoverblack {
            border: none;
        }

        .StoriesSongsPage.gamespagediv .boxtopwidth {
            margin-top: -75px;
        }

        .StoriesSongsPage .boxtopwidth {
            margin-top: -20%;
        }

        .songstoryhome img {
            width: 40%;
        }

        .font-black.homepageimage img {
            margin: 5px 0px;
        }

        .teachpagediv ul li {
            font-size: 12px;
        }

        .settingpagediv .btn.btn-sm {
            font-size: 12px;
            padding: 0;
        }

        .teachpagediv ul li a {
            padding: 4px;
        }

        .teachpagediv img {
            margin-right: 0;
        }

        .teachpagediv .nemenudiv ul li {
            font-size: 13px;
        }

        .teachpagediv .nemenudiv ul li {
            margin: 4px;
        }

        .effect1 {
            font-size: 20px;
        }

            .effect1 img {
                width: 15%;
            }

        .teachpagediv ul li a {
            padding: 4px;
        }

        .teachpagediv .nemenudiv ul li a {
            width: 82%;
        }

        .footer {
            transform: translateY(28%);
        }

        /*#teachpagedivpopModal .modal-dialog{
  top: 22%;}
#teachpagedivpopModal .modal-dialog
{
  max-width: 60%;}*/

        .teachpagedivpop h3 {
            font-size: 18px;
            margin-top: 0px;
        }

        .teachpagedivpop h4 {
            margin-top: 0;
            font-size: 22px;
        }

        .Instructionsteach {
            padding: 10px;
        }

        .teachpagedivpop span {
            font-size: 16px;
        }

        #spanbookpage {
            margin-top: 20px;
        }

        .ELAtandard .media p {
            font-size: 15px;
            margin: 7px 0px;
        }

        .teachpagedivpop h3 {
            font-size: 25px;
            margin-top: 0px;
        }

        #teachpagedivpopModal {
            top: 17%;
        }

        .connectunitdiv h2 {
            font-size: 28px;
        }

        .AnalyzeChartpagebg .sub-menu.almunebar.mubgcolor img {
            width: auto;
        }

        .paddingRight0 {
            padding-left: 0px;
        }

        .sidmenurit {
            float: right;
        }

        .AnalyzeChartImagesbg img {
            width: 30%;
        }

        .score-block h4 {
            padding: 7px;
        }

        .heightoverdiv {
            min-height: auto !important;
        }

        .scroll-text.minheightscroll.wd-3 {
            min-height: auto;
        }

        .action-btn {
            font-size: 10px;
        }

        .tab {
            padding: 7px;
        }

        .score {
            font-size: 44px;
        }

        .rightwidthcl .col-lg-7 {
            width: 100%;
            flex: 100%;
            max-width: 100%;
        }

        .line-dashed {
            width: 90px;
            margin: 0px;
        }

        .rightwidthcl .col-lg-1 {
            width: auto;
            flex: auto;
            max-width: inherit;
        }

        #sidenavCollapse {
            margin-bottom: 10px;
        }

        .table1 {
            font-size: 11px;
        }

        .scale-row {
            font-size: 8px;
        }

        .slider-marker {
            font-size: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .card.shadow-sm.bodernew img {
            height: auto;
        }

            .card.shadow-sm.bodernew img.actionimgpage {
                height: auto;
            }

        .navitemtab {
            padding: 6px 10px 3px 10px;
        }

        #myTab.nav-tabs .nav-item {
            margin-right: 4px
        }

        .nav-item {
            background-image: none;
        }

        navbar-dark .navbar-brand {
            text-align: center;
            width: 100%;
        }

        .navbar-nav .nav-link {
            text-align: center;
            border-bottom: none;
        }

        .blues {
            width: 100%;
            float: auto;
            margin: 10px;
        }

        .navbar-dark .navbar-brand img {
            width: auto;
        }

        .logsub {
            text-align: center;
        }

        .navbar-dark .navbar-toggler {
            float: right;
        }

        .nav-item a.nav-link {
            padding: 5px;
            font-weight: normal;
        }

        .navbar-nav {
            flex-direction: inherit;
        }

        .navbar-dark .navbar-toggler {
            display: none;
        }

        .collapse:not(.show) {
            display: block;
        }

        .marginright h1 {
            font-size: 28px;
        }

        .leftmunediving {
            width: 100%;
            max-width: 100%;
            flex: initial;
        }

        .paddingRight0 {
            margin-left: 0px;
        }

        .nav-item a {
            font-size: 8px;
        }

        .navbar.navbar-expand-md.navbar-dark.bg-warning {
            text-align: center;
        }

        .Instructionsteach {
            padding: 8px;
            font-size: 16px;
        }

        .teachpagedivpop h3 {
            font-size: 17px;
        }

        .teachpagedivpop h4 {
            font-size: 18px;
        }

        .modal-dialog {
            max-width: auto;
        }

        .teachpagediv ul li {
            font-size: 12px;
        }

        .settingpagediv .btn.btn-sm {
            font-size: 12px;
        }

        .teachpagediv img {
            vertical-align: middle;
        }

        .responive-teach-assesment img {
            width: 35px;
            margin-right: 0px;
        }
    }




    @media screen and (max-width: 600px) {
        .form-signin {
            width: auto !important;
        }
    }

    @media screen and (max-width:575px) and (min-width:480px) {
        .blues {
            width: 20%;
            float: right;
        }

        .nav-collapse {
            width: 25%;
        }

        #main-content {
            width: 75%;
        }

        .navbar.navbar-expand-md.navbar-dark.bg-warning.dark {
            text-align: center;
        }

        .marginright h1 {
            font-size: 20px;
        }

        .paddingRight0 {
            margin-left: 0px;
        }

        .col-lg-3.col-md-3.col-sm-3.wordalphabetchat {
            width: 25%;
            padding: 0px;
        }

        .navitemtab {
            padding: 6px 4px 3px 4px !important;
            font-size: 14px !important;
        }

        .Clpostion {
            top: 50%;
        }

        .sidebar {
            top: 0px;
        }

        .col-lg-2.leftwidthCl {
        }

        .sidebar.active {
            transform: translateX(0);
            width: 100%;
        }

        .page-header {
            font-size: 16px;
        }

        .summary-container {
            padding: 8px;
        }

        .content.shifted {
            margin-left: 0;
        }

        .breadcrumb {
            width: auto;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 480px) {
        .content.shifted {
            margin-left: 0;
        }

        .Front-End-Assessment-View-page {
            padding: 5px;
            margin: 5px 0px;
        }

        b, strong {
            font-size: 16px;
        }

        .position-static.flex-lg-row.d-flex.justify-content-start.rounded-3 .row.text-center {
            margin: 0px 20px;
        }

        .bordertes .boder.mx-1.p-3 {
            margin-bottom: 5px;
            margin-right: 0px !importan;
            font-size: 14px;
            padding: 5px 6px !important;
            margin-left: 2px !important;
        }

        h5 {
            font-size: 14px;
        }

        .spanQuestionText {
            min-width: 94px;
            width: 94px !important;
            height: auto;
        }

        .bordertes h4 {
            font-size: 16px;
        }

        .answerdata .ml-1, .mx-1 {
            margin-right: 0rem !important;
        }

        .sidebar.active {
            top: 0px;
            width: 100%;
            left: 0px;
        }

        .col-lg-2.leftwidthCl {
            min-width: 100%;
        }

        .content {
            margin-left: 0;
        }

        .score-row {
            display: block;
        }

        .displaywd {
            overflow-y: scroll;
        }

        .badge {
            padding: 2px 2px;
            font-size: 11px;
        }

        table.standards-table {
            font-size: 12px;
        }

        .displaywd .label {
            font-size: 16px;
        }

        .badge .level-number {
            margin-right: 4px;
            font-size: 20px;
        }

        .tab-nav {
            width: 100%;
            margin-left: 10px;
        }

        .tab {
            padding: 5px;
            font-size: 11px;
        }

        .breadcrumb {
            width: 100%;
        }

        .breadcrumb_color {
            width: 100%;
            margin-bottom: 10px;
        }

        .score {
            font-size: 30px;
        }

        .level-box {
            margin-right: 8px;
        }

        .slider-line_Minimally {
            height: 18%;
        }

        .overflowx {
            height: auto;
        }

        .boxpanel.domains-table {
            min-height: auto;
        }

        .min-heightdiv {
            min-height: auto;
        }

        .overviewpage {
            padding: 8px;
        }

        .breadcrumb {
            font-size: 13px;
        }
    }

    @media screen and (max-width:320px) {
        .col-lg-3.col-md-3.col-sm-3.wordalphabetchat {
            width: 25%;
            padding: 0px;
        }

        .col-lg-12.contimg.illustratordiv {
            width: 100%;
        }

        .threefixed {
            top: 20px;
        }

        .contentMargin {
            margin-left: 8% !important;
        }

        .videowidth {
            width: 100%;
        }

        .content.shifted {
            margin-left: 0;
        }

        .score-row {
            display: block;
        }
    }