/*header*/
.ms-my #sp-header .sp-megamenu-parent >li >a, 
.ms-my #sp-header .sp-megamenu-parent >li >span {
   padding:0 10px;
   font-size: 14px;
   letter-spacing:0
}

@media (max-width:1200px) {
.ms-my #sp-menu {
   width:80% !important
}
.ms-my #sp-header .sp-megamenu-parent >li >a, 
.ms-my #sp-header .sp-megamenu-parent >li >span {
   padding:0 0 0 15px;
   font-size: 11px;
}
}

@media (max-width:991px) {
.ms-my #sp-menu {
   width:0% !important
}
}


/*slider*/
.ms-my .sppb-sp-slider-text h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing:0;
    font-size:32px !important;
    margin: 15px 0 !important;
}


.ms-my .sppb-sp-slider-text p {
    line-height:1.4;
    margin: 15px 0 !important;
    font-size:16px ;
}

.ms-my  .sppb-sp-slider-text {
    max-width: 70% !important;
}

.ms-my h2.sppb-sp-slider-title {
    font-family: "Roboto", sans-serif !important;
    font-weight:500;
    letter-spacing:0;
    font-size:18px!important;
    max-width:40%;
    line-height:1.4
}

/*slider-huangqi-title*/
.ms-my #sp-slider-inner-item-1706788710392-num-1-key.sppb-sp-slider-text h1 {
     max-width: 50% !important;
}


/*slider-text-margin*/
.ms-my div#sp-slider-item-1706788710391-num-1-key .sppb-sp-slider-text p,
.ms-my div#sp-slider-item-1706788710391-num-2-key .sppb-sp-slider-text p,
.ms-my div#sp-slider-item-1706788710391-num-0-key .sppb-sp-slider-text p {
    max-width: 60% !important;
}
/*E0-slider-text-margin*/


@media (max-width:767px) {

.ms-my  .sppb-sp-slider-text {
    padding:10px 0;
    max-width:80% !important
}

 .ms-my h2.sppb-sp-slider-title {
    font-family: "Roboto", sans-serif !important;
    font-weight:500;
    letter-spacing:0;
    font-size:14px!important;
    max-width:60% !important;
    line-height:1.4
}

.ms-my .sppb-sp-slider-text h1 {
    font-size:20px !important;
    margin:10px 0 !important;
}

.ms-my .sppb-sp-slider-text p {
    font-size:14px !important;
}


}

@media (max-width:575px) {

.ms-my  .sppb-sp-slider-text {
    padding:10px 0;
}
    
.ms-my .sppb-sp-slider-text h1 {
    font-size:18px !important;
    margin:10px 0 !important;
}

.ms-my .sppb-sp-slider-text p {
    font-size:12px !important;
}

.ms-my  .sppb-sp-slider-text {
    padding:10px 0;
    max-width:75% !important;
}

 .ms-my h2.sppb-sp-slider-title {
    font-family: "Roboto", sans-serif !important;
    font-weight:500;
    letter-spacing:0;
    font-size:14px!important;
    max-width:80%;
    line-height:1.4
}

 .ms-my .sppb-sp-slider-button .sp-slider-btn-text {
    background: #ab1a2d;
    padding:10px 20px;
    font-size:14px!important;
}
}


/*body-overall*/
 .ms-my p {
    font-family: "Roboto", sans-serif !important;
    line-height:1.4;
    font-size:16px !important ;
}

 .ms-my .text-02 span {
    font-size:18px;
    line-height:1.4;
 }

.ms-my h1 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing:0;
    font-size:42px !important;
    margin: 20px 0 !important;
}

.ms-my h2 {
    font-family: "Roboto", sans-serif !important;
    font-size:54px !important
}

 .ms-my h3 {
    font-family: "Roboto", sans-serif !important;
    font-weight:600;
    font-size:24px !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
}

 .ms-my h5 {
     font-family: "Roboto", sans-serif !important;
 }

 .ms-my #sp-bottom h3 {
    font-size:16px !important;
 }

 .ms-my .img-title-01 span,
 .ms-my .text-03 span {
    font-size:38px !important
 }

