.quiz-block{
	width: 60%;
	//border: solid thin blue;
	margin: 2px auto;
	padding: 28px;
	
     }
	 
  h1{
	text-align: center;
	/* text-decoration: underline; */
	color: #666;
 }

#quiz-form{
	width: 90%;	
	padding: 6px 10px;
		
   }
   
.question{	
    background-color: #fff;
	border: solid thin #666;
	margin-bottom: 2px;
	padding-left: 6px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	z-index: 1;
    position: relative;
   }

.question p{	
	padding-left: 6px;
  }

#submitQuiz{
	padding: 6px 10px;
	background-color: #666;
	margin: 8px 0px
	
}
input[type="radio"]{
	margin-right: 5px;
	
}

#table{
	//border: solid thin red;
	display: none;
	width: 24%;
	/* margin: 200px auto; */
	margin: 0px auto;
	
}
table tr td{
  border: solid thin #ccc;
  width: 8%;
	
}

.emptyQuestion{
	background-color:  #f3e9e9;
	border: solid thin #efabab;
}

+
#total {
    display: none;
    border: solid thin #c5bebe;
    position: relative;
    top: 757px;
    width: 65px;
    padding: 1px 0px;
    left: 604px;
    font-weight: 600;
}


 span#total{
    display: block;
    border: solid thin;
    position: absolute;
    bottom: -156px;
    margin: 0px auto -13px auto;
    width: 8%;
    left: 54%;
}



  /* Styles for desktops  Larger screens (Monitors) */
  @media only screen and (min-width: 1280px) {
  
  
  }  
  
    /* Styles for laptops */
   @media only screen and (min-width: 769px) and (max-width: 1024px) {
   
   }   
   
    
  /* Styles for tablets */
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    
  }

   /*  mobile phones */
   @media (max-width: 480px) {
     
    #quiz-form { 
     z-index: 1;
     position: relative;
     width: 100%;
    }
    
    .quiz-block {
      width: 100%;
      margin: 2px auto;
      padding: 0px;
      
    }
     
    input[type="radio"] {
      margin-right: -40px;
      margin-left: -50px;
      width: 42%;
      transform: scale(1.2);
    }
     
    form .question label {
      width: 70%;  
      border: solid 1px transparent;
      font-size: 17px !important ;  
    } 
     
   .question p {
     padding-left: 0px;
    
    } 
    
    table#table {
      width: 40%;
      margin-bottom: 96px;
      z-index: 1;
    }
    
    span#total {
        width: 186px;
        margin: -87px -112px;
        text-align: right;
        padding-right: 39px; 
        border-color: #e8e3e370;
    }
    
     svg.headerIcons {
        
        top: -23px;
        left: inherit;
    }
     
}