/* ── DESKTOP NAV: responsive scaling across all widths ── */

/* Large screens (1580px+): full-size navigation */
@media (min-width: 1581px) {
.nav-main-bar__inner { height: 94px; }
.nav-menu__item > a, .nav-menu__trigger { font-size: 16px; padding: 0 14px; line-height: 94px; }
.nav-logo img { max-width: 170px; max-height: 76px; }
.nav-search-btn svg { width: 22px; height: 22px; }
/* fab-mega v4 breakpoints — full-width dropdown */
.nav-mega-dropdown__content { padding: 0; }
ul.fab-mega { padding: 0 !important; }
.fab-col { padding: 36px 30px 32px 34px; }
.fab-col--instock { flex: 1 1 0%; min-width: 0; }
.fab-col__icon { width: 48px; height: 48px; }
.fab-col__icon svg { width: 24px; height: 24px; }
.fab-col__title { font-size: 14px !important; }
.fab-col__tagline { font-size: 11.5px; }
.fab-col__links > li > a { font-size: 14px !important; padding: 9px 0 !important; }
.fab-col--weave { flex: 1 1 0%; min-width: 0; }
.fab-instock-panel { padding: 30px 24px 28px; }
.fab-instock-panel__title { font-size: 22px !important; }
.fab-instock-panel__icon svg { width: 44px; height: 44px; }
/* ── Banner Slider: ≥1581px ── */
.yvn-banner-slider { height: calc(100vh - 40px); padding-bottom: 0; }
.yvn-banner-slide__content { left: 15%; max-width: 560px; }
.yvn-banner-slide__title { font-size: 56px; }
.yvn-banner-slide__subtitle { font-size: 20px; }
.yvn-banner-slide__btn { font-size: 15px; padding: 14px 32px; }
.yvn-banner-arrow { width: 48px; height: 48px; font-size: 22px; }
.yvn-banner-arrow--prev { left: 24px; }
.yvn-banner-arrow--next { right: 24px; }
.yvn-banner-dots { bottom: 28px; gap: 12px; }
.yvn-banner-dot { width: 12px; height: 12px; }
}

/* Medium-large screens (1431-1580px): moderately compact */
@media (min-width: 1431px) and (max-width: 1580px) {
.nav-main-bar__inner { height: 90px; }
.nav-menu__item > a, .nav-menu__trigger { font-size: 15px; padding: 0 12px; line-height: 90px; }
.nav-logo img { max-width: 155px; max-height: 72px; }
.nav-search-btn svg { width: 20px; height: 20px; }
.nav-mega-dropdown__content { padding: 0; }
ul.fab-mega { padding: 0 !important; }
.fab-col { padding: 30px 24px 28px 28px; }
.fab-col--instock { flex: 1 1 0%; min-width: 0; }
.fab-col__icon { width: 44px; height: 44px; }
.fab-col__icon svg { width: 22px; height: 22px; }
.fab-col__title { font-size: 13px !important; }
.fab-col__tagline { font-size: 11px; }
.fab-col__links > li > a { font-size: 13.5px !important; padding: 8px 0 !important; }
.fab-col--weave { flex: 1 1 0%; min-width: 0; }
/* ── Banner Slider: 1431-1580px ── */
.yvn-banner-slider { height: calc(100vh - 40px); padding-bottom: 0; }
.yvn-banner-slide__content { left: 9%; max-width: 520px; }
.yvn-banner-slide__title { font-size: 50px; }
.yvn-banner-slide__subtitle { font-size: 18px; }
.yvn-banner-slide__btn { font-size: 14px; padding: 12px 28px; }
.yvn-banner-arrow { width: 44px; height: 44px; font-size: 20px; }
.yvn-banner-arrow--prev { left: 20px; }
.yvn-banner-arrow--next { right: 20px; }
.yvn-banner-dots { bottom: 24px; gap: 10px; }
.yvn-banner-dot { width: 11px; height: 11px; }
}
@media (min-width: 1280px) and (max-width: 1430px) {
.nav-main-bar__inner { height: 86px; }
.nav-menu__item > a, .nav-menu__trigger { font-size: 14px; padding: 0 10px; line-height: 86px; }
.nav-logo img { max-width: 142px; max-height: 68px; }
.nav-search-btn svg { width: 19px; height: 19px; }
.nav-search-btn { line-height: 86px; }
.nav-mega-dropdown__content { padding: 0; }
ul.fab-mega { padding: 0 !important; }
.fab-col { padding: 24px 18px 22px 22px; }
.fab-col--instock { flex: 1 1 0%; min-width: 0; }
.fab-col__icon { width: 38px; height: 38px; border-radius: 7px; }
.fab-col__icon svg { width: 18px; height: 18px; }
.fab-col__title { font-size: 12px !important; }
.fab-col__tagline { font-size: 10.5px; }
.fab-col__links > li > a { font-size: 12.5px !important; padding: 7px 0 !important; }
.fab-col--weave { flex: 1 1 0%; min-width: 0; }
.fab-instock-panel { padding: 22px 18px 20px; }
.fab-instock-panel__title { font-size: 18px !important; }
.fab-instock-panel__icon svg { width: 34px; height: 34px; }
.fab-instock-panel__desc { font-size: 11px; }
.fab-instock-panel__features > li { font-size: 11px; }
/* ── Banner Slider: 1280-1430px ── */
.yvn-banner-slider { height: calc(100vh - 40px); padding-bottom: 0; }
.yvn-banner-slide__content { left: 8%; max-width: 480px; }
.yvn-banner-slide__title { font-size: 44px; }
.yvn-banner-slide__subtitle { font-size: 17px; }
.yvn-banner-slide__btn { font-size: 13px; padding: 11px 24px; }
.yvn-banner-arrow { width: 40px; height: 40px; font-size: 18px; }
.yvn-banner-arrow--prev { left: 16px; }
.yvn-banner-arrow--next { right: 16px; }
.yvn-banner-dots { bottom: 20px; gap: 8px; }
.yvn-banner-dot { width: 10px; height: 10px; }
}

