/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1024px) { 
#cssmenu > ul > li > a {font-size: 1.05rem;}
.produk-list .box {margin: 0 -10px;}
.produk-list .item {padding: 0 10px;}
.produk-list .item a h4 {font-size: 1.05rem;}
.sc-one h1 {font-size: 1.6rem;}
.cs-sd p {font-size: 1rem;}
.f-top .l-foot {width: 30%;}
.f-top .r-foot {width: 70%;}
.notfound h1 {font-size: 10rem;}
/** BLOG **/
.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: .95rem;}
.more-one a .info h4 {font-size: 1.1rem;}
.bs-title h2 {font-size: 3rem;}
.b-list .box {margin: 0 -10px;}
.b-list .row {padding: 0 10px;}
.b-list .info h4 a {font-size: 1.15rem;}
.b-single .post-meta {font-size: .85rem;}
.b-content {width: 69%; padding-right: 30px;}
.sidebar {width: 31%;}
.more-one a .info h4 {font-size: 1.2rem; line-height: 1.2;}
}

@media screen and (max-width: 980px) {
.nav, .owl-theme .owl-nav, #toTop {display: none!important;}
.header {padding: 15px 0;}
.footer {padding-bottom: 80px;}
.f-box {flex-direction: column;}
#footmenu > ul > li, .f-top .col li {margin-bottom: 10px;}
#footmenu > ul > li > a, .f-top .col li a {font-size: 1rem;}
.f-socmed {margin: 20px 0;}
.f-end .f-box {align-items: center;}
.partner img {height: 35px;}
.text-btm p {font-size: .76rem;}
.copy p {text-align: center;}
.btm-link {display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.btm-link span {margin: 0 5px;}
.wdsgn {margin-top: 10px;}
.b-menu {display: block;}
/** DEFAULT **/
.b-menu {display: block;}
.pages {padding: 30px 0;}
.p-gallery .item {width: 50%;}
.b-list .info h4 a {font-size: 1.1rem;}
.b-content {width: 68%; padding-right: 25px;}
.sidebar {width: 32%;}
.b-single h1 {font-size: 1.8rem;}
.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;}
}

@media screen and (max-width: 853px) {
.produk-list .item {width: 33.3333333%;}
.f-top {padding: 40px 0;}
.f-top .f-box {flex-direction: column;}
.f-top .l-foot {width: 100%; margin-bottom: 20px;}
.f-top .r-foot {width: 100%;}
/** DEFAULT **/
.b-list .row {width: 50%;}
.bs {flex-direction: column;}
.b-content, .sidebar {width: 100%; padding-right: 0;}
}

@media screen and (max-width: 760px) {
.modal, .moverlay {z-index: 9999;}
.modal-box {width: 700px;}
}

@media screen and (max-width: 600px) {
.ct-deks, .cta .cta-btn {display: none;}
.produk-list .item {width: 50%;}
.h-blog .item a {flex-direction: column;}
.h-blog a .thumb {width: 100%; margin: 0 0 12px;}
.h-blog a .info {width: 100%;}
.sc-one .box {flex-direction: column;}
.sc-one .row-one, .sc-one .row-two {width: 100%;}
.sc-one .row-one {margin: 0 0 12px;}
.sc-galeri .item {width: 33.3333333%;}
.footer {padding-bottom: 50px;}
.f-top {padding-bottom: 30px;}
.f-top .r-foot {flex-direction: column;}
.f-top .row-one, .f-top .row-two, .f-top .row-three {width: 100%; padding: 0;}
.f-top .row-two {margin: 20px 0;}
#footmenu > ul > li, .f-top .col li {width: 50%; margin-bottom: 8px;}
.cta {bottom: 0; right: inherit; left: 0; width: 100%; max-width: inherit;}
.ct-hp {display: block;}
.cta button {width: 100%;}
.cta .box {background: #00c036; box-shadow: none; margin: 0; border-radius: 0;}
.cta .box p {text-align: center; font-size: 1rem; line-height: 1.3; font-weight: 600; text-transform: uppercase; color: #fff;}
.cta .box p i {margin-right: 2px;}
.post-edit-link {bottom: 60px; left: 10px;}
.modal-box {width: 560px;}
.vsr-top {padding: 15px 20px;}
.vsr-top h3 {font-size: 1.15rem;}
.vsr-title h3 {font-size: 1rem; line-height: 1.3;}
.vsr-box {padding: 20px;}
.sh-note p {font-size: .95rem;}
.wpcf7 label {font-size: .95rem;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-size: .95rem; padding: 11px;}
/** DEFAULT **/
.b-title h2 {font-size: 2.4rem;}
.b-list .row {width: 100%;}
.galeri .item {width: 100%; margin-bottom: 5px;}
.wpcf7 .box .col {width: 100%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {width: 50%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {font-size: .95rem;}
.wpcf7 .button {display: block;}
.wpcf7 .button input {width: 100%;}
}

@media screen and (max-width: 583px) {
.footer {padding-bottom: 70px;}
.wpcf7 .box .col {width: 100%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {width: 50%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {font-size: .95rem;}
.wpcf7 .button {display: block;}
.wpcf7 .button input {width: 100%;}
.notfound h1 {font-size: 8rem;}
.modal-box {width: 520px;}
}

@media screen and (max-width: 480px) {
.header {padding: 10px 0;}
.logo {width: 136px; height: 26px;}
.b-menu {margin-right: -8px;}
.b-menu svg {width: 26px; height: auto;}
.b-menu a {padding: 8px;}
.produk-list .item {padding: 0 5px;}
.produk-list .item a {padding: 5px;}
.produk-list .item a h4 {font-size: 1rem;}
.produk-list .item a .btn {font-size: .85rem;}
.h-blog .item a {flex-direction: column; align-items: flex-start;}
.h-blog a .thumb {width: 100%; margin-right: 0; margin-bottom: 12px;}
.h-blog a .info {width: 100%;}
.h-blog a h4 {font-size: 1.15rem; ;line-height: 1.3;}
.h-blog a p {font-size: .94rem;}
.copy p {font-size: .82rem;}
.sc-one h1 {font-size: 1.2rem;}
.cs-sd p, .cs-sd li {font-size: .96rem;}
.sc-galeri {margin: 0 -5px;}
.sc-galeri .item {width: 50%; padding: 5px;}
.sc-title h3 {font-size: 1.4rem;}
.modal-box {width: 440px;}
.sh-logo {max-width: 44px;}
.sh-note {padding-left: 12px;}
.sh-note h4 {font-size: .95rem;}
.sh-note p {font-size: .92rem;}
/** DEFAULT **/
.pages {padding: 20px 0;}
.bs-title {margin-bottom: 15px;}
.bs-title h2 {font-size: 2rem;}
.bs-title h2::before {font-size: 7rem; top: -30px; width: 90%;}
.b-list .row {width: 100%;}
.b-list .post-meta {font-size: .85rem;}
.b-list .excerpt p {font-size: .96rem; line-height: 1.3;}
.b-single h1 {font-size: 1.3rem; 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: .93rem; line-height: 1.4;}
.tag span {font-size: .76rem;}
.sharer h4 {font-size: 1rem;}
.sharer li {margin: 0 6px;}
.sharer li a {font-size: 1.6rem;}
.no-cmt p {text-align: left;}
.cmt-title h3, .more-post .title h3 {font-size: 1.2rem;}
.cmt-title p {font-size: .8rem;}
.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%;}
.p-gallery .item {width: 100%;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .95rem;}
}