@media (min-width: 801px) and (max-width: 1200px) {
     .space{
         padding:11px !important;
      }

    .profile-nav {
        z-index: 1;
        overflow-x: hidden;
        margin-left: -15px;
    }
    .dashboard-container {
        width: 965px;
        padding: 0px;
    }
    .profile-container {
        width: 1297px;
        padding: 0px;
    }

    #accordion {
     width: 145%;
    }
    .score-margin {
        margin-left: 40px;
    }
    .mobile-view {
        display: none;
    }
    .widget-content{
       <!-- height:200px; -->
    }
    .widget{
        min-height: 307px;
    }
    .scrollable{
        height:610px;
        overflow: auto;
       left: 44px;
    }
     .profile{
        height:700px !important;
     }
     .asset-info {
        padding: 0px 36px 10px 32px;
    }
    .vertical-center {
	    margin-top: 25px;
	    margin-bottom: 43px;
	    margin-left:25px
	    top: 10%;
	    left: 5% !important;
	    width: 100%;
	    height: 78%;
    	text-align: center;
	}
	.container-fluid {
		width:auto;
	    padding: 0px 30px 0px 30px;
	    margin: auto;
	}
	.dash-sidenav {
	    border-top-left-radius: 15px;
	    border-bottom-left-radius: 15px;
	    background-color: #df1e26;
	    height: 100%;
	    color: white;
	    width: 200px;
	    /* transition: 1s; */
	}
	
	.menu-avatar{
	    width: 40px;
	    height: 40px;
	    margin-left: 77%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
	
	.after-show-menu-avatar{
	    width: 40px;
	    height: 40px;
	    margin-left: 85%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
}

@media screen and (min-width: 650px) and (max-width: 850px) {
     .widget-content{
       height:200px;
    }
    .mobile-view {
        display: none;
    }
    .no-ipad-view {
        display: none
    }
    .ipad-margin {
        margin-top: 74%;
        margin-left: -66%;
    }
    .medal-note {
        margin: 24px 0px 50px 68px;
    }
    .medal-img {
        width: 200px;
        margin-top: 37px;
    }
    .asset-info {
        padding: 65px 30px 16px 30px;
    }
    .result-vl {
        height: 35vh;
    }
    .container-fluid {
        width: 735px;
        padding: 0px 79px 0px 32px;
    }
    .menu-icon{
        border-radius:8px;
    }
    .ei-logo {
        margin-left: 434px !important;
    }
    .profile-nav {
        height: 503px;
        z-index: 1;
        overflow-x: hidden;
        position:absolute;
         margin-left: -15px;
         border-radius:15px;
    }
    .desktop-footer {
        width: 808px;
    }
    .vertical-center {
        /*width: 432px;*/
        width: 100%;
        /* left: 17% !important;*/
        
    }
    .show-view {
        left: 18% !important;
    }
    .login-footer {
        width: 104% !important;
        padding: 6px 42px 0px 60px !important;
    }
    .menu-avatar{
           margin-left: 53%;
    }

    .sidenav {
        display: none;
    }
    .dash-sidenav {
        display: none;
    }
    .show-menu {
        display: none;
    }
    .item {
        display: block;
    }
    .hamburger {
        display: block;
    }
    .dash-sidenav {
        border-radius: 15px;
        height: auto !important;
        width: 42%;
        margin-top: 50px;
        margin-bottom: 61px;
        margin-left: 17px;
        margin-right: 51px;
        z-index: 1;
    }
    .hamburger {
        right: 3%;
    }
    .studentName {
        padding: 48px 0px 15px 0px;
    }
     .widget{
        min-height: 307px;
    }
    .btn2{height: 270px;}
    .btn3{height: 270px;}
    .btnmsg{
		height: 335px;
		text-align:left;
	}

    #consent_form{width:83%!important;}
    .info_btn{margin-left: 100px!important;}

}

@media screen and (min-width: 1024px) and (max-width: 1225px) {
    .result-vl {
        height: 26vh;
        margin: 0px 67px;
    }
    .score-margin {
        margin-left: 0px;
    }
    .ipad-margin {
        margin-top: 68%;
        margin-left: -59%;
    }
    .medal-note {
        margin: 24px 6px 50px 47px;
    }
    .score-margin {
        margin-left: 46px;
    }
    .no-ipad-view {
        display: none
    }
    .desktop-footer {
        width: 808px;
    }
    .show-view {
        left: 21% !important;
    }
    .vertical-center {
       left: 5% !important;
    }
    .login-footer {
        width: 81% !important;
        padding: 6px 42px 0px 60px !important;
    }
    .profile-container {
        width: 989px;
        padding: 0px;
    }
    .studentName {
        padding: 0px;
    }
    .asset-info {
        padding: 0px 36px 10px 32px;
    }

    .menu-avatar{
    width: 40px;
    height: 40px;
    margin-left: 77%;
    object-fit: cover;
    object-position: 50% 50%;
	}
	
	.after-show-menu-avatar{
	    width: 40px;
	    height: 40px;
	    margin-left: 85%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
    
}

@media (min-width: 480px) and (max-width: 750px) {
    
	.vertical-center {
        
		margin-top:25px;
        margin-left:25px;
        width:100%;
        
    }
    .ei-logo {
        margin-left: 507px !important;
    }
    .width1 {
        width: 50% !important;
    }
    .width2 {
        width: 25% !important;
    }
    .width3 {
        width: 58% !important;
    }
    .width4 {
        width: 99% !important;
    }
    .profile {
        height: 100%;
    }
    .login-footer {
        width: 822px !important;
    }
    .desktop-footer {
        width: 822px !important;
    }

    .sidenav {
        display: none;
    }
    .dash-sidenav {
        display: none;
    }
    .show-menu {
        display: none;
    }
    .item {
        display: block;
    }
    .hamburger {
        display: block;
    }
    .dash-sidenav {
        border-radius: 15px;
        height: auto !important;
        width: 42%;
        margin-top: 40px;
        margin-bottom: 61px;
        margin-left: 17px;
        margin-right: 27px;
        z-index: 1;
    }
    .hamburger {
        right: 3%;
    }
    .studentName {
        padding: 48px 0px 15px 0px;
    }
    .result-vl {
        display: none;
    }
    .ipad-margin {
        margin-top: 27%;
        margin-left: 0%;
    }
    .mobile-margin {
        margin: 72px;
    }
    .scaled-score {
        margin-left: 76px;
    }
    .total-score {
        margin-left: -122px;
    }

}

@media screen and (min-width: 280px) and (max-width: 580px) {
    .dashboard {
        height: 985px !important;
    	width: 310px !important;
    }
    .smalltext {
        padding-top: 0px;
        font-size: 14px;
    }
    #clockdiv{
        font-size: 14px;
    }
    #clockdiv div > span{
        padding:13px!important;
    }
    #clockdiv > div {
        width: 68px;
    }
    .total-score {
        margin-left: -36px;
    }
    .mobile-margin {
        margin-top: 50px;
    }
    .avatar{
         
        margin-left: 45%;
    }
     #accordion {
     width: 110%;
    }
    .avatar1{
         margin-top: 10px;
        margin-left: 45%;
    }
    .studentdetails {
       text-align: center;
    }

    .forgotPswNav{
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .forgotPsw-dashboard{
        display:none !important;
    }

    .result-vl {
        display: none;
    }

    .closebtn {
        display: none;
    }
    .sidenav {
        display: none;
    }
    .dash-sidenav {
        display: none;
    }
    .show-menu {
        display: none;
    }
    .item {
        display: block;
    }
    .mobile-login {
        display: none;
    }
    .asset-logo-white {
        display: none;
    }
    .nav-bar {
        display: none;
    }
    .hamburger {
        display: block;
    }
    .mobile-footer {
        display: block;
    }
    .profile {
        height:100% !important;
        padding: 20px;
    }
    .asset-details {
        padding: 2px 10px 0px 10px;
    }
    .mobile-login-btn {
        display: block;
    }
    .asset-info {
        padding: 100px 3px 0px 12px !important;
        <!-- padding: 192px 30px 0px 160px !important;-->
    }
    .ei-logo {
        margin-left: 30% !important;
    }
    .year-info {
        background-color: #df1e26;
        color: white;
        width: 311px;
        padding: 20px !important;
        border-bottom-right-radius: 18px;
        border-bottom-left-radius: 18px;
        text-align: center;
        font-size: 14px;
    }
    .bgimg {
        background-size: 101% 103%;
        border-top-right-radius: 18px;
        border-top-left-radius: 18px;
        border-bottom-right-radius: 3px;
    }
    .forgot-pwd {
        margin-left: 0px;
    }
    .font-grey {
        margin-top: 9px;
        font-size: 16px;
    }
    .btnmsg {
    	height: 535px;
    	text-align: left;
	}
    .btn3 {
        height: 220px;
        border-left: 4px solid white;
    }
    .btn2 {
        height: 270px;
    }
    .btn1 {
        height: 160px;
    }
    .desktop-footer {
        display: none;
    }
    .vertical-line {
        width: 260px;
    }
    .vertical-center {
		margin-top:105%;
		margin-left:50%;
	    width: 100%;
	    transform: translate(-50%, -50%);
    }
    .medal-heading {
        font-size: 25px;
    }
    .red-btn,
    .grey-btn {
      /*  width: 51%;*/
    }

    #consent_form{
        width:86%!important;
    }
    .info_btn{margin-left: 165px!important;}
    
}

