/*customized css by razlanirazali@gmail.com | 0132350501*/

@media only screen and (max-width: 375px) {
  .menumenuinline {display:block !important; text-align:center;}
  .menumenuinline li {margin:0 !important; padding:0 !important;}
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {margin-left:0;}
  .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {top:inherit !important; margin-top:-10px !important;}
  .welove, .weloveto {text-align:center !important;}
  .finder h1, .article-header h1[itemprop="headline"] {background:none !important; background-color:#eee !important; padding:50px 220px 50px 30px; border-radius:30px;}
}

@media (max-width: 390px) {
#sp-top-bar .sp-module {margin:0;}
}


@media (max-width: 834px) {
.nspArts, .nspLinksWrap {padding:0;position:relative;}
  
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent li.menu-parent .menu-toggler {top:inherit; margin-top:-10px;}
}

@media (max-width: 800px) {
.nspArts .nspTopInterface .nspPrev, .nspArts .nspTopInterface .nspNext {position:relative;}
}


div[itemprop="articleBody"] div#sp-page-builder {margin:0 -15px;}

.finder h1, .article-header h1[itemprop="headline"] {background:url("../../../images/bg-title.jpg")scroll bottom right no-repeat #eee; padding:50px 220px 50px 30px; border-radius:30px;}

.megamenumbmb  div.row:nth-child(2), .megamenupelancong  div.row:nth-child(2) {display:none;}
.megamenumbmb  span.fas, .megamenupelancong  span.fas {color:#2e3192; font-size:20px; width:30px;}

#sp-main-body {padding:20px 0 100px 0;}
.breadcrumb {font-size:12px; background-color:transparent;}
#sp-disclaim, #sp-kopirite {font-size:12px; text-align:center;}
#sp-alamat-nos-visitor {font-size:14px;}
#mod-custom115, #mod-custom116 {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:20px 0 0 0; }
#sp-bottom2 {text-align:right;}
.db8sitelastmodified {list-style: none; padding: 0; text-align: right;}
.jsvisitcounter .table, .jsvisitcounter .counter {width:100% !important; text-align:right;}
#sp-term-social #sp-bottom2 a {font-size:25px;}
#sp-term-social #sp-bottom1 a {font-size:14px; line-height: 34px;}
.sp-contact-info {float:left;}
.article-details .article-header h1, .article-details .article-header h2 {color:#2e3192; font-weight:600;}
.mod-randomimage {border-radius:10px; overflow:hidden;}
.addtoany_container {clear:both;}
#perolehan .sppb-section-title {margin-bottom:0;}

/*berita semasa*/
#beritasemasa .sppb-section-title {margin-bottom:0;}

.tabsocs .sppb-nav-tabs>li>a {font-size: 20px; padding: 9px 22px; border: 0; background: transparent;
border-bottom: 2px solid #2e3192;}
.tabsocs .sppb-nav-tabs>li.active>a, .tabsocs .sppb-nav-tabs>li.active>a:focus, .tabsocs .sppb-nav-tabs>li.active>a:hover, .tabsocs .sppb-nav-tabs>li>a:hover {background-color: #fff; border-bottom-color: #2e3192; cursor: default; border-radius: 10px 10px 0 0;}

.nyatamedia .nspArt img.nspImage {border-radius:45px;} .nyatamedia .nspCol1 {margin-bottom:15px;}
.nyatamedia .nspArt .nspInfo  {font-size: 14px; margin: 0;}
.nyatamedia .nspArt h4.nspHeader {font-size:14px; margin:0; padding:0;}
.nyatamedia .nspArt h4.nspHeader a:link, .nyatamedia .nspArt h4.nspHeader a:visited { color:#777}
.nyatamedia .nspArt h4.nspHeader a:hover, .nyatamedia .nspArt h4.nspHeader a:active { color:#2e3192}
.nyatamedia .nspList > li .meta {font-size: 14px; margin: 0;}
.nyatamedia .sppb-addon-title {border-bottom:2px solid #2e3192; padding-bottom: 10px; margin-left: 6px;}

/*.pengumuman .nspLinks .nspLinkScroll1 ul li {background:transparent;}
.pengumuman .nspLinks ul li h4 {font-size:14px; line-height:18px; margin:0;}
.pengumuman .nspLinks ul li h4 a:link, .pengumuman .nspLinks ul li h4 a:visited { color:#777}
.pengumuman .nspLinks ul li h4 a:hover, .pengumuman .nspLinks ul li h4 a:active {color:#2e3192}
.pengumuman .nspLinks ul {margin:0;}
.pengumuman .nspList > li .meta {font-size: 14px; margin: 0;}
.pengumuman .sppb-addon-title {border-bottom:2px solid #2e3192; padding-bottom: 10px; margin-left: 6px;}*/


.pengumuman .nspArt img.nspImage {border-radius:45px;} .pengumuman .nspCol1 {margin-bottom:15px;}
.pengumuman .nspArt .nspInfo  {font-size: 14px; margin: 0;}
.pengumuman .nspArt h4.nspHeader {font-size:14px; margin:0; padding:0;}
.pengumuman .nspArt h4.nspHeader a:link, .pengumuman .nspArt h4.nspHeader a:visited { color:#777}
.pengumuman .nspArt h4.nspHeader a:hover, .pengumuman .nspArt h4.nspHeader a:active { color:#2e3192}
.pengumuman .nspList > li .meta {font-size: 14px; margin: 0;}
.pengumuman .sppb-addon-title {border-bottom:2px solid #2e3192; padding-bottom: 10px; margin-left: 6px;}

.beritanews .nspArt img.nspImage {border-radius:45px;} .beritanews .nspCol1 {margin-bottom:15px;}
.beritanews .nspArt .nspInfo  {font-size: 14px; margin: 0;}
.beritanews .nspArt h4.nspHeader {font-size:14px; margin:0; padding:0;}
.beritanews .nspArt h4.nspHeader a:link, .beritanews .nspArt h4.nspHeader a:visited { color:#777}
.beritanews .nspArt h4.nspHeader a:hover, .beritanews .nspArt h4.nspHeader a:active { color:#2e3192}
.beritanews .nspList > li .meta {font-size: 14px; margin: 0;}
.beritanews .sppb-addon-title {border-bottom:2px solid #2e3192; padding-bottom: 10px; margin-left: 6px;}

.cadangdest .nspArt img.nspImage {border-radius:10px;} .cadangdest .nspCol1 {margin-bottom:15px;}
.cadangdest .nspArt .nspInfo  {font-size: 12px; margin: 0;}
.cadangdest .nspArt h4.nspHeader {font-size:16px; margin:0; padding:0; font-weight:bold; line-height:24px;}
.cadangdest .nspArt p.nspText  {font-size:14px; margin:0; padding:0; line-height:22px;}
.cadangdest .nspArt h4.nspHeader a:link, .cadangdest .nspArt h4.nspHeader a:visited { color:#2e3192}
.cadangdest .nspArt h4.nspHeader a:hover, .cadangdest .nspArt h4.nspHeader a:active { color:#777}
.cadangdest .nspList > li .meta {font-size: 12px; margin: 0;}
.cadangdest .sppb-addon-title {border-bottom:2px solid #2e3192; padding-bottom: 10px; margin-left: 6px;}


/*menu*/
.navbar {padding:0;}
.navbar-collapse ul li {padding-right:15px;}
.menumenuinline {display: inline-flex; list-style:none; margin:0; padding:0;}
.menumenuinline li {padding:0 0 0 20px;}
.menumenuinline li a {font-size:13px;}

/*megamenu*/
a.sp-group-title, .sp-group-title.sp-menu-separator {display:block; font-weight:bold; text-transform:uppercase; border-bottom:3px solid #2e3192; margin-top:10px; padding-bottom:5px; font-size:16px !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {font-size:12.4px; line-height:18px; padding:5px 0;}


/*--table--*/
/*.table-1 {overflow-x:auto; width:100%;}*/
.table-1 { width:100%;}
.table-1 td, .table-1 th {padding:10px; border: 1px solid #ccc;}
.table-1 tbody tr:hover {background-color:#f1f1f1;}
.table-1 thead tr th, .table-1 thead tr td {background-color:#2e3192; color:#fff; font-size:14px; font-weight:bold;}

table.easyfolderlisting tbody tr th {color:#fff; padding:10px !important; border:none !important;}
.easyfolderlisting tr td {padding:10px !important;}
.easyfolderlisting tr td img {float: left; padding: 5px 20px 0 0;}

/*myprocurement*/
myprocourement.sppb-addon-table-main tr {
  width: 100px;
}

/*-tab-*/
.sppb-tab-pills-content {border:1px solid #ccc; padding:20px; margin:0 !important;}
.sppb-nav-pills>li>a {background-color:#ddd; border-radius:10px 10px 0 0 !important; margin-right:5px;}
.sppb-nav-pills > li.active a {background-color:#2e3192 !important; color:#fff !important; border-radius:10px 10px 0 0;}

/*--carousel-*/
#pautankhidmat .sppb-carousel-extended-item img {width:110px; height:110px; margin:5px auto;}
#pautankhidmat .sppb-carousel-extended-heading {margin-bottom:0; position:absolute; bottom:20px;}
#pautankhidmat .sppb-carousel-extended-content-wrap {bottom:-10px;}
#pautankhidmat .sppb-carousel-extended-heading {font-size:13px !important; font-weight:400 !important; color:#666 !important;}

#pautanpantas .sppb-carousel-extended-item img {width:36px; height:36px; margin:5px auto;}
#pautanpantas .sppb-carousel-extended-heading {margin-bottom:0; position:absolute; bottom:20px;}
#pautanpantas .sppb-carousel-extended-content-wrap {bottom:0px;}
#pautanpantas .sppb-carousel-extended-heading {font-size:13px !important; font-weight:400 !important; color:#666 !important;}
#pautanpantas .sppb-section-title {margin-bottom:0;}

#pautanagensi .sppb-carousel-extended-item img {width:64px; height:64px; margin:5px auto;}
#pautanagensi .sppb-carousel-extended-heading {margin-bottom:0; position:absolute; bottom:20px;}
#pautanagensi .sppb-carousel-extended-content-wrap {bottom:-10px;}
#pautanagensi .sppb-carousel-extended-heading {font-size:13px !important; font-weight:400 !important; color:#666 !important;}
#pautanagensi .sppb-section-title {margin-bottom:0;}

/*droppics*/
.droppicscats h2 {font-size:16px !important;}
.droppicscats.show h2 { display: none !important; }
.droppicscats .wcat span {font-size: 13px !important;}