html, body
{
	height: 100%;
	width:100%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color:#666;

	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #4F4F4F;
}

h1, h2, h3
{
	margin: 0;
	padding: 0;
	font-family: 'Archivo Narrow', sans-serif;
	color: #322F2A;
}

p, ol, ul
{
	margin-top: 0px;
}

ol, ul
{
	margin: 0px;
	padding: 0px;
	list-style:  none
}

p
{
	line-height: 180%;
}

strong
{
}

a
{
	color: #0074C6;
}

a:hover
{
	text-decoration: none;
}

a img
{
	border: none;
}

img.border
{
}

img.alignleft
{
	float: left;
}

img.alignright
{
	float: right;
}

img.aligncenter
{
	margin: 0px auto;
}

hr
{
	display: none;
}

ul.style1
{
}

ul.style1 li
{
	padding: 1.50em 0em 1.90em 0em;
	border-top: 1px solid #e8e8e8;
}

ul.style1 a
{
	text-decoration: none;
	color: #6e6d6d;
}

ul.style1 a:hover
{
	text-decoration: underline;
}

ul.style1 .posted
{
	font-size: 0.90em;
	color: #b6b6b6;
}

ul.style1 .first
{
	padding-top: 0em;
	border-top: none;
}

/** WRAPPER */

#wrapper
{
	background: #FFFFFF;
}

.container
{
	width: 1000px;
	padding-left:200px;
	
}
.contentdiv{
	
	margin-left:10%;
	margin-right:11%;

	}
.footercontainer
{
	width: 1000px;
	margin-top:50px;
}

.clearfix
{
	clear: both;
}

/** HEADER */

#header-wrapper
{
	overflow: hidden;
	height: 400px;
	/*background: #58534F;*/
	border-bottom: 1px solid #3B3B3A;
}

#header
{
/*	overflow: hidden;
*/}

/** LOGO */

#logo
{
	margin-bottom:20px;
	float: left;
	width: 380px;
	height: 100px;
}

#logo h1, #logo p
{
	margin: 0px;
	line-height: normal;
}

#logo h1 a
{
/*	display: block;
*/	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 150px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.50em;
}

/** MENU */

#menu
{
	padding: 40px 0px 0px 0px;
	height: 80px;
	
}

#menu ul
{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
	padding: 2em 2em 2em 2em;
	border-left: 1px solid #383533;
	box-shadow:  -1px 0 0px #6D6865;
}

#menu a
{
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.30);
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.10em;
	color: #979A97;
}

#menu a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

#menu .active a
{
	color: #FFFFFF;
}

#menu .first
{
	padding-left: 0px;
	border-left: none;
	box-shadow: none;
}

/** PAGE */

#page
{
	overflow: hidden;
	padding: 50px 0px;
	border-bottom: 1px solid #D8D8D8;
}

#page h2
{
	padding: 0px 0px 30px 0px;
	letter-spacing: -1px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 2em;
	color: #3B3B3A;
}

/** CONTENT */

#content
{
	float: left;
	width: 650px;
}

#content h2
{
	padding: 10px 0px 20px 0px;
	font-size: 2.50em;
}

#content img
{
	float: left;
	margin-right: 40px;
	border-radius: 120px;
}

/** SIDEBAR */

#sidebar
{
	float: right;
	width: 300px;
}

#sidebar h2
{
	padding: 10px 0px 20px 0px;
}

/* Footer */

#footer
{
	overflow: hidden;
	padding: 3em 0em;
	border-top: 1px solid #3B3B3A;
}

#footer p
{
	text-shadow: 1px 1px 0px rgba(0,0,0,.30);
	text-align: center;
	color: #959494;
}

#footer a
{
	color: #BFBFBF;
}

/** Banner */

#banner
{
	overflow: hidden;
	padding: 0px 0px;
	background: white;
	height:60%;
	padding-left:10%;
	padding-right:11%;

}
#banner1
{
	overflow: hidden;
	padding: 0px 0px;
	background: white;
	height:60%;
	padding-left:10%;
	padding-right:11%;

}
/** Slider */

#slider
{
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	position: relative;
}

#slider .button
{
	display: inline-block;
	background: #0074C6;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	text-decoration: none;
	outline: 0;
	border-radius: 8px;
	font-size: 1.25em;
	border-bottom: solid 2px #0054A6;
	text-shadow: 0 1px 1px #003A6C;
}

#slider .button:hover
{
	background: #2094E6;
}

#slider .viewer
{
	width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
}

#slider .viewer1
{
	width: 1000px;
	height:650px;
	margin: 0 auto;
	overflow: hidden;
}

#slider .viewer3
{
	width: 1000px;
	height:500px;
	margin: 0 auto;
	overflow: hidden;
	
}

