/*Adaptive Break-point 1*/

/* Smartphones (portrait and landscape) ----------- */
@media (min-width : 320px) and (max-width : 480px) {
	.page-content { width: 95% !important; padding: 10px !important; }
	.pageMinHeight{ min-height:340px !important; }
	#header h1, #header h2 { padding-left: 0px !important; }
	.secondary-navigation a {font-size: 20px !important; padding: 10px 10px 0px 10px !important; }
	.mainTxt, .descriptions { height: 160px !important; padding-left: 20px; }
	#t { margin-left:0px !important; }
	#centerManage, #centerBilling { padding:0px 2px 10px 0px !important; transition: all 0.3s ease; /*overflow: hidden;*/ }
	#centerTech, #centerSett, #centerServ { margin:0; padding:0px 2px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
}



/*Responsive for Mobile Devices 667 */
@media (min-width: 320px) and (max-width:568px){
	/*-[ Framework ]--------------------*/
	#content_box { padding-right: 5px; }
	.main-header {
		position: relative;
		float: left;
		width: 100%;
		z-index: 99;
		background: #fff;
		border-bottom: 0px solid #f00;
		height: 140px;
		overflow: hidden;
		/*background-image: url(images/hbg2.gif);
		  background: #0082c3;
		  background-color: rgba(45, 45, 47, 1);*/
	}
	#header{ position: relative; width: 100%; margin:10px auto 5px; }
	#header h1, #header h2 { margin: 0px auto; }
	#header h1 a, #header h2 a{ width: 300px; height: 120px; display: block; background: url(../images/srmtax_mobile.jpg) no-repeat; }
	#logo a { color: #777; text-shadow: 0px 2px #fff; }
	.registerTitle { padding: 20px 0px 0px 20px; }

	/*-[ Navigation ]-----------------*/
	.secondary-navigation {
		 display: none;
		width: 100%;
		margin: 0px 0px 0px 12px;
	}
	.secondary-navigation a {
		font-size: 25px;
		line-height: normal;
		padding: 10px 12px 0px 15px;
	}

	/*-[ Content ]--------------------*/
	.article{ width: 100%; float: none; margin:0px; list-style:none; /*background-color: #f00;*/ }
	.page-content { width: 90%; padding: 20px; }
	.page-content li{ list-style:square;/*text-indent: 10px;*/ }
	.page.details { clear: both; overflow: hidden; list-style:none; }
	.pageMinHeight{ min-height:410px; }
	.adminContent { width: 95%; padding: 10px; }

	.mainTxt, .descriptions { display: none; height: 140px; }
	#t { display: none; margin-left:10px; }
	#centerManage, #centerBilling { display: none; margin:0; padding:0px 20px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
	#centerTech, #centerSett, #centerServ { display: none; margin:0; padding:0px 15px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
	
	#rColumn{ width: 80%; float: none; border-left: 0px; padding: 0px; margin:20px auto 0px auto;/* margin-top: 610px;*/  }

	.inner h2{line-height: 28px;}
	.inner input[type="text"], .admin input[type="text"]{ margin-bottom: 10px; }
	.inner input[type="password"], .admin input[type="password"]{ margin-bottom: 15px; }
	.inner input[type="text"], .inner input[type="password"],
	.changePassword input[type="text"], .changePassword input[type="password"], 
	.admin input[type="text"], .admin input[type="password"]{
	    width: 165px; padding:5px 7px;
	}
	.inner input[type="submit"], .changePassword input[type="submit"], .admin input[type="submit"]{
	    background-color: #ffb400;
	    border: none;
	    color: #000;
	    display: block;
	    font-weight: bold;
	    padding: 8px 16px;
	}

	.contactDetails{ margin-top: 485px !important; }
	.inner.box{ padding: 20px; margin-bottom: 10px;}
	.srm360_banner{display: none;}
	.copyrights{text-align: center;}
	#copyright-note { float:none; }
	.fb_section{width: 195px; float:none; padding: 15px 0px 0px 96px; }
	/*.fbleft{float:none; }*/

	#register{width: 100%;}
	#entry-list {width:100%; padding:0px;}
	#entry-list form textarea { width: 250px;}
	
	/*-[ Billing & Payment Tables ]--------------------*/
	.titleBilling{ padding-top: 20px; }
	#billing{ width: 96%; padding-left: 10px; }
	#billing header{ height: 55px; padding: 4px 15px; line-height: 30px; margin: 15px 5px 0px; }
	#billing header p{ float: left; margin: 0; line-height: normal; }
	.profile_info{ float: left; margin:10px 20px; line-height: normal; }
	#clientList{ width: 100%; padding-left: 0px; }
	#clientList_table{
		width: 100%;
		background-color: #f00;
		color: #000;
		margin:10px 0px 20px 0px;
		padding: 1px;
	}
	/*#clientList_table tr th{background-color: #fce6e7; color: #333; font-weight: bold; }*/
	
	/* Force table to not be like tables anymore */
	#clientList_table table, #clientList_table thead, #clientList_table tbody, #clientList_table th, #clientList_table td, #clientList_table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#clientList_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#clientList_table tr { border-bottom: 1px solid #ccc; }
	#clientList_table tr td{ border: 0px; }
	#clientList_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35% !important; 
	}
	#clientList_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 10px;
		width: 45%; 
		padding-right: 10px;
		font-weight: bold;
		color: #333; 
		white-space: nowrap;
	}
	/*	Label the data	*/
		#clientList_table td:nth-of-type(1):before { content: "ID"; }
		#clientList_table td:nth-of-type(2):before { content: "First Name"; }
		#clientList_table td:nth-of-type(3):before { content: "Last Name"; }
		#clientList_table td:nth-of-type(4):before { content: "Email"; }
		#clientList_table td:nth-of-type(5):before { content: "Federal Fee"; }
		#clientList_table td:nth-of-type(6):before { content: "State Fee"; }
		#clientList_table td:nth-of-type(7):before { content: "Action"; }

		#clientList_table tr:nth-of-type(odd) { background: #eee; }
		#clientList_table tr:nth-of-type(even) { background: #fff; }
		thead{font-size: 12px;}
		.fb_section{padding: 15px 0px 0px 138px; }
}