@media screen and (min-width: 280px) and (max-width: 370px) {
    .mobile-footer {
        display: block;
        width: 150px;
        text-align: center;
        margin: 75px 14px 10px 48px;
    }
    .login {
      height: 100%;
        width: 310px;
    }
    .dashboard {
        height: 405px;
        width: 310px;
    }
    .container-fluid {
        width: 310px;
        padding: 0px 14px 13px 13px;
    }
    .bgimg {
        height: 354px;
    }
    .year-info {
        margin-top: 0px;
    }
    .mobile-login-btn {
        margin: 37px 38px 0px 3px;
    }
    .sidenav {
        border-radius: 15px;
        height: 135%;
        text-align: center;
    }
    .dash-sidenav {
        border-radius: 15px;
        height: auto !important;
        position: absolute;
        width: 47%;
        margin-top: 50px;
        margin-bottom: 61px;
        margin-left: 10px;
        margin-right: 51px;
        z-index: 1;
    }
   .input {
        width: 255px;
        text-align: center;
        padding: 10px;
    }
    .login-form {
        margin-top: 48px;
        margin-left: 0px;
    }
    .login-heading {
        padding-top: 109px;
    }
    .vertical-center {
       width: 293px;
       height: 44px;
       margin-top:0%;
       margin-left:50%;
    }
    <!-- margin: 15px 50px 10px 55px;-->
    

}