.ms-my  .text-03 {
    padding:0 10%;
}

.ms-my .sp-page-title h2 {
    font-size: 32px !important
}

@media (max-width:767px) {

.ms-my h1 {
   font-size:36px !important;
}
  
.ms-my .special-text-01 h1 {
    font-size:36px !important;
    text-align:center;
}
    
.ms-my h2 {
    font-family: "Roboto", sans-serif !important;
    font-size:32px !important
}

 .ms-my h3 {
    font-size:18px !important;
}

 .ms-my .text-02 span{
    font-size:14px !important;
    line-height:1.4 !important
 }

 .ms-my #sp-bottom h3 {
    font-size:16px !important;
 }

 .ms-my .img-title-01 span,
 .ms-my .text-03 span {
    font-size:26px !important
 }

.ms-my .text-03 {
    padding:0;
}
    
.ms-my .text-03 .sppb-addon-content,
 .ms-my .text-02 .sppb-addon-content{
    font-size:13px
}

.ms-my .sp-page-title h2 {
    font-size: 32px !important
}
  
.ms-my #sppb-addon-wrapper-1741592330953 {
        width: 100%;
    }
}

/*body-button*/
.ms-my a.hikabtn.hikacart{
  padding:10px
}

@media (max-width:767px) {
.ms-my a.hikabtn.hikacart{
  padding:10px;
  font-size:10px !important
}
}

/*-----------------
BLUE BOTTLE
-----------------*/
.ms-my .product-pointer-1 img, .ms-my .product-pointer-2 img{z-index:9;}


@media(min-width:1600px){
/*point-1*/
.ms-my .product-pointer-1 img {
    position: relative;
    right: -8em;
    top: -5em !important;
}
.ms-my .product-pointer-2 img {
    position: relative;
    left: -10em;top:10em;
}

.ms-my .feature-box-1:before {
    content: '';
    z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-1.png');
    left:-3em !important;
    top:30px !important;
    background-size:200px;
    background-position:right top;
    background-repeat:no-repeat;
    width:150px;
    height:300px;
}
.ms-my .feature-box-1{
    float:right;position:relative;right:-25em !important; padding:0 100px;
}
/*point-2*/
.ms-my .feature-box-2:after {
    content: ''; z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-2.png');
    left:15em!important ;bottom:8em !important;
    background-size:200px;
    background-position:left bottom;
    background-repeat:no-repeat;
    width:200px;
    height:500px;
}

.ms-my .feature-box-2{
    position:relative;top:-10em !important; padding:0 100px;
}
/*point-3*/
.ms-my .feature-box-3:before {
    content: ''; z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-3.png');
    left:-2em !important;bottom:100px!important;
    background-size:200px;
    background-position:left bottom;
    background-repeat:no-repeat;
    width:200px;
    height:500px;
}

.ms-my .feature-box-3{
    position:relative;left:12em; top:5em !important;
    }
}

