/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2021 | 16:17:44 */
/* CUSTOMIZATIONS RELATED TO MEDIA QUERIES AND BREAKPOINTS */ 


/* WHEN BROWSER WINDOW IS 768PX OR MORE */

@media (min-width: 768px) {
  .col-sm-8 {
    width: 80%
  }
    .col-sm-4 {
    width: 20%
  }
  .col-sm-6 {
width: 84%;
}
}


/* WHEN BROWSER WINDOW IS 1170PX OR LESS */

@media (max-width: 1170px) {
header .custom-logo-link img {
    object-fit: contain;
  }
}



/* WHEN BROWSER WINDOW IS 768PX OR LESS */

@media (max-width: 768px) {
  .logo {
text-align: center !important;
}
  
  #mediaheader {
  margin-top: -9px !important;
}
  
/* Mobile: Top Menu responsiveness adjustments */
  #menu-item-2418 a {
    background-color: #8f0e04;
border-radius: 12px;
    padding: 2px 8px 2px 8px;
  }
  
    #menu-item-2418 li {
    z-index: 999;
  }
  
  .top-menu ul {
    font-size: 3.5vw;
  }
  
    .top-menu ul li{
    margin-right: 0px;
    padding-left: 0px
  }
  
  .top-menu {
line-height: 42px;
z-index: 999;
}

  .search-social {
    z-index: 1;
  } 
  
  .social-icons {
padding-top: 6px;
}
  
  /* Boating Experts - Dropdown width */
.experts-dropdown-content {
  width: 90vw;
    column-count: 2;
}
  
  #menu-item-97, #menu-item-1385 {
    display: none;
  }  
  
    #gtranslate_wrapper {
    display: none;
  }  
  
  #nav-icon {
    margin: 18px auto 14px auto;
  }
  
  #menu-item-1565 {
    float: left !important;
  }
  
    #menu-item-99 {
    display: none;
  }

  /* FIXING WIDTHS OF NAV DROPDOWNS ON MOBILE */

/* FIXING WIDTHS OF NAV DROPDOWNS ON MOBILE */

.main-navigation ul .menu-item-86 ul.sub-menu, .main-navigation ul .menu-item-1704 ul.sub-menu {
width: 90% !important;
}
  
  .main-navigation ul ul a {
    line-height: 1.2 !important;
  }

  #menu-item-1565 {
    width: 100% !important;
    margin-bottom: 10px;
  }
  
  .main-navigation ul .menu-item-1565 ul.sub-menu {
    column-count: 2 !important;
    width: 100% !important;
  }
    
  .main-navigation ul li#menu-item-1565 li a {
    font-size: 15px;
    line-height: 1 !important;
    display: inline-block;
  }
  
  .main-navigation ul li#menu-item-1565 a {
    padding: 8px 16px 8px 16px;
  }
  
}