/** Media Queries **/

body
{
	font-size:100%;
}
/* Tablets Landscape */
@media (min-width: 992px) and (max-width: 1024px) 
{
	.back-link
	{
		text-align:center;
	}

}

/* Tablets Portrait */
@media (min-width: 768px) and (max-width: 991px) 
{
	body
	{
	    font: 100%/1.9em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		font: bolder 1.3em/30px Tahoma, Verdana, Arial, Sans-Serif;
	}

}

/* Mobiles Landscape */
@media screen and (max-width: 768px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:none;
	}
	.res1-menu
	{
		display:block;
		
	}
	.topnav a:hover
	{
		color:#fff;
	}
	.topnav a.icon {
		float: right;
		display: block;
		background-color: #3BB7DD;
		border-left-color: #3BB7DD;
		border-top-color: #3BB7DD;
		border: 1px solid #3BB7DD;
		border-bottom-color: #3BB7DD;
		border-right-color: #3BB7DD;
		margin: 0 auto;
		left: -1%;
		position: relative;
		border-top-left-radius: 0px;
		bottom: -2px;
		width: 19%;
		padding: 8px;
		border-bottom-left-radius: 0px;
		}
		 #header h1#logo
		  {
			    position: relative;
				margin: 0 auto;
		  }
		  #header h2#slogan
		  {
			    right: 7%;
				margin: 2px auto;
				position: absolute;
		  }
		  #sidebar ul.sidemenu {
        text-align: center;
		width: 100%;
		margin: 0 auto;
		}
		.topnav a {
			padding: 9px 1px;
			font-size: 12px;
		}
		h1
	{
		text-align:center;
	}
	.remember-align
		{
			text-align:center;
		}
		.links-align
		{
			text-align:center;
		}
}



/* Mobiles Landscape */
@media screen and (max-width: 767px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:block;
		font: bolder 1.0em/30px Tahoma, Verdana, Arial, Sans-Serif;
	}
	.res1-menu
	{
		display:none;
	}
	#sidebar
	{
		text-align:center;
	}
	#sidebar ul.sidemenu {
        text-align: center;
		width: 50%;
		margin: 0 auto;
    }
	#FJ_TF_Cont
	{
		display:none;
	}
	#main table {
		width: 100%;
		margin: 15px auto;
	}
	h1
	{
		text-align:center;
	}
	.remember-align
		{
			text-align:center;
		}
		.links-align
		{
			text-align:center;
		}
	.table-list-align
	{
		margin: 0 5%;
	}
	#footer
	{
		margin: 80px 0 0 0;
	}
}

/* Mobiles Landscape */
@media screen and (max-width: 640px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:none;
	}
	.res1-menu
	{
		display:block;
	}
	.topnav a:hover
	{
		color:#fff;
	}
	.topnav a.icon {
		float: right;
		display: block;
		background-color: #3BB7DD;
		border-left-color: #3BB7DD;
		border-top-color: #3BB7DD;
		border: 1px solid #3BB7DD;
		border-bottom-color: #3BB7DD;
		border-right-color: #3BB7DD;
		margin: 0 auto;
		left: -1%;
		position: relative;
		border-top-left-radius: 0px;
		bottom: -2px;
		width: 19%;
		padding: 13px;
		border-bottom-left-radius: 0px;
		}
		 #header h1#logo
		  {
			    position: relative;
				margin: 0 auto;
		  }
		  #header h2#slogan
		  {
			    right: 7%;
				margin: 2px auto;
				position: absolute;
		  }
.addthis_floating_style.addthis_counter_style{diaplay:none;}
}

