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

}

@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;}
.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;}
}

@media screen and (max-width: 1100px) {
.logo-head {max-width: 140px;}
#cssmenu > ul {gap: 25px;}

.gallerys, .gallerys .swiper-slide .sk-thumb {height: 240px;}
.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) { 
.swiper {overflow: visible!important;}
#cssmenu > ul > li > a {font-size: 1.05rem;}
.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;}
}

@media screen and (max-width: 980px) {
.nav, .swiper-button-prev, .swiper-button-next {display: none!important;}
.b-menu {display: block;}
.gtranslate_wrapper {margin-top: -3px;}
.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;}
}

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

@media screen and (max-width: 760px) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 280px;}
.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) {
.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;}
.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;}
.copy p {font-size: .84rem;}
.copy p span {display: block;}
.wdsgn a {font-size: .7rem;}
.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) {
.gallerys, .gallerys .swiper-slide .sk-thumb {height: 248px;}
.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;}
.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;}
}