body {
  font-family: 'Open Sans', 'sans-serif';
}

/* font styles
-----------------------*/
@font-face {
    font-family: 'SST-Light';
    src: url('../fonts/SST-Light_gdi.eot');
    src: url('../fonts/SST-Light_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SST-Light_gdi.woff') format('woff'),
         url('../fonts/SST-Light_gdi.ttf') format('truetype'),
         url('../fonts/SST-Light_gdi.svg#SST-Light_gdi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SST-Medium';
    src: url('/SST-Medium.eot');
    src: url('/SST-Medium.eot?#iefix') format('embedded-opentype'),
         url('/SST-Medium.woff') format('woff'),
         url('/SST-Medium.ttf') format('truetype'),
         url('/SST-Medium.svg#SST-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SSTPro-Bold';
    src: url('/SSTPro-Bold_gdi.eot');
    src: url('/SSTPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),
         url('/SSTPro-Bold_gdi.woff') format('woff'),
         url('/SSTPro-Bold_gdi.ttf') format('truetype'),
         url('/SSTPro-Bold_gdi.svg#SSTPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SSTPro-Light';
    src: url('../fonts/SSTPro-Light_gdi.eot');
    src: url('../fonts/SSTPro-Light_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SSTPro-Light_gdi.woff') format('woff'),
         url('../fonts/SSTPro-Light_gdi.ttf') format('truetype'),
         url('../fonts/SSTPro-Light_gdi.svg#SSTPro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SSTPro-Roman';
    src: url('/SSTPro-Roman_gdi.eot');
    src: url('/SSTPro-Roman_gdi.eot?#iefix') format('embedded-opentype'),
         url('/SSTPro-Roman_gdi.woff') format('woff'),
         url('/SSTPro-Roman_gdi.ttf') format('truetype'),
         url('/SSTPro-Roman_gdi.svg#SSTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SSTPro-UltraLight';
    src: url('../fonts/SSTPro-UltraLight_gdi.eot');
    src: url('../fonts/SSTPro-UltraLight_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SSTPro-UltraLight_gdi.woff') format('woff'),
         url('../fonts/SSTPro-UltraLight_gdi.ttf') format('truetype'),
         url('../fonts/SSTPro-UltraLight_gdi.svg#SSTPro-UltraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SSTPro-UltraLightItalic';
    src: url('../fonts/SSTPro-UltraLightItalic_gdi.eot');
    src: url('../fonts/SSTPro-UltraLightItalic_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SSTPro-UltraLightItalic_gdi.woff') format('woff'),
         url('../fonts/SSTPro-UltraLightItalic_gdi.ttf') format('truetype'),
         url('../fonts/SSTPro-UltraLightItalic_gdi.svg#SSTPro-UltraLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.alertBox{
  display: none;
}

/* select  fixed*/
select::-ms-expand {
    display: none;
}
/* select  fixed*/

input[type="checkbox"][readonly] {
  pointer-events: none;
}
a{
  color:#4572ed;
  text-decoration: none;
}

a:hover{
  color:#2f353d;
}

#backtotop a:hover{
  color: #fff !important;
}

.item a{
  color:#333333;
  text-decoration: none;
}

.btn-primary{
  background-color: #5887f5;
  border-color:#5887f5;
}

.btn-primary:hover{
  background-color: #4572ed;
  border-color:#4572ed;
}

sup{
  color:#4572ed;
  cursor: pointer;
}

sup:hover{
  color:#2f353d;
}

.workshop h4{
  font-weight: bold;
  font-family: "SST-Medium";
}

.p-support a{
  font-family: "SST-Medium" !important;
  font-size: 14px;
}

.fa-angle-right{
  font-size: .9375em !important;
}

.owl-prev, .owl-next{
  background-color:rgba(33,37,48,0.4) !important;
}

.owl-prev:hover, .owl-next:hover{
  background-color:#2f353d !important;
}
.button-padding{
  /*padding-bottom: 8px !important;*/
}

.first-menu{
  background-color:#fff !important;
  padding-bottom:8px !important;
}

.first-menu a{
  color:#414349 !important;
}

.button-selected{
  background-color:#fff !important;
  padding-bottom:8px;
}
.button-selected a{
  color:#414349 !important;
}

.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
  font-size: 14px;
  background:none !important;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  background:none !important;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 0px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

.singel-menu{
    background-color:#e7ebef;
}

.dropdown-toggle, .dropdown-toggle.btn{
  background-color: #414349;
}
.singel-menu .navbar-nav>li,.singel-menu .navbar-nav>.open>a{
   background-color:#414349;
   color:#ffffff;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus,
 .navbar-inverse .navbar-nav>.active>a:hover{
    background-color:#fff;
 }

.singel-menu .navbar-nav>.open>a:hover
{
   background-color:#504D56!important;
   color:#fff !important;
}

.singel-menu .navbar-nav>.active>a:hover
{
  background-color:#fff!important;
  color:#414349 !important;
}

.singel-menu .navbar-nav>.open>a:focus{
  background-color:#fff!important;
  color:#414349 !important;
}

.singel-menu .nav > li:first-child > a:first-child:hover{
  background-color:#fff!important;
  color:#414349 !important;
}

.singel-menu .navbar-nav>li>a:focus{
  /*padding-bottom: 24px;*/
}

 .singel-menu .navbar-nav>li>a:hover
  {
      background-color:#504D56 !important;
      color:#fff !important;
  }

.singel-menu .nav>li{
    margin: 0 3px;
}

.singel-menu .nav>li>a{
    width:222px;
    text-align: center;
    color:#fff;
    /*background:url(../image/faq.png) center center no-repeat; */
    font-size: 14px;
    background-color: #414349;
}

h4{
  font-size: 18px !important;
  margin-top: 10px !important;
  margin-bottom:10px !important;
}

.singel-menu .mega-dropdown-menu{
  width: 98%;
  padding:0;
  border:none;
  left: 19px;
}

.singel-menu .dropdown-menu{
  top:113%;
}

.singel-menu{
    border:none;
    position: relative;
}

.mega-dropdown-menu .dropdown-header{
  color:#414349;
  text-align: center;
}

.singel-menu .mega-dropdown-menu .mega-sub1{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    top: 5px;
}

.singel-menu .mega-dropdown-menu .mega-sub2{
    border-right: 1px solid #ddd;
    position: relative;
    top: 5px;
}

.sl{
  padding-right: 4px;
}

/* end single menu */

.navbar{
  margin-bottom: 0px;
}

.welcome{
  background-color: #e6e6e6;
}

.login{
  max-width: 84rem;
  width: 840px;
}

.marketing{
  background-color: #fefefe;
  padding:10px;
  margin-bottom: 30px;
}

.join-blog:after{
  margin-bottom: 35px;
}

.join-header{
  text-align: center;
  margin-top:35px;
  margin-bottom:35px;
  font-weight: bold;
  /*font-family: "SST-Medium";*/
  font-size:20px;
}

.reg-title{
  margin-top:25px;
  margin-bottom:30px;
  line-height: 1.3;
}

/* */
.why-join{
  background-color:#e7ebef;
    height: 225px;
    padding: 14px 29px;
    display: inline-block;
    margin-bottom: 10px;
    width:100%;
    text-align: center;
}

.join{
  padding-left: 10px;
  padding-right: 0px;
  /*margin-bottom: 10px;*/
}

.banner{
  height: 283px;
  background-color: #cacdd2;
}

.line{
  background:url(/line.png) bottom right no-repeat;
  padding-right: 32px;
}

.marketing h3{
  font-size:20px !important;
  font-weight: bold !important;
 /* font-family: "SSTPro-Bold";*/
}

.forget-pw{
  padding:0 0;
}

.forget-pw .btn{
  float:right;
  border-radius: 0px;
}

.reg-here{
  float: right;
    position: relative;
    top: 50px;
    border-radius: 0;
}
select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    width: 415px;
}

/* ---------------------------------- */
/* Owl Carousel Styles
------------------------------------- */
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-dots{
    position: relative;
    top:30px;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #2f353c;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: #888888;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    font-size: 7px;
}

.logo-carousel .item img {
  width: 200px;
  height: 200px;
}

.owl-carousel .owl-item .item{
    text-align: center;
}

.logo-carousel {
  padding: 0 65px;
  margin: 0 0 20px 0;
}

.owl-carousel {
  padding: 0 63px;
  margin-top:25px;
}

.owl-nav {
  font-size: 24px;
  color: #a0a0a0;
  top: 0;
  height: 100%;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-51%);
  -moz-transform: translateY(-51%);
  -ms-transform: translateY(-51%);
  transform: translateY(-51%);
  padding: 20px 12px;
  background-color: #d9d9db;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  line-height: 27px;
  border-radius: 4px;
}

.owl-prev .fa,.owl-next .fa{
  color:#fff;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  margin-top: -15px;
}

.logo-carousel .owl-prev,
.logo-carousel .owl-next {
  margin-bottom: 97px;
}

.owl-prev { left: 0; }
.owl-next { right: 0; }

.owl-prev:hover,
.owl-next:hover {
  background-color: #0181db;
  color: #fff;
}
/* ---------------------------------- */
/* Owl Carousel
------------------------------------- */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

/*@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
*/
/* 
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
margin: 0 auto;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  width: auto !important;
}
/* end owl*/

.info-blog{
  /*background-color: #e5e7ea;*/
 /* margin-bottom: 27px;*/
  margin-left: 0px;
}

.info-blog p{
    position: relative;
    background: #e5e7ea;
    background: rgb(243, 244, 246);
    opacity: 0.95;
    /* margin-top: 0px; */
    padding: 13px 0 13px 30px;
    font-size: 16px;
}

.info-blog img{
    width: 100%;
}

.quick-access h4{
  /*margin: 0 -14px 10px;*/
  margin-top: -5px;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: "SSTPro-Bold";
}

.quick-access{
  /* margin-left: 67px;
   width:43%;*/
}

.access-info{
  margin-top: 50px;
}

.facebook-box{
  padding:0 90px;
}

.page-banner{
  background-color: #e7ebef;
 /* height: 148px;*/
}

.logout{
  float: right;
  border-radius: 0px;
  position: relative;
  top:-29px;
}

.page-banner h3{
  position: relative;
  top: 28px;
  font-family: "SST-Medium" !important;
  width:40%;
}

h3{
  font-size:24px !important;
  font-weight: 500 !important;
}

h2{
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

/*.container.product-carousel{
  width: 1294px;
}*/

.product-list{
  margin-top: 30px;
  margin-left: 120px;
}

.registered-product-list{
  margin-top: 95px;
  margin-left: 120px;
}

.product-list span{
  /*margin-left: 65px;*/
}

.workshop{
  background-color:#e7ebef;
  /*padding:50px 0 50px 65px;*/
  padding-bottom: 50px;
  padding-top: 50px;
}

.tool-img{
  float:left;
}

.p-support ul li{
  list-style:none;
  margin-bottom:5px;
}

/*img{
  width:100%;
}*/

/*.logo-carousel .item img {
    width: 100%;
    height: 150px;
}*/

.reg-page{
  height: 90px;
  background-color: #e7ebef;
}

.reg-page h3{
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: "SST-Medium" !important;
  width: 50%;
}

.reg-page .container{
  position: relative;
  top:40px;
}

.img-panel{
    padding:0;
}
.img-panel img{
  width:100%;
}

.back{
  float:right;
  border-radius: 0;
}

hr{
  border-top:2px solid #eee;
  margin-top:40px;
  margin-bottom:40px;
}

.btn-details .btn{
  margin-top: 20px;
  /*width: 50%;*/
  width: 48%;
  border-radius: 0px;
  margin-left: 15px;
}

.step-1-of-3{
  background-color: #e7ebef;
}

.step-1-of-3 h3{
  font-family: "SSTPro-Roman";
}

.step-1-of-3 .container{
  margin-top: 20px;
  margin-bottom:35px;
}

.edit-custom-select,.new-product-custom-select{
  width:32.6% !important;
}

select{

}

.custom_select_box,.select-box{
  background: url(/select_box_bg.png) #fff no-repeat center right;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.custom-select{
    background: url(/select_box_bg.png) #fff no-repeat center right;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 25%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
   /* background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* violation  fixed*/
.icon{
  /*color:#ff0000;*/
  color:#af0805;
  padding-right: 3px;
}
/* violation  fixed*/

/* violation  fixed*/
.icon-register{
  color:#af0805;
}
/* violation  fixed*/

.custom-nric{
    height: 34px !important;
    padding: 6px 11px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555;
   /* background-color: #FFFFFF!important;*/
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.custom-nric-no{
    height: 34px !important;
    padding: 6px 11px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
   /* background-color: #FFFFFF!important;*/
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    /*width: auto !important;*/
    display: initial !important;
}

textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], 
input[type="time"], input[type="week"], 
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"]{
  /*background-color: inherit !important;*/
}

.form-control{
  border-radius: 0px;
}

.custom-nric-no{
  width:60%;
}

.custom-nric{
  width: 40%;
}

.edit-nric{
  width:49%;
  float: left;
  margin-right: 4px;
}

select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
  /*margin-bottom: 25px !important;*/
}
.controls{
  margin-bottom: 25px !important;
}

.where-buy-controls{
  margin-bottom: 15px !important;
}

input#sony_name {
    display: none;
}

.help-inline{
  color:#f00 !important;
  margin-left: 15px !important;
  font-size:13px !important;
  display: block !important;
}

.Correct-PostalCode{
  color:#090707 !important;
  margin-left: 15px !important;
  font-size:13px !important;
  display: block !important;
}


.question-inline{
  color:#5780eb;
  float:right;
}

.step-1-of-3 label{
    /*margin-right: -20px;*/
}

.step-1-of-3 .top, .step-1-of-3 .bottom{
    position: relative;
    top:26px;
}

.register .btn{
    border-radius: 0;
    width: 105px;
    position: relative;
    left: 160px;
    /*top: -10px;*/
}

.change-pwd .btn{
  border-radius: 0;
  width: 105px;
}

.change-pwd .step2-next-back-btn{
   left:57px;
}

.step2-next-back-btn span{
  margin-right: 15px;
  position: relative;
  top: 1px;
}

/* disable nav collapse */
.navbar-collapse.collapse {
  display: block!important;
  margin-left: -15px;
}

.navbar-collapse{
  padding-right: 0px;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
  margin-top: -8px;
  position: sticky;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

.qanda{
  margin-left: 0px;
  margin-bottom:20px;
  margin-right: 0px;
}

.qanda span{
  float:left;
}

.qanda p{
   margin-left: 37px;
   margin-bottom: 15px;
}

#backtotop {
    position: relative;
    right: 0;
    display: none;
    bottom: 20px;
    margin: 40px 20px 40px 0;
    z-index: 9999;
    float:right;
}
#backtotop a {
    text-decoration: none;
    border: 0 none;
    border-radius: 4px;
    display: block;
    width: 48px;
    height: 34px;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#backtotop a:after {
    content: "?";
    font-family: "FontAwesome";
    position: relative;
    display: block;
    top: 5px;
    left: 17px;
}

/* disable nav collapse */

#my-content,#my-content-login{
  width: 50%;
  float: left;
  border-radius: 0px;
  height:45px;
  border:0px;
  margin-bottom:30px;
}

#my-content a,#my-content-login a{
  color:#333;
  font-size: 20px;
  text-decoration:none;
}

.btn-login,.btn-register{
  background-color:#e2e6ea !important;
}

.btn-login.active,.btn-login.focus, 
.btn-login:active,.btn-login:focus,.btn-login:hover,
.btn-register.active,.btn-register.focus, 
.btn-register:active,.btn-register:focus,.btn-register:hover
{
  background-color: #fff;
}

.selected{
  background-color: #fff !important;
}

a{
  text-decoration: none;
}

.question-inline a{
  font-size: 13px;
  margin-right: 2px;
}

.step-1-of-3 label{
  font-weight: 100;
  font-size:14.69px;
  top: 5px;
  text-align: right;
  font-family: "SSTPro-Roman";
}

.menu-selected{
  background:url(/line1.png) bottom right no-repeat;
}

.mega-dropdown-menu > li > ul > li > a:hover{
  color:#5780eb;
  background: #fff;
  background-image: none;
}

.product-list p{
  font-size:17px;
}

.blog{
  margin-top: 50px;
  margin-bottom: 50px;
  background: #e7ebef;
  margin-left: 0px;
  margin-right: 0px;
}

.blog img{
  /*width:100%;*/
  max-width:100%;
}

.blog-img{
  margin-left: -15px;
}

.form-check-label{
  margin-left: -12px;
  margin-bottom: 10px;
}

.form-check-input{
  float: left;
}

.blog-text{
  margin-top: 10px;
}

.blog-text label{
  font-weight: 100;
}

.blog-text span{
  display: block;
  margin-left: 25px;
  font-family: "SSTPro-Roman";
  line-height: 1.8;
  margin-top: -3px;
  font-size: 14px;
}

.blog-text input[type="checkbox"]{
  margin: 6px 0 0;
}

.enewsletter-btn{
  border-radius: 0px !important;
  float: right;
  margin-bottom: 35px !important;
  margin-top: -12px;
}

.menu-drop-selected{
  /*margin-top: 80px;*/
}

.image-caption{
  font-size: 8px;
  margin:25px 0;
}

.end{
  text-align: center;
  margin:25px 0;
}

.right-side{
  text-align: left;
  font-family: "SSTPro-Roman";
  font-size: 14px;
  padding-bottom: 10px;
}

.left-side{
  text-align: right;
  padding-right: 25px;
  font-family: "SSTPro-Bold";
  font-size: 14px;
  padding-bottom: 10px;
}

td{
  font-weight: 100;
  padding-bottom: 10px;
}

table{
  margin-top: 20px;
  table-layout: auto;
}

.table-responsive{
  border:none;
}

.last{
  margin-bottom: 25px;
}

.p-support ul{
 /* margin-left: -40px;*/
  margin: 0px;
}

a:hover {
    color: #2f353d !important;
}

.navtray-section-main .nav-font-medium, .navtray-section-main .navtray-list-main>li>a.tl{
  /*font-size: 15px !important;*/
  margin-bottom:0px !important;
  margin-top:0px !important;
  font-family: "SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.navtray-section .navtray-mobile-heading h4{
  font-size: 15px !important;
}

.close{
  opacity: 1;
}

.popover-close{
  position: relative;
  top: -11px;
  left: 15px;
  background-color: #777 !important;
  color:#fff !important;
  padding:7px 8px !important;
  font-size: 10px;
  opacity: 1;
  float: right;
  border:none;
}

.popover-content{
  padding: 9px 26px;
  padding-top: 0px;
  padding-bottom: 20px;
  font-size: 12px;
}

.popover{
  border-radius: 0px;
  width: 100%;
}

.welcome{
  background:url(/login-banner.png) center center no-repeat;
  background-size: cover;
  /*background-size: 100% 100%;*/
  height: 678px;
}

.login h2{
  font-family: "SST-Medium";
  font-size: 40px;
  color:#fff;
}

.join h4,.join p{
  font-weight: bold;
  font-family: "SSTPro-Roman";
}

p,a,.btn,input,h3,.blog-text h4{
  font-family: "SSTPro-Roman" !important;
}

p{
   color:#333 !important;
   font-size: 14px !important;
}

.blog-text h4{
  font-weight: bold;
}

.login{
  position: relative;
  top: 245px;
}

.owl-prev{
  display: none;
}

.prev-display{
  display: block;
}

.disabled{
  display: none;
}

#related-link span{
  position: relative;
  bottom:3px;
}

.tool{
  position: relative;
  left:30px;
}

.button-selected ul{
  display: block;
}

#fieldModePopover {
    display: inline-block;    
}

