/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1024px) { 
.logo-head a h4 {font-size: 1.2rem;}
.r-head a {font-size: .95rem; padding: 14px 20px;}
/** DEFAULT **/
.pages {padding: 20px 0;}
.b-title h2 {font-size: 2.45rem;}
.b-home .box {margin: 0 -10px;}
.b-home .row {padding: 0 10px;}
.b-list a h4 {font-size: 1.05rem;}
.bs-title h1 {font-size: 1.8rem;}
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem; line-height: 1.4;}
.b-more .thumb {max-width: 200px;}
.b-more .row a h4 {font-size: 1.15rem;}
.notfound h1 {font-size: 10rem;}
}

@media screen and (max-width: 980px) {
/** DEFAULT **/
.entry-content p, .entry-content ul li, .entry-content ol li {font-size: .98rem;}
.entry-content h2 {font-size: 1.6rem;}
.entry-content h3 {font-size: 1.4rem;}
.entry-content h4 {font-size: 1.25rem;}
.entry-content h5 {font-size: 1.15rem;}
.op-title h3 {font-size: 1.6rem;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-size: .92rem;}
.gallery .item {width: 25%;}
.gallery .item {padding: 5px;}
}

@media screen and (max-width: 853px) {
/** DEFAULT **/
.sidebar {display: none;}
.b-home .row, .b-list .row {width: 50%;}
}

@media screen and (max-width: 760px) {
.p-box .elementor-column {width: 100%!important;}
}

@media screen and (max-width: 600px) {
.cta {bottom: 10px; right: 10px;}
}

@media screen and (max-width: 583px) {
.cf7vb-buildr-frontend .cf7vb-buildr-control.w-half {flex: 0 0 calc(100% - 10px)!important;}
.cf7vb-buildr-frontend input, .cf7vb-buildr-frontend select {height: inherit!important;}
.pautan .elementor-column.elementor-col-16 {width: 50%!important;}
#popup-body h2 {font-size: 1.1rem;}
#popup-body p {font-size: .92rem;}
/** DEFAULT **/
.b-title h2 {font-size: 1.8rem;}
.b-home .row, .b-list .row {width: 100%;}
.b-list a h4 {font-size: 1.15rem;}
.bs-title h1 {font-size: 1.4rem; line-height: 1.4;}
.entry-content h2 {font-size: 1.5rem;}
.entry-content h3 {font-size: 1.35rem;}
.entry-content h4 {font-size: 1.2rem;}
.entry-content h5 {font-size: 1.1rem;}
.cmt-title h3, .comment-title h3 {font-size: 1.3rem;}
.no-cmt p {font-size: 1.25rem;}
.comment-title p {font-size: .95rem;}
.cmt-title p {font-size: .93rem; line-height: 1.3;}
.cmtform-one {flex-direction: column;}
#commentform .cmtform-one .col {width: 100%;}
#commentform .cmtform-one .col.one {padding-right: 0;}
#commentform .cmtform-one .col.two {padding-left: 0;}
.post-nav .prev-btn {padding-right: 30px;}
.post-nav .next-btn {padding-left: 30px;}
.m-title h3 {font-size: 1.6rem;}
.op-title h3 {font-size: 1.6rem;}
.wpcf7 .box {flex-direction: column;}
.wpcf7 .box .col {width: 100%;}
.wpcf7 label {font-size: .93rem;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {padding: 10px; font-size: .94rem; border-radius: 3px;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item {width: 100%;}
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {font-size: .94rem;}
.wpcf7 .button {display: block;}
.wpcf7 .button input {width: 100%;}
.wpcf7 input.wpcf7-submit {font-size: .94rem;}
.galeri .item {width: 50%;}
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 480px) {
.logo-head {width: 100%;}
.logo-head img {width: 65px!important;}
.logo-head a h4 {font-size: 1.1rem; padding-left: 12px;}
.r-head {margin-left: 10px;}
.r-head a {width: 36px; height: 36px; text-align: center; padding: 9px 0 0 0; display: block; border-radius: 50%;}
.r-head a span {display: none;}
.foot-text p {font-size: .7rem;}
.copy p {font-size: .85rem;}
.wdsgn a {font-size: .8rem;}
/** PAGES **/
.pages {padding: 20px 0;}
.b-title h2 {font-size: 1.45rem;}
.gallery .item {width: 100%;}
.post-meta {font-size: .8rem;}
.entry-content h2 {font-size: 1.3rem;}
.entry-content h3 {font-size: 1.2rem;}
.entry-content h4 {font-size: 1.1rem;}
.entry-content h5 {font-size: 1rem;}
.entry-content p, .entry-content ul li, .entry-content ol li, .related_posts_list li a {font-size: .93rem; line-height: 1.5;}
.b-more .row a {flex-direction: column;}
.b-more .thumb {max-width: 100%; margin-right: 0; margin-bottom: 12px;}
.b-more .row a h4 {font-size: 1rem; line-height: 1.4;}
.op-title h3 {font-size: 1.35rem;}
.wpcf7 .box .row {width: 100%;}
.p-gallery, .galeri {margin: 0 -5px;}
.p-gallery .item, .galeri .item {width: 50%; padding: 0 5px; margin-bottom: 10px;}
.page-content p, .page-content ul li, .page-content ol li {font-size: .95rem;}
.post-edit-link {left: 10px; bottom: 60px;}
}

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

}

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

}

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

}

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

}