/* Kod untuk skrin KECIL (bawah 890px) */
@media (max-width: 890px) {
    .offcanvas-inner .item-119, .offcanvas-inner .item-128, .offcanvas-inner .item-129, .offcanvas-inner .item-130, .offcanvas-inner .item-169 {display: block !important; }
}

/* Kod untuk skrin BESAR (atas 891px) */
@media (min-width: 891px) {
    .offcanvas-inner .item-119, .offcanvas-inner .item-128, .offcanvas-inner .item-129, .offcanvas-inner .item-130, .offcanvas-inner .item-169 {display: none !important; }
}


/*----------generals----------*/
body {background:url('https://ypkt2.application-solution.com/images/bg-abst001.jpg') fixed center top #000; background-size:cover; box-shadow: inset 0 0 200px 90px rgba(0, 0, 0, 1) !important;}
body.mainutama {overflow-y:hidden !important;}
#sp-main {margin:160px 0px 0px 0px;;}
#sp-main-body {margin:0px; background-color:#fff; padding: 10px 40px 100px 40px !important;}
body.mainutama #sp-main-body {padding: 0px !important;}
body.mainutama #sp-main {margin:0px !important;}
body.mainutama #sp-footer { bottom: 0; font-size:11px !important;}
.breadcrumb {font-size: 11px !important; background-color: #fff !important; margin: 10px 30px; color:#a0a0a0;}

.sp-megamenu-parent .sp-mega-group>li>a {text-transform:inherit !important; font-size:15px !important;}
.item-150 span.sp-group-title.sp-menu-separator, .item-151 span.sp-group-title.sp-menu-separator {color:purple !important; font-weight:800;}
.offcanvas-menu .menu-child {padding:5px 0;}

.addtoany_container {text-align:center;}
.addtoany_container a span {background-color:#666 !important;}

h1[itemprop="headline"] {font-size:56px !important; line-height:66px !important;}

/*----------carousel dlm----------*/
.mypaut-ico .sppb-carousel-extended-item:hover {background-color:#eee;}
.mypaut-ico .sppb-carousel-extended-item:hover div.sppb-carousel-extended-heading {color:green !important;}
.mypaut-ico .sppb-carousel-extended-item {border:1px solid #bbb; border-radius:50px; padding:30px; background-color:#fff;}
.mypaut-ico .sppb-carousel-extended-heading {margin:0px 0 0 0;}
.mypaut-ico .sppb-carousel-extended-item img {width:100px; height:100px; margin:0 auto;}
.mypaut-ico .sppb-carousel-extended-content-wrap {position:relative !important; bottom:0;}

/*----------carousel luar----------*/
.myservs .sppb-carousel-extended-item:hover {background-color:rgba(255,255,255,0.6);}
.myservs .sppb-carousel-extended-item:hover div.sppb-carousel-extended-heading {color:green !important; text-shadow:none !important;}
.myservs .sppb-carousel-extended-item {border:1px solid #fff; border-radius:50px; padding:30px; background-color:rgba(255,255,255,0.2);}
.myservs .sppb-carousel-extended-heading {margin:0px 0 0 0; text-shadow:0 0 5px black;}
.myservs .sppb-carousel-extended-item img {width:50px; height:50px; margin-top:-5px;}
.myservs .sppb-carousel-extended-content-wrap {position:absolute !important; margin:10px 0px 0px 80px; width:auto;}

/*----------menu melintang untuk footer----------*/
/* Tukar menu footer jadi melintang */
.sp-page-title + .footer, footer .mod-menu, footer ul.menu { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: right; padding: 0; list-style: none;}
/* Jarakkan teks antara menu footer */
footer .mod-menu li, footer ul.menu li { margin-left: 15px !important; /*margin-right: 15px !important;*/}

/*--------------bahagian top, logo, header & footer-------------*/
.bi-house, .bi-search {font-size:20px;} 
.offcanvas-inner .jangantunjuklah {display:block !important;}
.jangantunjuklah {display:none !important;}
.sp-contact-info li {font-size:100% !important;}
#sp-footer, #sp-top-bar .container, #sp-header .container { max-width: 100% !important; width: 100% !important; padding-left: 30px !important; padding-right: 30px !important;}
#sp-footer, #sp-top-bar, #sp-header { position: absolute !important; width: 100% !important; left: 0; z-index: 9999 !important; box-shadow: none !important;}
#sp-footer { bottom: 20px; font-size:11px !important;}
#sp-top-bar { top: 0; font-size:13px !important; background: transparent !important; border-bottom: none !important;}
#sp-header { top: 35px !important; background: transparent !important;}
#sp-header .container-inner {background: rgba(255, 255, 255, 0.6); padding: 10px 30px; border-radius: 50px; border:1px solid white; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);}

/*--------------overlay-------------*/
.sppb-row-overlay {box-shadow:inset 0 0 200px 90px rgba(0, 0, 0, 1) !important;}