/* ================================================== 
THEME RESPONSIVE
================================================== */
@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1300px) {
.control {padding: 0 15px;}
}

@media screen and (max-width: 1250px) {
/** DEFAULT **/
.b-list .info h4 a {font-size: 1.2rem;}
.b-content {width: 72%;}
.sidebar {width: 28%;}
}

@media screen and (max-width: 1200px) {
#cssmenu > ul > li > a {padding: 20px 12px;}
/** DEFAULT **/
.bs-title h2 {font-size: 3.6rem;}
.b-content {width: 70%;}
.sidebar {width: 30%;}
.no-cmt p {font-size: 1.4rem;}
.wpcf7 .c-box .col.gel {width: 36%;}
}

@media screen and (max-width: 1150px) { 
.appt-btn a {padding: 14px 20px;}
/** BLOG **/
.b-content {padding-right: 40px;}
.no-cmt p {font-size: 1.3rem;}
}

@media screen and (max-width: 1100px) {
.appt-form .wpcf7-form .box {flex-direction: column;}
.appt-form .wpcf7-form .box .row {width: 100%;}
.appt-form .wpcf7-form .row {margin-bottom: 18px;}
}

@media screen and (max-width: 1024px) { 
.nav {display: none;}
.h-main {padding: 15px 0;}
.f-box {flex-direction: column;}
.f-top .row-one, .f-top .row-two {width: 100%;}
.f-top .row-two {margin-top: 30px;}
.f-top .row-two .row {padding: 0 40px 0 0;}
.f-top h3 {font-size: 1.15rem;}
/** 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.4rem;}
.b-list .box {margin: 0 -10px;}
.b-list .row {padding: 0 10px;}
.b-list .info h4 a {font-size: 1.05rem;}
.b-list .excerpt p {font-size: .95rem;}
.post-meta {font-size: .8rem;}
.b-single h1 {font-size: 1.6rem;}
.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) {
.b-menu {display: block; margin-left: 20px;}
/** DEFAULT **/
.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;}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {font-size: .92rem;}
.gallery .item {width: 25%;}
.gallery .item {padding: 5px;}
}

@media screen and (max-width: 853px) { 
.model .elementor-column {width: 50%;}
.sa-list .row {width: 25%;}
/** DEFAULT **/
.sidebar {display: none;}
.b-list .row {width: 50%;}
.b-content {width: 100%; padding-right: 0;}
}

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

}

@media screen and (max-width: 600px) {
.r-nav {display: none;}
.h-top {padding: 5px 0;}
.l-ht {font-size: .82rem;}
.h-top .date {display: none;}
.logo {width: 188px; height: 42px;}
.appt-btn span {display: none;}
.appt-btn a {font-size: .9rem;}
.b-foot .box {flex-direction: column;}
.b-foot .bg-overlay {background: rgba(14,16,108,.85); opacity: 1;}
.b-foot .row-two {width: 100%; padding: 40px; background: url('images/klinik.jpg') top center; background-size: cover;}
.b-foot h3 {font-size: 1.5rem; text-align: center;}
.b-foot p {font-size: 1rem; font-weight: 300; text-align: center;}
.b-foot .btn {display: flex; justify-content: center;}
.b-foot .btn a {font-size: .95rem; font-weight: 500;}
.f-top {padding: 30px 0;}
.f-top .row-two {flex-direction: column;}
.f-top .row-two .row {width: 100%; padding: 0; margin-bottom: 30px;}
.f-top .row-two .row.r-ctc {margin-bottom: 0;}
.f-op {display: flex; gap: 50px;}
.f-op p {margin-bottom: 0!important;}
.copy p {font-size: .88rem; line-height: 1.6;}
.wdsgn a {font-size: .82rem;}
.t-list li {width: 100%;}
}

@media screen and (max-width: 583px) {
/** DEFAULT **/
.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;}
}

@media screen and (max-width: 480px) {
.appt-btn {display: none;}
.b-menu {margin: 0;}
.hero-btn a {width: 100%!important;}
/** 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: .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.5;}
.sharer h4 {font-size: 1rem;}
.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;}
#respond {padding: 20px;}
.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;}
}

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

}

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

}

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

}

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

}