/* Compact screens (1170-1279px): very compact navigation */
@media (min-width: 1170px) and (max-width: 1279px) {
.nav-main-bar__inner { height: 82px; }
.nav-menu__item > a, .nav-menu__trigger { font-size: 13px; padding: 0 8px; line-height: 82px; }
.nav-logo img { max-width: 128px; max-height: 64px; }
.nav-search-btn svg { width: 18px; height: 18px; }
.nav-search-btn { line-height: 82px; padding: 0 4px; }
.nav-main-bar__inner { padding: 0 18px; gap: 4px; }
.nav-mega-dropdown__content { padding: 0; }
ul.fab-mega { padding: 0 !important; }
.fab-col { padding: 18px 12px 16px 16px; }
.fab-col--instock { flex: 1 1 0%; min-width: 0; }
.fab-col__icon { width: 34px; height: 34px; border-radius: 6px; }
.fab-col__icon svg { width: 16px; height: 16px; }
.fab-col__title { font-size: 11px !important; letter-spacing: 0.05em !important; }
.fab-col__tagline { display: none; }
.fab-col__links > li > a { font-size: 12px !important; padding: 6px 0 !important; gap: 5px; }
.fab-link-arrow { font-size: 10px; }
.fab-col--weave { flex: 1 1 0%; min-width: 0; }
.fab-col__head { margin-bottom: 10px; padding-bottom: 10px; }
.fab-instock-panel { padding: 18px 14px 16px; gap: 5px; }
.fab-instock-panel__title { font-size: 16px !important; }
.fab-instock-panel__icon svg { width: 30px; height: 30px; }
.fab-instock-panel__desc { display: none; }
.fab-instock-panel__features > li { font-size: 10.5px; }
.fab-instock-panel__btn { padding: 10px 14px; font-size: 12px; }
/* ── Banner Slider: 1170-1279px ── */
.yvn-banner-slider { height: calc(100vh - 40px); padding-bottom: 0; }
.yvn-banner-slide__content { left: 7%; max-width: 420px; }
.yvn-banner-slide__title { font-size: 38px; }
.yvn-banner-slide__subtitle { font-size: 16px; margin-bottom: 24px; }
.yvn-banner-slide__btn { font-size: 12px; padding: 10px 20px; }
.yvn-banner-arrow { width: 36px; height: 36px; font-size: 16px; }
.yvn-banner-arrow--prev { left: 12px; }
.yvn-banner-arrow--next { right: 12px; }
.yvn-banner-dots { bottom: 16px; gap: 8px; padding: 8px 16px; }
.yvn-banner-dot { width: 9px; height: 9px; }
}