.popover-title{
  padding:10px 14px !important;
  background-color: #fff;
  border:none;
  display: block !important;
}

.btn{
  padding:10px 24px !important;
  font-size:14px !important;
}

.btn-login:focus,.btn-register:focus{
    border: none;
    outline: none;
}

.btn-login.active, .btn-login:active,.btn-register.active,.btn-register:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.menu-drop{
 /* margin-top: 80px;*/
}

.title{
  font-family: "SSTPro-Bold" !important;
}

.register{
  padding-left: 0px;
}

.title{
  margin-top: 80px;
  margin-bottom: 35px;
}

.reg-header{
  line-height: 1.3;
  margin-top:25px;
}

a[href*="tel:"] {
       pointer-events: none;
       cursor:default;
       text-decoration: none;
   }
  .phone{
    color:#333;
  }

.mobile{display: none;}

.tool img{
  /*margin-left: -12px;*/
}

.welcome-sony{
  margin-top:30px;
}

.page-banner .register-step2{
  padding-bottom: 42px;
}

.step2{
  margin-bottom: 30px;
}

#chk1,#chk2{
  margin-right: 15px;
  margin-top: -4px;
}

#number{
  width: 58%;
}

.step2-next-back-btn{
  float: right;
  margin-top: 20px;
}

.edit-profile-form label{
  text-align:right;
  font-weight: 100;
  font-size: 15px;
  top: 5px;
  text-align: right;
  font-family: "SSTPro-Roman";
}

