/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul li:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #1e3237;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}

/* ================================================================
   HEADER RESPONSIVE
   ================================================================ */

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

  #header_navigation .hdr-search input[type="search"], #header_navigation .hdr-search input.search-field{
    width: 100% !important;
  }
  .hdr-search input[type="search"] { width: 170px; }
  .hdr-menu > li > a { font-size: 13px; padding: 7px 10px; }
}

@media screen and (max-width: 991px) {
  .hdr-inner { height: 68px; }
  .hdr-nav { flex: none; }
  .hdr-toggle { display: flex !important; }
  #mySidenav.hdr-sidenav {
    display: block;
    position: fixed;
    top: 0; right: 0;
    width: 0;
    height: 100%;
    background: #1a1a1a;
    z-index: 99999;
    overflow-x: hidden;
    transition: width 0.35s;
    padding-top: 60px;
  }
  .hdr-menu {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px;
    gap: 4px;
  }
  .hdr-menu > li > a { font-size: 16px; padding: 10px 14px; border-radius: 8px; }
  .hdr-menu ul.sub-menu { 
        position: static;
        border: none;
        padding-left: 16px;
        background: transparent;
        display: block !important;
  }
}

@media screen and (max-width: 480px) {
  .hdr-icons { gap: 6px; }
  .hdr-icon-btn { width: 34px; height: 34px; font-size: 14px; }
  .hdr-logo-text { font-size: 18px; }
  .hdr-logo-icon { width: 36px; height: 36px; font-size: 17px; }
}

/*-------------- media section ---------------*/
@media screen and (max-width: 991px) {
  #header_navigation .menu-item-has-children:after {
    display: none;
    color: #fff;
    right: 0px;
    top: 2px;
  }
      .main-navigation li {
        padding: 6px 10px !important;
    }
  #header_navigation ul.sub-menu a {
    padding: 5px 0px !important;
}
  #menu-primary-menu li ul.sub-menu li a {
    font-size: 14px !important;
  }
  .main-navigation #menu-primary-menu a {
    font: 400 12px / 20px var(--pri-font);
    text-transform: uppercase;
  }
  .main-navigation ul#menu-primary-menu .current-menu-item > a{
    color: #fff !important;
  }

  header.site-header ul.sub-menu li{
    background: unset !important;
  }
  .closebtn i{
    color: #fff;
  }
  .main-navigation ul#menu-primary-menu .current-menu-item:after{
    display: none;
  }
  .main-navigation a{
    margin: 0px !important;
  }
  .main-navigation a:before , .main-navigation a:after {
    display: none;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .main-navigation .sub-menu li:before {
    top: 12px;
  }
  .site-description{
    font-size: 12px !important;
  }
  .toggle-nav {
    display: block;
    position: relative;
    /* height: 25px; */
    cursor: pointer;
    margin: 10px auto;
    z-index: 99;
    right: 0;
    /* text-align: center; */
    right: 0;
    margin-right: 0;
  }
  .menubar{
    float: none;
  }
  .toggle-nav i {
    font-size: 20px;
    color: #000;
    border-radius: 6px;
    width: 32px;
    height: 33px;
    text-align: center;
    line-height: 32px;
  } 
  #mySidenav .main-navigation #menu-primary-menu a {
    color: #fff !important;
  }
  .sticky .toggle-nav i{
    color: #000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: var(--red);
  }
  #mySidenav #site-navigation {
    padding: 15% 15px;
  }
  .sidenav #site-navigation {
    /* width: 100%; */
  }
  .toggle-nav span {
    cursor:pointer;
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }
  .main-navigation .menu{
    /* float: none;
    text-align: center; */
  }
  .main-navigation ul {
          list-style: none;
        margin: 0;
        background: transparent;
        padding: 0;
        border-radius: 0;
        display: grid;
        flex-direction: column;

  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before,
  .menu > ul > li.current_page_item:before,
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{
    width:100%;
    margin-top:0;
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 0px 5px;
  }
  .nav ul li a{
    padding: 5px 10px;
    display: block;
    color: #fff !important;
    text-align: left;
  }
  .nav ul li a:hover{
    color:#ff8a00;
  }
  .nav ul li ul,
  .nav ul li ul ul{
    display: block;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a {
    padding-left:30px !important;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .main-navigation li.current_page_item {
    border:none;
  }
  .header-button-box {
    margin: 4px 0px;
  }
}

/* ================================================================
   HERO SLIDER – RESPONSIVE
   ================================================================ */

@media screen and (max-width: 1400px) {
  .hs-title__first,
  .hs-title__bold { font-size: 64px; }
  .hs-title__thin  { font-size: 42px; }
  .hs-left-inner   { padding: 90px 30px 60px 40px; }

}


@media screen and (max-width:1440px) and (min-width: 1200px) {

  #slider .hs-custom-dots {
     right: 14% !important;
    top: 70% !important;  
     }
.header-top-box .row {
    justify-content: left !important;
}

    #header_navigation .hdr-search input[type="search"], #header_navigation .hdr-search input.search-field{
      width: 100% !important;
    }
}