@media screen and (min-width: 375px) and (max-width: 479px) {
    .login {
        height: 500px;
        width: 310px;
    }
    .dashboard {
        height: 500px;
        width: 310px;
    }
    .container-fluid {
        width: 310px;
        padding: 0px 14px 13px 13px;
    }
    .dashboard-container {
        width: 310px;
    }
    .bgimg {
        height: 446px;
    }
    .year-info {
        margin-top: 0px;
    }
    .mobile-login-btn {
        margin: 37px 38px 3px 15px;
    }
    .mobile-footer {
        display: block;
        width: 150px;
        /* padding: 100px 4px 0px 40px; */
        text-align: center;
        margin: 17px 15px 10px 58px;
    }
    .asset-logo {
        margin-top: 232px;
    }
    .sidenav {
        border-radius: 15px;
        height: 100%;
        text-align: center;
    }
    .dash-sidenav {
        border-radius: 15px;
        height: auto !important;
        position: absolute;
        width: 40%;
        margin-top: 50px;
        margin-bottom: 61px;
        margin-left: 10px;
        margin-right: 51px;
        z-index: 1;
    }
    .input {
        width: 255px;
        text-align: center;
        padding: 10px;
    }
    .login-form {
        margin-top: 48px;
        margin-left: 0px;
    }
    .login-heading {
        padding-top: 109px;
    }
    .login-btn {
        width: 91px;
        margin: 37px;
    }
    .vertical-center {
        margin: 0;
        margin-left:50%;
        width: 100%;
        height: 0px;
        margin-top:5%;
        
    }    
}
@media only screen and (min-width: 1201px) {

	.space{
	     padding:11px !important;
	 }

    .profile-nav {
        z-index: 1;
        overflow-x: hidden;
        margin-left: -15px;
    }
    .dashboard-container {
        width: auto;
        margin: 10px 30px 10px 30px;
        padding: 0px;
    }
    .profile-container {
        width: auto;
        margin: 10px 30px 10px 30px;
        padding: 0px;
    }

    #accordion {
     width: 145%;
    }
    .score-margin {
        margin-left: 40px;
    }
    .mobile-view {
        display: none;
    }
    .widget-content{
       <!-- height:200px; -->
    }
    .widget{
        min-height: 307px;
    }
    .scrollable{
        height:610px;
        overflow: auto;
        left: 44px;
    }
	.profile{
		height:700px !important;
	}
    .ei-logo {
	    margin-left: 86% !important;
	    padding: 5px 0px; 
    }
    .menu-avatar {
	    width: 40px;
	    height: 40px;
	    margin-left: 80%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
}

