/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1400px) {
.head-control {padding: 0 20px;}
}

@media screen and (max-width: 1300px) {
.head-control, .control {padding: 0 15px;}
.logo {width: 188px; height: 38px;}
#cssmenu > ul > li {padding: 0 12px;}
#cssmenu > ul > li > a {font-size: .94rem;}
}

@media screen and (max-width: 1250px) {
.logo {width: 164px; height: 33px;}
#cssmenu > ul > li {padding: 0 10px;}
#cssmenu > ul > li > a {padding: 14px 0;}
.katalog .info h4 {font-size: 1.7rem;}
/** DEFAULT **/
.b-list .info h4 a {font-size: 1.2rem;}
.b-content {width: 72%;}
.sidebar {width: 28%;}
}

@media screen and (max-width: 1200px) {
.set .item {width: 20%;}
/** DEFAULT **/
.bs-title h2 {font-size: 3.2rem;}
.b-list a h4 {font-size: 1.15rem;}
.b-content {width: 70%;}
.sidebar {width: 30%;}
.no-cmt p {font-size: 1.4rem;}
}

@media screen and (max-width: 1150px) { 

/** BLOG **/
.b-content {padding-right: 40px;}
.no-cmt p {font-size: 1.3rem;}
}

@media screen and (max-width: 1100px) {
.nav {display: none;}
.head {padding: 12px 0;}
.katalog .item, .set .item {width: 25%;}
.coverage .item a {font-size: .95rem;}
/** BLOG **/
.bs-title h2 {font-size: 3rem;}
.b-list a h4 {font-size: 1.1rem;}
}

@media screen and (max-width: 1024px) { 
.coverage .item a {font-size: .9rem;}
/** DEFAULT **/
.cmt-title h3, .comment-title h3 {font-size: 1.2rem;}
.no-cmt p {font-size: 1.2rem;}
.cmt-title p {font-size: .85rem;}
.comment-title p {font-size: .85rem;}
.c-side li a h4 {font-size: .98rem;}
.more-one a .info h4 {font-size: 1.1rem;}
.bs-title h2 {font-size: 2.8rem;}
.b-list .box {margin: 0 -10px;}
.b-list .row {padding: 0 10px;}
.b-list .info h4 a, .b-list a h4 {font-size: 1.05rem;}
.b-list .excerpt p {font-size: .95rem;}
.post-meta {font-size: .83rem;}
.b-single .bs-title h1 {font-size: 1.6rem;}
.b-single .post-meta {font-size: .83rem;}
.b-content {width: 69%; padding-right: 30px;}
.sidebar {width: 31%;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem; line-height: 1.4;}
.more-one a .info h4 {font-size: 1.2rem; line-height: 1.2;}
.notfound h1 {font-size: 10rem;}
}

@media screen and (max-width: 980px) {
.h-banner .swiper-button-prev, .h-banner .swiper-button-next {display: none;}
.swiper {overflow: visible!important;}
/** DEFAULT **/
.b-list .row {width: 50%;}
.b-list .info h4 a {font-size: 1.1rem;}
.b-content {width: 68%; padding-right: 25px;}
.sidebar {width: 32%;}
.b-single .bs-title h1 {font-size: 1.55rem;}
.entry-content h2, .entry-content h3 {font-size: 1.25rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .97rem;}
.no-cmt p {font-size: 1.1rem;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-size: 1rem;}
.gallery .item {width: 25%;}
.gallery .item {padding: 5px;}
}

@media screen and (max-width: 853px) { 

/** DEFAULT **/
.sidebar {display: none;}
.b-list .row {width: 50%;}
.b-content {width: 100%; padding-right: 0;}
.post-nav a strong {font-size: .9rem;}
}

@media screen and (max-width: 760px) {

}

@media screen and (max-width: 600px) {
.head {padding: 10px 0;}
.h-box {justify-content: center;}
.box-why .elementor-container {align-items: center;}
.katalog .item, .set .item {width: 50%;}
.jenis-kain {grid-template-columns: repeat(2, 1fr);}
.jenis-collar .item {width: 33.33333333%;}
.faq-q h4, .faq-a p {font-size: 1rem;}
.coverage .item {width: 33.33333333%;}
.footer {padding-bottom: 155px;}
.copy p {font-size: .88rem;}
.copy p span {display: block;}
.f-note p {font-size: .78rem;}
}

@media screen and (max-width: 583px) {

/** DEFAULT **/
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 480px) {
.katalog {margin: 0 -10px;}
.katalog .item {padding: 10px;}
.katalog .info h4 {font-size: 1.55rem;}
.jenis-kain {display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px;}
.jenis-collar .item {width: 50%;}
.set {margin: 0 -10px;}
.set .item {padding: 10px;}
.faq-q h4, .faq-a p {font-size: .94rem;}
.coverage .item {width: 50%;}
.f-note p {font-size: .72rem;}
/** PAGES **/
.pages {padding: 20px 0;}
.bs-title {margin-bottom: 15px;}
.bs-title h2 {font-size: 2rem;}
.bs-title h2::before {font-size: 8rem; top: -30px; width: 95%;}
.b-list .row {width: 100%;}
.b-list .post-meta {font-size: .8rem;}
.b-list .excerpt p {font-size: .96rem; line-height: 1.3;}
.b-single .bs-title h1 {font-size: 1.25rem; line-height: 1.3;}
.entry-content h2, .entry-content h3 {font-size: 1.1rem;}
.entry-content p, .entry-content ul li, .entry-content ol li, .related_posts_list li a {font-size: .98rem; line-height: 1.5;}
.sharer h4 {font-size: 1rem;}
.cmt-title h3, .more-post .title h3 {font-size: 1.2rem;}
.cmt-title p {font-size: .8rem;}
.no-cmt {margin: 20px 0;}
.cmt-note, .logged-in-as {font-size: .85rem;}
.comment-wrapper {display: flex; flex-direction: column; padding: 15px 0 10px;}
.author-gravatar {width: 60px; height: 60px; position: relative;}
.author-gravatar img {border: 4px solid #ddd;}
.comment-right {padding: 0; margin-top: 10px; width: 100%;}
.comment-meta {display: flex; align-items: center;}
.komenName {margin-bottom: 0;}
.cmt-meta {margin-left: 5px;}
.comment-wrp p {font-size: .96rem;}
.cmtform-one, .more-one .col a, .wpcf7 .box, .wpcf7 .c-box {flex-direction: column;}
#commentform .cmtform-one .col {margin-bottom: 12px;}
#commentform .cmtform-one .col.one, #commentform .cmtform-one .col {width: 100%; padding: 0;}
#commentform .cmtform-one .col.two {padding-left: 0;}
#commentform label {margin-bottom: 5px; font-size: .85rem;}
#commentform input, #commentform textarea {line-height: 1.3;}
.btn-submit input#submit {font-size: 1rem; padding: 14px 0;}
.more-one .thumb {margin-right: 0;}
.more-one .info {margin-top: 12px;}
.more-one a .info h4 {font-size: 1.05rem;}
.more-post .post-meta {margin: 8px 0 10px;}
.wpcf7 .box .row {width: 100%;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .95rem;}
.wp-pagenavi span, .wp-pagenavi a {font-size: .9rem;}
}

@media screen and (max-width: 400px) {

}

@media screen and (max-width: 390px) { 

}

@media screen and (max-width: 375px) { 
.coverage .item {padding: 3px;}
.coverage .item a {font-size: .82rem;}
.copy p {font-size: .85rem;}
}

@media screen and (max-width: 320px) { 

}