#slider .viewer2
{
	width: 1000px;
	height:1000px;
	margin: 0 auto;
	overflow: hidden;
}



#slider .viewer .reel
{
	display: none;
	height: 500px;
}

#slider .viewer .reel .slide
{
	position: relative;
	width:1000%;
	height: 500px;
}

#slider .viewer .reel h2
{
	/*position: absolute;*/
	position: relative;
	top: 230px;
	left: 0;
	padding: 0px 30px;
	line-height: 80px;
	background: #111111;
	text-align: center;
	opacity: 0.75;
	font-weight: normal;
	font-family: 'Archivo Narrow', sans-serif;
	color: #ffffff;
	font-size: 4.50em;
}

#slider .viewer .reel p
{
	/*position: absolute;*/
	position: relative;
	top: 310px;
	left: 0;
	padding: 5px 35px;
	background: #0074C6;
	text-align: center;
	opacity: 0.75;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 2.00em;
}

#slider .indicator
{
	margin: 20px auto 0 auto;
}

#slider .indicator ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#slider .indicator ul li
{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: #c8c8c8;
	margin: 0 2px 0 2px;
	border-radius: 8px;
	border-bottom: solid 1px #ffffff;
	border-top: solid 1px #909090;
}

#slider .indicator ul li.active
{
	background: #505050;
	border-top: solid 1px #505050;
}

#featured
{
	overflow: hidden;
	padding: 50px 0px;
	border-bottom: 1px solid #D8D8D8;
}

#featured #fbox1
{
	float: left;
	width: 235px;
	margin-left:7%;
	text-align:center;
	
}

/************** Candidates **********************/

#featured #fbox1basic
{
	float: left;
	width: 160px;
	margin-left:7%;
	text-align:center;
	
}


/************* Css for Toper Divs ***************/

#featured #year
{
	float: left;
	width: 130px;
	margin-right: 20px;
	margin-left:130px;
	margin-top:-20px;
	
}
#featured #month
{
	float: left;
	width: 130px;
	margin-right: 20px;
	margin-left:50px;
	margin-top:-20px;
	
}

#featured #week
{
	float: left;
	width: 130px;
	margin-right: 20px;
	margin-left:70px;
	margin-top:-20px;
	
}
#featured #day
{
	float: left;
	width: 130px;
	margin-right: 20px;
	margin-left:60px;
	margin-top:-20px;
	
}


/************* End ***************/

.inerdiv1{
	height:30px;
	background-color:#900;	/*text-align: center;*/
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	padding:5px 5px 1px 3px;
	text-align:center;
	}

.inerdiv2{
	height:30px;
	background-color:#093;
	/*text-align: center;*/
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	padding:5px 5px 1px 3px;
	text-align:center;
	}
.inerdiv3{
	height:30px;
	background-color:#06F;
	/*text-align: center;*/
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	padding:5px 5px 1px 3px;
	text-align:center;
	}
.inerdiv4{
	height:30px;
	background-color:#C60;
	/*text-align: center;*/
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	padding:5px 5px 1px 3px;
	text-align:center;
	}





#featured #candidates
{
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-left:10px;
	margin-top:-50px;
	background-color:#CCC;
	box-shadow: -2px 2px 5px #888888;
	height:200px;

}


#featured #basic
{
	float: left;
	width: 180px;
	margin-left:5%;
	margin-top:-30px;
	background-color:#CCC;
	box-shadow: -2px 2px 5px #888888;
	text-align:center;
	height:110px;
	
}


#featured #inter
{
	float: left;
	width: 180px;
	margin-left:5%;
	margin-top:-30px;
	background-color:#CCC;
	box-shadow: -2px 2px 5px #888888;
	text-align:center;
	height:110px;
	
}
#featured #experts
{
	float: left;
	width: 180px;
	margin-left:5%;
	margin-top:-30px;
	background-color:#CCC;
	box-shadow: -2px 2px 5px #888888;
	text-align:center;
	height:110px;
	
	
}
#featured #masters
{
	float: left;
	width: 180px;
	margin-left:5%;
	margin-top:-30px;
	background-color:#CCC;
	box-shadow: -2px 2px 5px #888888;
	text-align:center;
	height:110px;
	
}

#featured #fbox
{
	float: left;
	width: 235px;
	margin-right: 20px;
	margin-left:70px;
	
}

#featured #fbox2
{
	float: left;
	width: 235px;
	margin-left:7%;
	text-align:center;
}


#featured #fbox2inter
{
	float: left;
	width: 160px;
	margin-left:7%;
	text-align:center;
}

#featured #fbox2experts{
	float: left;
	width: 160px;
	margin-left:7%;
	text-align:center;
	
	}
	
#featured #fbox2master{
	float: left;
	width: 160px;
	margin-left:7%;
	text-align:center;
	
	}

