@media only screen and (max-width:1170px){.visi.akta-1,
.misi.akta-2,
.misi.akta-3,
.visi.peraturan-1,
.misi.peraturan-2,
.misi.peraturan-3{border-radius:350px;height:350px;width:350px;}
.visi.akta-1 .visi-title,
.misi.akta-2 .misi-title,
.visi.peraturan-1 .visi-title,
.misi.peraturan-2 .visi-title{font-size:18px;padding-top:75px;}
.misi.akta-3 .misi-title,
.misi.peraturan-3 .misi-title{margin-top:85px;padding:0 7px;}
.visi-text,
.misi-text{font-size:12px;}
.visi-dan-misi.akta,
button.btn.btn-info.akademi.akta a{font-size:13px;}
.box-content{min-height:140px;padding:30px 20px;}
li.dropdown.col-sm-4.no-padding {height: 95px;}
}
@media only screen and (max-width:1138px){.misi.akta-3{margin-top:-93px;transform:translateX(-50%);}
.visi.akta-1,
.visi.peraturan-1{margin-left:5px;}
}
@media only screen and (max-width:1106px){.fungsi-first,
.fungsi-second,
.fungsi-third{height:280px;}
.col-sm-12.footer-address .col-sm-3{position:relative;right:26px;}
}
@media only screen and (max-width:1050px){.col-sm-12.footer-address .col-sm-3{position:relative;right:80px;}
.col-sm-12.footer-address .col-sm-3 p{text-align:center;}
.box-content{min-height:160px;}
.box-text{margin:10px;}
}
@media only screen and (max-width:1024px){.top-content-first div,
.top-content-second div,
.top-content-third div{width:49%;}
}
@media only screen and (max-width:998px){.misi.akta-3,
.misi.peraturan-3{margin-top:-95px;transform:none;margin-left:194px;}
.visi.akta-1,
.visi.peraturan-1{margin-left:0;}
.camera_prev{opacity:1 !important;}
.camera_next{opacity:1 !important;}
.view-id-pilihanraya .views-field.views-field-title{white-space:normal;}
#map-sidebar{width:50% !important;}
}
@media only screen and (max-width:996px){.spr-icon, .box-text{display:inline-block;vertical-align:middle;}
.banner-title-1{font-size:36px;line-height:44px;}
.banner-title-2{font-size:16px;}
.banner-title-3{font-size:14px;}
.visi,
.misi{border-radius:300px;height:300px;width:300px;}
.visi-title,
.misi-title{font-size:25px;padding-top:33px;}
}
@media only screen and (max-width:991px){.misi.akta-3,
.misi.peraturan-3{margin-left:177px;margin-top:1px;}
}
@media only screen and (max-width:940px){.col-sm-12.footer-address .col-sm-3{position:relative;right:67px;}
}
@media only screen and (max-width:913px){.box-button{padding-top:2px;}
}
@media only screen and (max-width:880px){.col-sm-12.footer-address .col-sm-3{position:relative;right:58px;}
}
@media only screen and (max-width:873px){.fungsi-first,
.fungsi-second,
.fungsi-third{height:330px;}
}
@media only screen and (max-width:832px){.listBanner p{font-size:15px;}
}
@media only screen and (max-width:858px){.visi,
.misi{border-radius:280px;height:280px;width:280px;}
}
@media only screen and (max-width:805px){.visi,
.misi{border-radius:260px;height:260px;width:260px;}
.visi-text, .misi-text{font-size:11px;}
}
@media only screen and (max-width:778px){.fungsi-first,
.fungsi-second,
.fungsi-third{height:370px;}
}
@media only screen and (max-width:768px){.box-content.first{margin-bottom:4px;margin-top:13px;}
.box-content.second,
.box-content.third,
.box-content.forth{border-bottom:1px solid #CAB1C6;}
.box-content .spr-icon{margin:2px 10px;}
.box-text.first-box{padding:20px 10px;}
.box-content{width:100%;text-align:left;height:0%;padding-bottom:7px;min-height:auto;}
.box-text.first-box, .box-button{display:inline-block;vertical-align:middle;}
.box-content.third .box-text a,
.box-content.forth .box-text a{padding-left:29px;}
.box-content.second .box-text a{padding-left:17px;}
.box-content.fifth .box-text a{padding-left:27px;}
.icon-house{background-position:-30px -299px;width:59px;height:45px;}
.icon-people{background-position:-132px -299px;width:44px;height:46px;}
.icon-thumb{background-position:-214px -302px;width:41px;height:43px;}
.icon-books{background-position:-289px -301px;width:45px;height:44px;}
.icon-pengundi{background-position:-220px -11px;width:21px;height:21px;}
.icon-calon{background-position:-269px -11px;width:14px;height:20px;}
.icon-parti{background-position:-310px -10px;width:16px;height:23px;}
.fungsi-first,
.fungsi-second,
.fungsi-third{height:250px;}
.banner-title-1{font-size:32px;line-height:36px;}
li.dropdown.col-sm-4.no-padding {height: 66px;}
}
@media only screen and (max-width:767px){.col-sm-12.footer-address .col-sm-3{position:relative;right:0;}
.col-sm-12.footer-address .col-sm-3 p{text-align:left;}
.misi.akta-3,
.misi.peraturan-3{margin-top:-80px;}
.misi.akta-3 .misi-title,
.misi.peraturan-3 .misi-title{padding-top:58px;}
}
@media only screen and (max-width:617px){.banner-title-3{margin:0;}
}
@media only screen and (max-width:565px){.banner-title-1{font-size:27px;line-height:32px;}
}
@media only screen and (max-width:551px){.sidebar-calon span a{margin:0 23px;}
.box-button > button{margin:3px 9px;}
}
@media only screen and (max-width:533px){.box-text.first-box{width:60%;}
}
@media only screen and (max-width:519px){.banner-title-1{font-size:28px;line-height:25px;}
.banner-title-2{font-size:14px;}
.listBanner p{font-size:12px;}
.banner-title-3 > button{height:35px;}
.banner-text{line-height:18px;}
}
@media only screen and (max-width:500px){.banner-text{left:40px !important;top:53% !important;}
.banner-title-1{font-size:24px;line-height:29px;}
.banner-title-3 > button{height:27px;width:70% !important;text-align:left;}
}
@media only screen and (max-width:419px){.top-content-first div, .top-content-second div, .top-content-third div{width:100%;padding-right:6px;}
.top-image img{display:none;}
.banner-title-3{padding:5px 0;}
.box-text.first-box{width:50%;}
.icon-pengundi{background-position:-220px -11px;width:21px;height:21px;}
.icon-calon{background-position:-269px -11px;width:14px;height:20px;}
.icon-parti{background-position:-310px -10px;width:16px;height:23px;}
.banner-title-3{font-size:10px;}
.banner-title-3 > button{height:23px;width:100%;}
.banner-text{line-height:10px;}
li.dropdown.col-sm-4.no-padding {height: 95px;}
}
@media only screen and (max-width:412px){.banner-title-1{font-size:17px;line-height:15px;}
.banner-title-2{font-size:11px;}
.banner-title-3{font-size:11px;}
.banner-title-3 > button{height:25px;width:100%;}
.icon-house{background-position:-30px -398px;width:32px;height:25px;}
.icon-people{background-position:-86px -398px;width:24px;height:25px;}
.icon-thumb{background-position:-131px -400px;width:22px;height:23px;}
.icon-books{background-position:-172px -399px;width:25px;height:24px;}
.icon-pengundi{background-position:-220px -11px;width:21px;height:21px;}
.icon-calon{background-position:-269px -11px;width:14px;height:20px;}
.icon-parti{background-position:-310px -10px;width:16px;height:23px;}
}
@media only screen and (max-width:380px){.visi,
.misi,
.visi.akta-1,
.misi.akta-2,
.misi.akta-3,
.visi.peraturan-1,
.misi.peraturan-2,
.misi.peraturan-3{border-radius:280px;height:280px;width:280px;}
.visi.akta-1 .visi-title,
.misi.akta-2 .misi-title{font-size:16px;padding-top:41px;}
.visi.peraturan-1 .visi-title,
.misi.peraturan-2 .misi-title{font-size:14px;padding-top:60px;}
.misi.akta-3 .misi-title,
.misi.peraturan-3 .misi-title{padding-top:54px;font-size:16px;}
.misi.akta-3,
.misi.peraturan-3{margin-top:-84px;margin-left:138px;}
.visi-title,
.misi-title{font-size:20px;padding-top:33px;}
.visi-text, .misi-text{font-size:12px;}
.visi.peraturan-1 .visi-text{padding:3px 40px;}
.misi.peraturan-2 .misi-text,
.misi.peraturan-3 .misi-text{padding-top:2px;}
}
@media only screen and (max-width:320px){.box-text{font-size:14px;}
.banner-title-1{font-size:12px;line-height:12px;}
.banner-title-4{font-size:12px;}
.banner-title-3 > button{height:18px !important;padding:5px 0;width:74% !important;position:relative;top:-9px;}
.listBanner p{font-size:10px;}
.banner-text{line-height:10px;}
ul.listBanner{top:-6px;position:relative;}
}