/** Shopify CDN: Minification failed

Line 482:0 Unexpected "/"

**/
.hamburger-toggle {
  /* display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: auto; */
}
.mb-menu {
  display: none !important;
  flex-direction: column;
  background-color: #fff;
  padding: 15px;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: 999;
}
.text-center{
  text-align:center;
}
.login.action-btn p{
  font-size:14px;
}

/* get collapsable menu*/
/* Hamburger Style */


.hamburger-toggle span {
  /* display: block;
  height: 3px;
  background: #000;
  border-radius: 2px;
  transition: all 0.3s ease; */
}

@media (min-width: 768px) and  (max-width: 1024px){
  .description-image-grid .grid-img {
   
    height: auto!important;
    
}
  .logo-menu
   {
     
     position:relative;
   }
  .third-header {
    width: 60%;
    margin: auto;
    text-align: center;
}
    .customer-links {
        margin-top: 0 !important;
        margin-bottom: 0;
    }
  ul.customer-links {
    padding-left: 0;
}
.customer-links {
        margin-top: 0 !important;
        margin-bottom: 0;
        /* float: none; */
        margin-left: 0 !important;
    }
.lang-block{
 margin-top:10px;
}
.left-h-op div {
        padding-right: 10px !Important;
        padding-top: 10px !important;
    }
  .left-h-op {
        display: flex
;
        position: relative;
        top: 5px;
    }
}

@media (max-width: 1024px) {
  .mb-menu.menu-visible {
  display: block !important;
}
 .hamburger-toggle {
    /* display: flex !important;   */
  }
  .mb-menu.show .hidden {
    display: block !important;
  }
  .mb-menu.show .hidden, ul.top-level-menu .hidden {
        display: block !important;
        visibility: visible !important;
    }
 
 .custom-header-layout .row
   {
     display:flex;
     flex-direction:row
   }
   .custom-header-layout .row .col-sm-12
   {
     width:auto!important;
   }
    .custom-header-layout .row .col-sm-2
   {
     width:auto!important;
   }
 

  .mb-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mb-menu li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
  }

  .mb-menu a {
    text-decoration: none;
    color: #333;
  }
   .desktop-header
   {
     display:none;
   }
   .mobile_header
   {
     display:block;
   }
  .logo-menu
   {
     display:flex;
     justify-content: space-between;
     padding:5px 10px;
     border-bottom:1px solid #000;
     align-items: center;
     
   }
    .logo-title
   {
    display:inline-block!important;
   }
   .logo-menu h1
   {
     margin-bottom:0px!important;
   }
   .left-h-op
   {
     display:flex;
    
   }
   .left-h-op div
   {
     padding-right:10px;
     padding-top: 5px;
   }
       .customer-links {
      
        margin-top: -5px!important;
  }
   .third-header > .row {
  display: flex;
  flex-wrap: wrap;
}
   .flxed
   {
     justify-content: space-between;
     padding-bottom:10px;
     align-items: center;
   }
}

@media (min-width: 1024px) and  (max-width: 1280px){
  .main-menu.bottom-level-menu ul
 {
 display: flex;
 overflow-x: auto;
white-space: nowrap;
gap: 16px;
scroll-behavior: smooth;
 padding: 8px 5px;
}
}
.detail-title
{
  font-size:18px!important;
}
.panel-title
{
  
   font-size:15px!important;
  border-bottom:1px solid #000;
  padding-bottom:5px;
}
.panel-body p b{
  font-size:16px;
}
.panel-body p {
  font-size:14px;
  line-height:1.3;
  letter-spacing: .8px;
}


/* Step 2: Target all images inside description */



.description-image-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 1rem;
  gap: 1rem;
}

.description-image-grid .grid-img{
  width: 100%;
  height: 500px;
  margin:auto;
  text-align:center;
}
.description-image-grid .grid-img img {
 width: 100%;
  height: 100%;
  border: 1px solid #ccc;
    border-radius: 15px;
    padding: 10px;
 
}
.login-page{
  display:flex;
  justify-content: center;
}
.login-page h2{
 text-align:center;
}
.login-page label, .create-an-account label{
 font-size:14px!important;
}
 #customer_login .page-header h1 {
    font-size: 18px;
}
.create-an-account .title{
  display:none!important;
}
#recover_password p{
  text-align:center;
}
.create-an-account h1
{
   display:block!important;
}
.create-an-account {
  display: flex;
  justify-content: center;  /* Horizontal center */
  align-items: center;      /* Vertical center */
  min-height: 80vh;         /* Give some height for vertical centering */
  padding: 20px;
  flex-direction: column;
}

.create-an-account form {
  width: 100%;
  max-width: 500px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
#recover_password .action-btn span{
  display:none;
}
#recover_password .action-btn a{
  color:#70c7fe;
  font-size:16px!important;
}