.captcha{
  margin-top: 30px;
}

.step2 .btn{
  border-radius: 0px;
  padding: 7px 24px;
  font-size: 12px;
}

.step2 .custom-nric-no{
  width:50% !important;
}

.membership-captcha{
  margin:35px 415px;
}

.yes-no{
  text-align: center;
  margin-bottom: 60px;
  padding-right: 15px;
  padding-left: 15px;
}

.yes-no .btn{
  border-radius: 0px;
  margin-left: 5px;
  padding:10px 40px;
}

.register-another-new-product{
  margin-top: 35px;
}

.register-another-new-product label{
  text-align: right;
  font-weight: 100;
  font-size: 15px;
  text-align: right;
  font-family: "SSTPro-Roman";
}

.register-another-new-product .top{
  position: relative;
  top: 26px;
}

.register-another-new-product .bottom{
  position: relative;
  top: 5px;
}

.edit-profile-form{
  left: 130px;
  margin-top: 35px;
}

.edit-title{
  margin-bottom: 35px;
  font-family: "SSTPro-Bold" !important;
  font-size: 24px;
}

.step-1-of-3 sup{
    padding-left: 3px;
    padding-right: 5px;
    font-size:65%;
  }

.step2-edit-page{
    margin-bottom: 20px;
  }

