.logo1{
	width: 58px;
	margin-left: 0%;
}
.logo2{
	margin-left: 59%;
	margin-top: -82%;
	width: 58px;
}

/*start styles small header*/
.small-header{
    position: fixed;
    z-index: 1;
    margin-top: 0%;
}
.small-header li{
	padding: 5px;
}
.small-header .panel-body{
	background: #ccc;
    padding-bottom: 2%;
    padding-top: 4%;
}

/*start style for dashboard blocks*/
#Summary,#Registered, #Access, #Assessment, #log, #Highlights{
    padding-top: 10%;
}

@media screen and (max-width: 1000px){
	.logo1{
		margin-left: -37%;
	}
}
@media screen and (max-width: 900px){
	.small-header {
	    position: fixed;
	    z-index: 1;
	    margin-top: 19px;
	}
	.small-header li {
	    padding: 1px;
	}
}
@media screen and (max-width: 770px){
	.logo1{
		margin-left: -4%;
	}
	.nav .nav-item{
		border: 1px solid green;
	    margin-top: 16px;
	    padding-top: 8px;
	}
	/*start styles small header*/
	.small-header{
	    position: fixed;
	    z-index: 1;
	    margin-top: 3%;
	}
	.small-header li{
		padding: 5px;
	}
	/*start style for dashboard blocks*/
	#Summary,#Registered, #Access, #Assessment, #Highlights{
        padding-top: 0%;
        margin-top: -7%;
        padding-bottom: 5%;
 }
 	#log{
	 	padding-top: 0%;
	 	margin-top: -4%;
	 	padding-bottom: 2%;
	 }
}
/*@media screen and (max-width: 700px){*/
	/*start style for dashboard blocks*/
	/*#Summary,#Registered, #Access, #Assessment, #Highlights{
        padding-top: 0%;
	    margin-top: -14%;
	    padding-bottom: 10%;
	}
 	#log{
	 	padding-top: 0%;
	    margin-top: -7%;
	    padding-bottom: 5%;
 	}*/
/*}*/
@media screen and (max-width: 500px){
	.small-header {
	    position: fixed;
	    z-index: 1;
	    margin-top: 29px;
	}
	.small-header li {
	    padding: 1px;
	}
	/*start style for dashboard blocks*/
	#Summary,#Registered, #Access, #Assessment, #Highlights{
        padding-top: 0%;
	    margin-top: -14%;
	    padding-bottom: 10%;
	}
 	#log{
	 	padding-top: 0%;
	    margin-top: -7%;
	    padding-bottom: 5%;
 	}
}
@media screen and (max-width: 410px){
	.logo1{
		width: 58px; 
		margin-left: 0%;
	}
	.logo2{
		margin-left: 0%;
		margin-top: 0%;
		width: 15%;
	}
	.logo{
		width: 90%;
	}
	.nav .nav-item{
		border: 1px solid green;
	    margin-top: 16px;
	    padding-top: 8px;
	}
}
@media screen and (max-width: 400px){
	.logo1{
		width: 58px; 
		margin-left: 0%;
	}
	.logo2{
		margin-left: 0%;
		margin-top: 0%;
		width: 58px;
	}
	.logo{
		width: 80%;
	}
}