@media (min-width: 1270px) and (max-width: 1485px) {
.single-arrival.left .product-item,.single-arrival.right .product-item {

}
}
@media (min-width: 1485px) and (max-width: 1585px) {
.single-arrival.left .product-item,.single-arrival.right .product-item {
  padding: 58px 20px;
}
}
@media (min-width: 988px) and (max-width: 1058px) {
}
@media (min-width: 1200px) and (max-width: 1265px) {
.box-wrapper,.box-wrapper .container,.box-layout .nav-main-bar.sticky {width:1150px;}
.featured-slider.single-products {
  margin-left: 0px;
  margin-right: 0px;
}
.featured-slider {height: 390px;}
.single-products:hover .prev.slick-arrow  {
  left: 0px;
}
.single-products:hover .next.slick-arrow  {
  right: 0px;
}
.single-arrival.left .product-item,.single-arrival.right .product-item {
  padding: 63px 20px;
}
.single-arrival.middel .margin-top {
  margin-top: 15px;
}
.single-arrival.middel .actions-btn {
  bottom: 48%;
}
.single-arrival .actions-btn {
  bottom: 24%;
}
.others-product .single-products .next.slick-arrow,.box-wrapper .others-product .single-products .next.slick-arrow {
  right: 0px;
}
.others-product .single-products .prev.slick-arrow,.box-wrapper .others-product .single-products .prev.slick-arrow {
  left: 0px;
}
.others-product .slick-arrow {
  top: 85%;
}
.footer-contact form {
  width: 100%;
  padding-right: 15px;
}
ul.mega-menu > li {
  margin-right: 43px;
}
.sell-up-one .col-md-offset-1 {
  margin-left: 6%;
}
.slide-text {
  right: 50px;
}

}
/* 1170-1249px: drawer nav on tablet */
@media (min-width: 1170px) and (max-width: 1249px) {
.box-wrapper,.box-wrapper .container,.box-layout .nav-main-bar.sticky {width:auto;max-width:1100px;margin-left:auto;margin-right:auto;}
.featured-slider {
  height: 360px;
}
.footer-contact form {
  width: 475px;
}
.sell-up-left {
  padding: 100px 5px 100px 15px;
}
.sell-up-left li span {
  margin-right: 8px;
}
.discount-left > p {
  margin: 16px 0;
}
.others-product .single-products .next.slick-arrow,.box-wrapper .others-product .single-products .next.slick-arrow {
  right: 0px;
}
.others-product .single-products .prev.slick-arrow,.box-wrapper .others-product .single-products .prev.slick-arrow {
  left: 0px;
}
.others-product .slick-arrow {
  top: 85%;
}
.footer-contact form {
  width: 100%;
  padding-right: 15px;
}
.sell-up-one .col-md-offset-1 {
  margin-left: 6%;
}
.size-btn > a {margin-right: 9px;}
.s-footer-text .input-text > input {
  width: 210px;
}
.spacing-table td form {
  width: 100px;
}

}
/* 970-1169px: drawer nav on tablet */
@media (min-width: 970px) and (max-width: 1169px) {
.box-wrapper,.box-wrapper .container,.box-layout .nav-main-bar.sticky {width:auto;max-width:970px;margin-left:auto;margin-right:auto;}
.featured-slider.single-products {
  margin-left: 0px;
  margin-right: 0px;
}
.featured-slider {
  height: 345px;
}
.single-products:hover .prev.slick-arrow  {
  left: 0px;
}
.single-products:hover .next.slick-arrow  {
  right: 0px;
}
.footer-contact {
  padding: 50px 15px 50px 50px;
}
.footer-contact form {
  width: 100%;
}
.sell-up-one .col-md-offset-1 {
  margin-left: 7%;
}
.sell-up-left li span {
  margin-right: 10px;
}
.sell-up-left {
  padding: 100px 5px 100px 20px;
}
.sell-up-area::after {
  height: 165px;
}
.riding-one .riding-title {
  padding: 20px 15px;
}
.slide-text {
  width: 820px;
  top:-40px;
}
.single-arrival .actions-btn {
  bottom: 16%;
}
.others-product .single-products .next.slick-arrow,.box-wrapper .others-product .single-products .next.slick-arrow {
  right: 0px;
}
.others-product .single-products .prev.slick-arrow,.box-wrapper .others-product .single-products .prev.slick-arrow {
  left: 0px;
}
.others-product .slick-arrow {
  top: 85%;
}
.s-footer-text .input-text > input {
  width: 188px;
}
.s-footer-text > form {
  width: 280px;
}
.arival-two .container-fluid {
  padding: 0 50px;
}
.related-area.riding-one .product-item{background:#F7F7F7;}
/* ── Banner Slider: 970-1169px ── */
.yvn-banner-slider { height: auto; padding-bottom: 55%; }
.yvn-banner-slide__content { left: 5%; max-width: 300px; }
.yvn-banner-slide__title { font-size: 24px; }
.yvn-banner-slide__subtitle { font-size: 13px; margin-bottom: 20px; }
.yvn-banner-slide__btn { font-size: 12px; padding: 9px 18px; }
.yvn-banner-slide__actions { gap: 10px; }
.yvn-banner-arrow { width: 36px; height: 36px; font-size: 16px; }
.yvn-banner-arrow--prev { left: 10px; }
.yvn-banner-arrow--next { right: 10px; }
.yvn-banner-dots { bottom: 14px; gap: 8px; padding: 7px 14px; }
.yvn-banner-dot { width: 9px; height: 9px; }
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.box-wrapper,.box-wrapper .container,.box-layout .nav-main-bar.sticky {width:auto;max-width:750px;margin-left:auto;margin-right:auto;}
.container {width:auto;max-width:750px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.section-padding-top {padding-top: 50px;}
.section-padding-bottom{padding-bottom: 50px;}
.section-padding{padding:50px 0;}
.section-title {margin-bottom: 30px;}
.shape {
  padding: 5px 0;
  width: 500px;
}
.slide-text h1 {font-size: 36px;}
.slide-text h4 {margin-bottom: 15px;}
.slide-text {width: auto;max-width: 600px;}
.single-products:hover .prev.slick-arrow  {
  left: 0px;
}
.single-products:hover .next.slick-arrow  {
  right: 0px;
}
.featured-slider.single-products {
  margin-left: 0px;
  margin-right: 0px;
}
.featured-slider {
  height: 305px;
}
.product-details .right hr {
  margin: 20px 0;
}
.sell-up-right {
  padding-top: 160px;
}
.sell-up-left {
  padding: 50px 5px 50px 30px;
}
.count-text {
  margin-top: 50px;
}
.single-arrival.middel {
  margin: 30px 0;
}
.brand-logo li img {
    max-height: 36px;
}
.brand-logo ul {
    gap: 24px;
}
.blog-text.clearfix > p span {
  margin-bottom: 15px;
}
.blog-text h4 {
  font-size: 16px;
}
.footer-contact {
  padding: 50px 30px 50px 30px;
}
.footer-contact form {
  width: 100%;
}
.s-footer-text .input-text > input {
  width: 144px;
}
.s-footer-text > form {
  width: 235px;
}
.footer-title > h4 {
  margin-bottom: 25px;
  font-size: 14px;
}
.s-footer-text > h4 {
  margin-bottom: 20px;
  font-size: 15px;
}
.footer-menu li, .contact-link li {
  margin-bottom: 15px;
}
.footer-menu li a {
  font-size: 13px;
}
/* home version two */
.up-sell-two .discount-left {
  padding: 50px 0 0 0px;
}
.discount-left > p {
  width: auto;
}
.up-sell-two .count-text {
  padding: 10px 0;
}
.up-sell-two .discount-right {
  margin: 65px 0;
}
.next.slick-arrow,.single-products:hover .next.slick-arrow {
  right: 20px;
}
.prev.slick-arrow,.single-products:hover .prev.slick-arrow {
  left: 20px;
}
.others-product .single-products .next.slick-arrow {
  right: 0px;
}
.others-product .single-products .prev.slick-arrow {
  left: 0px;
}
.others-product .slick-arrow {
  top: 85%;
}
.sell-up-right .next.slick-arrow {
  right: -15px;
}
.sell-up-right .prev.slick-arrow {
  left: -15px;
}
.arival-two .container-fluid {
  padding: 0 15px;
}
.riding-title {
  padding: 20px 0;
}
.box-wrapper .others-product .single-products .next.slick-arrow {
  right: 0;
}
.box-wrapper .others-product .single-products .prev.slick-arrow {
  left: 0;
}
/* pages */
.list-view .left {
  margin-right: 20px;
  width: 222px;
}
.list-view .product-title {
  margin-top: 0;
}
hr {
  margin-bottom: 10px;
  margin-top: 10px;
}
.single-side {
  margin-bottom: 30px;
}
.sidebar-title > h3 {
  font-size: 16px;
  margin-bottom: 15px;
}
.p-filter.single-side {
  margin-bottom: 50px;
}
.cart-menu {
  background: #ddd;
}
.about-text {
  margin-top: 30px;
}
.about-text h3,.single-choose h3 {
  margin-bottom: 15px;
}
.single-choose {
  padding-right: 0;
}
.member-img {
  width: 270px;
  margin: 0 auto;
}
.single-member {
  text-align: center;
  margin-bottom: 30px;
}
.our-team {
  margin-bottom: -30px;
}
.single-input .input-text input {
  height: 30px;
}
.single-input .input-text input, .single-input .input-text textarea {
  line-height: 30px;
}
.input-text > input, .input-text > textarea {
  margin-bottom: 15px;
}
.billing-checkbox > label,.date-birth .custom-select select ,.check-title h3 {
  margin-bottom: 15px;
}
.order-history span {
  padding: 0 25px;
}
.single-check .p-bottom50,.account-page .m-bottom50 {
  margin-bottom: 30px;
}
.date-birth .custom-select select {
  padding: 0 5px;
}
table.order-table {
  width: 500px;
}
.single-check .p-bottom50, .single-check.p-bottom50 {
  padding-bottom: 30px;
}
table.spacing-table {
  width: 850px;
}
.spacing-table {
  border-spacing: 0 30px;
}
.cart-page td form {
  width: 100px;
}
.table-one.margin-minus {
  margin: 0 0 50px 0;
}
.cart-page .section-padding-bottom{padding-bottom:0;}
a.btn-style {
  font-size: 14px;
  padding: 0 15px;
}
.contact-informaion.section-padding-top {
  padding-top: 80px;
}
.contact-info {
  width: 320px;
}
/* ── Banner Slider: 768-991px ── */
.yvn-banner-slider { height: auto; padding-bottom: 60%; }
.yvn-banner-slide__content { left: 5%; max-width: 260px; }
.yvn-banner-slide__title { font-size: 22px; }
.yvn-banner-slide__subtitle { font-size: 13px; margin-bottom: 18px; }
.yvn-banner-slide__btn { font-size: 11px; padding: 8px 16px; }
.yvn-banner-slide__actions { gap: 8px; }
.yvn-banner-arrow { width: 34px; height: 34px; font-size: 15px; }
.yvn-banner-arrow--prev { left: 8px; }
.yvn-banner-arrow--next { right: 8px; }
.yvn-banner-dots { bottom: 12px; gap: 8px; padding: 6px 12px; }
.yvn-banner-dot { width: 8px; height: 8px; }
/*-----------------*/



}
/* -----------------------------------
   Responsive Navigation & Layout Fixes
   (2026-06-04: optimized for modern devices)
----------------------------------- */

/* Extra small phones :320px-374px */
@media (max-width: 374px) {
.container,.container-fluid,.box-wrapper,.box-layout .nav-main-bar.sticky {width:auto;max-width:100%;padding-left:10px;padding-right:10px;}
}

/* small mobile :375px. */
@media (max-width: 767px) {
.container,.container-fluid {width:auto;max-width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;}
.box-wrapper,.box-layout .nav-main-bar.sticky  {width:auto;max-width:100%;margin-left:15px;margin-right:15px;}
.section-padding-top {padding-top: 40px;}
.section-padding-bottom,.about-text {padding-bottom: 40px;}
.section-padding{padding:40px 0;}
.section-title,.team-member .single-member {margin-bottom: 30px;}
.section-title > h3 {font-size: 18px;}
.nav-menu-wrap,.simpleLens-lens-element{display:none;}
.nav-search-btn{display:none !important;}
/* header section */
header {
    background: #333 none repeat scroll 0 0;
}
.nav-main-bar ,.cart-menu-area> ul> li{
  position: static;
}
.nav-main-bar__inner {background:#333;}
.cart-menu > li {
  text-align: left;
  position:relative;
}
/* ── Banner Slider: ≤767px mobile ── */
.yvn-banner-slider { height: auto; padding-bottom: 70%; }
.yvn-banner-slide__content { left: 4%; max-width: 240px; }
.yvn-banner-slide__title { font-size: 20px; margin-bottom: 10px; }
.yvn-banner-slide__subtitle { font-size: 12px; margin-bottom: 16px; }
.yvn-banner-slide__btn { font-size: 11px; padding: 8px 14px; }
.yvn-banner-slide__actions { gap: 8px; }
.yvn-banner-arrow { width: 30px; height: 30px; font-size: 14px; }
.yvn-banner-arrow--prev { left: 6px; }
.yvn-banner-arrow--next { right: 6px; }
.yvn-banner-dots { bottom: 10px; gap: 6px; padding: 5px 10px; }
.yvn-banner-dot { width: 7px; height: 7px; }
/* old main slider (fallback, may appear on other pages) */
.slide-text {
  right: 0;
  top: -40px;
  width: 100%;
  padding: 0 15px;
  text-align:center;
}
.slide-text h1 {font-size: 22px;line-height:1.3;}
.slide-text h4 {display: none;}
.slide-text a.shop-btn {font-size:13px;line-height:32px;padding:0 12px;}
.shape {
  padding: 0 0 3px;
  width: 200px;
}
.shape::after, .shape::before {
  margin-top: -4px;
  width: 38%;
}
.single-products:hover .prev.slick-arrow  {
  left: 0px;
}
.single-products:hover .next.slick-arrow  {
  right: 0px;
}
.featured-slider.single-products {
  margin-left: -15px;
  margin-right: -15px;
}
.featured-slider {
  height: 350px;
}
.sell-up-left {
  padding: 10px 5px 10px 20px;
}
.sell-up-left hr.line{
  margin: 10px 0 30px;
}
.sell-up-left a.shop-btn {
  margin-top: 30px;
}
.sell-up-right {
  padding: 30px 0;
}
.sell-up-right .slick-arrow {
  margin-top: 0;
}
.sell-up-area::after {
  height: 35px;
}
.discount-left > p,.count-text  {
  width: 100%;
}
.count-text li span {
  font-size: 24px;
}
.count-text {
  margin-bottom: 0;
  margin-top: 20px;
  padding: 15px 0;
}
.discount-right {
  padding: 30px 0;
  top: 0;
}
.single-arrival.left .pro-img, .single-arrival.right .pro-img {
  padding: 10px;
}
.single-arrival.left,.single-arrival.middel .col-sm-6:first-child,.blog-item.middel{
  margin-bottom: 30px;
}
.single-arrival.right,.blog-item.middel {
  margin-top: 30px;
}
.single-arrival .actions-btn {
  bottom: 25%;
}
.blog-text {
  padding: 20px 10px 0;
}
.blog-text.clearfix > p span {
  margin-bottom: 15px;
}
.blog-item .view-more {
  padding: 20px 0 0;
}
.brand-logo ul {
    gap: 20px;
}
.brand-logo li img {
    max-height: 30px;
}
.half-width {
  float: none;
  width: 100%;
}
.footer-contact form {width: 100%;}
.footer-contact {
  height: auto;
  padding: 30px;
}
.s-footer-text .input-text > input {
  width: 180px;
}
.s-footer-text > form {
  width: 272px;
}
.footer-title > h4 {
  margin-bottom: 15px;
}
.s-footer-text > h4 {
  margin-bottom: 15px;
}
.social-link.actions-btn ul {
  padding: 0 0 20px;
}
.s-footer-text {
  margin-bottom: 30px;
}
.footer-menu li, .contact-link li {
  margin-bottom: 15px;
}
.footer-top {
  margin-bottom: -30px;
}
.footer-bottom .right, .footer-bottom .left {
    float: none;
}
.footer-bottom .left p, .footer-bottom .left p a {
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px;
}
.main-view {padding: 15px;}
.product-details .right hr {
  margin: 20px 0;
}
.color-brand .s-select:first-child {
    margin-bottom: 10px;
}
.singl-pro-title .actions-btn li {
    margin-top: 10px;
}
.singl-pro-title .actions-btn ul {
    margin-top: -10px;
}
/* home version two */
.up-sell-two .discount-left {
  padding: 10px 0;
}
.up-sell-two .discount-right {
  margin: 30px 0;
}
.up-sell-two .count-text {
  padding: 15px 0;
}
.arival-two .container-fluid {
  padding: 0 15px;
}
.others-product .single-products .next.slick-arrow {
  right: 0px;
}
.others-product .single-products .prev.slick-arrow {
  left: 0px;
}
.others-product .slick-arrow {
  top: 85%;
}
.popular-product .product-item {
  margin-bottom: 30px;
}
.popular-product {
  margin-bottom: -30px;
}
.popular-product .single-products .margin-top {
  margin-top: 0;
}
.blog-two .blog-item {
    margin-bottom: 30px;
}
.blog-two,.our-team {
    margin-bottom: -30px;
}
/* home version three */
.box-wrapper,.box-layout .nav-main-bar.sticky  {width: 300px;}
.single-mata.middel {
  margin: 30px 0;
}
.box-wrapper .others-product .single-products .next.slick-arrow {
  right: 0px;
}
.box-wrapper .others-product .single-products .prev.slick-arrow {
  left: 0px;
}
/* shop pages */
.shop-menu .right li {
  margin-top: 10px;
}
.list-view .left {
  float: none;
  margin-right: 0;
  text-align: center;
}
.sidebar-banner.banner-hover a {
  margin-bottom: 50px;
}
.single-side {margin-bottom: 30px;}
.single-product.margin40 {
  margin-bottom: 30px;
}
.blog-margin .margin {margin-top: 0;}
/* pages */
.about-text {
  padding-bottom: 0px;
}
.about-text h3 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.about-title.section-title {
  margin-bottom: 15px;
}
.single-choose {
  padding-right: 0;
  text-align: center;
  margin-bottom: 30px;
}
.single-choose h3 {
  margin-bottom: 15px;
}
.choose-area .margin-top {
  margin-top: 0px;
  margin-bottom:-30px;
}
.single-member {
  margin-bottom: 30px;
}
.single-blog-page .about-author > h4, .single-blog-page .leave-comment h4 {
  margin-bottom: 20px;
}
.single-blog-page .autohr-text > img {
  float: none;
  margin-right: 0;
  width: 150px;
  margin-bottom: 10px;
}
.single-blog-page .author-des > span {
  margin-bottom: 10px;
}
.single-blog-page .about-author.comments {
  padding-bottom: 20px;
  padding-top: 0px;
}
.single-blog-page .about-author.reply {
  margin-bottom: 20px;
  padding: 20px 0 15px 20px;
}
.single-blog-page .blog-text {
  padding: 20px 0;
}
.input-text > input, .input-text > textarea {
  margin-bottom: 20px;
}
.single-blog-page .leave-comment {
  margin-bottom: 30px;
}
.sigle-blog .sidebar-banner.banner-hover a {
  margin-bottom: 0;
}
.check-title h3 {
  margin-bottom: 15px;
}
.account-title > h3 {
  margin-bottom: 15px;
}
.account-page .m-bottom50,.account-page .single-check.responsive,.cart-page .single-check.responsive,.coupon .submit-text {
  margin-bottom: 30px;
}
.order-history span {
  font-size: 15px;
  padding: 0 5px;
}
.single-check .p-bottom50 {
  padding-bottom: 30px;
}
.single-check .p-bottom50, .single-check.p-bottom50 {
  padding-bottom: 30px;
}
.check-coupon .input-text {
  width: 100%;
}
.check-coupon .submit-text {
  width: 40%;
}
.check-coupon .input-text {
  float: none;
  margin-right: 0;
}
table.order-table {
  width: 500px;
}
.table-one.margin-minus {
  margin: 0px 0 40px 0;
}
.cart-page td form {
  width: 100px;
}
table.spacing-table {
  width: 850px;
}
.spacing-table {
  border-spacing: 0 30px;
  margin: -31px 0;
}
.estimate-text h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.responsive.estimate-text > p {
  margin-bottom: 0px;
}
.contact-info {
  position: static;
  width: 280px;
}
.contact-social.social-share li a {
  margin-left: 46px;
}
.social-share li:nth-child(1) a {
  margin-left: 0;
}
.singl-pro-title > h3 {
  font-size: 20px;
  margin-top: 30px;
}
.color-brand .s-select:first-child {
  margin-bottom: 0;
}
.s-select.s-plus-minus {
  width: 108px;
  margin-top: 10px;
}
.specific-pro span {
  width: 100%;
}
.pro-des-tab {
  margin-top: 30px;
}
.pro-des-tab .tab-menu li a {
  padding-bottom: 10px;
}
.pro-des-tab .tab-content {
  padding: 10px 10px;
}
.margin50 {
  margin: 30px 0;
}
.sidebar-title > h3 {
  margin-bottom: 15px;
}
header.error-header {
  margin-bottom: 270px;
}
.error-header .nav-main-bar {
  top: 129px;
}
.error-header .nav-main-bar {
  position:absolute;
}
/*------------*/
.prev.slick-arrow {
  left: 15px;
}
.next.slick-arrow {
  right: 15px;
}
.single-products:hover .prev.slick-arrow {
  left: 15px;
}
.single-products:hover .next.slick-arrow {
  right: 15px;
}
.sell-up-right .prev.slick-arrow {
  left: -15px;
}
.sell-up-right .next.slick-arrow {
  right: -15px;
}
/*----------*/
.sell-up-left li {
  font-size: 13px;
}
.sell-up-left li span {
  margin-right: 0;
}



}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container ,.container-fluid,.box-wrapper,.box-layout .nav-main-bar.sticky {width:auto;max-width:450px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.error-header .nav-main-bar {
  top: 99px;
}
.featured-slider {
  height: 400px;
}
.sell-up-one ,.up-sell-two.discount-area{
  margin-top: 40px;
}
.single-mata .pro-img> a> img {
  width: 100%;
}
.s-select.s-plus-minus {
  margin-top: 0;
}
.shop-menu .right li {
  margin-top: 0;
}
.single-member {
  margin: 0 auto 30px auto;
}
.single-member,.sidebar-banner.banner-hover,.list-view .pro-img  {
  width: 270px;
}
.cart-page .table-two td form {
  width: auto;
}
.list-view .pro-img {
  text-align: left;
}
.s-select.s-plus-minus {
  width: auto;
}
.sell-up-right .next.slick-arrow {
  right: -15px;
}
.sell-up-right .prev.slick-arrow {
  left: -15px;
}
/*--------*/
.sell-up-left li {
  font-size: 14px;
}
.sell-up-left li span {
  margin-right: 10px;
}

} /* ── end @media (min-width:480px) and (max-width:767px) ── */

/* ══════════════════════════════════════════════════════
   MOBILE NAV VISIBILITY OVERRIDES (2026-06-15 v9 — DRAWER)
   Toggles desktop/mobile header elements per breakpoint.
   NOTE: These MUST be top-level media queries, NOT nested
   inside any other @media block, so they apply at ALL widths.
   ══════════════════════════════════════════════════════ */

/* ── Tablet & below (≤1169px): show hamburger, hide desktop nav ── */
@media (max-width: 1169px) {
  .nav-top-bar { display: none !important; }
  .nav-main-bar { position: static; background: #1a1a1a; }
  .nav-main-bar__inner { height: 80px; }
  .nav-menu-wrap { display: none; }
  .nav-search-btn { display: none !important; }
  #yvnDesktopHamburger { display: flex !important; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 6px; padding: 7px; }
  .nav-logo img { max-width: 160px; max-height: 80px; }
  header { padding-top: 0; }

  /* Show hamburger buttons */
  .yvn-hamburger { display: flex !important; }

  /* Show drawer + backdrop (hidden via inline override, re-enable) */
  .yvn-drawer              { display: flex !important; }
  .yvn-drawer-backdrop     { display: block !important; }
  /* Drawer remains off-screen until .is-open is added via JS */
  .yvn-drawer:not(.is-open) { transform: translateX(-100%); }
  .yvn-drawer-backdrop:not(.is-open) { opacity: 0; visibility: hidden; }
}

/* ── Mobile (≤767px): full mobile nav ── */
@media (max-width: 767px) {
  /* Show mobile-specific elements */
  .yvn-mobile-topbar  { display: block !important; }
  .yvn-mobile-brand   { display: block !important; }
  .yvn-bottom-nav     { display: flex !important; }
  .yvn-mobile-search  { display: block !important; }

  /* Hide desktop navbar on mobile */
  .nav-main-bar { display: none !important; }
  .nav-top-bar { display: none !important; }

  /* Body spacing for fixed topbar + bottom tab bar */
  body {
    padding-top: 104px !important;
    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ── Extra-small phones (≤479px): ensure mobile nav stays visible ── */
@media (max-width: 479px) {
  /* ── Banner Slider: ≤479px ── */
  .yvn-banner-slider { height: auto; padding-bottom: 80%; }
  .yvn-banner-slide__content { left: 3%; max-width: 200px; }
  .yvn-banner-slide__title { font-size: 16px; margin-bottom: 8px; }
  .yvn-banner-slide__subtitle { font-size: 11px; margin-bottom: 12px; }
  .yvn-banner-slide__btn { font-size: 10px; padding: 6px 12px; }
  .yvn-banner-slide__actions { gap: 6px; }
  .yvn-banner-arrow { width: 26px; height: 26px; font-size: 12px; }
  .yvn-banner-arrow--prev { left: 4px; }
  .yvn-banner-arrow--next { right: 4px; }
  .yvn-banner-dots { bottom: 8px; gap: 5px; padding: 4px 8px; }
  .yvn-banner-dot { width: 6px; height: 6px; }
  .yvn-mobile-topbar  { display: block !important; }
  .yvn-mobile-brand   { display: block !important; }
  .yvn-bottom-nav     { display: flex !important; }
  .yvn-mobile-search  { display: block !important; }
  .yvn-drawer         { display: flex !important; }
  .yvn-drawer-backdrop { display: block !important; }
  .yvn-hamburger      { display: flex !important; }

  /* Body spacing for fixed topbar + bottom tab bar */
  body {
    padding-top: 104px !important;
    padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ── Desktop (≥768px): hide mobile-only elements ── */
@media (min-width: 768px) {
  .yvn-mobile-topbar  { display: none !important; }
  .yvn-mobile-brand   { display: none !important; }
  .yvn-bottom-nav     { display: none !important; }
  .yvn-mobile-search  { display: none !important; }
}