.dropdown-toggle .fa,.dropdown-toggle .sl{
    padding-right: 2px;
    margin:0;
    position: inherit;
  }

  .dropdown-toggle{
    border:none !important;
    background-color: initial !important;
  }

  .navbar{
    height:0px !important;
  }

  .page-banner{
    background-color: #e7ebef;
   /* height: 148px;*/
  }

  .navbar-nav>li>.dropdown-menu{
    opacity: 1;
  }

  .dropdown-menu{
    box-shadow:none !important;
  }

  /* changes */
  .mega-menu-wrapper .close,.accessible-megamenu .nav-li-entertainment .accessible-megamenu-panel.open, 
  .accessible-megamenu .accessible-megamenu .nav-li-support .accessible-megamenu-panel.open{
    background-color: #fff !important;
  }
  
  .mega-menu-wrapper .close:focus,.close:hover{
    opacity: 1 !important;
  }

  .accessible-megamenu .accessible-megamenu-panel.open{
    top:134% !important;
  }

  .nav-primary .nav-li-link:hover, .nav-primary .nav-li-link:active, 
  .nav-primary .nav-li-link:focus, .nav-primary .nav-li-link.active, 
  .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):hover,
   .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):active, 
   .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn):focus, 
  .nav-li-link.nav-dropdown-toggle:not(.nav-dropdown-toggle-btn).active{
    color:#fff !important;
  }

  .navtray .mega-nav-first-level-link{
    font-family: "SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 14px !important;
  }

  .navtray .mega-nav-first-level-link{
    font-size: .8125em;
  }
 
  .navtray-list-main>li>a.tl{
    font-size: 13px !important;
  }

  /* violation  fixed*/
  .btn-small{
    background-color:#2B67F3 !important;
  }
  /* violation  fixed*/

  /* violation  fixed*/
  /*.btn{
    background:#2B67F3 !important;   
  }*/
  /* violation  fixed*/

  .btn:hover,.nav-li-search a:hover,.nav-li-universal a:hover{
    color: #fff !important;
  }

  .accessible-megamenu .accessible-megamenu-panel.open:hover,.mega-nav-menu-wrapper a:hover{
    opacity: 1 !important;
    overflow: visible;
  }

  .footer-form-border .footer-btn{
    padding: 4px 0 !important;
    font-size: .6875em !important;
  }

  .btn-hover-group .btn.dropdown-hover-toggle{
    font-size: .75em !important;
  }

  .footer-wrapper .footer-contact.span9>p{
    font-size: .8125em !important;
  }

  .footer-legal-links {
    font-size: .625em !important;
}

.btn-primary:active:hover, .btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.btn-primary:active.focus, 
.btn-primary.active.focus, 
.open > .dropdown-toggle.btn-primary.focus{
  background-color: #4572ed !important;
}

.navtray .mega-nav-first-level-link,.navtray .mega-nav-buttons-item .bottom-link{
  /*font-size: .8125em !important;*/
  font-size: 13px !important;
}

.navbar-mobile .btn-mobile-nav{
    padding:15px 0 0 0 !important;
}


 /* changes */

.postal-code-search{
  padding: 6px 24px !important;
}

#navtrayentertainment{
  max-width: 57em !important;
}

.error-alert,.error-alert-for-day,.error-alert-for-month,
.error-alert-for-year,.error-alert-where-buy,
.error-alert-nric,.error-alert-nric-no,.error-alert-for-gender,
.error-alert-for-mobile,.error-alert-number,
.error-alert-for-chk1,.error-alert-for-chk2,.error-alert-email-format,
.error-alert-number-format,.error-alert-re-email-format,
.error-alert-postal-format,.error-alert-number1-format,
.error-alert-number2-format,.error-alert-number3-format,
.error-country-alert{
  display: none;
  position: relative;
  top:-6px;
}

.icon3{
  position: relative;
  top:-2px;
}

.register2{
  margin-top: 50px;
}

.announcement{
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: -97px;
}

.announcement_image{
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: -133px;
}

.announcement_see_more{
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.col-6{
  flex: 0 0 50%;
  max-width: 50%;
}

.image_block_1{
  padding-right: 5px;
  padding-left: 0px;
}

.image_block_2{
  padding-right: 0px;
  padding-left: 5px;
}

.announcement_see_more .btn{
  position: relative;
  left:45%;
}

.paragraph{
  position: relative;
    top: -107px;
    background: #e5e7ea;
    background: rgb(227, 227, 227);
    opacity: 0.95;
    padding: 13px 0 13px 30px
}

.announcement_image .paragraph{
  top: -143px;
  height: 143px;
}

.paragraph p{
  font-size: 25px !important;
}

.paragraph a{
  font-size: 20px;
}

.no_background{
  background: inherit;
}

.no_background p,.no_background a{
  color: #fff !important;
}

.short_title{
  /*margin-bottom: 47px;*/
}

@media (max-width: 150em) and (min-width: 61.25em){
      .navtray-li-small{
        width: 25% !important;
    }
}

.navtray-section-main .navtray-list-main .navtray-li{
    width: 25%;
  }


@media (min-width: 48em){
    .navtray .mega-nav-second-level-link{
      font-size: 11px !important;
      top: -7px;
      position: relative;
    }
    .navtray .mega-nav-view-all-link{
      font-size: 11px !important;
    }
}

@media (min-width: 992px){
    .col-md-offset-2 {
      margin-left: 5.666667%;
  }
}

@media (max-width: 47.9375em){
  .nav-my-sony h4.navmenu-welcome{
    font-size: 11px !important;
  }
}

@media(max-width: 47.9375em){
  .navmenu-w-account .reveal-transition-container .btn-logout, 
  .navmenu-w-account .reveal-transition-container .btn-login{
    font-size: .8em !important;
    padding: 14px 12px 15px !important;
    height: auto !important;
  }
  .navtray-section-main .navtray-list-main .navtray-li{
    width: 100% !important;
  }
} 


@media(max-width: 29.9375em){
  
}

@media(max-width: 1279px){
  .nav-li-universal{
    display: none !important;
  }
}


@media(max-width: 1262px){
   .change-pwd .step2-next-back-btn{
    /*left:0px;*/
  }
}

@media (max-width: 1199px){
  .reg-new-product{
    left:132px !important;
   }

  .change-pwd .step2-next-back-btn{
    left:26px;
  }

  .postal-code{
    width: 46%;
  }

  .edit-btn .btn{
    left:123px;
    /*float: right;*/
    right:216px;
  }

  .membership-captcha {
    margin: 35px 317px;
  }
  iframe{
    height: 536px !important;
    /*width: 415px;*/
  }
  .facebook-box{
    padding:0 50px;
  }
  .why-join{
    height: 225px;
  }
  .step2 .custom-nric-no{
    width: 50%;
  }
  .custom-nric{
    width: 48%;
  }

}


@media (max-width: 1239px){
  .why-join {
    /*height: auto;*/
   /* padding: 8px 5px;*/
  }
}



@media (max-width: 1199px){
  .short_title{
    /*margin-bottom: 12px;*/
  }
  .singel-menu .nav>li>a{
    width: 182px;
  }
  .singel-menu .mega-dropdown-menu{
   /* width:88.5%;*/
  }
  .step-1-of-3 label{
    /*margin-right: 0px;*/
  }
  .custom-select{
    width:30%;
  }

  .edit-custom-select{
      width:32% !important;
  }

  .new-product-custom-select{
    width:32.5% !important;
  }

  .custom-nric-no {
    width: 50% !important;
}
#number{
  width: 50%;
}

}

