/*****************
 * Page Loader CSS
 *****************/
#pgloader { 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100vw;
	height: 100vh;
	background-color: rgba(121, 121, 121, 0.5);
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (min-width: 250px) and (max-width: 675px) {
	
	#loaderIcon {
		margin: 50% 45% !important;
	}

}

#loaderIcon {	
	width: 100px;
	margin: auto;
	margin-top: 350px;
}

.mainLoader {
    border: 4px solid #e6e6e6;
    border-radius: 50%;
    border-top: 4px solid #888;
    border-left: 4px solid #888;
    width: 45px;
    height: 45px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-bottom: -3px;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}