body{  margin:0; padding:0; font-family: 'HelveticaNeueLT-Roman'; background:#fff;    }
body.home-page, body.login-page {background:#d83820 url(../images/home-bg.png); 
  background-repeat: no-repeat; background-position: center center; background-size:100%;} 

@font-face {
  font-family: 'Helvetica LT 55 Roman_0';
  src: url('../fonts/Helvetica LT 55 Roman_0.eot');
  src: url('../fonts/Helvetica LT 55 Roman_0.woff2') format('woff2'),
       url('../fonts/Helvetica LT 55 Roman_0.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLT-Roman';
  src: url('../fonts/HelveticaNeueLT-Roman.woff') format('woff'),
       url('../fonts/HelveticaNeueLT-Roman.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLT-Roman.svg#HelveticaNeueLT-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Hv.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
*{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
	

img{ max-width:100%; }

ul{ margin:0; padding:0;}
p{ margin-top:0; margin-bottom:15px;}
.btn{background: #fcaf17;  border: none; font-size: 16px; color: #fff; padding: 7px 20px; cursor: pointer; border-radius:0 !important;}
.btn:hover{ background:#000; color:#fff !important;}
a{ color:#fcaf17;}
a:hover, a:focus, input{ color:#fff; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;} 
.link-color{ color:#fcaf17; font-weight:600;} 

#page-loader{top: 0;left: 0;bottom: 0;right: 0;z-index:9999999;position: fixed;background: rgba(0,0,0,0.7);}
.spinner_new{background: url(../images/ball-triangle.svg) no-repeat center center;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;width: 100%;height: 69px;text-align: center;}
#page-loader .fade.in{ display:none;}

/* #fb-root { position: fixed; top: 0;  left: 0; height: 100%; width: 100%;  background: rgba(0, 0, 0, 0.5);}*/



.wrapper{ width:100%;  float:left; background: url(../images/footer-bg.png) no-repeat left bottom; background-size:100%;}
.facebook-btn{ text-align:center; width:100%; float:left; margin:40px 0;}
.facebook-btn a{   background:#4868b6; color:#fff; padding:10px 40px; text-decoration:none; font-size:20px; font-weight:600;  letter-spacing:0.9px; display:inline-block;  font-family: 'Helvetica Neue LT Std'; min-width:354px; }
.main-top{ width:100%; float:left; background:url(../images/left-img.png) no-repeat left top; }
.container{ max-width:1000px; margin: 0 auto;}
header{background: rgb(216,56,32);
background: -moz-linear-gradient(45deg, rgba(216,56,32,1) 0%, rgba(216,56,32,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(216,56,32,1) 0%,rgba(216,56,32,1) 100%);
background: linear-gradient(45deg, rgba(216,56,32,1) 0%,rgba(216,56,32,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d83820', endColorstr='#d83820',GradientType=1 ); width:100%; float:left;}
.home-page header, .login-page header { background:none; }
.header{ padding:30px 0 0; width:100%; float:left; }
.header .logo{ float:left;  margin-left:-4%; }
.header .navigation{ float:right;}
.header .navigation ul { position: relative;} 
.header .navigation ul li { display: inline-block;  list-style:none; color:#fff; position:relative;}
.header .navigation ul li:after{ content:"|"; position: absolute;  left:-3px;}
.header .navigation ul li:first-child:after{ content:none;}
.header .navigation ul li a { display: inline; color:#fff; text-decoration:none; padding:5px; font-size:14px; text-transform:uppercase;}
.header .navigation ul li a:hover {  color:#fddc4c;}
.header .navigation ul ul {  position: absolute; min-width: 200px; display: none;}
.header .navigation ul ul li {display: block; background: #e3e3e3;} 
.header .navigation ul li:hover ul { display: block;}
.header .navigation .menu {  background:url(../images/menu.png) no-repeat center top; color: #292929;font-size: 24px; padding: 0.6em; cursor: pointer; display:none; background-size:100%;}
.header .navigation .menu.active{ background:url(../images/close.png) no-repeat center top; color: #292929;font-size: 24px; padding: 0.6em; cursor: pointer; display:none; }

@media(max-width: 768px) {
.header .navigation .menu, .header .navigation .menu.active { display: block; position:relative; right:0px; top:0;  }
.header .navigation ul{  display: none; position: absolute; background-color: rgba(0, 0, 0, 0.9); width:100%; left:0; padding:10px; z-index:99;}
.header .navigation ul li {display: block;} 
.header .navigation ul li a{ display:block; line-height:26px; font-size:15px;}
.header .navigation ul ul { position: static;background: #e3e3e3;}
.header .navigation ul li:after{ content:none;}
.facebook-btn a{  padding:8px 14px; font-size:16px !important; min-width:inherit;}
}

.banner{ width:100%; float:left;}
.banner span .rewarding{  margin:-70px 0px 0 0; float:right; }
.banner .banner-description{ width:50%; float:right;}
.banner .banner-bottom{ width:100%; float:left; text-align:left; position:relative; }
.banner .banner-bottom span .voucher{ position:absolute; right:-85px; top:-50px;}
.banner .banner-bottom h1{ color:#fff;  font-size:27px;  font-weight:900; margin-bottom:0px; letter-spacing:1px; margin-top:30px;  font-family: 'Helvetica Neue LT Std'; }
.banner .banner-bottom p{ color:#fff; font-size:15px;  padding:0; margin-bottom:10px;  }


.terms_banner{  min-height:350px; margin-top:40px;}
.terms_banner .banner-description{ float:left; width:35.33333333333333%; margin-right:1.5%;}
.terms_banner .banner-bottom{  margin-top:10%;}
.terms_banner .banner-description h1{ position:relative;}
.terms_banner .banner-description .banner-img{ position:absolute; right:40px;  top:30px;}
.terms_banner .rewarding{ width:35.33333333333333%; float:left; margin-right:1.5%; margin-top:-8%;} 
.terms_banner .rewarding .voucher{ width:150px; float:right;}
.terms_banner .wheel{ width:22.33333333333333%; float:right; margin-top:-6%;}
.terms_banner .wheel .wheel-img{ width:100%; float:right;}
.terms_banner .banner-bottom p{ font-size:14px;}


.home-page .content { background:none; }
.home-page .banner .banner-description{ width:100%; }
.home-page .banner .banner-bottom{ text-align:center; }
.home-page .banner .banner-bottom span .voucher{ right:10px; top:-20px; width:auto;}
.home-page .banner .banner-bottom h1{font-size:41px; margin-top:30px;}
.home-page .banner span .rewarding{ display: block; text-align: center; margin: 0 auto;  float:none;}
 
.content{ width:100%; float:left; min-height: calc(100vh - 783px); position:relative;}
.evereadywheel{ text-align:center; padding:30px 0; }
.participate-content{ width:100%; float:left; margin-bottom:30px;}
.participate-content h2{ color:#fff; font-weight:900; margin:0 0 10px 0;  font-family: 'Helvetica Neue LT Std'; font-size:24px; }
.participate-content li{ list-style:none; color:#fff; font-size:20px; line-height:30px; display:block; width:100%; float:left;}
.participate-content li a{ color:#ffcb05; font-weight:600;  text-decoration:none;  font-family: 'Helvetica Neue LT Std'; }
.participate-content li span{ width:27px; height:27px; float:left; margin-right:12px; background:#fff; border-radius:100%; font-size:16px; color:#d83820; text-align:center; font-weight:900; line-height:29px; font-family: 'Helvetica Neue LT Std'; }
.participate-content li strong.test-line{ width:90%; float:left; }

/* upload file css */
.update-wrapper{ margin-top:-203px; width:43%; display:inline-block;}
.update-wrapper .update-file { background:#fcaf17; width:406px; height:406px; font-family: 'Helvetica Neue LT Std';  border-radius:100%; text-align:center; vertical-align:middle; display:table-cell; position:relative; font-size:59px; color:#fff; font-weight:500; border:0; line-height:normal; }
.update-wrapper .update-file:after{ content:""; position:absolute; bottom:-13px; z-index:-9;   background:url(../images/shadow.png) no-repeat center  center; width:100%;  height:33px;  left:0; }
.update-wrapper .bonus-point{ font-size:48px; font-weight:600;}
.update-wrapper .bonus-point span{ font-size:82px;}


.content-main{ max-width:510px; margin:0 auto; }

.pad-tb{ padding:35px 0;}
.profile-page{ width:100%; float:left; margin-top:-120px; }
.profile-page .profile-img{ width:131px; height:131px; float:right; position:relative;  border:solid 1px #666;}
.profile-page .profile-img span img{ width:100%; height:100%; object-fit: cover; }
.upload-btn-wrapper {position: absolute; overflow: inherit; display: inline-block; bottom:-15px; left:-15px; }
.upload-btn-wrapper .upload-file { border:none; background: none; padding:0; }
.upload-btn-wrapper input{ cursor:pointer;}
.upload-btn-wrapper input.file-input[type=file] { position: absolute; left: 0; top: 0;  opacity: 0; height:100%; width:100%;}

/* custom popup */
.congrats_star{ height:600px !important; background: url(../images/star.png) no-repeat 0 26px;  margin:10% auto !important; background-size:100%; padding-top:60px;}
.custom-popup .modal-content{ width:400px !important; height:400px !important;  border-radius:100%;   background:#fcaf17 !important; margin:0 auto;  display:table;  }

.custom-popup .modal-dialog{ width:auto; }
.custom-popup .modal-header{ padding:0; border:0;}
.custom-popup .modal-content{ background: none; box-shadow: none; border: none;  position:relative;}
.custom-popup .modal-body{ text-align:center;  display:table-cell; vertical-align:middle;}
.custom-popup .modal-body h2{ font-family: 'Helvetica Neue LT Std';  font-size:45px; color:#fff; text-transform:uppercase; font-weight:600; margin:0;}
.custom-popup .modal-body p{ font-size:25px; color:#fff; padding-bottom:15px; }
.custom-popup .modal-body .play-now{ background:#f26522; color:#fff; font-size:21px; font-weight:500; padding:5px 15px; display:inline-block; border:0;}
.custom-popup .modal-body .play-now:hover{ background:#000;}
.custom-popup button.close, .custom-popup button.close_spin, .custom-popup button.close_fb_spin{ border:0;  position:absolute; right:10%; color:#fff; top:13%; background:#000; border-radius:100%; width:30px;  height:30px; font-size:15px; opacity:9; padding-bottom:5px; z-index:99;}


.contact-details{width:100%; float:left; padding:40px 0; }
.contact-details .form-group{ width:100%; float:left; padding:20px 0 0; margin-bottom:0;}
.contact-details .form-group label{ float:left; min-width:135px; width:30%; font-size:18px; color:#6d6e71;}
.contact-details .form-group label sup{ color:red;}
.contact-details .input-group{ position:relative;  width:70%; float:left; }
.contact-details .input-group label.error{ font-size:13px;  color:red; margin:0; }
.contact-details .input-group  .form-control{ height:35px;  border-radius:3px;  border:solid 1px #c5c6c8; padding:0 12px; width:100%; }
.contact-details .input-group label{ width:auto;}
.contact-details .btn{ min-width:278px; background:#fcaf17; border:none; font-size:30px; color:#fff; padding:7px 20px; cursor:pointer; text-transform:uppercase; line-height:35px; margin: 0 auto; display:table; font-weight:600;}
.contact-details .btn:hover{ background:#000; color:#fff;}

.contact-details .form-group p{ color:#6d6e71; font-size:12px;  padding-top:10px; margin-bottom:0; float:left; width:100%; }
.contact-details .form-group .i-agree{margin-left:155px;}
.contact-details .form-group .i-agree .checkbox{ float:left; margin:2px 5px 0 0;  min-height:15px; }
.contact-details .form-group .i-agree label{  width:86%; font-size:12px; color:#6d6e71; float:none; font-weight:500;    }
.contact-details .form-group .i-agree label.error{ font-size:13px; display:block; color:red;}




.footer{ width:100%; float:left; padding: 0px 0 100px;  min-height:200px;  }
.footer .top-border{border-top:solid 1px #b7b7b7; }
.home-page .footer .top-border, .login-page .footer .top-border{ border-top:solid 1px #fff; }
.home-page .footer .copyright p, .login-page .footer .copyright p{ color:#fff; }
.footer .copyright{ max-width:540px; margin:0 auto;    }
.footer .copyright p{ text-align:center;  padding: 10px 0 0 0; color:#58595b; font-size:10px; }

.page-content{  width:100%; float:left; margin:40px 0; min-height:350px; }
.page-content a{ color:#fcaf17; font-weight:600; }
.page-content h2{ font-size:24px; margin-bottom:0; font-weight:600;}
.page-content h3{ font-size:18px; font-weight:600; margin-bottom:5px;}
.page-content li{ color: #373e4a;  font-size: 15px; line-height: 24px; text-align:justify;}
.page-content ol { list-style-type: none; counter-reset: item;  margin: 0;  padding: 0;}
.page-content ol li {display: table;counter-increment: item;margin-bottom: 0.6em;}
.page-content ol li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.2em;  }
.page-content > ol > li:before{    font-size: 18px;
    font-weight: 600;}
.page-content ol li li:before { content: counters(item, ".") " ";}
.page-content ol{ list-style-type: decimal; }
.page-content ol li{ margin-bottom:5px;  font-size:15px; }
.page-content ol ol ol{margin:15px 0;}




.leaderboard{ max-width:530px; margin:0 auto;} 
.leaderboard .content-main{ max-width:510px;}
.leaderboard .top-score h4{ text-align:center; margin:0; padding:0; background:#fc8817; color:#fff; padding:6px;  border-top-left-radius: 10px; border-top-right-radius: 10px; font-size:17px; font-weight:500; text-transform:uppercase;}
.leaderboard .top-score .list-box li{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fcaf17; margin-bottom:23px;  }
.leaderboard .list-box ul{width:100%; float:left;  color:#fff; }
.leaderboard .list-box li{ font-size:22px; color:#fff; width:100%; float:left; padding:5px 30px; line-height:normal;  font-weight:600; text-transform:uppercase; font-family: 'Helvetica Neue LT Std'; }
.leaderboard .player-detail.sb-container{ width:537px; float:left; }
.leaderboard .player-detail .list-box li{ border-radius:10px;  background:#fcaf17; margin-bottom:10px; }
.leaderboard .list-box li .player-number,
.leaderboard .list-box li .player-name,
.leaderboard .list-box li .player-score{ float:left;}
.leaderboard .list-box li .player-number{ width:20%;}
.leaderboard .list-box li .player-name{ width:70%;}
.leaderboard .list-box li .player-score{ width:10%;}
.leaderboard .sb-container{ position: relative; overflow: hidden; padding-right: 10px;}
.leaderboard .sb-content {height:100%;width: 120%;padding-right: 20%;overflow-y: scroll;box-sizing:border-box;}
.leaderboard .sb-scrollbar-container { position: absolute; right: 8px; bottom: 5px; top: 5px; width: 5px; background:#e1e1e1; border-radius: 10px;}
.leaderboard .sb-container-noscroll .sb-scrollbar-container { right: -20px;}
.leaderboard .sb-scrollbar {position: absolute;right: -1px; height: 30px;width: 8px; border-radius: 10px;  background: #363636;}
.leaderboard .sb-scrollbar:hover { background: rgba(0, 0, 0, 0.5);}
.leaderboard .container-example2 { max-height: 440px;}

.leaderboard .your-score{border-radius:10px;  background:#fcaf17; margin-top:15px; width:100%; float:left; text-align: center;     }
.leaderboard .your-score h3{padding: 10px 30px;  line-height: normal; font-weight: 600; text-transform: uppercase;  font-family: 'Helvetica Neue LT Std';     font-size: 22px;   color: #fff; margin:0;}


/* greeting content page css */
.greeting-content{ width:50%; float:right; }
.greeting-content h2{ font-size:24px;  color:#58595b; font-weight:600; }
.greeting-content p{ color:#58595b; font-size:12px; }

.fb-comments iframe{ width:100% !important; float:left;}
.fb-comments.fb_iframe_widget span{ width:100% !important;  }
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe{ max-width:100% !important; width:100%; min-width:100% !important;  }
body.plugin.chrome.webkit.win.x1.Locale_en_US div#u_0_0 {  width: 100% !important;}



/* login page css */
.left-column{ width:48%; float:left; position:relative;}
.right-column{ width:50%; float:right;  border-top:solid 1px #fff; margin:15px 0 0; padding:30px 0 0; }
.right-column .score{ width:100%; float:left; padding:5px 0;}
.right-column .score label{ font-family: 'Helvetica Neue LT Std';   font-size:18px;   color:#fff; font-weight:600; min-width:170px; margin:0; float:left; padding:12px 0;}
.right-column .score span{ font-size:35px; color:#fcaf17; font-family: 'Helvetica Neue LT Std'; font-weight:600; }

.right-column .share-box{ width:100%; float:left; margin-top:60px;}
.right-column .share-box .share-link{ float:left; margin-right:15px; position:relative; z-index:9;}
.right-column .share-box .share-btn{ width:114px; height:114px; display:table-cell; text-align:center; vertical-align:middle;  border-radius:100%; color:#fff; text-transform:uppercase; font-size:26px; font-family: 'Helvetica Neue LT Std'; font-weight:600; background:#fcaf17; }
.right-column .share-box .share-btn:hover{ background:#000; color:#fff !important;}
.right-column .share-box .cotent-text{ padding:25px 0; color:#fff; font-size:24px; font-weight:600;}
.left-column .wheel-spin{ position:relative; margin:-200px 0 0 -50px;  width:100%;}

.want-more{ width:100%; float:left; padding:80px 0 50px; text-align:center; }
.want-more h2{ font-size:46px; color:#fcaf17; font-weight:600; font-family: 'Helvetica Neue LT Std';  margin:0;}
.want-more p{ color:#fff; font-size:24px;}
.want-more .btn{ min-width:278px; font-size: 30px; color: #fff; padding: 8px 30px; cursor: pointer; text-transform: uppercase;line-height: 35px; font-weight:600; font-family: 'Helvetica Neue LT Std'; margin-top:15px; }

.wheelContainer {  position:relative; margin-top:80px;text-align:center;}
.wheelContainer path{ background:#000; width:30px; float:left;}
.wheel-spin .btn.spinBtn{ margin:0 auto; display:table; position:relative; z-index:99;   font-size: 30px; color: #fff; padding: 8px 30px; cursor: pointer; text-transform: uppercase; line-height: 35px; font-weight: 600;font-family: 'Helvetica Neue LT Std';  }
.wheel-spin .btn.duplicateSpinBtn{ margin:0 auto; display:table; position:relative; z-index:99;   font-size: 30px; color: #fff; padding: 8px 30px; cursor: pointer; text-transform: uppercase; line-height: 35px; font-weight: 600;font-family: 'Helvetica Neue LT Std';  }
.selector {top: -30.4%; position: absolute; left: 2% !important; width:100%; height:100%; }
.toast{ position:absolute; top:0; padding:12px; display:block; border-radius:10px;}
.toast p{ font-size: 28px; color: #ededed; letter-spacing: 0; margin:0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 32px; border-radius:10px; text-align:center; -webkit-transition: line-height .2s ease; transition: line-height .2s ease;  font-family: 'Helvetica Neue LT Std'; font-weight:600;}
.toast span{ color:#F282A9;}
.wheel-spin .selector svg {transform: translate(0%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important; -ms-transform: translate(0%, 97%) matrix(4.3, 0, 0, 4.3, 0, 0) !important; -webkit-transform: translate(0%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important; -moz-transform: translate(0%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important;}
.wheel-spin svg.wheelSVG {transform: translate(0%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important; -ms-transform: translate(0%, 57%) matrix(3.3, 0, 0, 3.3, 0, 0) !important; -webkit-transform: translate(0%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important; -moz-transform: translate(0%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important;}


@media(max-width: 1200px) {
	.content{ padding:15px; }
	.leaderboard .player-detail.sb-container{ width:107%;}
	.leaderboard .sb-content{ width:115.4%;     padding-right: 19%;}
	.banner .banner-bottom h1{font-size:24px; }
	.banner .banner-bottom span .voucher{ right:0px !important; top:-20px; width:160px;}
	
}
@media(max-width: 991px) {
	.banner .banner-description{ width:100%;}
	.banner span .rewarding{ margin:0 auto; max-width:300px; float:none; display:block; }
	.banner .banner-bottom{ padding:15px; text-align:center;}
	.banner .banner-bottom h1{ font-size:25px ; margin-top:0;}
	.home-page .banner .banner-bottom h1{ font-size:30px; }
	.banner .banner-bottom span .voucher{ position:inherit; width:auto;}
	.terms_banner{ margin-top:0; padding-bottom:30px;}
	.terms_banner .banner-bottom{display:block; margin:0 auto; width:inherit; max-width:400px; float:none;}
	.terms_banner .banner-bottom h1{ margin-bottom:10px;}
	.terms_banner .banner-description .banner-img{ position:inherit; display:block;  margin:10px auto;}
	.terms_banner .wheel{ width:35%;}
	.left-column .wheel-spin{ margin: 0px auto 100px auto; max-width: 600px; display: table;}
	.update-wrapper{ position:inherit; display:table; margin:0 auto; top:0; width:auto; float:none; }
	.profile-page .profile-img{ float:none; margin:0 auto; display:table; height:100%;}
	.profile-page{ padding:40px 0; margin:0; }
	.greeting-content{ width:100%; }
	
	.update-wrapper .update-file:after{ content:none;}
	.update-wrapper .update-file{ width:250px;  height:250px; font-size:25px; position:inherit;}
	.update-wrapper .bonus-point span{ font-size:50px;}
	.footer{ min-height:140px; padding:0 0 50px}
	.left-column{ width:100%;}
	
	.right-column{ width:100%;  }
	svg:not(:root){ width:70%; margin:0 auto; display:table;}
	.want-more{margin:30px 0; padding:0; }
	.right-column .share-box{ margin-top:30px;}
	.wheel-spin .selector svg {transform: translate(50%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important; -ms-transform: translate(20%, 97%) matrix(4.3, 0, 0, 4.3, 0, 0) !important; -webkit-transform: translate(0%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important; -moz-transform: translate(0%, 0%) matrix(1.2, 0, 0, 1.2, 0, 0) !important;}
	.wheel-spin svg.wheelSVG {transform: translate(50%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important; -ms-transform: translate(20%, 57%) matrix(3.3, 0, 0, 3.3, 0, 0) !important; -webkit-transform: translate(0%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important; -moz-transform: translate(0%, 0%) matrix(1.5, 0, 0, 1.5, 0, 0) !important;}
		
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.left-column .wheel-spin{min-height:450px;}
 }

@media(max-width: 767px) {
	.header{ padding:15px 0; }
	.header .logo{ width:100px; margin:0; }
	.main-top{ background-size:50%}
	.leaderboard .list-box li{ font-size:18px; padding:5px 30px;}
	.want-more h2{ font-size:35px; }
	.want-more p{ font-size:22px}
	.custom-popup {height:400px !important;}
	.congrats_star{   background-position:center center; background-size: 86%; padding-top: 50px;}
	.custom-popup .modal-body { padding:40px; }
	.custom-popup .modal-content{ width:300px !important; height:300px !important; }
	.custom-popup .modal-body h2 { font-size:32px;}
	.custom-popup .modal-body p{ font-size:20px;}
	.custom-popup .modal-body .play-now{ font-size:16px;}


	
}
@media(max-width: 599px) {
	.participate-content li strong.test-line{ width:80%;}
	.participate-content li{ padding:5px 0;  line-height:normal;}
	.contact-details{ padding-bottom:0;}
	.contact-details .form-group label{ width:100%; padding-bottom:0px; margin-bottom:2; font-size:15px;}
	.contact-details .form-group{ padding:0px 0 0;}
	.contact-details .form-group .input-group{ width:100%;}
	.contact-details .form-group p{ margin-left:0; }
	.contact-details .form-group .i-agree{ margin-left:0; }
	.right-column{margin-top:0px; padding:0; }
	.footer{ padding:0; min-height:120px; }
	.right-column .score{ text-align:center; padding:0;}
	.right-column .score label{ width:100%; padding:15px 0 0;}
	.right-column .score span{ font-size:30px; }
	.right-column .share-box .share-link{ float:none; margin:0 auto; display:table;}
	.right-column .share-box .cotent-text {  text-align:center; padding:5px 0;}
	.wheelContainer{  margin-top:50px;}
	.btn{ font-size:20px !important; min-width:auto !important;}
	.toast{ padding:5px;}
	.toast p{ font-size:16px; line-height:25px;}
	.header .logo{margin:0; }
	.leaderboard .sb-scrollbar-container{ right:1.4%;}
	.terms_banner .banner-description, .terms_banner .rewarding, .terms_banner .wheel{ width:inherit; max-width:400px; margin:20px auto; float:none;}
	.terms_banner .wheel .wheel-img{ margin-top:0;}
	.terms_banner .rewarding .voucher{ margin:0 auto; float:none; max-width:100px;  width:auto; display:block;}
	.custom-popup button.close, .custom-popup button.close_spin, .custom-popup button.close_fb_spin{ top: 5%; right: 15%;} 
	.left-column .wheel-spin{ margin:0px 0 80px 0px;}
	.custom-popup .modal-body p{ font-size:13px;}
	
	
}
@media(max-width: 320px) {
	.congrats_star{ background-size:100%;     padding-top: 20%;}
	.custom-popup .modal-content{ width:260px !important; height:260px !important;}
	

}

.congrats_star {
    max-width: 500px !important;
}