@media screen and (min-width: 250px) and (max-width: 768px) {
	#preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #fbfbfb url('../pictures/SVG/preloader.svg') no-repeat 50% 35%;
	  background-size: 50%;
	  -webkit-animation: pulsing 2.2s 1;
		animation: pulsing 2.2s 1;
	}
}
@media screen and (min-width: 768px) {
	#preloader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #fbfbfb url('../pictures/SVG/preloader.svg') no-repeat 50% 35%;
	  background-size: 15%;
	  -webkit-animation: pulsing 2.2s 1;
		animation: pulsing 2.2s 1;
	}
}
	.visible {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s linear;
	}

	.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.5s, opacity 0.5s linear;

	}
	@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0)
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
}