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

}

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

}

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

}

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

}

@media screen and (max-width: 1200px) {
.woocommerce-products-header h1 {font-size: 3.4rem; max-width: 700px;}
.page-description p {font-size: 1.18rem;}
}

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

/** WOO **/
.product-title h1 {font-size: 2.4rem;}
.features .row {padding: 30px;}
.features h3 {font-size: 1.16rem;}
}

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


/** WOO **/
.swiper.more-product {overflow: visible;}
.woocommerce-products-header h1 {font-size: 3.2rem;}
.page-description p {font-size: 1.14rem;}
.products {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 1024px) { 
#cssmenu > ul > li > a {font-size: 1rem;}

/** WOO **/
.woocommerce-products-header h1 {font-size: 3rem;}
.sp-top {padding: 20px 0 40px; display: block; max-width: 750px; margin: 0 auto;}
.product-title h1 {font-size: 2.6rem;}
.sdt-intro {margin-top: 6px;}
.sp-price {margin: 15px 0 20px;}
.woocommerce-product-details__short-description p, .spc-title p {font-size: 1.08rem;}
.spc-title {max-width: 700px; margin: 0 auto 25px;}
.spc-title h2, .spc-title p {text-align: center;}
.sp-more .spc-title {max-width: inherit;}
.sp-more .spc-title h2 {text-align: left;}
.features, .spc-how {grid-template-columns: repeat(2, 1fr);}
.features .row {padding: 25px;}
#g-review:not(.badge).grwp_grid .grwp_body {margin-top: 0; gap: 15px;}
.faq-a {font-size: 1rem;}
.p-cart {grid-template-columns: 1fr 340px; gap: 30px;}
.ci-name a {font-size: 1.15rem;}
.ci-price {font-size: .94rem;}
.woo-checkout {grid-template-columns: 1fr 360px; gap: 30px;}
.woocommerce-billing-fields h3 {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.woocommerce-billing-fields__field-wrapper {display: flex; flex-direction: column; gap: 22px;}
#customer_details .form-row {flex-direction: column; border: none;}
#customer_details .form-row-first {border: none; margin-top: 10px;}
#customer_details label, #customer_details .woocommerce-input-wrapper {width: 100%; padding: 0; background: none;}
#customer_details label {margin-bottom: 8px;}
#customer_details .woocommerce-input-wrapper input, #customer_details .woocommerce-input-wrapper textarea, #customer_details .woocommerce-input-wrapper select, .o-content .woocommerce-address-fields .form-row select {padding: 12px; border-radius: 6px;}
#customer_details #billing_address_1_field label, .woocommerce-additional-fields label {height: inherit; padding: 0!important;}
.check-order {padding: 22px;}
}

@media screen and (max-width: 980px) {
.nav {display: none;}
.head {height: auto;}
.b-menu {display: block;}

/** WOO **/
.p-cart, .woo-checkout {gap: 25px;}
.ci-name a {font-size: 1.1rem;}
.p-cart .box, .woo-checkout {display: flex; flex-direction: column;}
.p-cart .box {gap: 20px;}
.woo-checkout {gap: 30px;}
.woocommerce-order {padding: 0 20px; border: none; box-shadow: none; max-width: 980px; margin-top: 20px;}
.woocommerce-thankyou-order-details li strong {font-size: 1.2rem;}
}

@media screen and (max-width: 853px) { 
.sidebar {display: none;}
.b-list .bs-box a h3 {font-size: 1.4rem;}
.bs .bs-box {display: block;}

/** WOO **/
.woocommerce-products-header h1 {font-size: 2.8rem; max-width: 600px;}
.page-description {max-width: 760px;}
.page-description p {font-size: 1.1rem;}
.s-page {background-size: 980px;}
.products {grid-template-columns: repeat(2, 1fr); gap: 20px;}
.spc-title h2 {font-size: 1.8rem;}
.spc-title p {font-size: 1.05rem;}

}

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



.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: 738px) {
.back, .p-title {margin-bottom: 20px;}
.p-title h1 {font-size: 1.8rem;}

}

