/* Small mobile */
@media (max-width: 480px) {
.inner_page_banner {height: 230px;}
.inner_banner_content {padding: 0 20px;}
.inner_banner_content h1 {font-size: 30px;}
.inner_banner_content p {font-size: 14px;}
}

@media (max-width: 768px) {
.inner_page_banner {height: 375px;}
.inner_page_banner picture img {object-position: center;}
.container, .breadcrumb_wrapper .breadcrumb_inner{max-width:100%;margin:0 auto;padding:0 1rem}
.usp_wrapper .icon_text_grid {grid-template-columns: 1fr;gap: 1.5rem;}
.our_story_text_wrapper{margin: 00 0 30px 0;}
.our_story_wrapper .our_story_row {  grid-template-columns: 1fr;  gap: 24px;  margin-bottom: 50px;}
.our_story_wrapper .our_story_row_left {direction: ltr;}
.our_story_wrapper .our_story_row{gap:0;margin: 0 0 3rem 0;}
.our_story_wrapper .our_story_heading {font-size: 22px;margin: 0;}
.our_story_wrapper .our_story_wrapper .our_story_text{text-align:  justify;}
.our_story_wrapper .our_story_text{max-height: 90px;overflow: hidden;position: relative;transition: max-height .4s ease;}
.our_story_wrapper .our_story_text.expanded{max-height: 1000px;}
.our_story_wrapper .fade_overlay{position: absolute;bottom: 35px;left: 0;width: 100%;height: 50px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);pointer-events: none;}
.our_story_wrapper .our_story_text.expanded + .fade_overlay{display: none;}
.our_story_wrapper .our_story_read_more{width: 100%;display:flex;justify-content: flex-end;margin-top: 10px;background: none;border: none;color: #d0473e;font-size: 12px;font-weight: 600;cursor: pointer;padding: 0;}
.contact_page_wrapper{margin: 0;}
.contact_page_wrapper .container{grid-template-columns: 1fr;}
.contact_page_wrapper .form_container .form_wrapper .form_row{grid-template-columns: 1fr;}

.faqs_wrapper {padding: 1rem 0 3rem 0;}
.faqs_wrapper .container .page_header h2{font-size:2.4rem}
.faqs_wrapper .container .page_header p{padding:0 1rem;font-size: 1.4rem}
.faqs_wrapper .container .faq_columns {grid-template-columns: 1fr;gap:1rem}
.faqs_wrapper .container .faq_group_heading {font-size: 1.6rem;}
.faqs_wrapper .container h3.faq_question {font-size: 1.4rem;}
.faqs_wrapper .container .faq_answer p {font-size: 1.3rem;padding:0}

.wch_wrapper {padding: 30px 15px;}
.wch_wrapper .container {grid-template-columns: 1fr;  gap: 35px;}
.wch_wrapper .wch_feature {padding: 0 10px;}
.wch_wrapper .wch_feature p br {display: none;}

.orbit_section_wrapper {margin: 0 1% 2% 1%;}
.orbit_section_wrapper .orbit_container {display: flex;flex-direction: column;gap: 10px;max-width: 100%;padding: 20px;height: 800px;align-items: flex-start;justify-content: flex-start;}
.orbit_section_wrapper .info_col .content h2 {font-size: clamp(28px, 3vw, 65px);}
.orbit_section_wrapper .orbit_container .slider_col{overflow: hidden;display: flex;position: absolute;width: 100%;height: 50%;bottom: 0;right: 0;}
.orbit_section_wrapper .orbit-line {width: 470px;height: 460px;left: auto;right: -130px;top: -30px;}
.orbit_section_wrapper .semi-circle {width: 430px;height: 430px;right: -138px;top: -10px;}
.orbit_section_wrapper .inner-circle {width: 270px;height: 270px;right: 10px;top: 72px;}
.orbit_section_wrapper .thumb {width: 62px;height: 62px;}
.orbit_section_wrapper .thumb-1 {left: 27px;top: 40px;}
.orbit_section_wrapper .thumb-2 {left: -14px;top: 120px;}
.orbit_section_wrapper .thumb-3 {left: -25px;top: 205px;}
.orbit_section_wrapper .thumb-4 {left: -12px;top: 290px;}
.orbit_section_wrapper .thumb-5 {left: 30px;top: 362px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px){
.container, .breadcrumb_wrapper .breadcrumb_inner{max-width:100%;margin:0 auto;padding:0 1rem}
header {padding: 0.5rem 1rem;justify-content: space-between;display: flex;}
.header_inner {width: 100%;margin:0;padding: 0;}
.header_wrapper .header_inner .logo img{max-width: 90%;}
.mobile_menu_toggle {display: block!important;}
.header_wrapper .menu {position: absolute !important;top: 120% !important;left: -20px !important;right: 0 !important;width: 100% !important;display: block !important;background: #482e0e;margin: 0 !important;padding: 0 !important;max-height: 0;overflow: hidden;opacity: 0;visibility: hidden;transition:    max-height 0.4s ease, opacity 0.3s ease, visibility 0.3s ease;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);}
.header_wrapper .menu.active {max-height: 600px !important;height: 90dvh;opacity: 1 !important;visibility: visible !important;overflow: visible !important;}
.header_wrapper .menu ul {display: block !important;width: 100%;margin: 0 !important;padding: 10px 20px 20px !important;list-style: none;}
.header_wrapper .menu ul li {display: block !important;width: 100%;margin: 0 !important;padding: 0 !important;border-bottom: 1px solid #eee;}
.header_wrapper .menu ul li:last-child {border-bottom: 0;}
.header_wrapper .menu ul li a {display: block !important;width: 100%;padding: 15px 5px;color: #222;text-decoration: none;font-size: 16px;line-height: 1.4;}  
footer.footer_wrapper{width: 96%;margin: 2%;}
footer.footer_wrapper .footer_nav{display: grid;gap: 10px;padding: 15px;margin: 0;}
.footer_wrapper .footer_block {width: 100%!important;border-bottom: 1px solid rgba(0, 0, 0, 0.12);padding-bottom: 15px;gap: 0 !important;}
.footer_wrapper .footer_block:last-child {border: none; padding: 0;}
.footer_wrapper .footer_toggle {display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 0;padding: 16px 0;cursor: pointer;user-select: none;}
footer.footer_wrapper .footer_toggle_icon {display: flex!important;align-items: center;justify-content: center;width: 24px;height: 24px;font-size: 20px;font-weight: 300;line-height: 1;transition: transform 0.3s ease;}
.footer_wrapper .footer_block > ul {max-height: 0;overflow: hidden;margin: 0;padding: 0;opacity: 0;transition:  max-height 0.35s ease,  opacity 0.25s ease,  padding 0.35s ease;}
.footer_wrapper .footer_block.active > ul {max-height: 500px;padding-bottom: 16px;opacity: 1;width: 100%;margin: 15px 0 0 0 !important;}
.footer_wrapper .footer_block.active .footer_toggle_icon {transform: rotate(45deg);}
.footer_wrapper .footer_block > ul li {margin-bottom: 10px;}
.footer_wrapper .footer_block > ul li:last-child {margin-bottom: 0;}  
.footer_wrapper .copyright {padding: 15px;border-top: 0;margin: 0 !important;justify-content: center!important;}
.tf_cards {height: 90dvh;padding: 2%;}
.tf_card_background_overlay {/*background: linear-gradient(  0deg,  rgba(0,0,0,.78),  rgba(0,0,0,.05) 80%);*/}
.tf_cards_top {padding: 22px 20px;}
.tf_cards_top_ext {display: none;}
.tf_cards_content {display: none;left: 20px;top: auto;bottom:20%;width: calc(100% - 40px);}
.tf_content_title {font-size: 38px;line-height: .95;}
.tf_content_description {max-width: 90%;font-size: 13px;}
.tf_content_button {margin-top: 18px;padding: 12px 17px;}
.tf_cards_items {position: absolute;left: 20px;right: 20px;bottom: -90px;width: auto;height: 190px;display: block;overflow-x: auto;overflow-y: visible;padding: 8px 0 15px;scrollbar-width: none;-ms-overflow-style: none;-webkit-overflow-scrolling: touch;overscroll-behavior-x: contain;touch-action: pan-x;/* Important */min-width: 0;}
.tf_cards_items::-webkit-scrollbar {display: none;}
.tf_cards_items_row {display: flex;flex-direction: row;align-items: flex-end;gap: 10px;width: max-content;min-width: max-content;}
.tf_small_card {flex: 0 0 115px;width: 115px;min-width: 115px;height: 155px;position: relative;border-radius: 8px;overflow: hidden;touch-action: manipulation;}
.tf_small_card.is-active {transform: translateY(-5px);}
.tf_small_card_info {left: 10px;right: 10px;bottom: 14px;}
.tf_small_card_title {font-size: 11px;}
.tf_cards_counter {display:none;width: calc(100% - 40px);}
.tf_cards_navigation {display: none;}
.popular_categories_wrapper .section_container{gap:20px}
.popular_categories_wrapper .title_row h2{font-size: 20px;text-align: center;}
.popular_categories_wrapper{padding:20px; margin: 80px 2% 6% 2%;}
.inner_banner_content {padding: 0 25px;}
.inner_banner_content h1 {font-size: 36px;margin-bottom: 8px;}
.inner_banner_content p {font-size: 16px;line-height: 1.4;}
.contact_page_wrapper .container{padding: 0 1rem;}
.store_address_map{padding:0 1rem}
.traditional_section_wrapper{margin: 0 0 20px 0;}
.traditional_section_wrapper .container{grid-template-columns: 1fr;gap:40px;padding:1rem}
.traditional_section_wrapper .container .split_col {flex-direction: column-reverse;transform: translateY(0);}
.traditional_section_wrapper .container .split_col.reverse {direction: ltr;transform: translateY(0);}
.traditional_section_wrapper .container .split_col .split_content h2{font-size:16px;}
.traditional_section_wrapper .container .split_col .split_content p {font-size: 13px;}
.traditional_section_wrapper.last {margin-bottom: 20px;}
.usp_wrapper {margin: 10px 0 20px 0;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.tf_cards{height: 90dvh;}
.tf_cards_items{bottom: -90px;}
.tf_cards_items_row{width: auto; justify-content: space-between;}
.tf_cards_counter {display: flex;}
.tf_cards_counter{width: calc(100% - 0px);}
.popular_categories_wrapper{margin: 100px 2% 0 2%;}
footer.footer_wrapper{margin: 2%;}
.inner_page_banner {height: auto;}
.wch_wrapper{width: 96%;margin:20px 2%}
.wch_wrapper .container {grid-template-columns: 1fr 1fr 1fr;  gap: 35px;}

.orbit_section_wrapper {margin: 2%;width: 96%;}
.orbit_section_wrapper .orbit_container{display: grid;grid-template-columns: 0.8fr 1fr;height: auto;padding: 35px;}
.orbit_section_wrapper .info_col .content h2 {font-size: clamp(25px, 3vw, 65px);line-height: 1.4;}
.orbit_section_wrapper .orbit_container .slider_col{overflow: hidden;display: flex;position: absolute;width: 100%;height: 100%;top: 0;right: 0;}
.orbit_section_wrapper .thumb {width: 62px;height: 62px;}
.orbit_section_wrapper .thumb-1 {left: 27px;top: 40px;}
.orbit_section_wrapper .thumb-2 {left: -17px;top: 115px;}
.orbit_section_wrapper .thumb-3 {left: -25px;top: 203px;}
.orbit_section_wrapper .thumb-4 {left: -11px;top: 290px;}
.orbit_section_wrapper .thumb-5 {left: 25px;top: 360px;}
}