@media (max-width: 991px){

  .dropdown-menu .col-sm-6{
      width:48.6%;
  }

  .announcement_image .paragraph{
    height: auto;
  }
  .paragraph{
    top:-69px !important;
    padding: 5px 0 5px 15px;
  }

  .announcement_image,.announcement{
    margin-bottom:-60px;
  }

  .paragraph p{
    width:95%; 
    overflow:hidden; 
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 14px !important;
  }

  .paragraph a{
    font-size: 15px;
  }

  .register .fill-fields,.edit-btn{
    padding-left: 30px;
  }
  .register .for-register{
    padding-left: 15px;
  }
  .singel-menu .mega-dropdown-menu{
    /*width:95.4%;*/
  }
  .reg-new-product{
    left: 0px !important;
    float: right;
  }

  .change-pwd .step2-next-back-btn{
    left:-5px;
  }

  .postal-code{
    float: left;
    width:85%;
  }

  .login{
    width:750px;
  }

  .change-pwd .step2-next-back-btn{
    float:right;
  }

  .edit-profile-form label{
    top:0px;
    text-align: left;
  }

  .edit-profile-form{
    left:0px;
  }

  .yes-no .btn{
    width: 46%;
  }
  
  .membership-captcha{
    margin:35px 200px;
  }

  .step2 .custom-nric-no{
    width: 76% !important;
  }

  .step2-next-back-btn{
    float:none;
  }

  .register2{
    margin-top: 0px;
   }

  .new-product{
    padding-left: 30px;
  }

    .why-join{
    height: 225px;
  }

  .logout{
    left:-19px;
  }

  .mobile{display: block;}
  .desktop{display: none;}

  .registered-product-list,.product-list{
    margin-left: -15px;
  }
  .register .btn{
    width: 29%;
    left: 152px;
  }

  .edit-btn .btn{
    left:0px !important;
    float: right;
  }

  .next-back-btn{
    padding-top: 25px;
  }

  .navbar-nav{
    margin-top: -10px;
  }
  .dropdown-menu .col-sm-3{
    width: auto;
  }
  .btn-details .row{
      margin-left: 0px;
      margin-right: 0px;
  }
  .step-1-of-3 .top, .step-1-of-3 .bottom{
    top:20px;
  }
  
  .step-1-of-3 label{
    top:0px;
    text-align: left;
  }

  .btn-details .btn{
      margin-left: 0px;
  }

  .forget-pw .btn{
    float:none;
  }
  .quick-access{
    margin-left:0px;
  }
  .workshop .container{
    width:100%;
  }
  .workshop img{
    width:auto;
  }
  .singel-menu .nav>li>a{
    width: 135px;
    padding: 16px 0px;
  }

  .singel-menu .mega-dropdown-menu{
    /*width:85.6%;*/
  }

  .custom-select {
    width: 32%;
  }

  .edit-custom-select {
    width: 32.6% !important;
  }

  .new-product-custom-select{
    width:32.9% !important;
  }

  .custom-nric{
    width:155px;
  }
  .custom-nric-no {
      width: 62% !important;
  }

  #number{
    width: 62%;
  }

  .question-inline{
     top:-5px;
     position: relative;
  }

  iframe{
    height: 445px !important;
    /*width: 330px; */
  }
  .facebook-box{
    padding:0 30px;
  }

  .blog img{
    height: auto;
    max-width: 100%;
  }

  .blog-img{
    padding: 0px;
    margin-left: 0px;
  }

}


@media (max-width: 820px){
    .facebook-box{
      padding-left: 15px;
      padding-right: 15px;
    }
    iframe{
    /*width:350px;*/
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #my-content,#my-content-login{ display: block; margin-bottom:40px;position: relative;
z-index: 1;}  /* show it on small screens */
  #not-member{display:none;}
  .welcome{background-image:none;height: auto;}
}

@media screen and (min-width: 768px) and (max-width: 1920px) {
  #my-content,#my-content-login { display: none; }   /* hide it elsewhere */
}

@media (max-width: 768px) {
  .singel-menu .mega-dropdown-menu{
   /* width:95%;*/
  }
   a[href*="tel:"] {
       pointer-events: visible;
       cursor:pointer;
       text-decoration: none;
   }
   .phone{
    color: #4572ed;
   }

}

@media (max-width: 767px){
  .logout{
    left: 0px;
  }
  .singel-menu .mega-dropdown-menu{
    width: 100% !important;
    /*left: 27px !important;*/
  }

  .dropdown-menu .col-sm-6, .dropdown-menu .col-sm-3{
    /*margin-left: 8px;*/
  }

  .singel-menu .nav>li{
      /*padding-right: 1.7px;*/
     /* padding-left: 1.7px;*/
  }

  .dropdown-menu .col-sm-6,.dropdown-menu .col-sm-3 {
    width: 97%;
  }

  .sub_menu_drop{
    margin-top: 120px !important;
  }
 .announcement_see_more .btn{
    left:0;
 }

  .logout {
    /*left: -22px;*/
    font-size: 12px !important;
    padding:8px 20px !important;
    top:-16px;
  }

  .yes-no .btn{
    margin-left: 0px;
  }

  .register2{
    padding: 0;
  }

  .register2 .btn{
    width: 48%;
    float: none !important;
    margin-right: 6px !important;
    left: 17px !important;
  }
  .edit-custom-select,.new-product-custom-select {
    width: 32% !important;
  }
  .reg-new-product{
    width:100% !important;
  }
  .postal-code{
    width: 85%;
  }
  .postal-code-search{
    padding: 10px 24px !important;
  }

  .login{
    width:100%;
  }
  .navbar-collapse{
    overflow-x:visible !important;
  }
  .collapse{
    height: auto !important;
    overflow: visible !important; 
  }

  .change-pwd .step2-next-back-btn{
    float:none;
    padding-left: 20px;
    padding-right: 10px;
  }

  .step2-next-back-btn span{
      top:-25px;
  }

  .blog-1,.blog-2,.tool,#related-link{
    margin-bottom: 20px;
  }

  .edit-my-profile{
    width: 100% !important;
  }

  #number{
    width: 76%;
  }
  .page-banner .register-step2{
    padding-bottom: 0px;
  }
   .enewsletter-btn{
    width: 100%;
    height: 54px;
  }

   .move-down{
    margin-top: 223px !important;
   }

  .reg-page .container{
    padding-left: 0px;
  }
  .singel-menu .nav>li>a{
    width: 138px;
  }

  .popover{
    max-height: 50% !important;
    position: fixed !important;
    top: initial !important;
    left: initial !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: initial;
    background-color: #fff;
  }

  .popover.left{
    margin-left: -33px !important;
  }

  .popover.bottom{
    margin-left: -33px !important;
  }

  .popover.right{
    margin-left: -30px !important;
  }
  .step-1-of-3 .popover.right{
    margin-left: -32px !important;
  }
  .step-1-of-3 sup{
    padding-left: 0px;
  }

  .popover.left>.arrow,.popover.right>.arrow{
    display: none !important;
  }

  .popover.bottom>.arrow{
    display: none !important;
  }

  .mega-dropdown ul{
      /*display: none;*/
  }

  nav.navbar.open {
  margin-bottom: 120px;
}

  .table-responsive{
    width:90%;
  }

  .register .fill-fields,.register .next-back-btn{
      padding-right:0px;
  }

  .d-m-y{
    padding-right:0px;
  }
  .menu-drop-selected,.menu-drop{
    margin-top: 55px;
  }
  .menu-selected{
    background-size: 200px 4px;
  }

  #at4-share{
    display: none;
  }

  .step-1-of-3 .container{
    margin-left:-15px;
    padding-right: 0px;
  }

 .register-form{
    margin-left:-28px;
    padding-right: 0px;
 }

  .tool{
    left:0px;
  }

  .login{
    top:0px;
  }
  .question-inline a{
    font-size: 11px;
  }

  .marketing h3{
    font-size: 25px;
  }

  .btn-login,.btn-register{
      height: 68px !important;
  }

  #my-content a,#my-content-login a{
      font-size: 17px;
      text-align: center;
      position: relative;
      top:10px;
  }

  .login-banner{
    margin-left: -15px;
    margin-right: -15px;
  }

  .login-banner img{
    display: block !important;
    width: 100%;
  }

  .join-header{
    font-size: 25px;
    margin-top:40px;
  }

  .join{
    padding-left: 10px;
    padding-right: 10px;
  }

  .why-join {
      width: 100%;
      padding: 20px 27px;
      margin-bottom: 20px;
  }

  .line{
    background: none;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 40px;
  }

  .reg-here{
    float:none;
    top:0px;
  }
  
  .not-member{
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
  }

  .quick-access{
    padding: 0 30px;
    width:100%;
  }

 .step-1-of-3 .bottom{
  top:0px;
 }

 .custom-nric-no{
  width:30% !important;
 }

 .nric-question{
   top:-23px;
 }

 .navbar-nav{
    margin:0;
    margin-top: -1px;
 }

 .navbar-inverse .navbar-collapse{
      border:none;
 }
 
 .nav-bar-nav .open .dropdown-menu{
  position:none;
}