@media screen and (max-width: 600px) {
.p-title h1 {font-size: 1.55rem;}

.faq-item {margin-bottom: 20px; padding-bottom: 20px;}
.faq-q {font-size: 1.04rem; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.faq-arrow {padding-top: 4px; display: block; flex-shrink: 0; transition: transform 0.3s ease;}
.faq-item.open .faq-arrow {transform: rotate(180deg);}
.faq-a {font-size: .96rem; display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease; margin-top: 0;}
.faq-item.open .faq-a {grid-template-rows: 1fr; margin-top: 5px;}
.faq-a-inner {overflow: hidden; min-height: 0;}
.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;}
/** WOO **/
.woo-page {padding-top: 40px;}
.woocommerce-products-header h1 {font-size: 2.4rem;}
.page-description p {font-size: 1.05rem;}
.wd-title h3 {font-size: 1.25rem;}
.wd-intro {font-size: .9rem;}
.wd-price {font-size: 1.05rem;}
.cta-top .row-one, .sp-embed-toolbar, .sp-embed-frame-wrap {display: none;}
.cta-top {top: inherit; bottom: 0; transform: translateY(100%);}
.cta-top .box {display: block;}
.cta-top button.single_add_to_cart_button, .cta-top .preview-btn a {font-size: .9rem; width: 100%;}
.cta-top .cart, .cta-top .preview-btn {width: 100%;}
.woocommerce-message {font-size: .8rem; padding: 8px 8px 8px 10px;}
.woocommerce-message a {font-size: .76rem; padding: 6px 10px; border-radius: 4px;}
.product-title h1 {font-size: 2rem;}
.sdt-intro {font-size: .85rem;}
.woocommerce-product-details__short-description p {font-size: 1.02rem;}
.summary .nota {padding: 12px;}
.sp-embed {padding-top: 20px;}
.spe-img {display: block;}
.spe-img img {width: 100%; height: auto; margin-bottom: -5px;}
.spc-item {padding: 50px 0;}
.spc-title {max-width: 480px;}
.spc-title p {font-size: 1rem;}
.features, .spc-how {grid-template-columns: repeat(1, 1fr);}
.features .row, .spc-how .row {padding: 20px;}
.features img {width: 34px; height: 34px;}
.spcs-sec {gap: 30px;}
.spcs-label {font-size: .95rem;}
.spc-how {gap: 15px;}
.products {grid-template-columns: repeat(1, 1fr); gap: 30px;}
.sp-end .row-one {max-width: 500px;}
.spe-title h3 {font-size: 2.68rem;}
.spe-title h3 span {display: inline;}
.swiper-button-prev.wd-prev, .swiper-button-next.wd-next {top: 18px;}
.swiper-button-prev.wd-prev {right: 48px;}
.swiper-button-prev.wd-prev::after, .swiper-button-next.wd-next::after {background-size: 24px; width: 24px; height: 24px;}
.woocommerce-thankyou-order-received {font-size: 1.45rem; text-align: left;}
.woocommerce-thankyou-order-details {margin: 15px 0 30px; flex-direction: column;}
.woocommerce-thankyou-order-details li {width: 100%; padding: 14px 0; display: grid; grid-template-columns: 134px 1fr; align-items: center; border-bottom: 1px solid #ddd;}
.woocommerce-thankyou-order-details li strong {font-size: 1rem; padding: 0; margin: 0; border: none;}

}

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

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

.woocommerce-message a {display: none;}
.woocommerce-message {flex-direction: column; align-items: flex-start; gap: 6px; border-radius: 6px; padding: 10px;}
.cart-collaterals {padding: 20px;}
.cart-item {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0;}
.ci-thumb {max-width: 120px;}
.ci-info {width: 66%; padding-left: 15px;}
.ci-name a {font-size: 1rem;}
.ci-intro {font-size: .825rem;}
.ci-remove {width: 100%; text-align: right; margin-top: 5px;}
button.update-cart, .coupon {width: 100%;}

.cart-more .spc-title {max-width: inherit;}
.cart-more .spc-title h2 {font-size: 1.5rem; text-align: left;}
}

