@media screen and (min-width: 1200px){
  .site-header .container-fluid{ padding-left: 30px; padding-right:30px;}
  .navbar-expand-lg .navbar-nav .nav-link{text-transform: uppercase;font-size:15px;}
  #profilKepala{margin-top: -45px;}
  .kolom3{column-count: 3;}
  .kolom2{column-count: 2;}
}

@media screen and (min-width: 1600px){
  .site-header .container-fluid{ max-width: 1450px;}
  #profilKepala{margin-top: -109px;}

}

@media screen and (min-width: 2000px){
  #beritaUtama .carousel-item .carousel-caption {top: 32%;}
}


@media screen and (max-width: 1436px){
  #beritaUtama .carousel-item img{width: 100% !important; height: auto !important;}  
  .swiperKlarifikasi h4{font-size: 0.65rem;}
  #beritaUtama .carousel-item .carousel-caption h1{width: 63%;font-size: 2.5rem;}
  #profilKepala .p-lg-5{padding: 25px 30px !important;}
  #profilKepala h2.card-title{font-size:1.5rem;}
  #profilKepala .card-text {font-size: 1.2rem;}
}

@media screen and (max-width: 1400px){
  .logo .logotext {font-size:16px;}
  .logo img.logoMaskot {width: 105px;margin-top: -15px;}
}

@media screen and (max-width: 1279px){
  .logo .logotext{font-size: 14px;}
  .site-header a{font-size: 12px;}
  .logo img.logoMaskot {width: 80px;margin-top: -8px;}
  .logo{height: 47px;}
  .logo img.logobpom{width: 24px;}
  #beritaUtama .carousel-item .carousel-caption h1{font-size: 2.3rem;}
  .h2, h2 {font-size: 1.7rem;}
  #profilKepala .card-text {font-size: 1.3rem;}
  #klarifikasiBpom .card-title {font-size: 1.2rem;}
  #layananPublik h2.publik-title {font-size: 28px;}
  #layananPublik {padding: 45px 10px;}
  #latestUpdate .card-title {font-size: 2.8rem;}
}

@media screen and (max-width: 1279px){
  #beritaUtama{height: auto;margin-bottom:25px;}  
}

@media screen and (max-width: 991px){
  #beritaUtama #klarifikasiBPOM{padding: 0 25px;}
  .carousel-control-next-icon, .carousel-control-prev-icon{opacity: 1;}
  .menu-items{ margin-top: 17px;}
  #beritaUtama .carousel-item .carousel-caption{top: 41%;}
  #beritaUtama .carousel-item .carousel-caption h1{width: 100%;font-size: 2.0rem;}
  .site-header.scroll .menu-items {margin-top: 15px;}
  .carousel-control-prev{left: -10px;}
  .carousel-control-next{right: -10px;}
  .navbar-toggler{margin-top:30px;}
  #layananPublik {padding: 45px 0px;}
  #latestUpdate .card-title {font-size: 2.5rem;}
  #navbarNavDropdown{background: rgba(0,0,0,0.7);padding: 30px;border-radius: 15px;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);;margin-top:20px;}
}

@media screen and (max-width: 767px){
  .site-header{height: auto;}
  #beritaUtama .carousel-item .carousel-caption h1 {font-size: 2.0rem;}
  .swiperKlarifikasi h4 ,#latestUpdate .card-title{font-size: 1.7rem;}
  #latestUpdate .card{margin-bottom: 30px;}
  #logoBalai {margin-top: 33px;}
  .logo img.logoMaskot {width: 62px;margin-top: 3px;}
  .menu-items {margin-top: 63px;}
  #latestUpdate .readmore_latest1 {font-size: 2.5rem;}
  #logoBalai {margin-top: 15px;}
  .navbar-toggler {margin-top: 20px;}
  #latestUpdate .card, #profilKepala, #klarifikasiBpom .card{border-radius: 1rem;}
  #paginationWrap{width: 100%;overflow: hidden;}
  #paginationWrap nav{max-width: 100%; overflow-x: auto;}
}

@media screen and (max-width: 640px){
  #beritaUtama .carousel-item .carousel-caption h1 {font-size: 1.3rem;float: none !important;margin:0 !important;text-shadow: none !important;}
  #beritaUtama .container {padding:0;}
  #beritaUtama .carousel-item .carousel-caption {position: unset; background: #000; height: auto; padding: 15px;}
  #waButton{bottom: 15px;width: 50px; height: auto;}
}

@media screen and (max-width: 540px){
  #logoBalai{transform: scale(0.8,0.8);margin-top:15px;margin-left: -59px;}
  .logo{border-bottom-left-radius: 0 !important;border-top-left-radius: 0 !important;}
  .spageh{padding-left:15px;padding-right:15px;}
  .logo img.logobpom{width: 26px;}
  .navbar-toggler{margin-top:15px;}
  .navbar-toggler-icon{width: 1em;height: 1em;}
  #navbarNavDropdown{padding:15px;}
  .site-header #navbarNavDropdown a{font-size: 18px;}
  #latestUpdate .card-title-small {font-size: 1.2rem;}
  #profilKepala .card-text{font-size: 1.1rem;}
  .h2, h2 {font-size: 1.5rem;}
  .swiperKlarifikasi h4, #latestUpdate .card-title {font-size: 1.3rem;}
  #latestUpdate .card-content{padding: 3px !important;}
  #latestUpdate .readmore_latest1 {font-size: 1.5rem;}
  .content-area{padding-top:30px;}
  .content-area h5.card-title,#latestUpdate .card-title-small,#klarifikasiBpom .card-title{font-size:0.95rem;}
  .content-area .card-text{font-size:0.9rem;}
  .spageh .aligns-items-center{min-height: 225px;}
  .spageh h1{padding-top:15px;}
  .footLogo{width: 45px; height: auto;}
  .navbar-toggler{border-color: rgba(255,255,255,0.6);}
  .navbar-toggler-icon{color: rgba(255,255,255,0.6);margin-top:-1px;}
}

@media screen and (max-width: 320px){
  .swiperKlarifikasi h4 {font-size: 1.0rem;}
}