.singel-menu .mega-dropdown-menu .mega-sub1{
  border-left: 1px solid #ddd;
}
.singel-menu .mega-dropdown-menu .mega-sub2{
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.marketing{
  padding:0px;
  padding: 0px;
  border-bottom: 1px solid #a0a1a4;
  margin-bottom: 0px;
  margin-top: -78px;
}

.line .form-control{
    height: 50px;
    border-radius: 0px;
    margin-top: 25px;
    margin-bottom:25px;
}

.forget-pw .btn ,.reg-here{
    float: right;
    margin-bottom: 55px !important;
    width: 100%;
    height: 54px;
    margin-top: 25px;
}

.b-main-page{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 40px;
}
.back{
  width: 100%;
  padding: 15px;
}

.reg-here{
  padding-top: 15px !important;
}

.login h2{
  position: relative;
  top: -170px;
  text-align: center;
  font-size: 40px;
  font-family: "SST-Medium";
  color: #fff;
}
.navbar-nav .open .dropdown-menu{
  background-color: #fff;
}
.menu-selected {
    background-position: center 35px;
  }

  .tool-img{
    float: none;
  }
  .p-support{
    position: relative;
    /*top:-27px;*/
  }
  .p-support ul{
    /*margin-left: -39px;*/
  }
  .workshop{
    padding:30px 48px;
  }
  #related-link{
    position: relative;
    right: 40px;
  }
  .workshop img{
    /*margin-left: 10px;*/
  }
  .facebook-box{
    padding-bottom: 35px;
    display: none;
  }

  .register .btn{
    width: 48%;
    float: none;
    margin-right: 10px;
    left: 0px;
    padding:15px;
    margin-top: 20px;
    margin-bottom: 37px;
  }

  .form-control,.custom-nric-no{
    padding:6px 12px !important;
  }

  .custom-nric{
    height: 42px !important;
  }

  select{
    height: 45px!important;
  }
  
  .btn-details .btn{
    width: 100%;
    padding:20px;
  }

  .logout{
    /*display: none !important;*/
  }

  .singel-menu{
    position: relative;
    top: 11px;
  }

  .page-banner{
    height: 148px;
  }

  .page-banner h3{
    width:100%;
  }

  .navbar-collapse.collapse{
    margin-right: 0px;
  }

  h3{
    font-size: 22px !important;
  }

  iframe{
    margin-left: 15px;
  }
  .qanda p{
    margin-left: 25px;
  }

  #product-support{
      margin-top: 25px;
  }

 /* #related-link{
    margin-top: 35px;
  }*/
  .reg-page h3,.page-banner h3{
    /*font-size: 1.25em;
    line-height: 1.36364;*/
  }

  h3{
    /*font-size: 1em;
    line-height: 1.17857;*/
  }
  p{
    /*font-size: 1em;
    line-height: 1.53846;*/
  }

}

@media (max-width: 766px){
    .singel-menu .nav>li>a{
      width: 140px;
    }
}

@media (max-width: 763px){

  .custom-nric-no{
    width: 100% !important;
  }
  .nric-label{
    top:-20px !important;
    margin-top: 45px;
  }
  .custom-nric, .custom-nric-no,.step2 .custom-nric-no{
      width: 100% !important;
  }

  .custom-nric{
    position: relative;
    top: -20px;
  }

  .custom-nric-no{
    margin-top: -8px;
  }

  #number{
    width:100%;
  }

  .singel-menu .nav>li>a {
      width: 136px;
  }
     
}

@media (max-width: 759px){
  .singel-menu .nav>li>a {
      width: 136px;
  }
}

@media (max-width: 758px){
  /*.singel-menu .nav>li{
    width: 19%;
  }*/

  .singel-menu .nav>li {
    /*padding-right: 1.7px;
    padding-left: 1.7px;*/
}

  .singel-menu .nav>li>a span{
     display:none;
  }
  .owl-theme .owl-nav{
    display: none;
  }
  .owl-carousel{
    padding: 0 10px;
  }
}

@media(max-width: 756px){
  .singel-menu .nav>li>a{
    width: 139px;
  }
}

@media(max-width: 754px){
  .postal-code{
    width: 84.8%;
  }
  .singel-menu .nav>li>a{
    width: 138px;
  }
}

@media(max-width: 751px){
  .singel-menu .nav>li>a{
    width: 137px;
  }
}


@media(max-width: 748px){
  .singel-menu .nav>li>a{
    /*width: 137px;*/
  }
}

@media(max-width: 745px){
  .postal-code{
    width: 84.4%;
  }
}

@media(max-width: 746px){
  .singel-menu .nav>li>a{
    width: 136px;
  }
}

@media(max-width: 741px){
  .singel-menu .nav>li>a{
    width: 136px;
  }
}

@media(max-width: 739px){
  .singel-menu .nav>li>a{
    width: 135px;
  }
}

@media(max-width: 736px){
  .singel-menu .nav>li>a{
    width: 134px;
  }
}

@media(max-width: 731px){
  .singel-menu .nav>li>a{
    width: 134px;
  }
}

@media(max-width: 729px){
  .singel-menu .nav>li>a{
    width: 133px;
  }
}

@media(max-width: 727px){
  .postal-code{
    width: 84%;
  }
}

@media(max-width: 724px){
  .singel-menu .nav>li>a{
    width: 132px;
  }
}

@media(max-width: 721px){
  .sl {
    /*padding-right: 15px;*/
   }

   .singel-menu .nav>li>a{
    /*width: 128px;*/
  }

}

