/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1400px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 312px;}
}

@media screen and (max-width: 1350px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 300px;}
}

@media screen and (max-width: 1300px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 288px;}
.cta-box {background-size: 800px;}
.cta-box .box {grid-template-columns: 160px 1fr;}
.cta-two {gap: 30px;}
}

@media screen and (max-width: 1250px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 276px;}
}

@media screen and (max-width: 1200px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 264px;}
.cta-two h3 {font-size: 1.35rem;}
.b-list .bs-box {gap: 30px;}
.b-list a h3 {font-size: 1.15rem;}
.bs .bs-box {gap: 40px;}
.sb-top h1 {font-size: 1.8rem;}
}

@media screen and (max-width: 1150px) { 
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 252px;}
.cta-two h3 {font-size: 1.25rem;}
.cta-two p {font-size: .93rem;}
.liputan .elementor-background-overlay {background-image: linear-gradient(90deg, #FFFFFF 50%, #FFFFFF00 80%)!important;}
}

@media screen and (max-width: 1100px) {
.logo-head {max-width: 140px;}
#cssmenu > ul {gap: 25px;}
.h-wsp a {padding: 12px 0; font-size: .88rem; width: 200px;}
.h-wsp a i {font-size: 1.1rem;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 240px;}
.foot-two .box {gap: 40px;}
.foot-two .f-one {width: 40%;}
.foot-two .f-two {width: 28%;}
.foot-two .f-three {width: 32%;}
.foot-two .f-one p {font-size: .93rem; line-height: 1.3;}
.foot-two .f-add {font-size: .93rem;}
.cta-box {background-position: left center; background-size: auto 160px;}
.cta-two h3 {font-size: 1.2rem;}
.cta-two p {font-size: .9rem;}
.copy p {font-size: .86rem;}
.wdsgn a {font-size: .725rem;}
.end-link a {font-size: .84rem;}
.sb-more.b-list a h3 {font-size: 1.25rem;}
}

@media screen and (max-width: 1024px) { 
.desktop-text {display: none;}
.swiper {overflow: visible!important;}
#cssmenu > ul > li > a {font-size: 1.05rem;}
.hero-label {padding: 12px 15px;}
.hl-text span {font-size: .74rem;}
.why .elementor-container {flex-wrap: wrap; justify-content: center;}
.why .elementor-column {width: 33.33333333%!important;}
.title-card span {display: inline;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 264px;}
.f-add {font-size: .95rem;}
.f-work h4 {font-size: .85rem;}
.f-work {font-size: .92rem;}
.bl-title h3 {font-size: 2.2rem;}
.b-list .bs-box {gap: 25px;}
.b-list a h3 {font-size: 1.1rem;}
.bs .bs-box {gap: 30px;}
.entry-content h2, .entry-content h3 {font-size: 1.3rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem;}
.sb-more.b-list .row {padding: 20px 0;}
.sb-more a {grid-template-columns: 280px 1fr;}
.sb-more.b-list a h3 {font-size: 1.2rem;}
.c-side li a h4 {font-size: .98rem;}
.c-side li a .post-meta {margin-top: 8px;}
.foot-two {padding: 40px 0 30px;}
.foot-two .box {flex-direction: column; justify-content: center; gap: 20px;}
.foot-two .f-one, .foot-two .f-two, .foot-two .f-three {width: 100%; text-align: center;}
.f-info p {font-size: .9rem; max-width: 800px; margin: 10px auto 0;}
.foot-two .f-socmed ul, .foot-two .f-dir {justify-content: center;}
.f-dir img {height: 38px;}
.foot-text p {font-size: .745rem;}
.mobile-text {display: block;}
.cts-one {background-size: 900px;}
.cts-one .box {grid-template-columns: 160px 1fr;}
.cta-features {margin-top: 10px;}
}

@media screen and (max-width: 980px) {
.nav, .h-wsp, .hl-icon, .swiper-button-prev, .swiper-button-next {display: none!important;}
.b-menu {display: block;}
.gtranslate_wrapper {margin-top: -3px;}
.hero-label {display: block; max-width: 230px;}
.hl-sec {display: flex; flex-direction: column; align-items: flex-start; gap: 6px;}
.hl-img img {width: auto; height: 30px!important;}
.hl-text {display: flex; align-items: center; gap: 3px; margin: 0;}
.hl-text strong {display: inline; margin: 0;}
.hl-text strong, .hl-text span {font-size: .78rem; line-height: 1.2;}
.wsp-btn a {padding: 12px 0; font-size: .95rem;}
.wsp-btn a svg {font-size: 1.3rem;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 273px;}
.gallery .row {padding: 3px;}
.fx-page {padding-top: 90px;}
.back button i {vertical-align: .5px;}
.b-list .bs-box {grid-template-columns: repeat(1, 1fr);}
.b-list .bs-box a {display: grid; grid-template-columns: 350px 1fr; align-items: center; gap: 25px;}
.b-list .bs-box .info {margin-top: 0;}
.b-list .bs-box a h3 {font-size: 1.5rem;}
.b-list .bs-box .post-meta {margin: 6px 0 12px;}
.cmtform-one {flex-direction: column; gap: 0;}
.cmtform-one .col {width: 100%;}
#commentform label {margin-bottom: 3px;}
.c-side li a:hover h4, .sb-more.b-list a:hover h3, .end-link a:hover, .b-list a:hover h3 {color: #000;}
.back button {border-color: #000;}
.faq-item:hover {border-color: transparent;}
.faq-item.active {border-color: #0a54d7;}
.hero-cta a:hover, .wsp-btn a:hover, .cta-action a:hover {background: #12b84a;}
.komenName a:hover {color: #0A54D7;}
.cts-one {background-size: 750px;}
.cts-one .box {grid-template-columns: 130px 1fr;}
}

@media screen and (max-width: 853px) { 
.sidebar {display: none;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 317px;}
.gallery .row {width: 33.333333333%;}
.cts-one {background: #002671;}
.cts-one .box {grid-template-columns: 1fr;}
.b-list .bs-box a h3 {font-size: 1.4rem;}
.bs .bs-box {display: block;}
}

@media screen and (max-width: 760px) {
.cta-two p {display: none;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 280px;}
.cta-two {display: block; padding: 10px 0;}
.cta-two h3 {font-size: 1.1rem; text-align: center;}
.cta-action a {padding: 12px 0; font-size: .9rem; width: 400px;}
.cta-features span {font-size: .8rem;}
.fx-page {padding-top: 70px;}
.back button i {vertical-align: .5px;}
.bl-title h3 {font-size: 2rem;}
.b-list .bs-box a {display: block;}
.b-list .bs-box .info {margin-top: 12px;}
.b-list .bs-box a h3 {font-size: 1.2rem;}
.b-list .bs-box .post-meta {margin: 6px 0 8px;}
.b-title {margin-bottom: 15px;}
.b-title h2 {font-size: 1.4rem;}
.sb-more.b-list .row {border: none; padding: 0; margin-bottom: 20px;}
.sb-more.b-list .row:last-child {margin-bottom: 0;}
.sb-more a {display: block;}
.sb-more.b-list .info {margin-top: 12px;}
}

@media screen and (max-width: 600px) {
.head {padding: 20px 0;}
.logo-head {max-width: 130px;}
.hero-label {padding: 10px; max-width: 200px; border-radius: 10px;}
.hl-text strong, .hl-text span {font-size: .75rem; line-height: 1.2;}
.hl-text span {font-weight: 300;}
.why .elementor-column {width: 50%!important;}
.why .elementor-column.last {width: 100%!important;}
.client .item {padding: 8px; width: 20%;}
.client .item img {padding: 0;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 216px;}
.gallery .box {margin: 0 -6px;}
.gallery .row {width: 50%; padding: 3px;}
.gallery .btn-more button {padding: 10px 28px;}
.galeri-habuk {grid-template-columns: repeat(2, 1fr);}
.area ul {margin: 0 -6px;}
.area li {width: 50%; padding: 8px 6px; gap: 6px;}
.more-btn {margin-top: 15px;}
.more-btn a {padding: 10px 30px;}
.faq {gap: 10px;}
.faq-item {padding: 6px 12px 6px 12px; border-radius: 6px;}
.faq-q {padding: 6px 10px 6px 0; gap: 6px;}
.faq-number::before {font-size: .95rem;}
.faq-inner {padding: 0 0 6px;}
.faq-q h3, .faq-a p, .faq-q li {font-size: .86rem;}
.faq-q svg {right: -5px; width: 12px; height: 12px;}
.f-btm {padding-bottom: 135px;}
.foot-two {padding-top: 30px;}
.foot-two .f-three {font-size: .93rem;}
.foot-two h3 {margin-bottom: 6px;}
.copy p {font-size: .84rem;}
.copy p span {display: block;}
.wdsgn a {font-size: .7rem;}
.foot-text p {font-size: .678rem;}
.cta-features span {font-size: .72rem; font-weight: 500;}
.sb-top {margin-bottom: 15px;}
.sb-top h1 {font-size: 1.6rem;}
.sharer ul {gap: 18px;}
.sharer li a {font-size: .66rem;}
.no-cmt p {font-size: 1rem;}
.author-gravatar {width: 40px; height: 40px;}
.comment-right {padding-left: 55px;}
.komenName, .komenName a, .comment-wrp p {font-size: .92rem;}
.comment-title p {font-size: .8rem;}
.cmtform-one {flex-direction: column; gap: 0;}
.cmtform-one .col {width: 100%;}
#commentform label {margin-bottom: 0;}
.btn-submit input#submit {padding: 14px 0;}
.sb-more {margin-top: 30px; padding-top: 30px;}
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 583px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 209px;}
.bl-title h3 {font-size: 1.6rem;}
.bl-title p {font-size: .9rem;}
.bl-top {margin-bottom: 30px;}
.b-list a h3 {font-size: 1.1rem!important;}
.sb-top h1 {font-size: 1.3rem;}
.entry-content h2, .entry-content h3 {font-size: 1.2rem; margin: 15px 0 10px;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .95rem;}
.entry-content p {margin-bottom: 10px;}
.tag span {font-size: .7rem;}
.comment-title h3 {font-size: 1.2rem;}
.no-cmt p {font-size: 1rem;}
.b-title h2 {font-size: 1.2rem;}
.notfound {padding: 3em 0;}
}

@media screen and (max-width: 480px) {
.swiper.blog .excerpt, .swiper.blog .sk-ctn {display: none;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 248px;}
.quo-box .elementor-widget-wrap::before {width: 80px; height: 80px; background-size: 80px; top: -20px; left: 15px;}
.liputan .elementor-background-overlay {background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF00 80%) !important;}
.copy p {font-size: .8rem;}
.wdsgn a {font-size: .66rem;}
.galeri-habuk .v-thumb img {min-height: 100px;}
.wsp-btn a {font-size: .95rem; line-height: 1; padding: 12px 0;}
.wsp-btn a i {font-size: 1.2rem;}
.cta-box .control {padding: 0 10px;}
.cta-two {padding: 12px 0;}
.cta-two h3 {font-size: .95rem;}
.cta-action a {width: 100%; font-size: 1rem;}
.b-list a h3 {font-size: 1.1rem;}
.post-meta {font-size: .8rem;}
.comment-title h3 {font-size: 1.15rem}
.commentlist li {padding: 15px 0;}
.cancel-comment-reply a {font-size: 1.1rem;}
.komenName, .komenName a, .comment-wrp p {font-size: .9rem;}
.comment-content {margin-top: 6px;}
.commentlist li ul.children {margin-bottom: -15px;}
.commentlist li ul.children li.depth-2 {padding-left: 10px;}
.notfound h1 {font-size: 6.5rem;}
.notfound p {font-size: 1rem;}
}

@media screen and (max-width: 410px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 208px;}
.f-add {font-size: .925rem;}
.f-socmed ul {gap: 4px;}
.sharer h4 {font-size: .8rem;}
.aut-desc p {font-size: .8rem;}
.comment-title p {font-size: .76rem;}
.comment-title p span {display: block;}
}

@media screen and (max-width: 400px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 203px;}
}

@media screen and (max-width: 390px) { 
.faq-number {display: none;}
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 198px;}
.f-socmed li a {width: 38px; height: 38px;}
}

@media screen and (max-width: 320px) { 
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 222px;}
.entry-content h2, .entry-content h3 {font-size: 1rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .925rem;}
.sharer ul {gap: 12px;}
.sharer li a {font-size: 1.35rem;}
.komenName, .komenName a, .comment-wrp p {font-size: .88rem;}
.cmt-meta {margin-top: 2px;}
}