@media screen and (max-width: 1199px) {
  .hs-title__first,
  .hs-title__bold { font-size: 54px; letter-spacing: -1px; }
  .hs-title__thin  { font-size: 35px; }
  .hs-composition  { width: 420px; height: 480px; }
  .hs-diamond--main { width: 310px; height: 310px; }
  .hs-diamond--secondary { width: 170px; height: 170px; }
  .hs-watch-img { width: 75%; }
}

@media screen and (max-width: 991px) {
  #slider,
  #slider .hs-swiper,
  #slider .swiper-slide,
  .hs-row,
  .hs-right-col { min-height: auto; }
  .hs-row { flex-direction: column; }
  .hs-left-inner { padding: 70px 30px 40px; text-align: center; }
  .hs-desc  { margin-left: auto; margin-right: auto; }
  .hs-btns  { justify-content: center; }
  .hs-badge { left: 50%; transform: translate(-50%, 0); top: 20px; }
  .hs-composition { width: 360px; height: 400px; margin: 0 auto; }
  .hs-diamond--main { width: 270px; height: 270px; top: 40px; }
  .hs-diamond--secondary { width: 145px; height: 145px; bottom: 20px; left: 10px; }
}

@media screen and (max-width: 767px) {
  .hs-title__first,
  .hs-title__bold { font-size: 44px; letter-spacing: -1px; }
  .hs-title__thin  { font-size: 28px; }
  .hs-nav { display: none; }
  .hs-composition { width: 300px; height: 340px; }
  .hs-diamond--main { width: 220px; height: 220px; border-radius: 22px; }
  .hs-diamond--secondary { width: 120px; height: 120px; border-radius: 15px; }
  .hs-badge { width: 120px; height: 120px; }
  .hs-badge__num { font-size: 30px; }
.product-price {
    justify-content: center !important;
}
.best-product-card {
    flex-direction: column !important;
    height: 100% !important;
}

#featured_sports_categories h3{
  text-align: center;
}
  #slider .hs-pagination {
    position: unset;
    transform: unset;
}
#header_navigation {
    position: unset;
    background: #2a2a2a;
}
.hs-title__second{
      display: flex;
    align-items: center;
    justify-content: center;
}
#slider .hs-pagination .hs-img-bullet {
    width: 100%;
    height: 100%;
    
}
#slider .hs-pagination .hs-img-bullet {
        padding: 6px;
        border-radius: 10px;
}
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}
#slider .hs-custom-dots {
    transform: unset !important;
    position: unset !important;
        margin: 36px auto !important;

}

 .header-top-box .row {
    justify-content: space-around;
}
#slider {
      flex-direction: column;
}
#slider .hs-pagination .hs-img-bullet img {
    border-radius: 10px;
}
}

@media screen and (max-width: 380px) {
  .hs-title__first,
  .hs-title__bold { font-size: 30px; }
  .hs-title__thin  { font-size: 18px; }
}

/* ================================================================
   BEST SELLING SECTION – RESPONSIVE
   ================================================================ */

@media screen and (max-width: 1199px) {
  .bs-card-img--featured { min-height: 300px; }
  .bs-thumb--lg { max-height: 240px; }
}