#featured #fbox3
{
	float: left;
	width: 235px;
	margin-left:7%;
	text-align:center;
}

#featured #fbox4
{
	float: right;
	width: 235px;
}

#featured img
{
	/*border-radius: 120px;*/
	
}

#featured p
{
	text-align: left;
}

#featured h2
{
	padding: 20px 0px 20px 0px;
	/*text-align: center;*/
	text-transform: uppercase;
	font-size: 1.00em;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	color: #0074C6;
}

#featured .title 
{
	margin-bottom: 40px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.50em;
	color: #3B3B3A !important;
}
.bodermidel{
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
	padding: 20px 0px 50px 0px;	
	
}
.totalmember{
	width:235px;
	margin-left:0px;
	height:70px;
	padding:20px 10px 10px 10px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	
	}
.inter{
	margin-left: 300px;

	height:70px;
	margin-top:10px;
	background-color:#333;
	width:235px;

	
}
.icondiv{
	margin-left:10px;
	margin-top:10px;
	text-align:center;
		
	}
	
.numbers-div{
	margin-top:400px;
	margin-bottom:40px;
	
	
	}
.log{
	margin-left:1000px;
	color:#FFF;
	padding-top:10px;
	
	}
	
.Registr{
	
	background-color:#999;
	height:100px;
	width:100px;
	
	
	}
	
.filds{
	
	margin-top:50px;
	margin-left:100px;
	
}
.filds1{
	
	margin-top:23px;
	margin-left:100px;

}
.info{
	
	height:20%;
	margin-right:50%;
	background-color:#C9F;

}

.info-div{
	
	background-color:#C6F;
	margin-left:800px;	
	
	}
.container1{
	
	padding-top:20px;
	margin-left:80px;
	
	}
.regcontainer{
	
	padding-top:20px;
	margin-left:200px;
	margin-right:200px;
	
	}
table.imagetable {
	
    border-collapse:separate;
border: none;
    border-radius:6px;
    -moz-border-radius:6px;
}
/*table.imagetable th {
	
	background:#b5cfd2 url('cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	font-size:14px;
}
table.imagetable td {
	
	
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	
}*/
.fix{
	position:fixed;
	
}
#paginatio .btn {
margin: 4px;
}
#paginatio .dots {
margin: 4px;
font-size: 20px;
text-decoration: none;
}
<style type="text/css">
table.imagetable {
	
  border-collapse:separate;
    border:solid black 1px;
    border-radius:6px;
    -moz-border-radius:6px;
}
table.imagetable th {
	
	
	
	background:#b5cfd2 url('cell-blue.jpg');
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding:5px;
	width:10%;
	height:40px;
	font-size:15px;
	
	
}
table.imagetable td {
	background:#dcddc0 url('cell-grey.jpg');
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	width:auto;}
.textarea{
  padding: 0 10px;
  width: 62%;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

.txt{
	width:50%;
	height:auto;
	margin-left:50%;
	margin-top:-58%;
	
	
}
.h2{
	color:#999;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:18px;
	
 }
.bold{
		font-family: 'Archivo Narrow', sans-serif;
		font-size:16px;
	
	
}
.bold1{
		font-family: 'Archivo Narrow', sans-serif;
		font-size:14px;
	
	
}

.contact{
	
	width:150px;
	height:20px;
	background:#CFF;
	
	}
	
.ner-div-padding{
		
		padding:10px;		
		
	}
.num-div{
	margin-top:auto;
	}
	
.select, .upload {
    border: 1px solid #DAF9F5;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
    font-size: 12px;
    padding: 2% 2%;
	margin-top:2%;
	margin-bottom:2%;
    width: 70%;
	height:30px;
	
	
	
	outline: 5px solid #eff4f7;
	-moz-outline-radius: 3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12) inset;
	border-color: #C4C4C4 #D1D1D1 #D4D4D4;


}

.upload
{
	margin-left:70px;
	
}
.question
{
	          height:64%; width:82%;  background-color:#fff;
              border-radius:15px;position:absolute;
			  left:9%;
			  top:17%;
			  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
			  opacity: 1;
  			 

}
.question2
{
	
			  height:64%; width:82%;  background-color:#fff;
              border-radius:15px;position:absolute;
			  left:9%;
			  top:17%;
			  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
			  opacity: 1;
  			 
}


@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.tablediv{
	
	padding-left:20%;
	
	}