@media screen and (max-width: 280px) {
    .mobile-footer {
        display: block;
        width: 150px;
        text-align: center;
        margin: 0px 14px 10px 17px;
    }
    .login {
      height: 100%;
        width: 310px;
    }
    .dashboard {
        height: 600px;
        width: 230px;
        height: auto;
    	background-color: #f2f2f2;
    	border-radius: 5px;
    	font-family: Montserrat-Regular;
    	color: black;
    }
    .container-fluid {
        width: 200px;
        padding: 0px 10px 0px 10px;
    }
    .bgimg {
        height: 354px;
    }
    .year-info {
        margin-top: 0px;
    }
    .mobile-login-btn {
        margin: 37px 38px 0px 3px;
    }
    .sidenav {
        border-radius: 5px;
        height: 135%;
        text-align: center;
    }
    .dash-sidenav {
        border-radius: 5px;
        height: auto !important;
        width: 30%;
        
        margin-bottom: 61px;
        margin-left: 0px;
        margin-right: 3px;
        z-index: 1;
    }
   .input {
        width: 255px;
        text-align: center;
        padding: 10px;
    }
    .login-form {
        margin-top: 48px;
        margin-left: 0px;
    }
    .login-heading {
        padding-top: 109px;
    }
    .vertical-center {
       width: 100%;
       height: 44px;
       margin-top:10px;
       margin-left:0px;
    }
    .desktop-footer {
        display: none;
    }
    body { 
      font-size: 0.3em; 
   	}
  	.asset-logo-white {
    	width: 31px;
    	padding: 10px 0px 15px 0px;
	}
	.avatar1 {
	    width: 25px;
	    height: 25px;
	    margin-left: 5px;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
	.menu-avatar {
	    width: 10px;
	    height: 10px;
	    margin-left: 57%;
	    object-fit: cover;
	    object-position: 50% 50%;
	    margin-bottom:2px;
	}
	.after-show-menu-avatar{
	    width: 10px;
	    height: 10px;
	    margin-left: 90%;
	    object-fit: cover;
	    object-position: 50% 50%;
	}
	.show-menu {
	    width: 100% !important;
	    background-color: #e1e4e9;
	    transition: 0.9s;
	    border-top-right-radius: 5px;
	    border-top-left-radius: 5px;
	    margin-left:0px;
	    height:2%;
	}
	.menu-icon {
	    font-size:8px;
	    cursor: pointer;
	    color: #df1e26;
	    padding: 0;
	    border-top-right-radius: 8px;
	    border-bottom-right-radius: 8px;
	}
	.ei-logo {
	   margin-left: 90%;
	   padding: 3px 20px;
	   width: 40%;
	   height: 25%;
	}
	.asset-info {
    	padding:0px 0px 0px 0px;
	}
	.navtext {
    	padding-left: 10px;
    	color: white;
	}
	.studentdetails {
    	padding: 5px 0px 9px 9px;
	}
	.icon {
	    padding: 4px;
	    padding-left: 0px;
	    color: white;
	    width:10;
	}

	.icon a {
	    padding: 0px;
	    padding-left: 0px;
	    color: white;
	    text-decoration: none;
	}
	.icon img {
	    width: 5px;
	    height: auto;
	}
	
	.active {
     font-weight:bold;
	}
	
	hr {
    	margin: 0px;
	}
	
	.btnmsg{
		height: 200px;
		text-align:left;
		margin-left:15px;
	}
}