@media screen and (max-width: 480px) {
.head {height: auto;}
.r-head {gap: 12px;}
.p-title {margin-bottom: 10px;}

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

/** WOO **/
.swiper-button-prev.wd-prev, .swiper-button-next.wd-next {display: none;}
.woocommerce-products-header h1 {font-size: 2rem;}
.page-description p {font-size: 1rem;}
.lp-category-btn {padding: 10px 12px; border-radius: 6px;}
.lp-category-btn span {font-size: .925rem;}
.woocommerce-ordering {width: 120px;}
.woocommerce-ordering select {font-size: .835rem; width: 100%; background-position: right 0 center;}
.products {grid-template-columns: repeat(1, 1fr); gap: 20px;}
.wd-title h3 {font-size: 1.2rem;}
.sp-top {padding-top: 10px;}
.after-price li {font-size: .76rem;}
.after-price li span {margin: 0 4px 0 1px;}
.woocommerce-product-details__short-description p {font-size: .965rem;}
.spt-end {gap: 10px;}
.spt-end .preview-btn, .spt-end .cart {width: 100%;}
button.single_add_to_cart_button, .preview-btn a {width: 100%; font-size: .98rem; padding: 13px 0;}
.summary .nota {font-size: .8rem;}
.spc-title {max-width: 380px;}
.spc-title h2 {font-size: 1.5rem;}
.spc-title p {font-size: .955rem;}
.features {gap: 12px;}
.features .row, .spc-how .row {padding: 16px;}
.features h3 {font-size: 1.08rem; margin: 8px 0 10px;}
.features p, .spch-info p {font-size: .95rem;}
.spch-top {font-size: .9rem;}
.spch-info {margin-top: 10px;}
.spcs-sec {gap: 15px;}
.spcs-circle-wrap {width: 80px; height: 80px;}
.spcs-score-num {font-size: 1.2rem;}
.spcs-label {font-size: .9rem;}
.faq-item {padding-bottom: 16px; margin-bottom: 16px;}
.sp-more .spc-title {margin-bottom: 15px;}
.spe-title h3 {font-size: 1.8rem; line-height: 1.5;}
.woocommerce-form-coupon-toggle {padding: 10px;}
.checkout_coupon {flex-direction: column; gap: 8px;}
.checkout_coupon input, .checkout_coupon button {width: 100%;}
.woo-checkout h3, .check-order h3 {font-size: 1.25rem;}
#customer_details .woocommerce-input-wrapper input, #customer_details .woocommerce-input-wrapper textarea, #customer_details .woocommerce-input-wrapper select, .o-content .woocommerce-address-fields .form-row select {border-radius: 4px; font-size: .98rem; line-height: 1.2;}
#billing_customer_note_field label {height: inherit;}
#customer_details .woocommerce-input-wrapper textarea {line-height: 1.5;}
.check-order {padding: 18px;}
#payment div.payment_box p {font-size: .85rem;}
.payment-title h3 {font-size: 1.15rem;}
.woocommerce-thankyou-order-received {font-size: 1.4rem;}
.woocommerce-thankyou-order-details li {display: block;}
.woocommerce-thankyou-order-details li strong {padding-top: 4px;}
.woocommerce-customer-details h2.woocommerce-column__title {font-size: 1.15rem;}
}

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

.sharer h4 {font-size: .8rem;}
.aut-desc p {font-size: .8rem;}
.comment-title p {font-size: .76rem;}
.comment-title p span {display: block;}

.product-title h1 {font-size: 1.85rem;}
.sdt-intro {font-size: .82rem; margin-top: 4px;}
.spc-title {max-width: 320px;}
.spcs-sec {column-gap: 0;}
.spcs-item {width: 50%;}
.spcs-circle-wrap {width: 100px; height: 100px;}
.faq-q {font-size: .96rem;}
.faq-a {font-size: .93rem;}
.spt-end {flex-direction: column; gap: 8px;}
.cta-top .spt-end {flex-direction: row; gap: 5px;}
}

@media screen and (max-width: 400px) {
.woocommerce-products-header h1 {font-size: 1.85rem;}
.page-description p {font-size: .98rem;}

.wd-intro {font-size: .8rem;}
}

@media screen and (max-width: 390px) { 
.ci-thumb {max-width: 110px;}
}

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