@media screen and (max-width: 991px) {
  .bs-title {         font-size: 22px;
        text-align: center; }
  .bs-tabs  { justify-content: flex-start; margin-top: 16px; }
  .bs-header { row-gap: 14px; }
  .bs-side-col { flex-direction: row; flex-wrap: wrap; }
  .bs-card--small { flex: 1 1 calc(50% - 12px); min-width: 200px; }
  .bs-card-img--featured { min-height: 260px; }
  .bs-thumb--lg { max-height: 200px; }
  .bs-section { padding: 60px 0 70px; }
}

@media screen and (max-width: 767px) {
  .bs-tabs  { gap: 2px;
        justify-content: center; }
  .bs-tab   { padding: 8px 16px; font-size: 14px; }
  .bs-side-col { flex-direction: row; gap: 16px; }
  .bs-card--small { flex: 1 1 calc(50% - 8px); }
  .bs-thumb { max-height: 130px; }
  .bs-prod-name { font-size: 14px; }
  .bs-gthumb img { width: 52px; height: 52px; }
  .newsletter-social-icons {
justify-content: center;
        margin-top: 18px;}

 .wp-block-woocommerce-cart-order-summary-block {
    margin-top: 20px;
}
.wc-block-cart-items__row {
    padding: 16px 18px !important;
}
}

@media screen and (max-width: 480px) {
  .bs-side-col { flex-direction: column; }
  .bs-card--small { flex: none; }
  .bs-feat-actions { flex-wrap: wrap; justify-content: center; }
  .bs-btn-shop { font-size: 13px; padding: 9px 18px; }
}

@media screen and (max-width: 480px) {
  .hs-title__first,
  .hs-title__bold { font-size: 36px; }
  .hs-title__thin  { font-size: 22px; }
  .hs-btn { font-size: 13px; padding: 11px 18px; gap: 8px; }
  .hs-left-inner { padding: 50px 20px 30px; }
}

/* ================================================================
   NEW WATCH ARRIVALS – RESPONSIVE
   ================================================================ */

@media screen and (max-width: 1199px) {
  .na-banner     { min-height: 440px; }
  .na-tab        {        
     padding: 12px 24px;
    font-size: 16px;}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  /* .na-card overflow:hidden was clipping .na-btn-eye once .na-btn-shop's
     nowrap padding overflowed the narrower 2-column card width */
  .na-actions  { flex-wrap: wrap; }
  .na-btn-shop { padding: 10px 14px; font-size: 13px; }
.footer-content {
    justify-content: center;
}


.hs-ourter-badgebox {
    top: 103px;
}
.bs-prod-name a{
  font-size: 20px;
}
.bs-card-img {
    min-height: 200px;
}
.product-image {
    height: 220px;
}
.product-title {
    font-size: 18px !important;
}
.sports-category-content span {
    font-size: 16px !important;
}
.sports-category-card {
    height: 299px !important;
}
#slider .hs-custom-dots .hs-dot {
    width: 20px !important;
    height: 20px !important;
}
#slider .hs-custom-dots .hs-dot.hs-dot--active{
    width: 20px !important;
    height: 20px !important;
}
.hs-badge__num {
    font-size: 54px;
}
.hs-badge {
    height: 247px;
    width: 224px;
}
#slider {
    height: 900px;
}
.na-card-img {
    width: 180px;
    height: 180px;
}
.na-prod-name a{
  font-size: 16px ;
}
#slider .hs-pagination {
    bottom: 110px;
    right: -16%;
}
#slider .hs-pagination .hs-img-bullet {
    height: 400px;
    padding: 20px;
}

#header_navigation .hdr-search input[type="search"], #header_navigation .hdr-search input.search-field{
  width: 100% !important;
}
#product-new-arrival {
    margin-top: 46px;
}

}

@media screen and (max-width: 991px) {
  #product-new-arrival { padding: 60px 0 70px; }
  /* .na-title      { font-size: 26px; } */
  .na-tabs       { float: none; margin-top: 10px; }
  .na-header     { row-gap: 14px; }
  .na-banner     { min-height: 380px; }
}