@media(min-width:992px){
/*point-1*/
.ms-my .product-pointer-1 img {
    position: relative;
    right: -8em;
    top: -0em ;
}
.ms-my .product-pointer-2 img {
    position: relative;
    left: -10em;top:10em;
}

.ms-my .feature-box-1:before {
    content: '';
    z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-1.png');
    left:-10em;
    top:45px;
    background-size:200px;
    background-position:right top;
    background-repeat:no-repeat;
    width:150px;
    height:300px;
}
.ms-my .feature-box-1{
    float:right;position:relative;right:-25em !important; 
}
/*point-2*/
.ms-my .feature-box-2:after {
    content: ''; z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-2.png');
    left:14em!important ;bottom:8em !important;
    background-size:200px;
    background-position:left bottom;
    background-repeat:no-repeat;
    width:200px;
    height:500px;
}

.ms-my .feature-box-2{
    position:relative;top:-10em !important;
}
/*point-3*/
.ms-my .feature-box-3:before {
    content: ''; z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-3.png');
    left:-2em !important;bottom:100px!important;
    background-size:200px;
    background-position:left bottom;
    background-repeat:no-repeat;
    width:200px;
    height:500px;
}

.ms-my .feature-box-3{
    position:relative;left:12em; top:5em !important;;
    }
}
/*-----------------
TABLET
-----------------*/
@media(min-width:1541px){
.ms-my .feature-box-3{left:10em;}
}
@media(max-width:1540px) and (min-width:1440px){
.ms-my .feature-box-3{left:7em;}
}
@media(max-width:1540px) and (min-width:992px){
/*point-1*/
.ms-my .product-pointer-1 img {
    position: relative;
    right: -5em;
    top: -4em;
    z-index:9;
}
.ms-my .product-pointer-2 img {
    position: relative;
    left: -6em;
    top:10em;
}

.ms-my .feature-box-1:before {
    content: '';
    z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-1.png');
    left:-em;
    top:45px;
    background-size:200px;
    background-position:right top;
    background-repeat:no-repeat;
    width:150px;
    height:300px;
}

.ms-my .feature-box-1{
    float:right;position:relative;right:-17em;
}
.ms-my .feature-box-1:after { z-index: -2;}
/*point-2*/
.ms-my .feature-box-2:after {
    content: '';  z-index: -2;
    position: absolute;
    background: url('/images/000_YCL/home/pointer-2.png');
    left:12em;bottom:5em;
    background-size:200px;
    background-position:left bottom;
    background-repeat:no-repeat;
    width:160px;
}

.ms-my .feature-box-2{
    position:relative;top:-15em;left:-7em;z-index: -2;
}
/*point-3*/
.ms-my .feature-box-3:before {
    left:0;bottom:3em;
    width:250px; z-index: -2;
}
.ms-my .feature-box-3{position:relative;left:7em;}
}
/*-----------------
End TABLET
-----------------*/


/*-----------
MOBILE
-----------*/
@media(max-width:991px){

.ms-my .product-pointer-1 img {
    position: relative;
    right: 0em;
    top: -5em ;
}
.ms-my .product-pointer-2 img{display: none !important;}
.ms-my .feature-box-1, .ms-my .feature-box-2, .ms-my .feature-box-3{
    position:absolute;padding-left:30px;
}
.ms-my .feature-box-1{bottom: 45px;}
.ms-my .feature-box-2{bottom:-5em;}
.ms-my .feature-box-3{bottom:-6em;}
.ms-my .feature-box-1:before, .ms-my .feature-box-2:before, .ms-my .feature-box-3:before{
   content:' ';
   width:10px;height:10px;
   background:#a5182c;
   position:absolute;border-radius:100%;left:10px;top:30px;
   }
}

#btn-1741592330965 {
    margin-top:30px;
}

/*hikashop*/
.view-checkout.ms-my h2,
.view-checkout.ms-my h1{
    font-size:20px !important;
    letter-spacing:0;
}

/*hikashop-top*/
.ms-my .sp-contact-phone {
    margin:0 20px !important
}

/*hikashop-product-name*/
.ms-my span.hikashop_product_name a {
    font-size:16px;
    letter-spacing:0;
}
      
.thumbnail span.hikashop_product_name {
    height: 50px;
}

@media (max-width:575px) {
.ms-my span.hikashop_product_name a {
    font-size:12px;
}

.thumbnail span.hikashop_product_name {
    height: 60px;
}
}


/*hikashop-view-product-button*/
.ms-my #hikashop_product_right_part a.hikabtn.hikacart {
    width: 130px;
}

.ms-my #hikashop_product_right_part a.hikabtn.hikacart:before {
    position: absolute;
    left: 10%;
}

/*language-button*/
.mod-languages select {
    background:#8f0d1e;
    color:#fff;
    width: 55px;
    margin-left:10px;
    border:none;
    font-family: "Roboto", sans-serif !important;
    letter-spacing:0;
    padding:5px;
}

#offcanvas-toggler {
    margin-left:15px;
}

/*text-overall*/
div>.sppb-addon-content {
    font-size:16px;
    line-height:1.4;
}

/*about-text*/
.ms-my .malay-text h3 {
    font-size:20px !important
}

@media (max-width:767px) {
    div>.sppb-addon-content {
    font-size:14px;
}
}

/*E0-text-overall*/