@media only screen and (min-width:480px){html{font-family:"mobile";}
body:after{content:"mobile";}
.masonry-article-list{overflow:hidden;margin:10px 0 0 10px;}
.masonry-article-list .masonry-article{width:48.5%;margin-right:1.5%;padding:0 0 25px 0;background:none;border-bottom:5px solid #e1dfe1;}
.masonry-article-list .masonry-article.advert{padding:0;border-bottom:none;}
.masonry-article-list .masonry-article .news-top .tags{background:url("/assets/youthsg/images/bt-masonry-article-bottom.png") center bottom no-repeat transparent;}
.masonry-article .news-meta .publish-info .published-date{left:0;}
.masonry-article .news-meta .popularity{right:0;}
.new-articles .tags{padding:7px 14px;left:auto;right:0;top:0;}
.new-articles .published-date{padding:7px 14px;}
.new-articles .middle{padding:0 10%;top:75px;}
.new-articles .middle p.headline{font-size:2.2em;}
.rewards li{width:49%;float:left;}
.rewards li:nth-child(even){float:right;clear:right;}
.rewards li:nth-child(odd){clear:left;}
.list-correspondent-block{width:49%;float:left;}
.list-correspondent-block:nth-child(even){margin-left:1%;}
.list-correspondent-block:nth-child(odd){margin-right:1%;}
.fb-comments-wrap .comment-wrap .published-date{display:block;position:absolute;top:10px;right:10px;}
.profile .profile-panels .profile-panel dl dt{width:30%;}
.profile .profile-panels .profile-panel dl dd{width:68%;}
.profile .profile-score .call-to-action{top:auto;bottom:5px;}
#footer .social-toolbar li{margin-right:8px;}
}
@media only screen and (min-width:768px){html{font-family:"tablet";}
body:after{content:"tablet";}
.mobile-ui{display:block;}
.pane-logout{zoom:1;margin-bottom:20px;text-align:center;}
.pane-logout:before, .pane-logout:after{content:"";display:table;}
.pane-logout:after{clear:both;}
.pane-logout .profile-link{display:inline-block;position:relative;margin:0;max-width:80%;}
.pane-logout .profile-link img{position:absolute;left:0;top:0;}
.pane-logout .profile-link span{display:block;line-height:100px;padding-left:110px;}
.pane-logout .btn-logout{display:inline-block;margin-top:15px;margin-left:30px;}
.main-content .inner-wrap{padding:0 2%;min-height:800px;}
.left-col{display:block;width:80%;float:left;overflow:hidden;}
.right-col{width:33%;float:right;margin:10px 0 20px;}
.right-col .social-media{display:block;}
.listing .left-col{overflow:inherit;}
.reward-list-block .reward-item{min-height:470px;padding-bottom:30px;position:relative;}
.reward-list-block .reward-item .btn{position:absolute;bottom:10px;left:10px;right:10px;}
.related-articles article{width:48.5%;margin-right:1.5%;}
.related-articles article .headline a{color:#0b3243;}
.related-articles-wrap{border:none;margin-top:0;padding-top:0;}
.related-articles-wrap .related-articles article{width:100%;float:none;margin-right:0;margin-bottom:20px;}
.related-articles-wrap .related-articles article .headline{padding:0;}
.addthis_toolbox{float:left;display:block;margin-top:25px;width:100%;}
.addthis_toolbox .addthis_button_facebook_like{max-width:100px;}
.addthis_toolbox .addthis_button_tweet{max-width:80px;}
.addthis_toolbox .addthis_button_pinterest_pinit{max-width:45px;}
.article-wrap{margin:0 1% 0 0;padding:20px 25px;}
.article-wrap .related-articles-wrap{display:none;}
.titlebar{zoom:1;padding-bottom:15px;}
.titlebar:before, .titlebar:after{content:"";display:table;}
.titlebar:after{clear:both;}
.titlebar h1{font-size:3.6em;padding-right:100px;}
.titlebar .blogger h1{padding-right:150px;}
.titlebar .blogger .thumbnail{position:absolute;width:70px;left:0;top:-5px;}
.titlebar .blogger .excerpt{padding-left:100px;width:auto;min-height:90px;}
.titlebar .thumbnail{width:25%;margin-right:3%;float:left;}
.titlebar .excerpt{width:72%;float:left;}
.titlebar .introduction .btn-back{display:inline-block;position:absolute;width:auto;top:0;right:0;}
.titlebar .introduction h1{text-align:left;}
.bottom-toolbar .addthis_toolbox.addthis_32x32_style{display:none;}
.top-toolbar{zoom:1;}
.top-toolbar:before, .top-toolbar:after{content:"";display:table;}
.top-toolbar:after{clear:both;}
.top-toolbar .tags{float:left;width:40%;}
.top-toolbar .filter{float:right;margin-top:0;border-top:none;padding-top:0;width:260px;}
.top-toolbar .filter .btn{float:right;}
.home .left-col{margin-top:10px;}
.masonry-article-list{width:103%;padding:0;margin:10px 0 0;}
.masonry-article-list .masonry-article{width:47.4%;margin-right:1.5%;margin-bottom:15px;padding-bottom:0;}
.masonry-article-list .masonry-article .news-meta{border-bottom:none;}
.masonry-article-list .masonry-article .news-meta .publish-info{border-bottom:1px solid #e1dfe1;padding-bottom:5px;margin-bottom:5px;width:100%;}
.masonry-article-list .masonry-article .news-meta .publish-info .divider{display:inline;}
.masonry-article-list .masonry-article .news-meta .publish-info .published-date{position:relative;bottom:0;}
.masonry-article-list .masonry-article .news-meta .popularity{position:relative;width:100%;text-align:left;margin:0;bottom:0;}
.articles-tab{border-bottom:1px solid #a09b9e;}
.articles-tab a{text-decoration:none;color:#fff;display:block;width:auto;text-align:center;padding:10px 5%;float:left;margin-right:0;border-right:4px solid #F2F2F2;position:relative;top:1px;}
.articles-tab a:hover{border-bottom:1px solid #f5e521;}
.articles-tab a.active{border-bottom:1px solid #f5e521;}
.article-banner img{display:block;width:auto;margin:auto;}
.profile{}
.profile .profile-header .profile-info{top:50%;margin-top:-140px;}
.profile .profile-header .profile-info h1{font-size:3.4em;}
.profile .profile-header .profile-info h1 .display-name{top:110px;}
.profile .profile-header .profile-info h1 img{width:100px;height:100px;margin-left:-50px;}
.profile .profile-rep{}
.profile .profile-rep ul{text-align:center;}
.profile .profile-rep ul li{display:inline-block;width:19.6%;border-left:1px solid #848484;}
.profile .profile-rep ul li p{text-align:center;}
.profile .profile-rep ul li p span{display:block;}
.profile .profile-rep ul li p span.score{font-size:5em;width:auto;}
.profile .profile-rep ul li p span.cat{font-size:1.8em;width:auto;}
.profile .profile-rep ul .last{border-right:1px solid #848484;}
.profile .profile-articles{}
.profile .profile-articles .profile-article{}
.profile .profile-articles .profile-article .publish-status{float:left;width:50%;overflow:hidden;clear:left;}
.profile .profile-articles .profile-article .summary{float:right;width:45.5%;padding:0 2%;margin:0;}
.profile .profile-articles .profile-article .summary .headline{margin:0;}
.profile .profile-articles .profile-article .meta{float:right;width:45.5%;padding:0 2%;}
.profile .profile-catalogue .catalogue-item{padding-right:140px;}
.profile .profile-catalogue .catalogue-item .score{top:0;left:auto;right:0;}
.profile .profile-catalogue .catalogue-item .score span.unit{font-size:1.8em;display:block;}
.profile .profile-catalogue .catalogue-item .score span.amt{font-size:3em;display:block;}
.profile .profile-panels{}
.profile .profile-panels .profile-panel{float:left;width:29%;margin:0;margin-right:1.5%;padding:20px 1.5%;min-height:260px;}
.profile .profile-panels .profile-panel dl dt{width:40%;}
.profile .profile-panels .profile-panel dl dd{width:58%;}
.profile ul.profile-nav{position:relative;top:-133px;margin-bottom:-110px;}
.profile ul.profile-nav li{display:inline-block;float:none;width:auto;border-bottom:none;}
.profile ul.profile-nav li a{padding:10px 20px;width:100px;}
.profile-photo-update-widget, .fbconnect{position:relative;top:-140px;}
.sitemap .col-half, #sitemap .col-half{display:block;float:left;width:45%;margin-right:4%;}
.sitemap .col-half:first-child, #sitemap .col-half:first-child{border-right:1px solid #eae8e9;}
footer.main .inner-wrap{padding:0 2%;}
footer.main .subscribe-form{width:55%;}
footer.main .copyright-and-legal{margin-top:0;}
}
@media only screen and (min-width:980px){html{font-family:"desktop";}
body:after{content:"desktop";}
body{margin-bottom:0;}
.list .event-list-block{zoom:1;}
.list .event-list-block:before, .list .event-list-block:after{content:"";display:table;}
.list .event-list-block:after{clear:both;}
.list .event-list-block .summary{width:35%;float:left;}
.list .event-list-block .desc{width:60%;float:right;margin:0 0 0 1%;}
.rewards li{width:24%;margin-right:1.3%;float:left;}
.rewards li:nth-child(even), .rewards li:nth-child(odd){float:left;clear:none;}
.rewards li:nth-child(4n + 4){float:right;margin-right:0;}
.rewards li:nth-child(4n + 1){clear:left;}
.range-filter .point-summary{zoom:1;}
.range-filter .point-summary:before, .range-filter .point-summary:after{content:"";display:table;}
.range-filter .point-summary:after{clear:both;}
.range-filter .question, .range-filter .remaining{text-align:left;float:left;margin-right:10px;}
.range-filter .remaining{float:let;clear:right;text-align:right;}
.range-slider-wrapper{width:100%;}
.range-slider-wrapper .range-slider{width:50%;float:left;}
.range-slider-wrapper .label{position:relative;float:left;width:60px;}
.range-slider-wrapper .btn-submit{position:absolute;right:0;left:auto;top:0;width:auto;margin:0;}
.global-pagination{z-index:800;display:block;position:fixed;top:50%;bottom:auto;width:100%;margin:0;}
.global-pagination a{position:absolute;display:block;width:45px;min-width:45px;height:90px;background:url(/assets/youthsg/images/bg-site-pagination.png) -10px -25px no-repeat #c2bcc0;}
.global-pagination a.prev span, .global-pagination a.next span{display:block;border:none;height:90px;width:0;background:#c2bcc0;margin:0;padding:0;line-height:90px;overflow:hidden;transition-property:width, margin-left, padding;transition-duration:0.2s;transition-timing-function:linear;-webkit-backface-visibility:hidden;-webkit-transition-property:width, margin-left, padding;-webkit-transition-duration:0.2s;-webkit-transition-timing-function:linear;}
.global-pagination a.prev span .icon, .global-pagination a.next span .icon{display:none;}
.global-pagination a.prev span{padding:0;position:absolute;left:45px;top:0;display:block;width:0;text-align:right;}
.global-pagination a.next span{padding:0;position:absolute;top:0;right:45px;display:block;width:0;text-align:left;}
.global-pagination a.prev:hover span{padding:0 15px;width:180px;}
.global-pagination a.next:hover span{padding:0 15px;width:180px;}
.global-pagination a.next{background-position:-80px -25px;right:0;}
.global-pagination a:hover{background-color:#333;}
.col-3{zoom:1;}
.col-3:before, .col-3:after{content:"";display:table;}
.col-3:after{clear:both;}
.col-3 li{width:32%;margin-right:1.5%;float:left;}
.col-3 li:nth-child(3n+ 3){margin-right:0;}
.mobile-ui{display:none;}
.newsletter-and-social{display:block;position:absolute;top:-35px;right:2%;height:50px;padding:10px 10px 10px 45px;background:url("/assets/youthsg/images/bg-top-socialconnect.png") 0 0 no-repeat transparent;}
.newsletter-and-social a{text-decoration:none;}
.newsletter-and-social a.news-subscribe{float:left;font-size:1.2em;line-height:1em;font-family:'Droid Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight:700;background:url("/assets/youthsg/images/bg-sprites.png") no-repeat transparent;padding:8px 8px 8px 35px;display:inline-block;margin:0;background-position:-345px 6px;}
.newsletter-and-social a.news-subscribe:hover{background-position:-345px -44px;color:#f5e521;}
header.main{height:160px;padding-top:35px;}
header.main .inner-wrap{padding:0 2%;}
nav.primary{position:absolute;display:block !important;bottom:10px;right:2%;}
nav.primary.login-expanded .login a{background-position:-192px -50px;}
nav.primary.search-expanded .search a{background-position:-224px -50px;}
nav.primary.info-expanded .info a{background-position:-251px -50px;}
nav.primary ul{padding-bottom:1px;}
nav.primary ul li{float:left;}
nav.primary ul li a{font-size:1.3em;padding:10px 15px;line-height:1em;}
nav.primary ul li:hover, nav.primary ul li.active{background:none;}
nav.primary ul .search, nav.primary ul .info,nav.primary ul .login{position:relative;display:block;}
nav.primary ul .login a, nav.primary ul .search a, nav.primary ul .info a{display:block;padding:0;margin:5px 15px;background:transparent url("../images/bg-sprites.png") no-repeat 0 0;display:block;width:25px;height:25px;text-indent:-9999px;}
nav.primary ul .search a span, nav.primary ul .info a span,nav.primary ul .login a span{display:none;}
nav.primary ul .login a, nav.primary ul .search a,nav.primary ul .info a{margin:8px 10px;}
nav.primary ul .login a{background-position:-192px top;}
nav.primary ul .login a:hover{background-position:-192px -50px;}
nav.primary ul .search a{background-position:-224px top;}
nav.primary ul .search a:hover{background-position:-224px -50px;}
nav.primary ul .info a{background-position:-251px top;}
nav.primary ul .info a:hover{background-position:-251px -50px;}
nav.primary ul.lvl-1.showlvl-2{border-bottom:1px solid #7b7e8f;padding-bottom:0;}
nav.primary ul li a{padding:12px 20px;font-size:1.5em;}
nav.primary ul .last{margin-right:70px;}
nav.primary ul li ul.lvl-2{display:none;position:absolute;bottom:0;top:42px;padding-top:3px;}
nav.primary ul li ul.lvl-2 li{display:inline;float:left;}
nav.primary ul li ul.lvl-2 li a{font-size:1.3em;font-weight:normal;}
nav.primary ul .active .lvl-2{display:none;}
nav.primary ul li:hover ul.lvl-2{display:inline-block;width:auto;}
.profile-dropdown,
.search-form{position:absolute;top:188px;z-index:10;}
.profile-dropdown li{min-height:76px;position:relative;}
.profile-dropdown li.login-id-wrap, .profile-dropdown li.login-password-wrap{display:block;width:42%;float:left;margin:0 2%;}
.profile-dropdown li.lname-wrap, .profile-dropdown li.fname-wrap, .profile-dropdown li.pw-wrap, .profile-dropdown li.cpw-wrap{display:block;width:48%;float:left;margin:0 1% 15px;}
.profile-dropdown li.uemail-wrap{clear:both;margin:0 1% 10px;}
.profile-dropdown li.login-remember-wrap{position:absolute;top:90px;left:2%;}
.profile-dropdown li.login-submit-wrap{width:4%;float:left;position:relative;display:block;}
.profile-dropdown li.login-submit-wrap input{position:absolute;bottom:0;}
.profile-dropdown li.signin-wrap img{margin-top:30px;}
.logo-wrap{display:block;width:125px;height:125px;margin:0;overflow:visible;}
.logo-wrap img{width:100%;}
.main.sticky{position:fixed;background:#000;height:80px;padding-top:15px;}
.main.sticky .logo-wrap{display:block;width:80px;height:60px;overflow:hidden;float:left;}
.main.sticky .logo-wrap img{width:85px;}
.main.sticky nav.primary{top:6px;bottom:auto;right:0;}
.main.sticky nav.primary > ul{height:35px;right:200px;width:auto;bottom:auto;}
.main.sticky nav.primary > ul li ul.lvl-2{padding-top:0;top:40px;}
.main.sticky nav.primary > ul li ul.lvl-2 a{font-size:1.2em;}
.main.sticky nav.primary > ul a{font-size:1.25em;padding-top:7px;padding-bottom:20px;}
.main.sticky nav.primary > ul .login a, .main.sticky nav.primary > ul .search a,.main.sticky nav.primary > ul .info a{margin:8px 5px;width:22px;height:22px;padding:0;}
.main.sticky nav.primary > ul .login a{background-position:-132px -100px;}
.main.sticky nav.primary > ul .login a:hover{background-position:-132px -130px;}
.main.sticky nav.primary > ul .search a{background-position:-158px -100px;}
.main.sticky nav.primary > ul .search a:hover{background-position:-158px -130px;}
.main.sticky nav.primary > ul .info a{background-position:-178px -99px;}
.main.sticky nav.primary > ul .info a:hover{background-position:-178px -129px;}
.main.sticky .newsletter-and-social{top:7px;padding:7px 0;background:none;}
.main.sticky .newsletter-and-social .news-subscribe{width:22px;height:22px;background-position:-345px -98px;padding:0;margin-right:13px;}
.main.sticky .newsletter-and-social .news-subscribe:hover{background-position:-345px -128px;}
.main.sticky .newsletter-and-social .news-subscribe span{display:none;}
.main.sticky .newsletter-and-social .social-toolbar{float:left;}
.main.sticky .newsletter-and-social .social-toolbar ul{list-style:none;list-style-image:none;margin:0;padding:0;display:inline-block;position:relative;}
.main.sticky .newsletter-and-social .social-toolbar ul span{display:none;}
.main.sticky .newsletter-and-social .social-toolbar ul li{display:block;float:left;margin-right:5px;}
.main.sticky .newsletter-and-social .social-toolbar ul li a{background:transparent url("../images/bg-sprites.png") no-repeat 0 0;display:block;width:22px;height:22px;text-indent:-9999px;}
.main.sticky .newsletter-and-social .social-toolbar ul li:last-child, .main.sticky .newsletter-and-social .social-toolbar ul li.last{margin-right:0;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-facebook a{background-position:0 -100px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-facebook a:hover{background-position:0 -130px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-twitter a{background-position:-27px -100px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-twitter a:hover{background-position:-27px -130px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-flickr a{background-position:-54px -100px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-flickr a:hover{background-position:-54px -130px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-youtube a{background-position:-81px -100px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.social-youtube a:hover{background-position:-81px -130px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.rss a{background-position:-107px -100px;}
.main.sticky .newsletter-and-social .social-toolbar ul li.rss a:hover{background-position:-107px -130px;}
.main.sticky .form-wrap.profile-dropdown, .main.sticky .form-wrap.search-form{top:100px;}
.left-col{width:75%;}
.right-col{width:24%;}
.new-articles .new-article{display:block;width:49%;margin-right:1%;float:left;}
.new-articles .new-article.swag{width:50%;margin-right:0;padding-right:49%;}
.new-articles .new-article.swag h3 a{display:block;overflow:hidden;}
.new-articles .new-article.swag .published-date, .new-articles .new-article.swag .middle, .new-articles .new-article.swag .overlay{left:50.5%;}
.new-articles .new-article.swag .middle{padding:0 5%;}
.new-articles .tags{padding:7px 5%;left:0;right:auto;top:28px;}
.new-articles .published-date{padding:7px 5%;}
.new-articles .middle{padding:0 5%;top:85px;}
.new-articles .middle p.headline{font-size:1.8em;}
.masonry-article-list .masonry-article{border-bottom:none;}
.masonry-article-list .masonry-article .news-meta{border-bottom:1px solid #e1dfe1;}
.masonry-article-list .masonry-article .news-meta .publish-info{border-bottom:none;padding-bottom:0;margin-bottom:0;width:59%;}
.masonry-article-list .masonry-article .news-meta .publish-info .divider{display:none;}
.masonry-article-list .masonry-article .news-meta .publish-info .published-date{display:block;}
.masonry-article-list .masonry-article .news-meta .popularity{width:40%;text-align:right;}
.masonry-article-list .masonry-article.advert{display:block;}
.masonry-article-list .masonry-article .summary-desc{border-bottom:none;}
.body-content .align-left{float:left;margin:0 15px 15px 0;}
.body-content .align-right{float:right;margin:0 0 15px 15px;}
.body-content figure{text-align:left;display:table;max-width:55%;}
.body-content figure img{width:100%;}
.body-content figure.align-center{text-align:center;display:table;max-width:100%;width:100%;clear:both;margin:15px;}
.body-content figure.align-center img{width:auto;}
.addthis_toolbox{position:absolute;top:7px;right:0;margin-top:0;width:auto;}
.related-articles article{width:230px;margin-right:15px;}
.article-wrap{margin-left:0;}
.titlebar .popularity{display:block;position:absolute;float:left;bottom:10px;right:10px;}
.titlebar .popularity a{background:transparent url("../images/bg-sprites.png") no-repeat;width:auto;height:auto;text-indent:-9999px;text-decoration:none;text-indent:0;padding-left:20px;}
.titlebar .popularity .user-comments{background-position:-264px -282px;}
.titlebar .popularity .user-views{background-position:-384px -282px;}
.titlebar .titlebar h1{padding-right:50px;}
.profile{}
.profile .profile-header .profile-info{margin-top:-180px;}
.profile .profile-header .profile-info h1{padding:0;}
.profile .profile-header .profile-info h1 .display-name{top:190px;}
.profile .profile-header .profile-info h1 img{margin-left:20px;width:180px;height:180px;left:50%;margin-left:-94px;}
.profile .score span{display:block;}
.profile .score span.amt{font-size:5em;display:block;}
.profile .score span.unit{font-family:'Sweeper', Arial, "Helvetica Neue", Helvetica, sans-serif;color:#484848;font-size:1.8em;display:block;}
.profile .profile-score{float:left;width:28%;padding:20px 2%;}
.profile .profile-score .call-to-action{margin:0;bottom:0;display:block;}
.profile .profile-score .call-to-action span{display:inline-block;padding:10px 0;padding-left:40px;}
.profile .profile-articles{}
.profile .profile-articles .profile-article{}
.profile .profile-articles .profile-article .publish-status, .profile .profile-articles .profile-article .summary, .profile .profile-articles .profile-article .meta{float:left;}
.profile .profile-articles .profile-article .publish-status{height:220px;overflow:hidden;width:32%;}
.profile .profile-articles .profile-article .summary{width:34.5%;padding:0 2%;}
.profile .profile-articles .profile-article .meta{width:29.5%;padding:0;}
.profile .profile-catalogue{float:right;width:62%;}
.profile .profile-catalogue .catalogue-item .score span.amt{display:block;}
.profile ul.profile-nav li a{width:180px;}
.scfForm{}
.scfForm textarea{width:100%;}
.scfForm .scfSubmitButtonBorder input{min-width:200px;width:auto;}
.scfForm select{width:84.7%;}
.scfForm .scfIntroBorder,
.scfForm .scfSectionContent,
.scfForm .scfSectionBorderAsFieldSet .scfSectionLegend{padding:10px 0;}
.scfForm .scfSingleLineGeneralPanel,
.scfForm .scfMultipleLineGeneralPanel,
.scfForm .scfConfirmPasswordGeneralPanel,
.scfForm .scfEmailGeneralPanel,
.scfForm .scfTelephoneGeneralPanel,
.scfForm .scfNumberGeneralPanel,
.scfForm .scfDatePickerGeneralPanel,
.scfForm .scfDateSelectorGeneralPanel,
.scfForm .scfFileUploadGeneralPanel,
.scfForm .scfDropListGeneralPanel,
.scfForm .scfListBoxGeneralPanel,
.scfForm .scfRadioButtonListGeneralPanel,
.scfForm .scfCheckBoxListGeneralPanel,
.scfForm .scfPasswordGeneralPanel,
.scfForm .input-panel{*zoom:1;width:46%;float:left;}
.scfForm .scfDatePickerGeneralPanel .ui-icon{float:none;position:absolute;top:6px;left:80%;display:block;}
.scfForm .scfRequired,
.scfForm .scfValidatorRequired,
.scfForm .required{position:absolute;top:0;left:30%;margin-left:2px;color:#ff0000;}
.scfForm .scfFileUploadBorder,
.scfForm .scfDatePickerBorder,
.scfForm .scfDropListBorder,
.scfForm .input-border{zoom:1;margin-bottom:10px;}
.scfForm .scfFileUploadBorder:before, .scfForm .scfFileUploadBorder:after,
.scfForm .scfDatePickerBorder:before,
.scfForm .scfDatePickerBorder:after,
.scfForm .scfDropListBorder:before,
.scfForm .scfDropListBorder:after,
.scfForm .input-border:before,
.scfForm .input-border:after{content:"";display:table;}
.scfForm .scfFileUploadBorder:after,
.scfForm .scfDatePickerBorder:after,
.scfForm .scfDropListBorder:after,
.scfForm .input-border:after{clear:both;}
.scfForm label,
.scfForm .scfDateSelectorLabel,
.scfForm .field-label,
.scfForm .file-upload-label{float:left;}
.scfForm .scfDateSelectorLabel{margin-top:25px;}
.scfForm .scfDateSelectorLabel,
.scfForm .scfSectionContent label,
.scfForm .scfRadioButtonListLabel,
.scfForm .scfCheckBoxListLabel,
.scfForm .field-label,
.scfForm .file-upload-label{width:30%;padding-top:5px;text-align:right;margin-right:15px;float:left;}
.scfForm .file-upload{margin-top:5px;}
.scfForm .scfRadioButtonList label,
.scfForm .scfCheckBoxList label,
.scfForm .scfCheckbox label{width:auto;text-align:left;vertical-align:top;padding-top:0;float:none;display:inline-block;*display:inline;zoom:1;}
.scfForm .scfCheckbox label{width:66%;}
.scfForm .scfConfirmPasswordBorder,
.scfForm .scfPasswordBorder,
.scfForm .scfEmailBorder,
.scfForm .scfTelephoneBorder,
.scfForm .scfNumberBorder{overflow:auto;}
.scfForm .scfRadioButtonListBorder,
.scfForm .scfCheckBoxListBorder,
.scfForm .scfDateSelectorBorder{zoom:1;margin-bottom:10px;}
.scfForm .scfRadioButtonListBorder:before, .scfForm .scfRadioButtonListBorder:after,
.scfForm .scfCheckBoxListBorder:before,
.scfForm .scfCheckBoxListBorder:after,
.scfForm .scfDateSelectorBorder:before,
.scfForm .scfDateSelectorBorder:after{content:"";display:table;}
.scfForm .scfRadioButtonListBorder:after,
.scfForm .scfCheckBoxListBorder:after,
.scfForm .scfDateSelectorBorder:after{clear:both;}
.scfForm .scfCheckboxBorder{zoom:1;padding-left:32%;margin-bottom:15px;}
.scfForm .scfCheckboxBorder:before, .scfForm .scfCheckboxBorder:after{content:"";display:table;}
.scfForm .scfCheckboxBorder:after{clear:both;}
.scfForm .scfSubmitButtonBorder,
.scfForm .scfFooterBorder{padding-left:32%;zoom:1;display:block;}
.scfForm .scfSubmitButtonBorder:before, .scfForm .scfSubmitButtonBorder:after,
.scfForm .scfFooterBorder:before,
.scfForm .scfFooterBorder:after{content:"";display:table;}
.scfForm .scfSubmitButtonBorder:after,
.scfForm .scfFooterBorder:after{clear:both;}
.scfForm .scfCaptchaLimitGeneralPanel{width:auto;}
.scfForm .scfCaptcha input{width:auto;display:block;}
.scfForm .scfCaptchaLabel{width:auto;display:inline;}
.scfForm .scfCaptchTop,
.scfForm .scfMultipleLineTextBorder,
.scfForm .scfSingleLineTextBorder{overflow:auto;}
.scfForm .scfCaptchaGeneralPanel{width:auto;float:none;}
.scfForm .scfCaptchaLimitGeneralPanel{margin-left:32%;}
.scfForm .scfCaptchaLimitGeneralPanel td{padding:0;}
.scfForm .scfCaptchaLimitGeneralPanel td div{*zoom:1;}
.scfForm .scfCaptchaLimitGeneralPanel td div img{width:auto;max-width:inherit;}
.scfForm .scfCaptchStrongTextPanel{width:auto;float:none;}
}
@media only screen and (min-width:1180px){nav.primary ul li a{padding:10px 30px;padding-bottom:14px;}
.left-col{width:80%;}
.right-col{width:20%;}
.masonry-article-list .masonry-article{width:31.4%;margin-right:1%;}
.articles-tab{width:99%;}
.new-articles .tags{padding:7px 14px;left:auto;right:0;top:0;}
.new-articles .published-date{padding:7px 14px;}
.new-articles .middle{padding:0 10%;top:75px;}
.new-articles .middle p.headline{font-size:2.2em;}
.article-top-toolbar .publish-info{width:50%;padding-right:50%;}
.subscribe-and-social{width:70%;}
.subscribe-and-social .subscribe-form{width:52%;margin-bottom:0;}
.profile .profile-header .profile-info{margin-top:-200px;}
.profile .profile-header .profile-info h1 .display-name{top:250px;}
.profile .profile-header .profile-info h1 img{left:50%;margin:0;width:235px;height:235px;margin-left:-122px;}
.profile .profile-articles .profile-article .summary{width:40.5%;}
.profile .profile-articles .profile-article .meta{width:23.5%;}
ul.profile-nav li a{width:200px;}
.copyright-and-legal{width:30%;}
}
@media only screen and (min-width:1280px){.subscribe-and-social .subscribe-form{width:56%;}
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2){.mobile-ui .login-btn, .mobile-ui .search-btn,.mobile-ui .info-btn,
.social-toolbar ul li a,
.masonry-article .news-meta .popularity span, .new-articles .middle .news-meta .popularity span,
.subscribe-form h2{background-image:url("/assets/youthsg/images/bg-sprites-hires.png");background-size:400px 350px;}
nav.primary ul li.login a, nav.primary ul li.search a,nav.primary ul li.info a,
.newsletter-and-social a.news-subscribe{background-image:url("/assets/youthsg/images/bg-sprites-hires.png");background-size:400px 350px;}
nav.primary ul li.login a, nav.primary ul li.search a,nav.primary ul li.info a,
header.main.sticky .newsletter-and-social .social-toolbar ul li a{background-image:url("/assets/youthsg/images/bg-sprites-hires.png");background-size:400px 350px;}
}