@media (max-width: 767px) {
  .header-panel
  {
      overflow:visible!important;
  }
 .header-bottom .search-bar input.input-group-field

{

    
  font-size:12px;
    height: 20px;

    width: 200px!important;

  

}
  .search-bar
  {
    /* padding:0px 10px; */
  }

.description-image-grid {
     grid-template-columns: 1fr;
}
    .template-collection #displayTextLeft {
        display:none!important;
    }
   .main-slideshow .flexslider .slides li .slide-des .slide-button {
        display: block;
        margin-top: 5px;
    }
.slide-text {
        font-size: 15px !important;
        line-height: 1.3;
        display: block;
        padding-bottom: 0;
        margin-top: 5px;
    }
    .slide-heading {
        font-size: 20px !important;
        display: inline-block!important;
        border: 2px solid #000;
        background: rgba(255, 255, 255, 0.6);
        padding: 8px 0px 10px;
      color:#000!important;
    }
.flexslider .slides img {
    display: inline-block;
    cursor: pointer;
    object-fit: cover;
    height: 230px;
    width: 100%;
}
.slide-des {
        bottom: 15% !important;
    }
   .flex-control-nav
  {
    display: none!important;
  }
  .banner-home-bottom .widget-title
  {
     display: none!important;
  }
  .banner-home-bottom
  {
    padding-top: 10px!important;
  }
  .main-collections a {
   border: 1px solid #333;
    padding: 8px 5px;
    border-radius: 5px;
}
.main-collections {
    margin-top: 10px;
  gap:15px;
}
 
.main-collections .active a
{
    background-color: #e60023;
    padding: 8px 5px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}
.collection-title a.btn{
margin-top:10px;
}
.list-category .grid-item{ 
margin-bottom:0;
}
.homepage-banner {
    margin-top: 20px;
}
#shopify-section-men-full-width-bannner {
    margin-top: 20px;
}
.grid-small-container{
gap:7px;
}
}

.active a 
{
  font-weight: bold;
  color: #e60023; /* any highlight color */
  text-decoration: underline;
}
#more-view-carousel .grid-item img {
  height: 100%;
  width: 100%;
}
#more-view-carousel .grid-item {
  height: 100px;
}
@media (min-width: 600px) and (max-width: 1024px) {
   .hamburger-toggle {
    /* display: flex !important;   */
  }
}
@media (max-width: 499px)
{
 
      .products-grid {
        width: auto!important; 
        margin: 0 auto; 
    }
  .products-grid .grid-item .product-top {
    margin-bottom: 15px;
    height: auto!important;
}
}
.header-bottom .search-bar input.input-group-field

{

    background: #fafafa;

    border: 1px solid #ddd;

    color: #323232;

    border-radius: 100px;

    height: 40px;

    width: 360px;

    padding: 15px 10px;
font-size: 15px;
}
.margin-auto
{
  margin:auto;
}

 .header-bottom .search-bar .input-group-btn input.btn{  top: 5px!important; right: 3px!important;  }
.logo-main-header {
    display: flex;
    align-items: center;
}
.site-footer {
    padding-bottom: 20px;
    
}
.main-slideshow .flexslider .flex-direction-nav {
    visibility: visible!important;
}
.main-slideshow .flexslider .flex-control-nav {
    visibility: visible!important;
}
 ul.top-level-menu li.custom-active {
    
    background-color: #333!important;
    border-radius: 5px;
    padding-top:4px;
    padding-bottom:4px;
  }
   ul.top-level-menu li.custom-active a {
    color: white!important;
  
  }
  .main-menu .top-level-menu {
   align-items:center!important;
}
/custom colors for client for now */
label.marineblau { background-color: #1B1B40; }
label.nude { background-color: #F2D1B3; }
label.sea-blue { background-color: #8FB3AD; }
label.armygreen { background-color: #403E2A; }
label.light-brown { background-color: #B39988; }
label.blueish-green { background-color: #246B67; }
label.coffee { background-color: #CFA438; }
label.bright-yellow { background-color: #FFCC01; }
label.sky-gray { background-color: #C0C8D2; }
label.light-sky-blue { background-color: #4FDAE7; }
label.lila { background-color: #A54DCF; }
label.apricot { background-color: #DAC591; }
label.rosegold { background-color: #B76E79; }
label.bronze { background-color: #CD7F32; }
label.gold { background-color: #D49A06; }
label.rose-gold { background-color: #F98F8F; }
label.khaki { background-color: #D4AF63; }
label.light-blue { background-color: #59EAF9; }
label.bright-red { background-color: #F77D7D; }
label.blackrish-green { background-color: #3FB91F; }
label.champagner { background-color: #D7D7B0; }
label.silber { background-color: #D3D3D3; }
label.wassermelonenrot { background-color: #CF4690; }
label.rosa { background-color: #FFC0CB; }
label.braun { background-color: #9A5630; }
label.schwarz { background-color: #000000; }
label.grau { background-color: #808080; }
label.weiss { background-color: #FFFFFF; }
label.weinrot { background-color: #CC3B3B; }
label.blau { background-color: #005BD3; }
label.rot { background-color: #F61F1F; }
label.gruen { background-color: #05AA3D; }
label.burgundy { background-color: #800020; }