html,body
{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	
}

img
{border:0;}

.clear
{clear:both;}

p
{
font-family: 'Roboto', sans-serif;
font-size:16px;
}

.hyperlink{
text-decoration:none;
color:#000099;
font-weight:bold;
}
.mob-cnt {
	display:flex;
	justify-content: center;
    flex-direction: table-row;
}


/**********************************************Basics end***************************************/
header,footer,nav
{
	display:block;
}
header
{	
background: rgba(255,255,255,0.9);
	width:100%;
	height:auto;
	position:absolute;
    z-index: 1;
	clear:both;
}

.left-header
{
width:50%;
float:left;
}

.right-header
{
width:50%;
float:right;
margin-bottom:6px;
}
.log
{
float:left;
}

/*********welcome note********/
.welcome-note
{
text-align:center;
}

.welcome-note h2
{
font-family: 'Oswald', sans-serif;
color:#1b1464;
}
.welcome-note p
{
padding:0px 80px 0px 80px;
}
.scwf
{
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
color:#1b1464;
}
/*********welcome note end********/

/**************footer************/

.footer
{
width:100%;
height:auto;
background-color:#777777;
color:#fff;
bottom:0;
}

.copyright
{
	width:50%;
	float:left;
	padding:10px;
}
.powered-by
{
	width:50%;
	float:right;
	text-align:right;
	padding:10px;
}
.powered-by a
{
color:#767676;
font-weight:bold;
}
.about
{
background-color:#fff;
border-radius:7px;
margin-top:340px;/*position:absolute;*/
margin-bottom:20px;
}

.about ul
{
	margin:0;
	padding:0; 
	
	list-style-type:none;
	margin-top:0px;
	
}

.about ul li
{
	
	
	color:#000;
	margin:20px;
	padding:0px 5px 5px 0px;	
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
}
.about ul li a
{
	color:#220613;
	text-decoration:none;
	

	}
.right ul
{
	margin:0;
	padding:0; 
	
	list-style-type:none;
	margin-top:0px;
	
}

.right ul li
{
	
	background: url(../images/bullet2.png) no-repeat left top;
	color:#000;
	margin:5px;
	padding:0px 5px 2px 30px;	
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}
.right ul li a
{
	color:#220613;
	text-decoration:none;
	

	}	
	
/*********home quick links end********/	
/*********hRequire Links********/	

.usefull ul
{
	margin:0;
	padding:0; 
	
	list-style-type:none;
	margin-top:0px;
	
}

.usefull ul li
{
	
	background: url(../images/icon_add.png) no-repeat left top;
	color:#000;
	margin:5px;
	padding:0px 5px 2px 30px;	
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}
.usefull ul li a
{
	color:#000099;
	text-decoration:none;
	font-weight:bold;

	}	
.usefull ul li a:hover
{
color:#990099;
border-bottom:1px dashed #990099

}
/*********Require Links********/	
/***************footer************/
/* ----------- login quick links us links end ----------- */	
@media only screen and ( max-width: 40em ) /* 640 */
{
header
{	padding:0px;
	background:#ffffff;
	width:100%;
	left: 0%;
	height:auto;margin-top:10px;
	position:relative;
    z-index: 1;
	border-radius:15px;
	display:block;
}
.mob-cnt
{
	display: table-row;
flex-direction: column;
}
.left-header
{
width:100%;
}
.right-header
{
width:100%;
float:none;
margin-top:80px;
padding:10px;
}

/*********welcome note********/
.welcome-note
{
background-color:#FFFFFF;
margin-top:0px;

position:relative;
width:100%;
text-align:justify;
border-radius:6px;
}


.welcome-note h2
{
text-align:center;
}

.welcome-note p
{
padding:0px 0px 0px 0px;
}
.hori-img
{
display:none;
}




/*********welcome note end********/
.importants
{
text-align:justify;
}


/**************footer************/

.footer
{
width:100%;
height:auto;
background-color:#e1e1e1;
color:#fff;
font-family: 'Roboto', sans-serif;

}

.copyright
{
	width:100%;
	text-align:center;
}
.powered-by
{
	width:100%;
	text-align:center;
	
}
.powered-by a
{font-family: 'Roboto', sans-serif;
color:#fff;

}
/***************footer************/



.about
{
background-color:#fff;
border-radius:7px;
margin-top:0px;position:relative;
}

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.hori-img
{
display:none;
}


.left-header
{
width:100%;
float:none;
}
.log
{
margin:auto;
text-align:center;float:none;
}
.right-header
{
width:100%;
float:none;clear:both;
margin-top:0px;
}
}
@media (min-width: 1200px) {
.container{
    max-width: 1024px;
}

}