/* Medium Mobiles size */
@media screen and (max-width: 414px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:none;
	}
	.res1-menu
	{
		display:block;
	}
	.topnav a:hover
	{
		color:#fff;
	}
	.topnav a.icon {
		float: right;
		display: block;
		background-color: #3BB7DD;
		border-left-color: #3BB7DD;
		border-top-color: #3BB7DD;
		border: 1px solid #3BB7DD;
		border-bottom-color: #3BB7DD;
		border-right-color: #3BB7DD;
		margin: 0 auto;
		left: -1%;
		position: relative;
		border-top-left-radius: 0px;
		bottom: -2px;
		width: 19%;
		padding: 8px;
		border-bottom-left-radius: 0px;
		}
		 #header h1#logo
		  {
			    position: relative;
				margin: 0 auto;
		  }
		  #header h2#slogan
		  {
			    right: 7%;
				margin: 2px auto;
				position: absolute;
		  }
		  #sidebar ul.sidemenu {
        text-align: center;
		width: 50%;
		margin: 0 auto;
		}
		.topnav a {
			padding: 9px 1px;
			font-size: 12px;
		}
		h1
	{
		text-align:center;
	}
	.remember-align
		{
			text-align:center;
		}
		.links-align
		{
			text-align:center;
		}
		.addthis_floating_style.addthis_counter_style{diaplay:none;}
}


/* Medium Mobiles size */
@media screen and (max-width: 412px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:none;
	}
	.res1-menu
	{
		display:block;
	}
	.topnav a:hover
	{
		color:#fff;
	}
	.topnav a.icon {
		float: right;
		display: block;
		background-color: #3BB7DD;
		border-left-color: #3BB7DD;
		border-top-color: #3BB7DD;
		border: 1px solid #3BB7DD;
		border-bottom-color: #3BB7DD;
		border-right-color: #3BB7DD;
		margin: 0 auto;
		left: -1%;
		position: relative;
		border-top-left-radius: 0px;
		bottom: -2px;
		width: 19%;
		padding: 8px;
		border-bottom-left-radius: 0px;
		}
		 #header h1#logo
		  {
			    position: relative;
				margin: 0 auto;
		  }
		  #header h2#slogan
		  {
			    right: 7%;
				margin: 2px auto;
				position: absolute;
		  }
		  #sidebar ul.sidemenu {
        text-align: center;
		width: 50%;
		margin: 0 auto;
		}
		.topnav a {
			padding: 9px 1px;
			font-size: 12px;
		}
		h1
	{
		text-align:center;
	}
	.remember-align
		{
			text-align:center;
		}
		.links-align
		{
			text-align:center;
		}
		.addthis_floating_style.addthis_counter_style{diaplay:none;}
}
/* Medium Mobiles size */
@media screen and (max-width: 360px) 
{
	body
	{
		    font: 100%/1.8em Verdana, Tahoma, Arial,sans-serif;
	}
	#menu
	{
		display:none;
	}
	.res1-menu
	{
		display:block;
	}
	.topnav a:hover
	{
		color:#fff;
	}
	.topnav a.icon {
		float: right;
		display: block;
		background-color: #3BB7DD;
		border-left-color: #3BB7DD;
		border-top-color: #3BB7DD;
		border: 1px solid #3BB7DD;
		border-bottom-color: #3BB7DD;
		border-right-color: #3BB7DD;
		margin: 0 auto;
		left: -1%;
		position: relative;
		border-top-left-radius: 0px;
		bottom: -2px;
		width: 19%;
		padding: 8px;
		border-bottom-left-radius: 0px;
		}
		 #header h1#logo
		  {
			    position: relative;
				margin: 0 auto;
		  }
		  #header h2#slogan
		  {
			    right: 7%;
				margin: 2px auto;
				position: absolute;
		  }
		  #sidebar ul.sidemenu {
        text-align: center;
		width: 100% !important;
		margin: 0 auto;
		}
		.topnav a {
			padding: 9px 1px;
			font-size: 12px;
		}
		h1
	{
		text-align:center;
	}
	.remember-align
		{
			text-align:center;
		}
		.links-align
		{
			text-align:center;
		}
		.addthis_floating_style.addthis_counter_style{diaplay:none;}
}