@media screen and (max-width: 767px) {
  .na-title      { font-size: 22px; }
  .na-tabs       { flex-wrap: wrap; border-radius: 14px; }
  .na-tab        { padding: 8px 14px; font-size: 12px; }
  .na-banner     { min-height: 320px; }
  .na-banner-title { font-size: 18px; }
  .na-card-img   { width: 95px; }
  .na-prod-name  { font-size: 12px; }
  .na-btn-shop   { font-size: 11px; padding: 6px 11px; }
}

@media screen and (max-width: 480px) {
  .na-tab        { padding: 7px 12px; font-size: 11px; }
  .na-card       { flex-direction: column; }
  .na-card-img   { width: 100%; min-height: 110px; }
  .na-banner     { min-height: 260px; }
  .na-banner-overlay { padding: 22px 20px; }
  .na-banner-title { font-size: 16px; }
  .na-banner-price { font-size: 14px; margin-bottom: 14px; }
}

@media screen and (max-width:1199px) and (min-width: 992px) {
.hdr-row {
    min-height: 80px;
    padding: 12px 0;
    justify-content: space-between;
}
.newsletter-social-icons {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 32px;
    }
    .testibox {
    padding: 0 !important;
    margin: 0 !important
}
#slider {
    height: 800px;
}
#slider .hs-pagination {
    bottom: 150px;
    right: -27%;
}
.hs-ourter-badgebox {
    position: absolute;
    left: 0;
    top: 165px;
}
.hs-badge {
    height: 220px;
    width: 220px;
}
#slider .hs-custom-dots .hs-dot.hs-dot--active {
    width: 20px !important;
    height: 20px !important;
}
#slider .hs-custom-dots .hs-dot{
      width: 20px !important;
    height: 20px !important;
}
.hs-badge__num {
    font-size: 62px;
}
.hs-badge__label{
  font-size: 16px;
}
.hs-badge__off{
    font-size: 16px;

}
#slider .hs-custom-dots {
    right: 4% !important;
    top: 60% !important;
}

.category-list {
        max-height: 250px !important;
    }
    .category-filter-box {
    min-height: 250px !important;
}
.product-image {
    height: 175px !important;
}
.product-card{
   min-height: 250px !important;
}
.best-product-card{
  height: 300px !important;
}
}

@media screen and (max-width:991px) and (min-width: 768px) {
.hdr-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hs-title{
  margin-top: 20px !important
}
.logo {
    margin: auto;
    text-align: center;
}
    .na-tabs {
        width: 100% !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.na-title{
  text-align: center;
}
.na-subtitle{
  text-align: center;
}
  .bs-tabs {
      justify-content: center !important;
  }
.bs-subtitle{
  text-align: center;
}
ins bdi {
    font-size: 18px;
}
#product-new-arrival {
    margin-top: 44px;
}
.about-page #shipping  {
    padding: 8% 0px 0;
    position: relative;
}
.category-filter-box{
      min-height: 250px !important;
}
.product-card{
      min-height: 100% !important;
}
.product-image {
    height: 180px !important;
}
.category-list {
        max-height: 250px !important;
    }
  #slider .hs-pagination {
    position: unset;
    transform: unset;
}
#slider .hs-custom-dots {
    transform: unset !important;
    position: unset !important;
        margin: 36px auto !important;
}
.newsletter-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 32px;
}
.author-name{
  font-size: 14px !important
}
.blog-button-text{
  font-size: 14px !important;
}
.author-img img {
    width: 40px !important;
    height: 40px;
}

    .hs-left-inner {
        padding: 10px 30px 40px !important;
    }
.hs-title__second {

    justify-content: center;
}
#slider .hs-pagination .hs-img-bullet {
    width: 100%;
    height: 100%;
    
}
#slider .hs-pagination .hs-img-bullet {
        padding: 10px;
        border-radius: 70px;
}
.sticky .header-top-box .row {
    justify-content: center;
}
#slider {
      flex-direction: column;
}
#header_navigation {
    position: unset;
    background: #2a2a2a;
}
.best-product-card {

    margin-bottom: 18px;
}
}