/**moving effect**/
.cls-privatecar{position:relative;}
.cls-privatecar .privatecar-001{
  	position:absolute;
  	top: 0;
  	right:30px;
  	max-width:350px;
}
.cls-privatecar .privatecar-002{
	position:absolute;
  	top:140px;
	right:220px;
	max-width:300px;
}
.cls-privatecar .privatecar-003{
	position:absolute;
	top: 108px;
	right: -30px;
	max-width:350px;
}
.cls-privatecar .privatecar-004{
	position:absolute;
  	top:230px;
  right:50px;
  max-width:400px;
}
.cls-services-pattern001 {
  position:relative;
}


 .cls-privatecar .privatecar-001 img.sppb-img-responsive {
    transform:scale(0.8);
    animation: movingprivatecar001 2s infinite;
    animation-duration: 2s;
    position:relative;
}
@keyframes movingprivatecar001 {
  from {right: -50px;  transform:scale(0.8);}
  to {right: 50px;  transform:scale(1.0);}
}
 .cls-privatecar .privatecar-002 img.sppb-img-responsive {
    transform:scale(0.8);
    animation: movingprivatecar002 2s infinite;
    animation-duration: 2s;
    position:relative;
}
@keyframes movingprivatecar002 {
  from {right: -50px;  transform:scale(0.8);}
  to {right: 50px;  transform:scale(1.0);}
}
 .cls-privatecar .privatecar-003 img.sppb-img-responsive {
    transform:scale(0.8);
    animation: movingprivatecar003 2s infinite;
    animation-duration: 2s;
    position:relative;
}
@keyframes movingprivatecar003 {
  from {right: 0px;  transform:scale(0.8);}
  to {right: 100px;  transform:scale(1.0);}
}
.cls-privatecar .privatecar-004 img.sppb-img-responsive {
    transform:scale(0.8);
    animation: movingprivatecar004 2s infinite;
    animation-duration: 2s;
    position:relative;
}
@keyframes movingprivatecar004 {
  from {right: 0px;  transform:scale(0.8);}
  to {right: 100px;  transform:scale(1.0);}
}
/*
 .cls-privatecar .privatecar-002 img.sppb-img-responsive {
    transform:scale(0.8);
    animation: movingprivatecar002 5s infinite;
    animation-duration: 7s;
    position:relative;
}
@keyframes movingprivatecar002 {
  from {right: -100px;  transform:scale(0.8);}
  to {right: 50px;  transform:scale(1.0);}
}*/
.cls-services-pattern001:before {
    content: "";
    background-image: url(../../../images/0_enjoytripsg/services/service-pattern001.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50px;
    right: -95px;
    width: 880px;
    height: 644px;
}
@media(min-width:1600px){
  .cls-services-pattern001:before {
  width: 900px;
  height: 738px;
  right: 145px;
}
}
@media(max-width:991px){
  .cls-services-pattern001:before {
     width: 600px;
     height: 492px;
     top: 65px;
}
  .cls-privatecar .privatecar-002{
  	top:100px;
  	right: -40px;
  	max-width: 345px;
}
.cls-privatecar .privatecar-003 {
    top: 195px;
    right: -54px;
  }
  .cls-privatecar .privatecar-004 {
    top: 330px;
    right: -150px;
    max-width: 350px;
  }
}
@media(max-width:767px){
 .cls-privatecar .privatecar-004 {
    right: -60px;
  }
 @keyframes movingprivatecar001 {
  from {right: -80px;  transform:scale(0.8);}
  to {right: 20px;  transform:scale(1.0);}
}
 @keyframes movingprivatecar002 {
  from {right: -50px;  transform:scale(0.8);}
  to {right: 60px;  transform:scale(1.0);}
}
 @keyframes movingprivatecar003 {
  from {right: 0px;  transform:scale(0.8);}
  to {right: 60px;  transform:scale(1.0);}
}
 @keyframes movingprivatecar004 {
  from {right: 0px;  transform:scale(0.8);}
  to {right: 80px;  transform:scale(1.0);}
}
  .cls-services-pattern001:before {
	width: 550px;
    height: 520px;
    top: inherit;
    bottom: -50px;
    right: -10px;
  }
}