@media(max-width: 418px){
  .register2 .btn{
    margin-right: 0px !important;
  }
}

@media(max-width: 719px){
  .singel-menu .nav>li>a{
    width: 131px;
  }
}

@media(max-width: 716px){
  .singel-menu .nav>li>a{
    width: 130px;
  }
  .membership-captcha {
    margin: 35px 0px;
}
}

@media(max-width: 710px){
  .postal-code{
    width: 83.8%;
  }
}

@media(max-width: 711px){
  .singel-menu .nav>li>a{
    /*width: 126px;*/
  }
}

@media(max-width: 709px){
  .singel-menu .nav>li>a{
    width: 129px;
  }
}

@media(max-width: 706px){
  .singel-menu .nav>li>a{
    width: 128px;
  }
}

@media(max-width: 702px){
  .postal-code{
    width: 83.4%;
  }
}
@media(max-width: 701px){
  .singel-menu .nav>li>a{
    width: 127px;
  }
}

@media(max-width: 694px){
  .singel-menu .nav>li>a{
    width: 126px;
  }
}

@media(max-width: 691px){
  .singel-menu .nav>li>a{
    width: 125px;
  }
}

@media(max-width: 687px){
  .register .btn{
    width:47%;
  }
}

@media(max-width: 686px){
  .singel-menu .nav>li>a{
   /* width: 121px;*/
  }
  .postal-code {
    width: 83%;
 }
}

@media(max-width: 684px){
  .singel-menu .nav>li>a{
    width: 124px;
  }
  .img-panel img{
      /*height: 110px;*/
    }
}

@media(max-width: 679px){
  .singel-menu .nav>li>a{
    width: 123px;
  }
}

@media(max-width: 676px){
  .singel-menu .nav>li>a{
    width: 119px;
  }
}

@media(max-width: 673px){
  .singel-menu .nav>li>a{
    width: 122px;
  }
}

@media (max-width: 671px){
  .singel-menu .nav>li>a {
    width: 121px;
  }
  .postal-code {
    width: 82.8%;
}
}

@media (max-width: 666px){
  .singel-menu .nav>li>a {
    /*width: 117px;*/
  }
}

@media (max-width: 664px){
  .postal-code {
    width: 82.4%;
 }
 .singel-menu .nav>li>a {
    width: 117px;
  }
}

@media (max-width: 661px){
  .singel-menu .nav>li>a {
    /*width: 116px;*/
  }
}

@media (max-width: 656px){
  .singel-menu .nav>li>a {
    width: 119px;
  }
}

@media (max-width: 654px){
  .singel-menu .nav>li>a {
    width: 118px;
  }
}

@media (max-width: 650px){
  .postal-code {
    width: 82%;
 }
}

@media (max-width: 651px){
  .singel-menu .nav>li>a {
    width: 117px;
  }
}

@media (max-width: 646px){
  .singel-menu .nav>li>a {
    /*width: 117px;*/
  }
}


/*@media (max-width: 645px){
  .singel-menu .nav>li {
    width: 18.9%;
  }

}*/

@media (max-width: 639px){
  
  .singel-menu .nav>li>a {
    width: 115px;
  }
  .blog img{
    /*width: 102.3%;*/
  }
}

@media (max-width: 636px){
  .register .btn{
    margin-right: 9px;
  }
  .postal-code {
    width: 81%;
 }
}

@media(max-width: 630px){
  .logout{
    /*left:-19px;*/
  }
}


@media (max-width: 624px){
  .singel-menu .nav>li>a {
    width: 109px;
  }
  .login h2{
    top: -135px;
  }
}

@media (max-width:  623px){
  .owl-carousel .owl-item img{
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 620px){
  .register .btn{
    left: 0px;
  }
  .singel-menu .nav>li>a {
    width: 112px;
  }
  
}

@media (max-width:  609px){
  .singel-menu .nav>li>a {
    /*width: 106px;*/
  }
}

@media (max-width:  605px){
  .postal-code {
    width: 80%;
  }
}

@media (max-width:  606px){
  .register .btn{
    margin-right: 9px;
  }
  .blog img{
   /* width: 102.5%;*/
  }

}

/*@media (max-width:  591px){
  .singel-menu .nav>li {
    width: 18.8%;
  }
}*/

@media (max-width:  588px){
  .singel-menu .nav>li>a {
    /*width: 102px;*/
  }
}

@media (max-width: 586px){
  .register .btn{
    margin-right: 8px;
  }
}

@media (max-width: 577px){
  .postal-code {
    width: 79%;
 }
}

@media (max-width:  579px){
  .singel-menu .nav>li>a {
    /*width: 100px;*/
  }
}

@media (max-width: 568px){
  .blog-text span{
    margin-top: -1px;
  }
}

@media (max-width: 567px){
  .why-join{
    padding:10px 27px;
  }
}

@media(max-width: 563px){
  .singel-menu .nav>li>a{
   /* width: 97px;*/
  }
}

@media (max-width:  559px){
  .marketing{
    margin-top: -10px;
  }
}

@media (max-width:  556px){
  .register .btn{
    margin-right: 7px;
  }
}

@media (max-width:  552px){
  .postal-code {
    width: 78%;
}
}

@media (max-width:  550px){
  .singel-menu .nav>li>a {
    width: 95px;
  }
}

/*@media (max-width:  545px){
  .singel-menu .nav>li {
    width: 18.7%;
  }
}*/

@media(max-width: 543px){
  .singel-menu .nav>li>a{
    width: 96px;
  }
}

@media (max-width:  540px){
  .singel-menu .nav>li>a {
    width: 96px;
  }
}

@media (max-width:  535px){
  .singel-menu .nav>li>a {
    width: 96px;
  }
  .nric-label{
    top:-11px !important;
  }
}


@media (max-width:  530px){
  .singel-menu .nav>li>a{
    /*width: 89px;*/
  }
}


@media (max-width: 535px){
    .custom-nric{
      top:-10px;
      position: relative;
    }

    .nric-question {
      /*top: -4px;
      float: left;
      left: 11px;*/
  }

  .custom-nric-no {
    margin-top: 9px;
}
}

@media(max-width: 529px){
  .postal-code {
    width: 77%;
  }
}

@media (max-width: 526px){
  /*.workshop img{
    width: 100%;
  }*/
  .tool-img img{
    width: auto;
  }
  .blog img{
    /*width: 103.3%;*/
  }
}

@media (max-width: 518px){
  .singel-menu .nav>li>a {
   /* width: 87px;*/
  }

  /*.singel-menu .nav>li {
    width: 18.5%;
  }*/
  .sl{
    padding-right: 0px;
  }

  .workshop img{
    /*width: 120px;*/
    margin-left:0px;
  }

}



@media (max-width:  556px){
  .register .btn{
    margin-right: 5px;
  }
}

@media(max-width: 508px){
  .postal-code {
    width: 76%;
  }
}

@media(max-width: 498px){
  .singel-menu .nav>li>a{
    /*width: 85px;*/
  }
}

@media (max-width: 493px){
  .singel-menu .nav>li>a {
    /*width: 83px;*/
  }
}

@media(max-width: 489px){
  .postal-code {
    width: 75%;
  }
}

@media (max-width:  487px){
  
  .blog-1{
    margin-top:50px;
  }

  .blog-1,.blog-2,.tool,#related-link{
    width: 100%;
    margin-bottom:50px;
    text-align: center;
  }
  #related-link{
    right:0px;
  }
  .p-support ul{
    
  }

}

