/*body {
   background-image: linear-gradient(#f3ffff, white);
}*/

/*new styles start*/

/*.bottom-line{
  left:0px;
  right:0px;
  bottom:0px;
  position: absolute;
  height:5px;
  background-color:#8AC7DB;
} */
/*.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2,
.forgot_pswd a, .select_companies li a {color:#ffffff !important;}*/
.backbutton, .backbutton2 {top:100px;color:#383838 !important;}

@media only screen and (max-width: 1600px) {
body {
    overflow-x: hidden !important;
	
}
}

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Makes sure the video stays behind the content */
}



/*#singpassLogin {
    overflow: hidden;
    background-color: #ebf3eb !important;
}*/

/*.card.login-right {background-image: url('../../images/login/2025/background_stars.png') !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}*/

/*.theme_back {background-color: rgb(238, 202, 199, 0.5);
    border-radius: 20px;
    padding: 30px;}*/

#password_login .head_h1 {margin-bottom:64px !important;}
#password_login .btn.btn-submit {margin-top:2rem !important;}
body {
	/*background-image: url('../../images/login/2024/snow_falling.gif') !important;*/
	background-image: url('../../images/login/2025/Stars With Background.gif') !important;
	    background-position: center center;
    background-size: cover;
}
/*.right_tab.login-right {
	background-image: url('../../images/login/2025/sg_balloons.gif') !important;
	background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}*/

/*.right_tab.login-right {
    position: relative;
    z-index: 1;
    overflow: hidden;
} 

.right_tab.login-right::before {
    content: "";
    position: absolute;
    bottom: -10rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/login/2025/flag_ballon.gif');
    background-position: bottom;
	background-repeat: no-repeat;
    opacity: 0.2; 
    z-index: -1; 
    pointer-events: none; 
}*/


.christmas_logo_n img {display:none;}
/*.hero-wrap.col-md-7 {
background-color: #fbfafa;
z-index:-1;
}*/

