.noScroll {
	overflow: hidden;
}
#loader-container {
top:0;
left:0;
bottom: 0;
right: 0;
position: fixed;
z-index: 9999;
display: none;
}
.overlay {
top:0;
left:0;
bottom: 0;
right: 0;
background: #333;
opacity: 0.8;
position: fixed;
z-index: 999;
overflow: hidden;
display: none;
}
/* #Media Queries
================================================== */
/*High Resolution Media Queries*/
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/* DEFAULT
================================================== */
@media only screen and (max-width: 970px) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/* Screens bigger than 1376 */
@media only screen and (min-width: 1376px) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/* Screens bigger than 959 */
@media only screen and (min-width: 959px) and (max-width: 1375px) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/* Screens bigger than 959 Portrait */
@media only screen and (min-width: 959px) and (max-width: 1375px) and (orientation: portrait) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 958px) and (orientation: portrait) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 958px) and (orientation: portrait) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation : portrait) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

@media only screen and (min-width: 360px) and (max-width: 767px) and (orientation : landscape) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 305px;
height: 305px;
top: 50%;
left: 50%;
display: none;
}
}
/* iPhone 2G-4S Portrait */
@media only screen 
and (min-width : 320px) 
and (max-width : 320px)
and (min-height : 480px) 
and (max-height : 480px)
{
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 295px;
height: 295px;
top: 50%;
left: 50%;
display: none;
}
}

/* iPhone 2G-4S Landscape */
@media only screen 
and (min-width : 480px)
and (max-width : 480px)
and (min-height : 320px) 
and (max-height : 320px)
and (orientation : landscape) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/*iPhone 5 & 5s Portrait*/
@media only screen 
and (min-width : 320px) 
and (max-width : 320px)
and (min-height : 568px) 
and (max-height : 568px) 
and (orientation : portrait) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}

/*iPhone 5 & 5s Landscape*/
@media only screen 
and (min-width : 568px) 
and (max-width : 568px)
and (min-height : 320px) 
and (max-height : 320px) 
and (orientation : landscape) {
.loader_overlay {
width: 100%;
height: 100%;
margin-left: -50%;
margin-top: -50%;
display: none;
}
#loader {
position: absolute;
width: 300px;
height: 300px;
top: 50%;
left: 50%;
display: none;
}
}