/* Small devices */
@media (max-width: 1280px) { 
	.browseBlock {
		width: 80%;
	}
}
@media only screen and (max-width: 1023px) {
	.searchColSection {
		bottom: -40px;
		width: 200vh;
		right: 0;
		z-index: 9;
	}
	.searchColSection {
		border-right: 1px solid #ec1d23;
	}
	.searchColSection > input {
		width: 18.8%;
		font-size: 11px;
	}
	.tblSearchExport {
		width: 100%;
	}
	
	.showSearchPanel {
		position:relative;
		right: 16px;
		bottom: 3px;		
	}
	.showSearchPanel:after, .showSearchPanel:before {
		content: '';
		display: block;
		position: absolute;
		left: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		z-index:99;
		transform: rotate(-90deg);
	}
	.showSearchPanel:before {
		top: 18px;
		border-color: transparent transparent transparent #a00;
		border-width: 11px;
	}
	.showSearchPanel:after {
		top: 20px;
		left:1px;
		border-color: transparent transparent transparent #fdd;
		border-width: 10px;
	}
	
}

/* Small devices */
@media (max-width: 576px) { 
	.browseBlock {
		width: 85%;
	}
	.scRequestTabs > li {
		margin-bottom:7px;
	}
	.scTilesWrap {
		margin:0;
		padding:0;
	}
	.scTilesWrap > li {
		width: 47%;
		margin-right:0;
		padding:0;
	}
	.scTilesWrap > li:nth-child(odd)  {
		margin-right: 5%;
	}
	.scTileInner {
		width:100%;
		padding-left: 50px;
	}
	.scTileInner:before {
		left:6px;
		top: 25px;
		width: 30px;
		height: 30px;
	}
	.OpenReq .scTileInner:before {
		background-size: 25px;
		width: 25px;
		height: 25px;
		top: 30px;
	}
	.CloseReq .scTileInner:before,
	.POReq .scTileInner:before,
	.HoldReq .scTileInner:before	{
		background-size: 30px;
	}
}

/* Medium devices */
@media (max-width: 767px) {
	.searchColSection {
		right: -30px;
	}
	.formTxtArea, .formTxtBox, .formDrpDwn {
		width:100%;
	}
	.browseBlock {
		width:60%;
	}
	.scDatepicker input {
		width: calc(100% - 39px) !important;
	}
	.tblSearchExport {
		position: relative;		
		bottom: -10px;
	}
	.dataTables_wrapper {
		bottom: 0;
	}
	.createNewAndSearch {
		position: relative;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.searchIconWrap {
		float:right;
	}
	.createNewBtn {
		display: inline-block;
	}
}

/* Large devices */
@media (max-width: 993px) { 
	.scTilesWrap > li {
		margin-bottom: 15px;
		margin-right:0;
	}
	.scTileInner {
		width:100%;
	}
}

/* Large devices */
@media (min-width: 993px) { 
	.scTilesWrap > li {
		margin-right: 35px;
		flex: initial;
		max-width: fit-content;
	}
}