.logo_white {display: none;}
.login_footer {
	z-index: 9999;
}
.toprightmiddlediv {
	    position: absolute;
    right: 12%;
    width: 30%;
    top: -60px;
    pointer-events: none;
    z-index: 2;
	transform: skewY(-7deg);
}
.topleftmiddlediv {
	position: absolute;
    left: 49.5%;
    width: 8%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.topleftdiv{
	position: absolute;
    left: -1px;
    width: 13%;
    top: -1px;
    pointer-events: none;
    z-index: 3;
}
	
.toprightdiv{    /*position: fixed;
    right: -90px;
    top: -90px;
	pointer-events: none;
	z-index: 2;
	width: 15%;*/
	/*position: fixed;
    right: 1.5%;
    top: 0%;
    pointer-events: none;
    z-index: 5;
    width: 12%;*/
	    position: fixed;
    right: -1%;
    top: -5%;
    pointer-events: none;
    z-index: 5;
    width: 10%;
	}
	.toprightcornerdiv {
	    position: fixed;
    right: 3%;
    top: 4%;
    pointer-events: none;
    z-index: 5;
    width: 10%;
	}
	.toprightdivwish{    /* position: fixed;
    right: 120px;
    top: 50px;
	pointer-events: none;
	z-index: 2;
	width: 12%; */
	position: fixed;
    right: 70px;
    top: 35px;
    pointer-events: none;
    z-index: 2;
    width: 136px;
	}
	/*.card.loginCard, .card.companies_div.login-right {
	/*background-color: transparent !important;
	/*background-image: url('../../images/login/2024/pattern.png') !important;
	background-size: cover;
	background-position: center center;
	max-height:100%;
	height:100vh;
	border-left:none !important;
	}*/
.bottom_line{left: 0px;right: 0px; background: #1f62a3;height: 8px;position: fixed;bottom: 0px;}
.santadiv .laugh{
    /*position: absolute;
    top: 12%;
    left: 27%;*/
	transform: translate(-25%, -103%);
    z-index: 9999;
    width: 120px;
}
.santadiv .up{
    z-index: 9999;
    /*position: absolute;
    top: 17%;
    left: 32%;*/
	transform: translate(-176%, -113%);
    width: 60px;
}
.santadiv .right{
    z-index: 9999;
   /* position: absolute;
    top: 23%;
    left: 23.5%;*/
   transform: translate(-283%, -68%);
    width: 60px;
}
.treediv img{
    /*width: 390px;
	width:250px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 999;*/
	/*    width: 8%;
    position: fixed;
    left: 15px;
    bottom: -2px;
    z-index: 999;
    pointer-events: none;*/
	    width: 28%;
    position: fixed;
    left: -35px;
    bottom: -65px;
    z-index: 999;
    pointer-events: none;
}
/*.wishdiv .word_theme{
position: absolute;
    right: 15%;
    bottom: -6%;
    width: 320px;
    width: 10%;
}*/
.wishdiv .word_theme {
    position: absolute;
    right: 5%;
    z-index: 9;
    bottom: 0%;
    width: 320px;
    width: 10%;
}
/* .wishdiv {

	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
} */
.wishdiv .decrtn{
	    width: 17%;
    position: fixed;
    right: -96px;
    bottom: -99px;
    z-index: 2;
    pointer-events: none;
}
.lamps {
	width: 37%;
    position: fixed;
    right: -6.6%;
    bottom: -2%;
    z-index: 2;
    pointer-events: none;
}
.theme img{
 z-index: 999;
 position: absolute;
 transform: translate(-50%,-50%);
 left:50%;
 top:50%;
 width:840px;
}
.movingdiv img{
	position: absolute;
	top:20px;
	width: 12%;
	animation: flags 26s infinite;
}
/*.movediv img{
  width:250px;
  bottom:0;
  position: fixed;
  left:0;
  animation: flags 25s infinite;
      z-index: 2;
    background: radial-gradient(white, rgba(255,255,255,.7));
}*/
@keyframes flags {
  0%
  {
   
    /*left:10%;*/
	right: 0;
  }
  98% {
	  /*right: 78%;*/
	  right:100%;
	  opacity:1;
  }
  100%{
    right: 80%;
    top:0;
	opacity: 0;
  }
  
}
.footerdiv{
   width:100%;
}
.footerdiv img{
width:100%;
 bottom:-25px;
  position: fixed;
  z-index:1;
  pointer-events: none;
}
.christmas_hats p {position:relative;z-index:9999;width:95%;margin: 0px auto;margin-top:-30px;}
.headerdiv img{
width:100%;
 top:-25px;
 left:0px;
  position: fixed;
  z-index:0;
  pointer-events: none;
}
/*#myVideo {position:absolute;right:0;bottom:0;min-width:10%;min-height:10%;z-index:-1;}*/

.login-wapper {
padding-left:0px;
padding-right:0px;}

/*.card-body h1,  .otherlogin, .fa-arrow-left:before,
.forgot_pswd a, .select_companies li a {color:#fff !important;}*/

.LoginDetails li {background-color:white;}
.btn.btn-submit {    background: #fda838 !important;
    /*box-shadow: 0px 0px 12px #fda838 !important;*/border-color:#fda838 !important;}
	
	
/*.hero-content.min-vh-100 {min-height:94vh !important;}*/


/*.floating-label {color:#f68b28 !important;background-color:transparent !important;}
input:not(:placeholder-shown)+span.floating-label {top:-20px;}*/
/*.lh-base img {position:relative;z-index:-1;}*/
.floating-label {padding:1px 10px;border-radius:4px;}
/*.card.loginCard  {
	border-left: none !important;
}*/
.toprightdiyadiv {
	    position: absolute;
    right: 43%;
    width: 10%;
    top: 0px;
    pointer-events: none;
    z-index: 2;
}
/*.login-right {
	background:url(../../../images/login/2024/night_crackers.gif);
	background-size:cover;
	background-position:center;
}*/
.hero-wrap {
	/*background-image: url(../../../images/login/2024/new_year_lights.gif);
	background-position: bottom center;
    background-size: cover;
	background-repeat: no-repeat;*/
  /*background-image: 
    url(../../../images/login/2025/background_flowers.png),  /* background image */
    /*url(../../../images/login/2025/chinese_crackers.gif); /* overlay image */
  /*background-size: cover, cover;  /* first image covers the container, second image is smaller */
  /*background-position: center, top right;  /* positioning of each image */
  /*background-repeat: no-repeat, no-repeat;  /* no repetition of both images */
}
#passwordPolicySection {padding-left:0px;padding-right:0px;}
.card-body h1, .maintheme h1 {margin-bottom: 40px;}
.christmas_logo_n {display:none;}
/*.chinese_yr img{
  animation: mymovechinese 30s infinite;
}

@keyframes mymovechinese {
  100% {transform: rotate(360deg);}
}*/

/*@media screen and (min-width: 992px) and (max-width: 1020px) {
	.wishdiv .decrtn {
		top: 4%;
	}
}*/

@media only screen and (max-width: 2304px) and (min-width: 2048px) {
	.treediv img {
		width: 8%;
		bottom:-76px !important;
	}
	.wishdiv .word_theme {
		bottom: 33%;
	}
	.toprightdiv {
		/*right: -150px;
		top: -150px;*/
		right: 0px;
    top: 50px;
	}
	.toprightdivwish {
		right: 170px;
		top: 70px;
	}
	.lamps {width:40% !important;}
	.wishdiv .decrtn {width:20%;bottom:-40px;right:33%;}
	.wishdiv .word_theme {
        width: 10%;
        bottom: 0%;
        right: 4%;
    }
	.toprightdiv {top:-4% !important;width:12% !important;right:-0.5% !important;}
	.toprightcornerdiv {width:15% !important;top:2% !important;}
	
}

@media only screen and (max-width: 2048px) and (min-width: 1920px) {
	.treediv img {width: 25%;
        bottom: -70px;}
	.wishdiv .decrtn {        width: 17%;
        right: -115px;
        bottom: -125px;}
	.wishdiv .word_theme {bottom: 0%;width:9%;}
	.toprightdiv {        right: -1.2%;
        width: 10%;
        top: -5%;}
	.toprightdivwish {right: 150px;top: 60px;}
	.christmas_hats p {width:90% !important;}
	.topleftdiv {
    position: absolute;
    left: 0px;
    width: 12%;
    top: -1px;
	}
	.toprightcornerdiv {
		position: fixed;
        right: 3% !important;
        top: 4% !important;
        pointer-events: none;
        z-index: 5;
        width: 9% !important;
	}
}
@media screen and (min-width: 1696px) and (max-width: 1910px) {
	.wishdiv .decrtn{}
	.wishdiv .word_theme{        width: 9%;
        bottom: 0%;}	
	.treediv img {bottom: -70px;
        width: 25%;}
	.toprightdiv {right: -1.2%;
        top: -5%;
        width: 10%;}
	.christmas_hats p {width:89% !important;}
	.topleftdiv {    left: 0px;
    width: 13%;
    top: -1px;}
	.toprightcornerdiv {
		position: fixed;
        right: 2% !important;
        top: 5% !important;
        pointer-events: none;
        z-index: 5;
        width: 9% !important;
}
}

@media screen and (min-width: 825px) and (max-width: 992px) {
	    .treediv img {        width: 14% !important;
        z-index: 2 !important;
        position: fixed;
        left: 20px !important;}
	.left_imgLamp {display: none;}
	.wishdiv .word_theme {right: 8% !important;
        width: 13% !important;
        bottom: 0% !important;}
.toprightmiddlediv {width:30%;top:-30px;transform:skew(0deg, -10deg);}
.headerdiv img {width:1500px;top:-25px;}
.login-right .logo img {display:none;}
    .wishdiv .decrtn {position: absolute;width: 23%;right: -25px;bottom: -40px;}
.card.login-right {background-position: left !important;}
	.toprightdiv {top:0px;width: 20%;position: fixed;}
    .toprightdiv {
        top: -3% !important;
	right: -2% !important;}
	.toprightcornerdiv {
    position: fixed;
    right: 14% !important;
    top: 2% !important;
    pointer-events: none;
    z-index: 5;
    width: 13%;
}
.toprightdivwish {top: 60px;right: 40px;width: 15%;}
.movediv img {width: 160px;}
.maintheme, .minheight {margin: auto 0% !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
.topleftdiv {width:23%;}
.lamps {
    width: 50%;
    position: fixed;
    right: -8.2%;
    bottom: -10%;
    z-index: 2;
    pointer-events: none;
}
body {background-size:155% !important;}
}

@media only screen and (max-width:361px) {
	/*.right_tab.login_div .logo_image {top:0px !important;}*/
}

@media only screen and (max-width:376px) {
	.logo_white {top:2rem !important;}
}

@media only screen and (max-width:600px) {
	.toprightdiv {display:none  !important;}
	.toprightcornerdiv, .wishdiv .word_theme {display:block !important;}
	.lamps {    width: 75%;
    position: fixed;
    right: -12.2%;
    bottom: -11.5%;}
	.treediv img {        display: block !important;
        width: 60% !important;
        position: fixed;
        left: -15px !important;
        bottom: -40px !important;
        z-index: 999;}
	/*.right_tab.login_div .logo_image {position:relative;top:20px;}*/
	.logo_image {        position: relative;
        top: 50px;
        z-index: 999999;}
	.toprightmiddlediv {width:83%;right:35%;top:-37px;transform:skew(0deg, -7deg);}
	    .toprightdiv {
        width: 22%;
        top: 0px;
        right: 5px;
    }
	.wishdiv .word_theme {width:22% !important;right:20% !important;}
	.maintheme h1 {margin-bottom:35px !important;}
	/*body {background-image:none !important;}*/
	/*.c-app .card .hero-content.min-vh-100{min-height: 100vh !important;height:100%  !important;}*/
    .headerdiv img {width: 1200px;top: -22px;left: -10px;position: fixed;z-index: 2;}
	.footerdiv img {width: 1200px;bottom: -30px;position: fixed;z-index: 2;display: block !important;}
	.christmas_logo_n img {display:block !important;margin: 0px auto !important;}
	/*.minheight {flex:0.3;}*/
	.initial-snow > * { color: #cfe3f5 !important;}
	.topleftdiv {
		        left: 0% !important;
        width: 30% !important;
        z-index: 3 !important;
        top: 0px !important;
    }
	    .topleftmiddlediv {
        width: 15% !important;
        right:1% !important;left:auto !important;
    }
	.maintheme {margin: auto 10% !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a img {width:20px !important;margin-right:5px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	/*.hero-content.min-vh-100 {min-height:105vh !important;height:105vh !important;}*/
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	/*.hero-content.min-vh-100 {min-height:90vh !important;}*/
	    body {
        background-size: 268%;
        background-position: center center !important;
    }
	.movingdiv img {width:25% !important;}
}

@media only screen and (max-width:687px) and (min-width:601px) {
	.treediv img { bottom: -47px !important;
        left: -25px !important;
        width: 50% !important;}
	.right_tab.login_div .logo_image {position:relative;top:150px;}
	.topleftdiv {
                left: -10px !important;
        width: 28% !important;
        z-index: 3 !important;
        top: -10px !important;
    }
	.topleftmiddlediv {width:16% !important;right:2%;left:auto !important;top:2%;}
	.wishdiv .decrtn {        display: block !important;
        width: 35% !important;
        bottom: -85px !important;}
	    .toprightmiddlediv {width: 83%;right: 45%;top: -75px;transform: skew(0deg, -7deg);}
	    /*.toprightdiv {
        display: inline-flex !important;
        justify-content: center;
        width: 30%;
        margin: 0px auto;
        top: 15%;
        right: 0px;
        left: 0px;
        text-align: center;}*/
		.toprightcornerdiv {display:block !important;width:20% !important;}
		.toprightdiv {
        width: 22%;
        top: 0%;
        right: 10px;
    }
	.wishdiv .word_theme {width:18% !important;right:12% !important;display:block !important;}
	/*#othersbackbuttonDisplay, .hero-content .backbutton2 {top:300px !important;}*/
	.christmas_logo_n img {display: block !important;margin: 0px auto !important;}
	.footerdiv img {bottom:0px !important;}
	.headerdiv img {width:1800px;top:-30px;}
	/*.pwdform {margin:40% 10% !important;}
	.companies_div .christmas_logo_n {margin-top:0px !important;}*/
	
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	.hero-content.min-vh-100 {min-height:100vh !important;}
	.lamps {
            width: 60%;
        position: fixed;
        right: -10%;
        bottom: -10%;
        z-index: 2;
        pointer-events: none;
}
}

@media only screen and (max-width:714px) and (min-width:688px) {
	/*.right_tab.login_div .logo_image {position:relative;top:100px;}*/
	.logo_image {position:relative;top:100px;}
	.toprightmiddlediv {width: 90%;right: 35%;top: -85px;transform: skew(0deg, -7deg);}
	.toprightdiv { 
        width: 21%;
        top: 0%;
        right: 1%;}
		.toprightcornerdiv {display:block !important;}
		.wishdiv .word_theme {right:12% !important;width:16% !important;display:block !important;}
	.headerdiv img {top:-23px;width:1400px;}
	.footerdiv img {bottom:0px !important;}
	.treediv img { 
                       width: 50% !important;
        z-index: 4 !important;
        left: -28px !important;
        bottom: -51px !important;}
	.topleftdiv {        left: -1% !important;
        width: 28% !important;
        z-index: 4 !important;
        top: -6px !important;}
	.topleftmiddlediv {width:16% !important;left:auto !important;right:2% !important;}
	.wishdiv .decrtn {        display: block !important;
        width: 33%;
        position: fixed;
        right: -85px;
        bottom: -85px;
        z-index: 2;
        pointer-events: none;}
	.christmas_logo_n img {display:block !important;margin: 0px auto !important;}
	.christmas_logo_n {margin-top:6rem !important;}
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	/*#othersbackbuttonDisplay, .hero-content .backbutton2, .hero-content .backbutton {top:300px !important;}*/
	.hero-content.min-vh-100 {
    min-height: 100vh !important;}
	.lamps {
            width: 60%;
        position: fixed;
        right: -11%;
        bottom: -10%;
        z-index: 2;
        pointer-events: none;}
		.hero-content .backbutton, .hero-content .backbutton2 {top:200px !important;}
}

@media only screen and (max-width: 767px) {
	/*.hero-content.min-vh-100 {min-height: 88vh !important;height:100%  !important;}*/
	.treediv img, .wishdiv .word_theme,
.wishdiv .decrtn, .movediv img, .toprightdivwish, .topleftdiv img {display: none;}
	.backbutton, .backbutton2 {top:150px !important;}
	.logo_black {display: none;}
	.logo_white {display: block !important;}
	.topleftdiv {
                left: 0%;
        width: 25%;
        z-index: -1;
        top: 0px;
    }
	.toprightdiyadiv {right: 5%;width: 20%;}
	body {        background-size: 209%;
        background-position: center center !important;}
	.login-right {background-image: none !important;}
	.logo_white {top: 6rem !important;position: relative;margin-bottom:0px !important;}
	    .treediv img {
        display: block !important;
        width: 50%;
        position: fixed;
        left: -30px;
        bottom: -55px;
        z-index: 999;
    }
	.toprightdiv {
    display: none !important;
	}
	.toprightcornerdiv { display:block !important;
		    right: 0% !important;
    top: 0% !important;
    width: 20% !important;
	}
	.lamps {width:60% !important;bottom:-1% !important;}
	.wishdiv .word_theme {        width: 20% !important;
        right: 19% !important;
        display: block !important;}
	.topleftmiddlediv {
    position: absolute;
    right: 1%;
    width: 13%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
	left: auto !important;
}
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	/*#othersbackbuttonDisplay, .hero-content .backbutton2, .hero-content .backbutton {top:300px !important;}*/
}

@media screen and (min-width: 767px) and (max-width: 780px) {
.login-right .logo img {display:none;}
.forgot_pswd a {display:block !important;}
.forgot_pswd a.pull-right{float:none !important;}
.wishdiv .word_theme {position: absolute; right: 9%;
        bottom: 0%;
        width: 10%;}
.wishesdiv .decrtn {display: none;}
.left_imgLamp  {display: none;}
    .wishdiv .decrtn {position: fixed;width: 20%;right: -25px;bottom: -15px;}
.movediv img {width: 250px;}
	.hero-wrap {background-position:left, top right !important;}
	.toprightdiv {width:20% !important;}
	    .treediv img {
               width: 40% !important;
        position: fixed;
        bottom: -46px;
        left: -20px;
    }
	.toprightdiv.toprightcornerdiv  {width:15% !important;right:3% !important;top:3% !important;}
	.toprightdiv {width:14% !important;    right: -2% !important;
    top: -2.5% !important;}
	/*body {background-position:inherit !important;background-size:inherit !important;}*/
	.toprightmiddlediv {position: absolute;right: 0%;width: 42%;top: -35px;pointer-events: none;z-index: 2;}
.footerdiv img {bottom:-6px;}
.headerdiv img {top:-25px;width:1500px;}
/*body {background-size:inherit !important;background-position:right !important;}*/
.maintheme, .minheight {margin: auto 0% !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:9px !important;}
.card-body h1, .maintheme h1 {font-size:16px !important;}
.theme_back {padding:15px !important;}
.card.login-right {background-position:left !important;}
.topleftdiv {
                   position: absolute;
        left: 0%;
        width: 21%;
        top: -10px;
        pointer-events: none;
        z-index: 3;}
		.lamps {
        width: 45%;
        position: fixed;
        right: -8%;
        bottom: -1%;
        z-index: 2;
        pointer-events: none;
    }
	    body {
        background-size: 200%;
        background-position: right !important;
    }
	.LoginDetails li {padding: 6px 27px !important;}
	.movingdiv img {width:18% !important;}
}



@media screen and (max-width: 991px) and (min-width: 768px) {
    .theme_back {
        padding:13px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 825px) {
	.login-right .logo img {display:none !important;}
	.treediv img {width: 38% !important;
        position: fixed;
        bottom: -43px;
        left: -20px;}
	.left_imgLamp {display: none;}
	.wishdiv .word_theme { right: 9%;
        width: 10%;
        bottom: 0%;}
.wishesdiv .decrtn {position: absolute;width: 450px;top: -50%;right: 50%;}
.wishdiv .decrtn {        position: fixed;
        width: 28%;
        right: -70px;
        bottom: -75px;}
.footerdiv img {bottom:0px;}
.movediv img {width: 160px;}
	.toprightdivwish {width: 25%;right: 8%;top: 10%;}
	
	.toprightdiv {        right: -14px;
        width: 18% !important;
        top: -2.5%;
        position: fixed;}
		.toprightdiv.toprightcornerdiv {width:16% !important;right: 11% !important;
    top: 2% !important;}
		.toprightmiddlediv {position: absolute;right: 0%;width: 42%;top: -40px;pointer-events: none;z-index: 2;}
.headerdiv img {width:1400px !important;top:-23px !important;}
.forgot_pswd, .forgot_pswd a {text-align:center !important;float:none !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 10px !important;}
.maintheme, .minheight {margin: auto 0% !important;}
.card-body h1, .maintheme h1 {font-size:20px !important;}
.card.login-right {background-position: left !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a img  {width:25px !important;}
    .lamps {
        width: 50%;
        position: fixed;
        right: -8%;
        bottom: -9%;
        z-index: 2;
        pointer-events: none;
    }
	    .lamps {
        bottom: -1% !important;
        width: 45% !important;
    }
.topleftdiv {
    position: absolute;
    left: -1px;
    width: 20%;
    top: -1px;
    pointer-events: none;
    z-index: 3;
}
.movingdiv img {width:20% !important;}
}
/*@media screen and (max-width: 992px){

.footerdiv, .toprightdiv, .topleftdiv  {
  display: none;
}
 
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }
  .treediv img {
	  width:200px;
  }

}*/


/*new styles ends*/
/*@media screen and (max-width: 992px){
    .treediv {
    display: none;
  }
.wishdiv .decrtn{
display: none;
}
.footerdiv {
  display: none;
}
 .wishdiv .word_theme {
  display: none;
  }
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }
}*/
@media only screen and (min-width:1521px){
	.toprightdivwish{   /* position: fixed;
    right: 8%;
    top: 53px;
    pointer-events: none;
    z-index: 2;
    width: 10%;
	}*/
	    position: fixed;
    right: 43.5%;
    top: 0px;
    pointer-events: none;
    z-index: 2;
width: 10%;}
}

@media only screen and (min-width:1480px) and (max-width:1520px){
	.wishdiv .decrtn {
            width: 17%;
        right: -70px;
        bottom: -80px;
}
.lamps {
    width: 34%;
    position: fixed;
    right: -7%;
    bottom: -19%;
    z-index: 2;
    pointer-events: none;
}
.toprightdivwish{
    right: 114px;
    top: 62px;
    width: 172px;}
.wishdiv .word_theme {
    right: 40px;
    bottom: 38%;
    width: 230px;
}
	.toprightdiv {
	/*top: -15%;
	right: -11%;*/
	position: fixed;
	width:10%;
}
.footerdiv img {
	bottom: 0px;
}
.treediv img {
	bottom: -1px;
	width:8% !important;
	left:10px;
}
.topleftdiv {
            position: absolute;
        left: -0.5%;
        width: 10%;
        top: -10px;
        pointer-events: none;
        z-index: 3;
}
.card.login-right {background-position: left !important;}
.topleftmiddlediv {
    position: absolute;
    left: 47.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.select_companies li a {font-size:12.8px !important;}
}


@media only screen and (min-width:1400px) and (max-width:1480px){
  /*.treediv img{
  width:280px;
  }
  .wishdiv img{
    width:280px;
  }
  .santadiv {
  }
  .movediv{
  }*/
  .lamps {
                width: 35%;
        position: fixed;
        right: -6.2%;
        bottom: -1%;
        z-index: 2;
        pointer-events: none;
}
  .headerdiv img {width:1500px !important;top:-25px !important;}
  .treediv img{
          width: 25%;
        bottom: -50px;
  }
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	            width: 19%;
        right: -85px;
        z-index: 999;
        bottom: -100px;
}
  .santadiv {
  }
  .movediv img{
	  width: 220px;
  }
  .left_imgLamp {
	width: 7%;
}
.wishdiv .word_theme {
    right: 20%;
    width: 40%;
    bottom: 0%;
}
.toprightdiv {
	    position: fixed;
        top: -4%;
        right: -1%;
        width: 10%;
}
.toprightcornerdiv {
    position: fixed;
    right: 3% !important;
    top: 4% !important;
    width: 10% !important;
}
.footerdiv img {z-index:1 !important;}
.topleftdiv {
        position: absolute;
        left: -1px;
        width: 13%;
        top: -1px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
    left: 49.5%;
    width: 8%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.card.login-right {background-position: left !important;}
.hero-wrap {background-position: bottom !important;}
.select_companies li a {font-size:12.8px !important;}
}
@media only screen and (min-width:1340px) and (max-width:1400px){
  /*.treediv img{
  width:250px;
  }
  .wishdiv .word_theme{
    width:225px;
	top: 62%;
  }
.wishdiv .decrtn {
width:250px;
}
  .movediv img{
	    width:180px;
  }*/
  .treediv img{
          width: 8%;
        bottom: -1px;
        left: 10px;
  }
  .toprightdiv {
	/*top: -30%;*/
	        right: 10px;
        position: fixed;
        width: 10%;
}
.toprightdivwish {
	    width: 10%;
    right: 43.5%;
    top: 0px;
	/*width: 12%;
	right: 100px;*/
}
/*.wishesdiv .decrtn {
width:350px;
bottom: 0%;
right: -73%;
top: 25%;
}*/
  .movediv img{
	    width:180px;
  }
  /*.wishdiv .word_theme {
    width: 225px;
    bottom: 0%;
    right: 20%;
	}*/
	.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 300px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	        width: 20%;
        bottom: -100px !important;
        right: -75px !important;
        display: block !important;
}
.lamps {
    width: 30%;
    position: fixed;
    right: -5%;
    bottom: -17%;
    z-index: 2;
    pointer-events: none;
}
.wishdiv .word_theme {
    right: 2%;
    bottom: 33%;
    width: 200px;
}
.left_imgLamp {
	width: 7%;
}
.footerdiv img {
	bottom: -25px;
}
.card.login-right {background-position: left !important;}
.topleftdiv {
            position: absolute;
        left: -0.5%;
        width: 10%;
        top: -9px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
    left: 47.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.select_companies li a {font-size:12.8px !important;}
}
@media only screen and (min-width:1240px) and (max-width:1340px){
.christmas_hats p {width:88% !important;}
  #logindetails .btn.btn-submit.log_sub {
	  margin-top: 0em !important;
  }
  .login-right .logo img {display:none !important;}
  .headerdiv img {width:1500px !important;top:-25px !important;}
  .treediv img{
                width: 25%;
        bottom: -47px;
        left: -25px;
  }
  .toprightdiv {
	/*top: -15%; 
	right: -15%;*/
	    position: fixed;
        width: 10%;
        top: -4%;
        right: -1.2%;
}
  .wishdiv img {
                width: 35%;
        bottom: -1.1%;
        right: -5.8%;
    }
  .movediv img{
	    width:13%;
  }
  .toprightcornerdiv {
    position: fixed;
    right: 3% !important;
    top: 4% !important;
    pointer-events: none;
    z-index: 5;
    width: 10% !important;
}
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
	width: 290px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	width: 18%;
        right: -80px;
        bottom: -80px;
}
.wishdiv .word_theme {
   /*  right: 1%;
    bottom: 42%;
    width: 160px; */
	        right: 25%;
        bottom: 22%;
        width: 45%;
}
  .wishesdiv .decrtn {
    position: absolute;
    width: 260px;
    right: -55%;
    bottom: 40%;
    top: 40%;
}
.left_imgLamp {
	width: 7%;
}

/*.wishdiv .word_theme {
    right: 20%;
    bottom: -1%;
    width: 260px;
}*/
.footerdiv img {
	bottom: -25px;
z-index: 1 !important;}
.card-body h1, .maintheme h1 {font-size:20px;}
.LoginDetails li {padding:5px 27px !important;}
.select_companies li a, .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12.8px;}
.card.login-right {background-position: left !important;}
.topleftdiv {
        position: absolute;
        left: 0px;
        width: 13%;
        top: -1px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
        left: 49.5%;
        width: 8%;
        top: 10px;
        pointer-events: none;
        z-index: 2;
}
.select_companies li a {margin: 8px 0px !important;}

}
/*.card.loginCard {height:103vh;}*/
}
@media only screen and (min-width:1140px) and (max-width:1240px){
	/*.treediv img{
	width:225px;
	}
.wishdiv .word_theme{
    width:200px;
	right: 0px;
	top:54%;
  }
.wishdiv .decrtn {
width:200px;
}

 .movediv img{
	    width:120px;
  }*/
  .treediv img{
	    width: 15%;
    bottom: 0px;
	}
	.toprightdiv {top:0px;right:0px;width:16%;}
	.left_imgLamp {
		display: none;
	}
.wishdiv .word_theme {
       width: 12%;
    right: 1%;
    bottom: 35%;
}
.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 255px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}

.toprightdivwish {
	width: 12%;
	right: 90px;
}
/*.toprightdiv {
	top: -40%;
	right: -20%;
	position: fixed;
	z-index: 0 !important;
}*/
  .footerdiv img {
	  bottom: -15px;
  }

 .movediv img{
	    width:120px;
  }
  .card.login-right {background-position: left !important;}
  .treediv img {left:-20px !important;}
  .topleftdiv {
    position: absolute;
    left: -7.5%;
    width: 14%;
    top: -10px;
    pointer-events: none;
    z-index: 3;}
	.wishdiv .decrtn {
    width: 19%;
    position: fixed;
    right: -65px;
    bottom: -85px;
    z-index: 2;
    pointer-events: none;}
	.lamps {
    width: 9%;
    position: fixed;
    right: 15%;
    bottom: -28px;
    z-index: 2;
    pointer-events: none;} 
}

@media only screen and (max-width: 1110px) and (min-width: 1097px) {
	.toprightdiv {width: 12% !important;}
	    .treediv img {
        width: 12% !important;
        bottom: 0px !important;
        left: 0px !important;
    }
	    .wishdiv .decrtn {
                width: 21% !important;
        bottom: -85px !important;
        right: -80px !important;
    }
	.card.login-right {background-position:left !important;}
	.headerdiv img {top:-16px !important;}
	.topleftdiv {
    position: absolute;
    left: -8.5%;
    width: 15%;
    top: -7px;
    pointer-events: none;
    z-index: 3;}
	.lamps {
    width: 10% !important;
    position: fixed;
    right: 17%;
    bottom: -30px;
    z-index: 2;
    pointer-events: none;}
}




@media only screen and (min-width:1080px) and (max-width:1140px){
  /*.treediv img{
  width:120px;
  }
  .wishdiv img{
    width:120px;
  }
  .movediv{
  }*/
  
  .treediv img {
        width: 12%;
        bottom: 0px;
        left: 0px;
}
.topleftdiv {
    position: absolute;
    left: -8.5%;
    width: 15%;
    top: -7px;
    pointer-events: none;
    z-index: 3;
}
.toprightdiv {
        position: fixed;
        width: 13%;
    }
  .wishdiv img{
    width:120px;
  }
  .wishdiv .word_theme {
	  width: 220px;
    right: 38%;
    bottom: 15%;
  }
  .left_imgLamp {
	  display: none;
  }
/*.wishesdiv .decrtn {
    width: 50%;
    right: -42%;
    bottom: inherit;
    top: 35%;
}*/
/* .wishdiv {
	
	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
} */
.wishdiv .decrtn {
    width: 20% !important;
    position: fixed;
    right: -70px;
    bottom: -80px;
    z-index: 2;
    pointer-events: none;
}
.lamps {
    width: 10% !important;
    position: fixed;
    right: 15%;
    bottom: -30px;
    z-index: 2;
    pointer-events: none;
}
.movediv img{width:185px;}
.toprightdiv {
	/*top: -15%;
	right: -15%;*/
	position: fixed;
	width: 14% !important;
}
  .movediv{
  }
}
@media only screen and (min-width:1020px) and (max-width:1080px){
  /*.treediv img{
 display: none;
  }
.wishdiv .decrtn{
display: none;
}
.footerdiv {
  display: none;
}
 .wishdiv .word_theme {
  display: none;
  }
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }*/
  .headerdiv img {width: 1800px;top: -30px;}
  .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:14px !important;}
  .card-body h1, .maintheme h1 {font-size:22px !important;}
  
  .treediv img{
	            width: 33%;
        bottom: -55px;
        z-index: 2 !important;
        left: -30px;
  }
  .topleftdiv {
                position: absolute;
        left: 0%;
        width: 18%;
        top: -1px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
    left: 46.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.hero-wrap{background-position: right !important;}
.card.login-right {background-position: left !important;}
  /*.topleftdiv {
	  width: 15%;
  }*/
  /*.wishesdiv .decrtn {
        width: 35%;
    right: -30%;
    bottom: inherit;
    top: 40%;
    z-index: 0 !important;
}*/

.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    right: -90px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	            width: 23%;
        display: block !important;
        bottom: -90px;
        right: -80px;
}
.lamps {
                width: 45%;
        position: fixed;
        right: -6.1%;
        bottom: -1%;
        z-index: 2;
        pointer-events: none;
}
body{background-size: 104% !important;}
.toprightmiddlediv {
    position: absolute;
    right: 0%;
    width: 42%;
    top: -60px;
    pointer-events: none;
    z-index: 2;
}
.wishdiv {
  display: none;
}
.wishdiv {display: block !important;}
 .wishdiv .word_theme {
            width: 9%;
        right: 7%;
        bottom: 0%;
        display: block !important;
        position: fixed;
 }
  /*.movediv{
    display: none;
  }*/
  .movediv img {
	  width: 15%;
  }
  .bottom-line{
    display: none;
  }
  .left_imgLamp img {
    display: none;
  }
  .toprightdiv {
	/*top: -35px;
	width: 10%;
	right: -35px;
	position: fixed;
	z-index:0 !important;*/
	    position: fixed;
    right: 90px;
    top: 21px;
    pointer-events: none;
    /* z-index: 2; */
    width: 10%;
}
.toprightdivwish {
	top: 50px;
	right: 50px;
	width: 10%;
}
.footerdiv img {
	bottom:0px !important; 
}
/*.hero-wrap {background-image:none !important;}*/
	.toprightdiv {width: 12% !important;
        top: -2%;
        right: -1.2%;}
		.theme_back {padding:15px !important;}
		.toprightcornerdiv {width: 9% !important;right: 3% !important;
    top: 3% !important;}
}
/*@media only screen and (max-width:1024px) {
	body {background-image:none !important;}
}*/


@media only screen and (max-width:541px) and (min-width: 460px) {
	.logo_white {top:3rem !important;}
	.toprightmiddlediv {width:75%;top:-50px;}
}
@media only screen and (max-width:385px) {
	.card .logo_white {top:0rem !important;}
	.card.companies_div  .logo_white {top:0rem !important;}
}
@media only screen and (max-width:321px) {
	.logo_white {top:0rem !important;}
	.logo_white img {width:120px;}
	.maintheme h1 {font-size:20px;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	/*.forgot_pswd, .forgot_pswd a {text-align:center !important;float:none !important;}*/
	    .toprightdiv {
        width: 22%;
        top: 0px;
        right: 5px;
    }
	.wishdiv .word_theme {right:22% !important;}
	.toprightdiv {display:none !important;}
	.toprightdiv.toprightcornerdiv {display:block !important;width:20% !important;}
	    .card-body h1 {
        font-size: 20px !important;
    }
	.maintheme {margin: auto 10% !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a img {width:20px !important;margin-right:5px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	    .LoginDetails li {
        padding: 10px 14px !important;
    }
	    .topleftdiv {
                             left: 0% !important;
        width: 28% !important;
        z-index: 3 !important;
        top: 0px !important;
    }
	    .lamps {
                width: 75%;
        position: fixed;
        right: -11.6%;
        bottom: -6.1%;
    }
	
}

@media screen and (min-width: 799px) and (min-height: 1279px) and (max-width: 801px) and (max-height: 1281px) {
      .lamps {bottom: -8%;}
	  body {background-size: 200% !important;}
}

@media screen and (min-width: 319px) and (min-height: 657px) and (max-width: 321px) and (max-height: 659px) {
      .lamps {bottom: -9.1%;}
}

@media screen and (min-width: 359px) and (min-height: 739px) and (max-width: 361px) and (max-height: 741px) {
      .lamps {bottom: -9.5%;}
}

@media screen and (min-width: 359px) and (min-height: 639px) and (max-width: 361px) and (max-height: 641px) {
      .lamps {bottom: -10.7%;}
	  .logo_image {position: relative;top: 30px !important;width: 150px !important; z-index: 999999;}
}

@media only screen and (max-width:361px) and (min-width:359px) {
	.logo_image {position: relative;top: 30px !important;width: 150px !important; z-index: 999999;}
	.LoginDetails li {padding: 5px 22px !important;}
	#password_login .btn.btn-submit {margin-top:0.5rem !important;padding:8px 54px !important;}
}

@media screen and (min-width: 411px) and (min-height: 822px) and (max-width: 413px) and (max-height: 824px) {
      .lamps {bottom: -9%;}
}

@media screen and (min-width: 411px) and (min-height: 731px) and (max-width: 413px) and (max-height: 733px) {
      .lamps {bottom: -10.5%;}
}

@media screen and (min-width: 319px) and (min-height: 532px) and (max-width: 321px) and (max-height: 534px) {
	  .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:11px !important;}
	  .LoginDetails li {padding:5px 14px !important;}
	  .logo_image {position: relative;top: 30px;z-index: 999999;width: 130px;}
	#password_login .btn.btn-submit, .forgot_pswd {margin-top: 0rem !important;}
}

@media screen and (min-width: 392px) and (min-height: 785px) and (max-width: 394px) and (max-height: 787px) {
      .lamps {bottom: -9.5%;}
}

@media screen and (min-width: 352px) and (min-height: 744px) and (max-width: 354px) and (max-height: 746px) {
      .lamps {bottom: -8.5%;}
}

@media screen and (min-width: 412px) and (min-height: 891px) and (max-width: 431px) and (max-height: 933px) {
      .lamps {bottom: -8.5%;}
	  .treediv img {bottom:-35px !important;width:58% !important;}
}

@media screen and (min-width: 598px) and (min-height: 958px) and (max-width: 601px) and (max-height: 961px) {
	  .treediv img {bottom:-55px !important;width:50% !important;}
}

@media screen and (min-width: 389px) and (min-height: 843px) and (max-width: 391px) and (max-height: 845px) {
      .lamps {bottom: -8.5%;}
}

@media screen and (min-width: 343px) and (min-height: 881px) and (max-width: 345px) and (max-height: 883px) {
      .lamps {bottom: -7.5%;}
}
@media screen and (min-width: 590px) and (min-height: 1020px) and (max-width: 601px) and (max-height: 1024px) {
      .treediv img {bottom:-50px !important;width: 53% !important;}
}

@media screen and (min-width: 1119px) and (min-height: 729px) and (max-width: 1121px) and (max-height: 732px) {
        .treediv img {width: 11%;bottom: -1px;}
		.topleftdiv {position: absolute;left: -0.9%;width: 14%;}
		.lamps {width: 40% !important;position: fixed;right: -6.7% !important;bottom: -15% !important;}
}

@media only screen and (max-width:241px) {
	    .LoginDetails li {padding: 0px 14px !important;}
		.singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 7px !important;}
		.topleftdiv, .lamps, .headerdiv, .treediv img, .toprightdiv, .wishdiv .word_theme, .wishdiv .decrtn, .movediv img, .toprightdivwish, .movingdiv img, .topleftdiv img {display:none !important;}
		.logo_image {position: relative;top: 0px;width: 100px;}
		.maintheme h1 {font-size: 16px;margin: 20px !important;}
		.otherlogin {font-size:10px !important;}
}

@media only screen and (max-width:1164px) and (min-width:1025px) {
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12px !important;}
	.LoginDetails li {padding:4px 27px !important;}
	.card-body h1, .maintheme h1 {font-size:20px !important;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.lamps {width: 35%;position: fixed;right: -5.7%;bottom: -2%;}
	.wishdiv .word_theme {width:9% !important;right:6% !important;}
	.select_company_container {height: 350px !important;}
	.select_companies li a {font-size:12.8px;margin: 6px 0px;}
	.treediv img {left: -25px !important;
        bottom: -50px !important;}
	#password_login .btn.btn-submit {padding:8px 54px !important;}
}

@media only screen and (max-width:1023px) and (min-width:854px) {
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12px !important;}
	.LoginDetails li {padding:4px 27px !important;}
	.card-body h1, .maintheme h1 {font-size:20px !important;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.lamps {width: 35%;position: fixed;right: -5.7%;bottom: -19%;}
	.select_company_container {height: 350px !important;}
	.select_companies li a {font-size:12.8px;margin: 6px 0px;}
	.treediv img {left:10px;}
	#password_login .btn.btn-submit {padding:8px 54px !important;}
	.treediv img {        width: 45% !important;
        left: -25px !important;
        bottom: -60px;}
	
}

@media screen and (min-width: 819px) and (min-height: 1179px) and (max-width: 821px) and (max-height: 1181px) {
	  .treediv img {width:10% !important;}
	  .topleftdiv {left:0px;width:13% !important;}
	  .toprightdiv {width:14% !important;}
	  .lamps {width: 46% !important;right: -6.6% !important;bottom: -8.1% !important;}
	  body {background-size: 200% !important;}
}

@media screen and (min-width: 819px) and (max-width: 821px) {
	  .treediv img {width:10% !important;}
	  .topleftdiv {left:0px;width:13% !important;}
	  .toprightdiv {width:14% !important;}
	  .lamps {width: 46% !important;right: -6.6% !important;bottom: -8.1% !important;}
	  body {background-size: 200% !important;}
}

@media screen and (min-width: 911px) and (min-height: 1367px) and (max-width: 913px) and (max-height: 1369px) {
      .lamps {bottom: -1%;width:50%;right:-8%;}
	  
}

@media screen and (min-width: 539px) and (min-height: 719px) and (max-width: 541px) and (max-height: 721px) {
      .lamps {bottom: -13.5%;}
	  .treediv img {left: -25px !important;
        bottom: -48px !important;}
}

@media screen and (min-width: 1023px) and (min-height: 599px) and (max-width: 1025px) and (max-height: 601px) {
      .lamps {width: 35%;right: -5.8%;bottom: -1.1%;}
	  .select_companies li a {font-size:12.8px !important;}
	  .select_company_container {height: 420px !important;}
}

@media screen and (min-width: 1279px) and (min-height: 799px) and (max-width: 1281px) and (max-height: 801px) {
      .wishdiv img {width: 35%;bottom: -1.1%;right: -5.7%;}
}

@media screen and (min-width: 319px) and (min-height: 567px) and (max-width: 321px) and (max-height: 569px) {
       .singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 10px !important;}
	   .LoginDetails li {padding: 5px 14px !important;}
	   .logo_image {position: relative;top: 28px;width: 130px;}
	.maintheme h1 {font-size: 20px;margin: 20px 0px;}
	.lamps {width: 75%;position: fixed;right: -11.9%;bottom: -10.1%;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.btn.btn-submit {padding:8px 54px !important;}
}

@media screen and (min-width: 374px) and (min-height: 811px) and (max-width: 376px) and (max-height: 813px) {
      .lamps {bottom: -8.5%;}
}

@media screen and (min-width: 479px) and (min-height: 852px) and (max-width: 481px) and (max-height: 855px) {
      .treediv img {width:55% !important;}
}

@media screen and (min-width: 852px) and (min-height: 1279px) and (max-width: 854px) and (max-height: 1281px) {
      .lamps {bottom: -8.5%;}
	  .treediv img {width:11% !important;}
}

@media screen and (min-width: 319px) and (min-height: 479px) and (max-width: 321px) and (max-height: 481px) {
	.LoginDetails li {padding:0px 14px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:9px !important;}
	.logo_image {position: relative;top: 30px;width: 130px;z-index: 999999;}
	.lamps {width: 70%;position: fixed;right: -11.4%;bottom: -12.1%;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.btn.btn-submit {padding:6px 54px !important;}
	#password_login .head_h1 {margin-bottom: 35px !important;}
	.backbutton, .backbutton2 {top: 100px !important;}
	.forgot_pswd {margin-top:0px !important;}
}

@media screen and (min-width: 423px) and (min-height: 941px) and (max-width: 425px) and (max-height: 1943px) {
      .lamps {bottom: -8.5%;}
	  .treediv img {left:10px !important;}
}

/*@media screen and (min-width: 852px) and (min-height: 1279px) and (max-width: 854px) and (max-height: 1281px) {
      .lamps {bottom: -8%;}
	  .treediv img {width:12%;}
}*/
@media only screen and (min-width: 852px) and (max-width: 854px) {
	.treediv img {width:12% !important;}
}

@media only screen and (min-width:992px) and (max-width:1020px){
  /*.treediv img{
  width:100px;
  }
  .wishdiv img{
    width:100px;
  }
  .movediv{
  }*/
  
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 260px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	        width: 21%;
        bottom: -75px;
        right: -70px;
}
	.left_imgLamp img {
    display: none;
	}
	.wishdiv .word_theme {
		right: 35%;
		width: 230px;
		bottom: 15%;
	}
  .treediv img{
  width: 13%;
  position: fixed;
  }
  .wishdiv img{
    width:100px;
  }
  .movediv img{
	  width: 150px;
  }
  .topleftdiv {
	  width: 15%;
  }
 .footerdiv {
	 display: none;
 }

.toprightdiv {
	/*top: -15%;
	right: -20%;*/
	width: 15%;
position: fixed;}
.lamps {
    width: 10%;
    position: fixed;
    right: 16%;
    bottom: -28px;
    z-index: 2;
    pointer-events: none;
}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}

}
/*--responsive-ends---*/






.snowflakes i,.snowflakes i:after,.snowflakes i:before { background: #98c0e4;z-index:99999; }
.snowflakes i {
  display: inline-block;
  -webkit-animation: snowflakes 8s linear 1s 20;
  -moz-animation: snowflakes 8s linear 1s 20;
  position: relative;
}
.snowflakes i:after, .snowflakes i:before {
   height: 100%;
  width: 100%; 
  content: ".";
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: rotate(120deg);
}
.snowflakes i:before { -webkit-transform: rotate(240deg); }

@-webkit-keyframes snowflakes {
  0% {
    -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
  };
}

.snowflakes i:nth-child(3n) {
  width: 16px; height: 4px; 
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: 30;
  -webkit-transform-origin: right -45px;
}

.snowflakes i:nth-child(3n+1) {
   width: 24px; height: 6px; 
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 45;
  -webkit-transform-origin: right -30px;
}

.snowflakes i:nth-child(3n+2) {
 width: 32px; height: 8px; */
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: 60;
  -webkit-transform-origin: right -15px;
}
  

.snowflakes i:nth-child(7n) {
  opacity:.3;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function:ease-in;
}
.snowflakes i:nth-child(7n+1) {
  opacity:.4;
  -webkit-animation-delay: 1s;
  -webkit-animation-timing-function:ease-out;
}
.snowflakes i:nth-child(7n+2) {
  opacity:.5;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function:linear;
}
.snowflakes i:nth-child(7n+3) {
  opacity:.6;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function:ease-in;
}
.snowflakes i:nth-child(7n+4) {
  opacity:.7;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function:linear;
}
.snowflakes i:nth-child(7n+5) {
  opacity:.8;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function:ease-out;
}
.snowflakes i:nth-child(7n+6) {
  opacity:.9;
  -webkit-animation-delay: 3.5s;
  -webkit-animation-timing-function:ease-in;
}

.select_company_container {height:400px;}

/*Snow*/




.main {
	/*z-index: 1;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(#123, #111);*/
	opacity: 0;
	animation: main-loadup 1s forwards linear, main-loadup-bg 10s forwards linear;
	/*animation-delay: 7s, 8s;*/
}

@keyframes main-loadup {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes main-loadup-bg {
	from {
		background-size: 100% 100%;
		background-position: 0% 0%;
	}

	to {
		background-size: 400% 400%;
		background-position: 0% 100%;
	}
}

.initial-snow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events:none;
}

.initial-snow > * {
	font-size: 18px;
	color: #98bbdb;
	position: absolute;
	top: -5vh;
}

@keyframes snowfall {
	0% {
		transform: translate3d(var(--left-ini), 0, 0);
	}

	100% {
		transform: translate3d(var(--left-end), 110vh, 0);
	}
}

.snow:nth-child(2n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(6n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(10n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(1) {
	--size: 0.8vw;
	--left-ini: 0vw;
	--left-end: -1vw;
	left: 70vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(2) {
	--size: 0.2vw;
	--left-ini: -7vw;
	--left-end: 10vw;
	left: 65vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(3) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: 6vw;
	left: 1vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(4) {
	--size: 0.2vw;
	--left-ini: -3vw;
	--left-end: 9vw;
	left: 88vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(5) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -9vw;
	left: 74vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(6) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 1vw;
	left: 35vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(7) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 27vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(8) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 69vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(9) {
	--size: 0.2vw;
	--left-ini: -1vw;
	--left-end: -5vw;
	left: 84vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(10) {
	--size: 0.2vw;
	--left-ini: 7vw;
	--left-end: -9vw;
	left: 82vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(11) {
	--size: 0.6vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 48vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(12) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 6vw;
	left: 39vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(13) {
	--size: 0.2vw;
	--left-ini: 6vw;
	--left-end: 5vw;
	left: 3vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(14) {
	--size: 0.8vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 49vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(15) {
	--size: 0.6vw;
	--left-ini: 10vw;
	--left-end: 4vw;
	left: 77vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(16) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: 1vw;
	left: 86vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(17) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: -7vw;
	left: 18vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(18) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: 4vw;
	left: 64vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(19) {
	--size: 1vw;
	--left-ini: 2vw;
	--left-end: -7vw;
	left: 52vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(20) {
	--size: 0.4vw;
	--left-ini: 0vw;
	--left-end: 8vw;
	left: 5vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(21) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 10vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(22) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: -8vw;
	left: 54vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(23) {
	--size: 0.6vw;
	--left-ini: -7vw;
	--left-end: -8vw;
	left: 20vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(24) {
	--size: 0.4vw;
	--left-ini: 10vw;
	--left-end: -4vw;
	left: 68vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(25) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 5vw;
	left: 90vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(26) {
	--size: 1vw;
	--left-ini: -7vw;
	--left-end: 5vw;
	left: 71vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(27) {
	--size: 0.6vw;
	--left-ini: 9vw;
	--left-end: 4vw;
	left: 2vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(28) {
	--size: 1vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 23vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(29) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 39vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(30) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -5vw;
	left: 76vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(31) {
	--size: 0.4vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 14vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(32) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: -1vw;
	left: 86vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(33) {
	--size: 0.4vw;
	--left-ini: -3vw;
	--left-end: 10vw;
	left: 66vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(34) {
	--size: 1vw;
	--left-ini: -3vw;
	--left-end: 6vw;
	left: 75vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(35) {
	--size: 1vw;
	--left-ini: -6vw;
	--left-end: 7vw;
	left: 22vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(36) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 4vw;
	left: 10vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(37) {
	--size: 0.6vw;
	--left-ini: 2vw;
	--left-end: 10vw;
	left: 95vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(38) {
	--size: 0.8vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 34vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(39) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 0vw;
	left: 80vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(40) {
	--size: 0.8vw;
	--left-ini: 1vw;
	--left-end: -7vw;
	left: 45vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(41) {
	--size: 0.2vw;
	--left-ini: 9vw;
	--left-end: 10vw;
	left: 82vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(42) {
	--size: 1vw;
	--left-ini: 9vw;
	--left-end: -9vw;
	left: 22vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(43) {
	--size: 0.6vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 66vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(44) {
	--size: 0.6vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 75vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(45) {
	--size: 0.2vw;
	--left-ini: 0vw;
	--left-end: 3vw;
	left: 2vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(46) {
	--size: 0.2vw;
	--left-ini: 8vw;
	--left-end: -3vw;
	left: 94vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(47) {
	--size: 0.6vw;
	--left-ini: -6vw;
	--left-end: -9vw;
	left: 95vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(48) {
	--size: 0.2vw;
	--left-ini: -5vw;
	--left-end: 6vw;
	left: 34vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(49) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 8vw;
	left: 22vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(50) {
	--size: 0.2vw;
	--left-ini: -4vw;
	--left-end: 4vw;
	left: 100vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}