/*  */
.lock{overflow:hidden;}
/* 
	===============================	
	FOR IPAD  1024
	===============================
*/
@media only screen and (max-width:1050px)
{
	/*============
	    header
	============*/
	.headerMain .headerTop{ padding:0px 24px;}
	.headerMain .loggedInUser{right:30px;}
	/*============
	    listing
	============*/
	.pageSearch .downloads a span{ font-size:15px; }
	.pageSearch .searchBtn .searchLoader span.spinLoader { top:28px; left:-15px; }
	.dataTable .tableAccordion ul li .nameEmail { text-align:left; }
	/*===============
	    dashboard
	=================*/
	.pageContent { padding:60px 24px 60px 24px; }
	.pageContent .dataCardList ul{
		flex-wrap: wrap;
		justify-content: center;
		padding: 0px 50px;
	}
	.pageContent .dataCardList ul li{ 
		margin:20px 0px; 
		width:30%;
	}
	.graphAndDataCard{
		grid-template-columns:100%;
		margin-top:0px;
	}
	.graphAndDataCard .dataCardListVertical ul{ 
		display:flex; justify-content:center;
		padding: 0px 20px;
	}
	.graphAndDataCard .dataCardListVertical ul{padding: 0px 20px;}
	.graphAndDataCard .dataCardListVertical ul li{ width:30%; margin:20px 0px; }
}

/* 
	===============================	
	FOR IPAD 768
	===============================	
*/
@media only screen and (max-width:980px) {	
	/*============
	    header
	============*/
	.headerMain nav{width:55%;}
	.headerMain .loggedInUser{width:15%;}
	/*============
	    listing
	============*/
	.pageSearch{
		grid-template-columns:26% 16% 8% 20% 12% 12%;
		grid-column-gap:2%;
		padding:0px 30px 25px 0px;
	}
	.pageSearch .downloads a { text-align:center; }
	.pageSearch .downloads a span { font-size:14px; }
	.dataTable .tableAccordion ul li{ grid-template-columns: 55% 17% 28%; }
	.dataTable .tableAccordion ul li strong { font-size:14px; }
	.dataTable .tableAccordion ul li label { font-size:12px; }	
	
	/*===============
	    dashboard
	=================*/
	.pageContent .dataCardList ul{ padding: 0px 15px;}
	.dataCardList ul .dataCard{ padding:20px 12px;	}
	.graphAndDataCard .dataCardListVertical ul{padding: 0px 15px;}
}
/* 
	===============================	
	For Mobile
	===============================	
*/
@media only screen and (max-width:767px)
{
	/*============
	    header
	============*/
	.headerMain nav ul {display:none;}
	.headerMain .loggedInUser { width: 20%; }
	.headerMain .loggedInUser .shortLink ul .hideShortLink { display:block; }
	/*============
	    listing
	============*/
	.pageSearch{ 
		grid-template-columns:40% 30% 10% auto; 
		padding: 0px 10px 20px 0px;
	}
	.pageSearch .downloads{ text-align:left; }
	.pageSearch .downloads a{ margin-top:25px; }
	.dataTable .tableAccordion ul li{ grid-template-columns:repeat(2,49.5%); grid-column-gap:1%;}
	.dataTable .tableAccordion ul li .contactNumber{ order:1; } 
	
	/*===============
	    dashboard
	=================*/
	.pageContent .dataCardList ul{padding:0px;}
	.pageContent .dataCardList ul li{width:50%;}
	.graphAndDataCard .dataCardListVertical ul{flex-wrap:wrap; padding:0px;}
	.graphAndDataCard .dataCardListVertical ul li{width:50%;}
	.graphAndDataCard .dataCardListVertical .dataCard { margin: 0px 16px; }
}

/*
	============
	For iphone 5
	============
*/
@media only screen and (max-width:460px){
	/*============
	    header
	============*/
	.headerMain .loggedInUser { width:40%; }
	/*============
	    listing
	============*/
	.pageSearch{ grid-template-columns:50% 50%; }
	.pageSearch .searchDropdown, .pageSearch .dateSelections { grid-column:1/3;}
	.pageSearch .dateSelections { margin-top:15px;}
	.dataTable .tableAccordion ul li{ grid-template-columns:100%;}
	.dataTable .tableAccordion ul li .nameEmail{ text-align:left; }
	.pageSearch .searchBtn .searchLoader span.spinLoader { top:28px; left:-60px; }
	.pageSearch .downloads a img { display:block; margin:0px auto; }
	/*===============
	    dashboard
	=================*/
	.pageContent .dataCardList ul li{width:100%;}
	.graphAndDataCard .dataCardListVertical ul li{width:100%;}	
}