/* ================================================== 
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;}
}

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

.ts-text p {font-size: 1rem;}
/** DEFAULT **/
.b-list .info h4 a {font-size: 1.2rem;}
.b-content {width: 72%;}
.sidebar {width: 28%;}
}

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

/** 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) {
/** BLOG **/
.bs-title h2 {font-size: 3rem;}
.b-list a h4 {font-size: 1.1rem;}
}

@media screen and (max-width: 1024px) { 
.ts-item {padding: 25px;}
.ts-text p {font-size: .98rem;}
.swiper.testimony .swiper-button-prev, .swiper.testimony .swiper-button-next {width: 38px; height: 38px;}
.swiper.testimony .swiper-button-prev {left: -15px;}
.swiper.testimony .swiper-button-next {right: 0;}
/** 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) {
.swiper-button-prev, .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) { 
.swiper-button-prev, .swiper-button-next {display: none!important;}
.testimony-grid .box {margin: 0 -6px;}
.testimony-grid .col {width: 50%; padding: 0 6px;}

.sp-gallery .swiper-wrapper {display: flex!important; grid-template-columns: none!important;}
.sp-gallery .swiper-wrapper::after {display: none!important;}
.sp-gallery-more {display: none !important;}
/** 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) {



.faq-q {padding: 10px 20px 10px 28px;}
.faq-q::before {font-size: 1.1rem; top: 9px;}
.faq-q h4, .faq-a p {font-size: .9rem;}
.faq-q i {font-size: .8rem;}
.faq-a {padding: 14px; margin-bottom: 10px;}
.footer {padding-bottom: 150px;}
.f-note p {font-size: .66rem;}
.f-btm p {font-size: .835rem;}
}

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

.testimony-grid .col {width: 100%; margin-bottom: 10px;}
.testimony-grid .ts-item {padding: 18px;}
.testimony-grid .ts-text p {font-size: 1rem;}
.ts-meta h4 {font-size: .9rem;}
.ts-text p {font-size: .95rem;}
.swiper.testimony, .swiper.testimony-img {margin-bottom: 20px;}
.s-top {padding: 10px 0 20px;}
.b-title h2 {font-size: 1.45rem;}
.wsp-btn a {font-size: 1rem; padding: 14px 0;}
/** DEFAULT **/
.notfound h1 {font-size: 8rem;}
}

@media screen and (max-width: 480px) {
/** PAGES **/
.pages {padding: 20px 0;}
.b-list .row {width: 100%; margin-bottom: 25px;}
.b-list .info h4 a, .b-list a h4 {font-size: 1rem;}
.b-list .post-meta {font-size: .8rem;}
.b-list .excerpt p {font-size: .96rem; line-height: 1.3;}
.more-btn a {font-size: .9rem;}
.bs-title {margin-bottom: 15px;}
.bs-title h1 {font-size: 1.3rem; line-height: 1.3;}
.bs-title .post-meta {font-size: .8rem;}
.entry-content h2, .entry-content h3 {font-size: 1.05rem;}
.entry-content p, .entry-content ul li, .entry-content ol li, .related_posts_list li a {font-size: .94rem; line-height: 1.5;}
.b-gallery .item {width: 100%;}
.sharer h4 {font-size: 1rem;}
.sharer ul {gap: 0;}
.tag span {font-size: .75rem;}
.post-nav a strong {font-size: .88rem;}
.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;}
.m-title h3 {font-size: 1.3rem;}
.b-more {padding: 20px 0;}
.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) { 

}

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

}