.correctans{
		style="font-size:10px; margin-left:40px;
}
.correctans img{
	height:12px;
	width:12px;
	}
	
	h2{
		font-size:14px;	
	}
	h3{
		font-size:12px;
		
		}

	.question{
		margin-top:45%;
		height:75%;
		width:82%;
		left:9%;
		}
	.question2{
		margin-top:45%;
		height:75%;
		width:82%;
		left:9%;
		}
	
	input[type=text], input[type=password], input[type=email]  {
  			margin: 5px;
  			padding: 0 10px;
  			width:60%;
  			height: 30px;
  			color: #404040;
  			background: white;
  			border: 1px solid;
  			border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  			border-radius: 2px;
  			outline: 5px solid #eff4f7;
  			-moz-outline-radius: 3px;
  			-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  			box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
 			font-size:9px;
  }
  .login{
	  margin-left:10%; 
	  margin-right:10%;
	 
	  }
	 .option-list{
	
	margin-top:-5%;
	margin-left:33%;
	font-size:9px;
 
  }
	.question-start {
	   background-color:#C9C;
       padding:2%; 
	   margin-left:27%;
	   margin-right:40%;
	   border-radius:2%;
	   background-color:3px solid #CCC;
	   width:42%;
	   font-size:9px;
   }
   
.image-mark{
	height:2px;
	width:30px;
   }
    
	
	.clock-time{
	  
	  font-size: 60px;
	  font-weight: bold;
	  height: 35px; 
	  text-align:left;
	  width:23%; 
	  border:none;
	  }
   
   .button-close{
	
	height:15px;
	width:15px;
	margin-top:80px;
	
	} 
	
	table p{
		font-size:7px;
		}
	
   .img-score{
	height:auto;
	width:500px;
	}
	.flage{
  height:80px;
  width:80px;
}
}
.question-start {
	   background-color:#C9C;
       padding:2%; 
	   margin-left:27%;
	   margin-right:40%;
	   border-radius:2%;
	   background-color:3px solid #CCC;
	   width:42%;
	   
   }
	   
.option{ 
			background-color:#9C9;
           	padding:1%; 
	  		margin-left:20%;
			margin-right:20%; 
			border-radius:2%; 
			background-color:3px solid #CCC;
			padding-bottom:1%;
			width:44%;
		
		}
.nextbtn a:hover{
	
	background-color:#C69
}

.login{
  margin-top:5%;
		
}
.inputid{
				
				
				margin: 5px;
				padding: 0px 10px;
				width: 200px;
				height: 34px;
				color: #404040;
				background: none repeat scroll 0% 0% #FFF;
				border-width: 1px;
				border-style: solid;
				-moz-border-top-colors: none;
				-moz-border-right-colors: none;
				-moz-border-bottom-colors: none;
				-moz-border-left-colors: none;
				border-image: none;
				border-color: #C4C4C4 #D1D1D1 #D4D4D4;
				border-radius: 2px;
				outline: 5px solid #EFF4F7;
				-moz-outline-radius: 3px;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12) inset;
	
	
	}

.inputid:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.inputid:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}

input[type=submit] {
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input[type=submit]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.tablediv{
	
	padding-left:40%;
	padding-right:120px;
	
	}
.tblrow{
	
	height:40px;
	
	}
.heading{
	
	font-size:20px;
	
	}
.heading-para{
		font-size:16px;
		text-align:justify;
   }
.regbdoy{
	height:90%;
	
	}
.clears{
	
	height:40px;
	width:auto;
	}
.close{ 
		margin-left:75%; 
		margin-top:-421px;
	 }
.img-contain {
  width: 100px;
  height:100px;

  height: 5em;
  margin: 0 auto;
}

.clear{
	margin-bottom:17%;

	}
.tbp{ 
	 height:20%;
	 
}
.trheight{
	height:40px;
	}
.padding{
	
	margin-bottom:10%;
	
	}
.tablecontact{
	margin-top:15%;
	margin-left:8%; 
	margin-bottom:20%; 
	}
.radio-btn-op{
	
	margin-left:-55%; 
	margin-top:2%; 
	width:3%;
	
	}
.option-list{
	
	margin-top:-5%;
	text-align:left;
	width:60%;
	margin-left:15%;
  }
  .clock-time{
	  
	  font-size: 10px;
	  font-weight: bold;
	  height: 25px; 
	  text-align:left;
	  width:50px; 
	  border:none;
	  }
.time-form{
	
	
	
	}
.button-close{
	
	height:25px;
	width:25px;
	}
.nextbton{
	height:35px;
	width:35px;
	}
.correctans{
		style="font-size:16px; margin-left:30%;
	}
.correctans img{
	height:25px;
	width:25px;
	}
.para{
	font-size:14px;
	}
.image-mark{
	height:128px; width:128;
	}
.img-score{
	height:auto;
	width:200px;
	}
.flage{
 height:128px;
 width:128px;
}
.inner-div{
	 
	 height:auto;
	 width:100%;
	 margin-top:5%;
	 text-align:justify;
	 
}
.file-upload{
	width:180px;
	}