@media (min-width:569px) and (max-width:667px){
	#header{width: 28%; margin-left: 15px;}
	.secondary-navigation {	width: 65%;	margin: 20px 0px 10px 26px;	}
	.secondary-navigation a { font-size: 26px; line-height: 1em; padding-right: 45px; }
	.secondary-navigation a.last { padding-right: 5px; }
	.titleBilling{ padding-top: 0px; padding-left: 10px; }
	.article{ width: 99.5%;}
	/*#content_box{ padding-right: 5px; padding-left: 15px; }*/
	.admin { width: 100%;}

	.mainTxt, .descriptions { height: 110px; }
	#t { margin-left:10px; }
	#centerManage, #centerBilling { margin:0; padding:0px 20px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
	#centerTech, #centerSett, #centerServ { margin:0; padding:0px 15px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }

	#rColumn{ width: 55%; padding-top: 550px; float: none;}
	.inner.box{ padding: 20px; margin-bottom: 10px;}
	#billing{ width: 98%; padding-left: 0px; }
	#clientList{ font-size:11px; }
	#clientList_table table{width: 100%; background-color: #ddd; color: #000; margin:0px; padding: 5px 0px; }
	#clientList_table table thead{font-size: 12px;}
	#clientList_table table th ,table td{ padding:3px 7px; text-align:left; }
	#copyright-note { padding: 5px 0px 0px 15px; }
	
}

@media (width:601px){
	.mainTxt, .descriptions { height: 130px; }
	#t { margin-left:10px; }
	#centerManage, #centerBilling { margin:0; padding:0px 10px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
	#centerTech, #centerSett, #centerServ { margin:0; padding:0px 5px 10px 0px; transition: all 0.3s ease; /*overflow: hidden;*/ }
	.secondary-navigation a { font-size: 26px; line-height: 1em; padding-right: 30px; }
}


@media (min-width:768px) and (max-width:1024px){
	#content_box { padding-right: 5px; }
	/*-[ Navigation ]-----------------*/
	.secondary-navigation {
	    display: block;
	    float: left;
	    width: 73%;
	    margin-top: 60px;
	}
	.secondary-navigation a {
		font-size: 22px;
		line-height: normal;
		padding: 10px 19px 0px 0px;
	}
	.secondary-navigation a.last {
		padding-right: 0px !important;
	}
	.admin {  }
	#clientList{ font-size:12px; width: 100%; padding-left: 0px; }
	thead{font-size: 12px;}

	.page-content{width: 60%;}
	#rColumn{width:34%;}
	#centerBilling, #centerManage, #centerTech, #centerSett, #centerServ {
    	margin-left: 50px;
	}
	.srm360_banner {height: 100px;}
	.srm360_banner img {max-width: 53%; vertical-align: top; height: 100px;}
	#copyright-note{padding-left: 15px;}

}