@media (max-width:  484px){
  .info-blog p{
    top:-31px;
    padding:5px 0 6px 10px;
    font-size: 14px;
  }
}


@media (max-width:  480px){
  .product-image img{
    width: auto !important;
  }
  .text-center img{
    width: 100%;
  }
}

@media (max-width:  478px){
  .singel-menu .nav>li>a{
    width: 80px;
  }
  .d-m-y{
    padding-right:10px;
  }
  .navbar-mobile .btn-mobile-nav{
    padding:10px 0 0 0 !important;
}
}

@media(max-width: 471px){
  .postal-code {
    width: 74%;
  }
}


@media (max-width: 472px){
  .singel-menu .nav>li>a {
    /*width: 77px;*/
  }
  .logout{
    /*left: -29px;*/
  }
  .dropdown-menu .col-sm-6, .dropdown-menu .col-sm-3{
    width: 93%;
  }
}

@media(max-width: 460px){
  .logout {
   /* left: -19px;*/
}
}

@media(max-width: 455px){
  .postal-code {
    width: 73%;
  }
}

@media(max-width: 450px){
  .paragraph p{
    margin-bottom: 0px;
    font-size: 12px !important;
  }

  .paragraph a{
    font-size: 12px !important;
  }

  .paragraph{
    top: -54px !important;
  }

  .announcement_image, .announcement{
    margin-bottom: -45px;
  }
}

@media(max-width: 448px){
  .singel-menu .nav>li>a{
    width: 75px;
  }
}

/*@media (max-width:  446px){
  .singel-menu .nav>li{
    width: 18.46%;
  }*/
  .singel-menu .nav>li>a{
    /*width: 72px;*/
  }
}

@media (max-width: 440px){
  .step-1-of-3 .top{
    top:0px;
  }
  .question-inline{
    position: relative;
    /*float: left;
    left:11px;*/
    top:-4px;
  }
  
  .custom-nric{
     top:0px;
  }

  .postal-code {
    width: 72%;
  }

}

@media(max-width: 439px){
  .singel-menu .nav>li>a{
    /*width: 74px;*/
  }
}

@media (max-width: 435px){
  /*.singel-menu .nav>li{
    width:18.4%;
  }*/
  .singel-menu .nav>li>a{
    /*width:70px;*/
  }
}

@media (max-width: 426px){
  .singel-menu .nav>li>a {
   /* width: 68px;*/
  }
  .blog img{
    /*width: 104.3%;*/
  }
  .postal-code {
    width: 71%;
  }
}

@media(max-width: 421px){
  .singel-menu .nav>li>a {
    width: 69px;
  }
  /*.singel-menu .nav>li{
    width:18.3%;
  }*/
}


@media (max-width:  416px){
  singel-menu .nav>li>a {
    width: 72px;
}
}

@media (max-width: 413px){
  .postal-code {
    width: 70%;
  }
}

@media (max-width:  411px){
  .marketing{
    margin-top: -10px;
  }
  .singel-menu .nav>li>a {
    /*width: 66px;*/
  }
  .login h2{
    top:-105px;
    font-size: 29px;
  }

}

@media (max-width: 400px){
  iframe{
    width: 300px;
  }
  .postal-code {
    width: 69%;
  }
}

@media (max-width: 399px){
  /*.singel-menu .nav>li{
    width:18.1%;
  }*/
  .singel-menu .nav>li>a {
    /*width:63px;*/
  }
}

@media (max-width: 398px){
  /*.dropdown-menu .col-sm-3,.dropdown-menu .col-sm-6{
     width:93%;
  }*/
}

/*@media (max-width: 397px){
  .singel-menu .nav>li{
    width:18.2%;
  }
}*/

@media (max-width: 390px){
  .singel-menu .nav>li>a {
    /*width: 60px;*/
  }
  /*.singel-menu .nav>li{
    width:18.1%;
  }*/
}

@media (max-width: 389px){
  .postal-code {
    width: 68%;
  }
}

@media (max-width: 386px){
  .register .btn{
    margin-right: 4px;
  }
}

@media (max-width: 378px){
  .postal-code {
    width: 67%;
  }
}

@media (max-width: 375px){
  .quick-access,.facebook-box{
    padding:0px;
  }
  .workshop{
    padding:15px 0;
  }
  .info-blog{
    margin-left: 15px;
    margin-right: 15px;
  }
  .quick-access h4{
    margin-left: 15px;
  }
}

@media(max-width: 369px){
  .why-join{
    padding: 5px 27px;
  }
}

@media (max-width: 368px){
  .postal-code {
    width: 66%;
  }
}

@media (max-width: 365px){
  .singel-menu .nav>li>a{
    width: 61px;
  }
}

@media (max-width: 362px){
  /*.singel-menu .nav>li{
    width:18%;
  }*/
  .singel-menu .nav>li>a{
    /*width: 56px;*/
  }
}

@media (max-width: 359px){
  .postal-code {
    width: 65%;
  }
}

@media (max-width:  356px){
  .register .btn{
    margin-right: 4px;
  }
  .blog img {
    /*width: 105.3%;*/
 }
}

@media (max-width: 359px){
  .postal-code {
    width: 64%;
  }
}

@media (max-width: 346px){
  /*.singel-menu{
    top:7px;
  }*/
  /*.singel-menu .nav>li{
    width: 17.8%;
  }*/
  .singel-menu .nav>li>a{
    /*width: 49px;*/
  }
  iframe{
    width: 280px;
  }
}

@media(max-width: 345px){
  .singel-menu .nav>li>a{
    /*width: 55px;*/
  }
}

@media(max-width: 343px){
  .singel-menu .nav>li>a{
    width: 53px;
  }
}

@media (max-width: 341px){
  .postal-code {
    width: 63%;
  }
}

@media (max-width:  338px){
  .page-banner h3{
    font-size: 18px !important;
  }
  .navbar-nav{
    margin-top:13px !important;
  }
  .singel-menu{
    top: 3px;
  }
}


@media(max-width: 336px){
  .register .btn{
    margin-right: 3px;
  }
}


@media (max-width:  334px){
  .singel-menu .nav>li>a{
    /*width: 50px;*/
  }
}

@media (max-width: 333px){
  .postal-code {
    width: 62%;
  }
}

@media (max-width: 326px){
  .postal-code {
    width: 61%;
  }
}

@media (max-width:  321px){
  .step-1-of-3 label{
    text-align: left;
  }
}

/* social share */
.a2a_kit, .a2a_menu, .a2a_modal, .a2a_overlay{
    /*display: block;
    height: 43px;
    position: fixed;
    
    top: 230px;
    width: 43px;*/
}

.a2a_default_style .a2a_count,
.a2a_default_style .a2a_svg, 
.a2a_floating_style .a2a_svg,
.a2a_vertical_style .a2a_count, 
.a2a_menu .a2a_svg{
  /*border-radius: 0px !important;*/
}

.a2a_svg{
  /*height: 40px;
  width: 40px;*/
}

div.a2a_full_footer{
  /*display: none;*/
}

.a2a_default_style a{
  /*padding: 0px !important;*/
}

/* Update for SG Static Content bullet e.g /sg/data-protection-policy/ */ 
.bu-static-content ol{
	list-style-type: decimal;
}

.bu-static-content ol ol{
	list-style-type: lower-roman;
}
.bu-static-content ol ol ol{
	list-style-type: lower-latin;
}

.bu-static-content p {
	font-family:SST W01 Roman !important;
	font-size: 16px !important;
}